/*
Theme Name: d-revistas
Author: d-revistas
Version: 4.00
Description: Required plugins: Yoast SEO, ACF
Tested up to: 7
Requires PHP: 7
*/

/* Start */

* {
	box-sizing: border-box;
}

@font-face {
	font-display: optional;
    font-family: 'Nokora';
    src: url('fonts/Nokora-Light.woof2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
	font-display: optional;
    font-family: 'Nokora';
    src: url('fonts/Nokora-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-display: optional;
    font-family: 'Nokora';
    src: url('fonts/Nokora-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
	font-display: optional;
    font-family: 'Nokora';
    src: url('fonts/Nokora-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
	font-display: optional;
    font-family: 'Nokora';
    src: url('fonts/Nokora-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
	font-display: optional;
    font-family: 'Nokora';
    src: url('fonts/Nokora-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
	font-display: optional;
    font-family: 'Nokora';
    src: url('fonts/Nokora-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
	font-display: optional;
    font-family: 'Nokora';
    src: url('fonts/Nokora-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

:root {
    --white: #fff;
    --black: #000000;
    --grey-text: #999999;
    --black-text: #232224;
    --dark-bg-color: #1D2025;
    --button-color: #27B813; 
    --button-hover: #067112; 
    --second-color: #27B813;
    --advantages: #25A122;
    --disadvantages: #AF0F0F;
    --advantages-bg: #f2f5eb;
    --disadvantages-bg: #f8eae9;
    --stars: #FFA800;
    --light-bg: #EEEEEE;
    --button-text-color: #FFFFFF;
    --body-bg: white;
    --home-heading-color: white; 
    --linking-a: #fff;
    --linking-a-hover: #61DDB9;
    --links-bg: #1660a4;
    --lavander: #898D9A;
    --a-hover: #067112;
    
}


html, body {
    margin: 0;
    padding: 0;
    font-family: 'Nokora', sans-serif; 
    color: var(--black-text);
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

html {
    scroll-behavior: smooth;
}

.button-big {
    text-decoration: none;
    color: white;
    border-radius: 10px;
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center;
    width: 190px;
    font-size: 22px;
    font-weight: 600;   
    transition: background 0.15s;
    margin-bottom: 30px;
    display: inline-block;
}

.big-button {
    width: 270px;
    padding-top: 16px;
    padding-bottom: 16px;    
}

.button-small {
    text-decoration: none;
    color: white;
    border-radius: 6px;
    padding: 10px 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;   
    transition: background 0.15s;
}

.button-standart {
    color: var(--button-text-color);
    display: inline-block;
    background: linear-gradient(180deg, #27B813 0%, #008819 100%);
    box-shadow: 0px 3px 17px 0px #24B414CC;
    border-radius: 2px;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.button-standart::after {
    content: '';
    width: 10px;
    height: 14px;
    background: url(img/arrow-white.svg);
    background-size: cover;
    display: flex;
}

.button-alt {
    border: 2px solid var(--second-color);
    border-radius: 2px;
    color: black;
}

.button-standart:hover {
    background: var(--button-hover);
    color: var(--button-text-color);
}

.center {
    margin: 30px auto;
    display: block;
}

.articleauthor__contacts {
	display: flex;
	gap: 10px;
	align-items: center;
}

.articleauthor__contacts a:hover path {
    fill: var(--second-color);
}

.articleauthor__contacts a:hover circle {
	fill: var(--second-color);
}

.articleauthor__contacts a.email:hover path {
	fill: none;
    stroke: var(--second-color);
}

.container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}

.withsidebar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}

main {
    width: 1050px;
}

aside {
    width: 280px;
    margin-top: 20px;
}

.page-template-page-reviewpage aside {
    margin-top: 20px;
}

@media (max-width: 1200px) {
    .withsidebar {
        flex-direction: column;
    }    
    aside {
        display: none;
    }    
    main {
        width: 100%;
    }    
    .morearticles {
        margin-top: 30px;
    }
}

.table-of-contents {
    width: 100%;
    overflow: hidden;
    gap: 10px;
    display: flex;
    flex-flow: column nowrap;
}

.sidebar__header {
    font-size: 20px;
    font-weight: 700;
    color: var(--black-text);
    position: relative;
    cursor: pointer;
    transition: color 0.1s;
    display: flex;
    justify-content: space-between;
    user-select: none;
}

.sidebar__header:hover {
    color: var(--a-hover);
}

.sidebar__content {
    padding: 8px;
    box-shadow: 0px 2px 10px 0px #7B1F351A;
    border: 2px solid #DBDCE0;
}

.sidebar__content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.li-H2 {
    display: flex;
    align-items: center;
}

.li-H2::before {
    content: '';
    height: 16px;
    width: 16px;
    background: url(img/sidebar_arrow.svg);
    display: flex;
}

.sidebar__content ul .li-H2:not(:first-child) {
    border-top: 2px solid white;
}

.li-H3 {
    padding-left: 15px;
}

.li-H4 {
    padding-left: 40px;
}

.sidebar__content a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    color: var(--black-text);
    transition: color 0.1s;
    padding: 12px 0;
    padding-left: 10px;
    display: block;
    flex: 1;
}

.sidebar__content a:hover {
    color: var(--second-color);
}

.li-H2:last-child a {
    padding-bottom: 0;
}

.li-H3 a {
    font-size: 12px;
    padding: 0 0 10px 10px;
    color: #898D9A;
}

.h2h3 {
    border-top: 2px solid white;
}

.table-of-contents-close .sidebar__content {
    display: none;
}

.table-of-contents-close svg {
	rotate: 180deg;
}

.author-sidebar {
    margin-top: 24px;
    border-radius: 20px;
    /* border: 2px solid var(--light-bg); */
    box-shadow: 0 0 6px 0 #57597E1A;
    padding: 20px;
    width: 100%;
}

.author-sidebar__info {
    display: flex;
    gap: 10px;
}

.author-sidebar__photo {
    width: 46px;
    height: 46px;
    border-radius: 23px;
    background-image: url(img/no-image.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.author-sidebar__name {
    font-size: 16px;
    font-weight: 600;
    color: var(--black-text);
    width: calc(100% - 60px);
}

.author-sidebar__name-label {
    background: var(--light-bg);
    padding: 3px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
    margin-top: 4px;
    display: inline-block;
}

.author-sidebar__date {
    margin-top: 24px;
    padding: 18px;
    border-radius: 12px;
    border: 2px solid var(--light-bg);
    font-size: 14px;
    font-weight: 400;
    color: var(--black-text);
}

.author-sidebar__updated {
    padding-left: 42px;
    position: relative;
}

.author-sidebar__updated::before {
    content: '';
    background-image: url(img/updated.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
}

.author-sidebar__published {
    margin-top: 18px;
    padding-left: 42px;
    position: relative;
}

.author-sidebar__published::before {
    content: '';
    background-image: url(img/published.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;  
    left: 0;
}

.author-sidebar__button {
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 16px;
    width: max-content;
}

.sidebaroffers {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: 2px solid #DBDCE0;
    padding: 20px;
}

.sidebaroffer {
    width: 100%;
    padding: 10px 0;
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-template-areas: "i b"
        "i b"
        "t r";
    gap: 10px;
    border-bottom: 1px solid var(--light-bg);
}

.sidebaroffer__img {
    grid-area: i;
    background-size: cover;
    background-position: center;
    width: 60px;
    height: 36px;
}

.sidebaroffer__title {
    grid-area: t;
    color: var(--black-text);
    font-size: 16px;
    font-weight: 700;
    /* line-height: 24px; */
}

.sidebaroffer__button {
    grid-area: b;
    width: auto;
    font-size: 14px;
    padding: 8px 18px;
}

.sidebaroffer__review {
    grid-area: r;
    text-decoration: none;
    color: var(--lavander);
    border-bottom: 1px dashed var(--lavander);
    transition: border-bottom 0.15s, color 0.15s;
    font-size: 12px;
    text-align: center;
}

.sidebaroffer__review:hover {
    color: var(--button-hover);
    border-bottom: 1px dashed var(--button-hover);    
}


.sidebarlinks {
    box-shadow: 0 0 6px 0 #57597E1A;
    border-radius: 10px;
    width: 100%;
    margin-top: 24px;
    padding: 24px;
}

.sidebarlinks__header {
    margin-top: 0 !important;
}

.page-template-page-eatpage .sidebarlinks__header,
.page-template-page-techpage .sidebarlinks__header {
    position: relative;
    padding-left: 48px;
}

.page-template-page-eatpage .sidebarlinks__header::before,
.page-template-page-techpage .sidebarlinks__header::before {
    content: '';
    position: absolute;
    display: block;
    background-image: url(img/www.png);
    width: 32px;
    height: 32px;
    left: 0;
    top: -3px;    
}

.eat-menu {
    list-style: none;
    border: 2px solid var(--second-color);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 0;
}
.eat-menu a {
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    color: var(--black-text);
}
.eat-menu a:hover {
    color: var(--advantages);
}

.sidebar-menu {
    margin-bottom: 0;
    padding: 0;
    list-style: none;   
}

.sidebar-menu li a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    color: var(--black-text);
    padding-left: 60px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
}

.blackjack a::before {
    content: url(img/blackjack.png);
    position: absolute;
    left: 0;
}

.ruleta a::before {
    content: url(img/ruleta.png);
    position: absolute;
    left: 0;
}

.videopoker a::before {
    content: url(img/videopoker.png);
    position: absolute;
    left: 0;
}

.poker a::before {
    content: url(img/poker.png);
    position: absolute;
    left: 0;
}

.baccarat a::before {
    content: url(img/baccarat.png);
    position: absolute;
    left: 0;
}

.dados a::before {
    content: url(img/dados.png);
    position: absolute;
    left: 0;
}

.keno a::before {
    content: url(img/keno.png);
    position: absolute;
    left: 0;
}

.bingo a::before {
    content: url(img/bingo.png);
    position: absolute;
    left: 0;
}

.sidebar-menu li a:hover {
    color: var(--second-color);
}

.sidebar-menu li:not(last-child) a {
    margin-bottom: 12px;
}




/* Articleauthor */

.articleauthor {
    display: flex;
    flex-direction: column;
    gap: 30px;
    background: linear-gradient(180deg, #F2F6EC 0%, #D8F3DD 100%);
    box-shadow: 0px 2px 10px 0px #7B1F351A;
    border: 2px solid #AADAAD;
    border-radius: 2px;
    margin: 60px 0 30px 0;
    padding: 30px;
}

.articleauthor__info {
    display: grid;
    grid-template-columns: 20% calc(80% - 30px);
    gap: 30px;
    align-items: center;
}

.articleauthor__photo {
    width: 120px;
    height: 120px;
    border-radius: 5px;
    background-image: url(img/no-image.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.articleauthor__name {
    font-size: 24px;
    font-weight: 700;
    color: var(--black-text);
	text-decoration: none;
	text-align: center;
}

.articleauthor__image {
    display: flex;
    justify-content: center;
}

.articleauthor__title {
    text-align: center;
}

.articleauthor__name:hover {
	color: var(--second-color);
}

.articleauthor__job {
    background: white;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
    padding: 3px 16px;
    margin-top: 8px;
    width: max-content;
}

.articleauthor__meta {
    display: flex;
    gap: 30px;
}

.articleauthor__updated, .articleauthor__published {
    position: relative;
    font-size: 12px;
    padding-left: 30px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.articleauthor__updated::before {
    content: '';
    background-image: url(img/updated.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: -4px;
}

.articleauthor__published::before {
    content: '';
    background-image: url(img/published.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: -4px;
}

.articleauthor__description {
    background: white;
    border-radius: 2px;
    padding: 20px;
    display: flex;
    gap: 10px;
    flex-flow: column nowrap;
}

.articleauthor__description p {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
}

@media (max-width: 1200px) {
    
    .articleauthor {
        padding: 30px 20px;
    }
    
    .articleauthor__info {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        justify-content: center;
    }
    
    .articleauthor__image {
        order: 1;
    }
    
    .articleauthor__description {
        order: 3;
    }
    
    .articleauthor__title {
        width: calc(100% - 90px);
        order: 2;
    }
    
    .articleauthor__meta {
        order: 4;
        flex-flow: column wrap;
        width: 100%;
    }
    
    .articleauthor__updated, .articleauthor__published {
        width: 100%;
        padding-left: 30px;
    }
    
    .articleauthor__updated::before, 
    .articleauthor__published::before {
        top: 0;
        left: 0;
    }    
    
}



/* Author */

.articleslist {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.articleslist__item {
    border-radius: 2px;
    border: 2px solid #DBDCE0;
    width: 20%;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    justify-content: space-between;
    box-shadow: 0px 2px 10px 0px #7B1F351A;
    padding-bottom: 20px;
}

.articleslist__item .articleauthor__updated::before {
    left: 10px;
}

.articleslist__item .articleauthor__updated{
    padding-left: 40px;
}

.articleslist__item-image {
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.articleslist__item-title {
    font-size: 16px;
    font-weight: 600;   
	color: var(--black-text);	
	padding: 10px;
	text-decoration: none;
}

.articleslist__item-title:hover {
    text-decoration: underline;
}

.articleslist__item-meta {
	display: flex;
	justify-content: space-between;
}

.articleslist__item-author {
    font-size: 12px;
    font-weight: 500;   
	color: var(--black-text);	
	position: relative;
	padding: 0 10px 10px 10px;
    line-height: 30px;
}

.articleslist__item-date {
    font-size: 12px;
    font-weight: 500;   
	color: var(--black-text);	
	position: relative;
	padding: 0 10px 10px 46px;
    line-height: 30px;
}

.articleslist__item-date::before {
    content: url(img/published.png);
	width: 30px;
	height: 30px;
	left: 10px;
	position: absolute;
}

.pagination {
	width: 100%;
}

@media (max-width: 600px) {
	
	.articleslist {
		justify-content: center;
	}	
	
	.articleslist__item {		
		width: 300px;
	}
	
}




/* Header */

.header {
    background: var(--dark-bg-color);
}

.header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 20px;
    height: 116px;    
}

/* Header Menu */

.header-menu {
    display: flex;
    list-style: none;
    margin: 0;
}

.header-menu a {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;   
    text-decoration: none;
    color: white;
    cursor: pointer;
    transition: color 0.2s;
}

.header-menu > li {
    min-width: 144px;
    min-height: 60px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    font-weight: bold;
}


.header-menu > li > a {
    font-size: 16px;
    cursor: pointer;
    transition: color 0.2s;
    height: 100%;
    width: 100%;
    padding: 0;
    background-color: #16161A;
    color: white;
    font-weight: bold;
    text-decoration: none;
    word-wrap: break-word;
    white-space: normal;
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-wrap: balance;
    text-overflow: unset;
}

.header-menu a:hover {
    color: var(--second-color);
}

.menu-item-has-children {
    position: relative;
}

/* .menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    border: solid var(--button-color);
    border-width: 0 2px 2px 0;
    padding: 2px;
    transform: rotate(45deg);
    height: 2px;
    width: 2px;
    margin-bottom: 2px;
} */

.sub-menu {
    display: none;
    list-style: none;
    padding-left: 0;
    z-index: 10;
    position: absolute;
    left: auto;
	right: 0;
    top: 20px;
    list-style: none;
    padding-top: 45px;
    min-width: 250px;
    width: 100%;
}

.menu-item-has-children .menu-item-has-children {
	box-shadow: none;
	border-bottom: none;
}

.menu-item-has-children .menu-item-has-children::after {
	content: none;
}

.menu-item-has-children .menu-item-has-children .sub-menu {
	display: none;
}

.menu-item-has-children .menu-item-has-children:hover {
	background: var(--second-color);
}

.menu-item-has-children .menu-item-has-children:hover > a {
	color: white;
}

.menu-item-has-children .menu-item-has-children:hover .sub-menu {
	display: block;
	position: absolute;
	top: -4px;
	right: 100%;
	padding-top: 0;
}

@media (min-width: 1201px) {
	.menu-item-has-children:hover > .sub-menu {
		display: block;
	}
	.menu-item-has-children:hover > a {
        color: var(--second-color);
        border-bottom: 3px solid var(--second-color);
    }
	.menu-item-has-children:hover::after {
        border: solid var(--second-color);
        border-width: 0 2px 2px 0;
        transform: rotate(225deg);
        margin-bottom: -2px;
	}	
}



.sub-menu li {
    background: #16161a;
}

.sub-menu li a {
    display: block;
    padding: 0 45px 5px 20px;
    line-height: 1.7;
    color: var(--white);
}

.sub-menu li:first-child {
    padding-top: 16px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.sub-menu li:last-child {
    padding-bottom: 16px;
    border-radius: 0 0 2px 2px;
}

.menu-buton {
    display: none;
    position: relative;
    width: 20px;
    height: 20px;
}

@media (max-width: 1200px) {    
    .menu-buton {
        display: block;
    }
    .menu-buton > div {
        height: 2px;
        width: 20px;
        background: var(--white);
    }
    .menu-buton div:nth-of-type(1), .menu-buton div:nth-of-type(2) {
        margin-bottom: 5px;
    }
    .menu-buton-active {
        top: 10px;
        z-index: 20;
        height: 30px;
        background-color: #ffffff;
        width: 30px;
        border-radius: 50%;
    }
    .menu-buton-active div:nth-of-type(1) {
        position: absolute;
        transform: rotate(45deg);
        left: 5px;
        top: 14px;
        background: black;
    }
    .menu-buton-active div:nth-of-type(2) {
        position: absolute;
        transform: rotate(-45deg);
        background: black;
        top: 14px;
        left: 5px;
    }
    .menu-buton-active div:nth-of-type(3) {
        display: none;
    }    
    .header .container {
        padding: 30px 20px;
        height: 78px;
        position: relative;
    }
    .header-menu {
        display: none;
    }    
    .header-menu-active {
        display: block;
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        padding: 60px 20px 20px 20px;
        background: #16161A;
        /* box-shadow: 0 0 6px 0 #57597E1A; */
    } 
 
    .header-menu-active > li > a {
        padding: 12px 0 10px 0;
        display: block;
        text-align: left;
        clip-path: unset;
    }   
    .header-menu a, .sub-menu li a {
        color: var(--dark-bg-color);
        text-align: left;
    }
    .header-menu > li {
        display: block;
    }
    .sub-menu {
        display: block;
        position: inherit;
        padding-top: 0;
        left: 0;
        top: 0;    
    }    
    
    .sub-menu li:first-child {
        border-top: none;
    }    
    .sub-menu li a {
        width: auto;
        font-size: 14px;
        color: white;
    }    
    .sub-menu li:last-child {
        padding-bottom: 10px;
    }    
    .menu-item-has-children::after {
        display: none;
    }	
	.menu-item-has-children .menu-item-has-children .sub-menu {
		display: block;
		padding-left: 20px;
	}	
	.menu-item-has-children .menu-item-has-children:hover .sub-menu {
		position: relative;
	}
	.menu-item-has-children .menu-item-has-children:hover {
		background: var(--light-bg);
	}
	.menu-item-has-children .menu-item-has-children:hover > a {
		color: var(--dark-bg-color);
	}
	.menu-item-has-children .menu-item-has-children .sub-menu li:first-child {
		padding-top: 0;
	}
}



/* Breadcrumbs */

.breadcrumbs {
    display: flex;
    align-items: center;
    gap: 10px;  
    flex-wrap: wrap;
    margin: 20px auto 0 auto;
}

.breadcrumbs a, .breadcrumbs span {
    color: #898D9A;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.breadcrumbs a:hover {
    color: var(--a-hover);
}

.breadcrumbs > span {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
	gap: 10px;
}


.breadcrumb_last {
    color: var(--black) !important;
    font-size: 16px !important;
    font-weight: 600;
}


@media (max-width: 600px) {
    
    .breadcrumbs {
        margin: 0 auto 0 auto;
    }

    .breadcrumbs > span > span:first-child a {
        font-weight: 400;    
    }  
    
    .breadcrumbs a, .breadcrumbs span {
        font-size: 12px;
    } 
    
    .breadcrumb_last {
        font-size: 12px !important;
    }
    
}



/* Article */


article {
    margin-top: 20px;
    margin-bottom: 60px;
}

.home article {
    /* margin-top: 60px; */
}

article a {
    color: var(--button-color);
}

article a:hover {
    text-decoration: none;
}


article p {
    font-size: 18px;
    line-height: 1.3;
}

article p, article ul li, article ol li {
    font-size: 16px;
    line-height: 1.5;
}

article img {
    border-radius: 6px;
    max-width: 100%;
    margin-bottom: 30px;
}

.aligncenter {
    margin: 0 auto 30px auto;
    display: block;    
}

.alignleft {
    margin: 20px 20px 20px 0;
    float: left;
}

.alignright {
    margin: 20px 0 20px 20px;
    float: right;
}

article h1, .h1 {
    font-size: 44px;
    font-weight: 900;
    margin: 0 0 40px 0;
    color: var(--black-text);
}

article h2, .h2 {
    font-size: 36px;
    font-weight: 900;
    margin: 60px 0 30px 0;
    color: var(--black-text);
}

article h3, .h3 {
    font-size: 24px;
    font-weight: 700;
    margin: 24px 0 24px 0;
    color: var(--black-text);
}

article h4, .h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0 20px 0;
    color: var(--black-text);
}

article h5, .h5 {
    font-size: 16px;
    font-weight: 600;
    margin: 30px 0 20px 0;
    color: var(--black-text);
}

article h6, .h6 {
    font-size: 14px;
    font-weight: 600;
    margin: 30px 0 20px 0;
    color: var(--black-text);
}

article p {
    margin: 0 0 30px 0;
    line-height: 1.4;
    font-weight: 300;
}

article ul {
    margin: 0 0 30px 0;
    list-style: none;
    padding: 0;
    line-height: 1.4;
}

article ul li {
    position: relative;
    padding-left: 30px;
}

article ol {
    margin: 0 0 30px 0;
    padding: 0;
    line-height: 1.4;
    list-style: none;
    counter-reset: ol-counter;
}

article ol li {
    padding-bottom: 6px;
    display: flex;
    align-items: center;
}

article ol li::before {
    content: counter(ol-counter);
    counter-increment: ol-counter;
    background: linear-gradient(180deg, #27B813 0%, #008819 100%);
    color: #fff;
    width: 35px;
    height: 35px;
    /* border-radius: 15px; */
    display: flex;
    text-align: center;
    line-height: 30px;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 24px;
    font-weight: bold;
    padding: 0;
    flex: none;
}

.wp-block-table table {
	border-collapse: inherit;
}

.wp-block-table td, .wp-block-table th {
	border: inherit;
}

article table {
    margin: 0 auto 30px auto;
    width: 100%;
    border: none !important;
    border-spacing: 0;
}

article table td, article table th {
    padding: 20px 24px !important;
}

    
article table tr th {
    background: var(--second-color);
    text-align: left;
    color: white;
}
    
article table tr:nth-of-type(odd) td {
    background: var(--light-bg);
}

article table tr:nth-of-type(1) td:nth-of-type(1), article table tr:nth-of-type(1) th:nth-of-type(1) {
    border-top-left-radius: 6px;
}

article table tr:nth-of-type(1) td:nth-last-of-type(1), article table tr:nth-of-type(1) th:nth-last-of-type(1) {
    border-top-right-radius: 6px;
}

article table tr:nth-last-of-type(1) td:nth-of-type(1), article table tr:nth-last-of-type(1) th:nth-of-type(1) {
    border-bottom-left-radius: 6px;
}

article table tr:nth-last-of-type(1) td:nth-last-of-type(1), article table tr:nth-last-of-type(1) th:nth-last-of-type(1) {
    border-bottom-right-radius: 6px;
}

blockquote {
    margin: 0 0 30px 0;
    background: var(--light-bg);
    padding: 20px;
    border-radius: 10px;
}

blockquote.blockquote2 {
    margin: 0 0 30px 0;
    background: white;
    padding: 20px;
    border: 2px solid var(--second-color);
    border-radius: 10px;    
}

blockquote p:last-child {
    margin-bottom: 0;
}

iframe {
    max-width: 100%;
    width: 100%;
    margin-bottom: 30px;    
}

/* linking */

.linking {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin-top: 30px;
    margin-bottom: 30px;
}

.linking a {
	text-decoration: none;
	background: white;
	width: 205px;
	min-height: 60px;
	border-radius: 10px;
	padding-left: 14px;
    font-size: 14px;
    font-weight: 500;
	background-color: white;
	color: var(--linking-a);
    display: grid;
    grid-template-columns: 40px 110px;
    gap: 10px;
    align-items: center;
    position: relative;
    box-shadow: 0px 0px 6px 0px #57597E1A;
}

.linking a:hover {
    color: var(--linking-a-hover);
}

.linking a::after {
    content: '';
    width: 14px;
    height: 8px;
    background-image: url(img/menu-arrow.png);
    transform: rotate(-90deg);
    position: absolute;
    right: 10px;
    top: auto;    
}

.linking a:hover {
    color: var(--a-hover);
}

.linking a:hover::after {
    background-image: url(img/menu-arrow-hover.png);
    transform: rotate(90deg);
}

.linking a div:nth-of-type(1) {
	width: 40px;
	height: 40px;	
}

.linking_1 {
    background-image: url(img/linking_1.png);
}

.linking_2 {
    background-image: url(img/linking_2.png);
}

.linking_3 {
    background-image: url(img/linking_3.png);
}

.linking_4 {
    background-image: url(img/linking_4.png);
}

.linking_5 {
    background-image: url(img/linking_5.png);
}

.linking_6 {
    background-image: url(img/linking_6.png);
}

.linking_7 {
    background-image: url(img/linking_7.png);
}

.linking_8 {
    background-image: url(img/linking_8.png);
}

.linking a div:nth-of-type(2) {
	padding: 10px 0;	
}

@media (max-width: 600px) {
    
    article {
        margin-top: 0;
        margin-bottom: 60px;
    } 	
    
    .home article {
        /*margin-top: 40px; */
    }    
  
    article h1, .h1 {
        font-size: 32px;
        margin: 20px 0 20px 0;
    }
    
    article h2, .h2 {
        font-size: 28px;
        margin: 28px 0 28px 0;
    }
    
    article h3, .h3 {
        font-size: 22px;
        margin: 22px 0 22px 0;
    }
    
    article h4, .h4 {
        font-size: 16px;
        margin: 40px 0 20px 0;
    }
    
    article h5, .h5 {
        font-size: 14px;
        margin: 30px 0 20px 0;
    }
    
    article h6, .h6 {
        font-size: 14px;
        margin: 30px 0 20px 0;
    }    
    
    article p {
        margin: 0 0 20px 0;
    }
    
    article ul {
        margin: 0 0 20px 0;
    }
    
    article ol {
        margin: 0 0 20px 0;
    } 
    
    article p, article ul li, article ol li {
        font-size: 16px;
        line-height: 1.6;
    }    

    .aligncenter {
        margin: 20px auto;
    }
    
    .alignleft {
        margin: 20px auto;
        float: none;
        display: block;
    }
    
    .alignright {
        margin: 20px auto;
        float: none;
        display: block;
    }

    article table td, article table th {
        padding: 10px !important;
    }

    blockquote {
        padding-left: 10px;
    }
    
    iframe {
        margin-bottom: 20px;    
    }
    
	.linking a {
	    display: flex;
		width: 155px;
		height: 90px;
		flex-direction: column;
		gap: 0;
		padding-left: 0;
		justify-content: center;
	}
	
	.linking a::after {
	    content: none;
	}
    
}



/* banner */
.sidebar_banner {
	display: block;
	margin-bottom: 24px;
	transition: opacity 0.15s;
}

.sidebar_banner:hover {
	opacity: 0.95;
}

.sidebar_banner img {
	max-width: 100%;
}

#bottom_banner {
    position: fixed;
	width: 100%;
    z-index: 555;
    bottom: 0;
}

#bottom_banner span {
	position: absolute;
    top: -10px;
    right: 20px;
	display: block;
	width: 20px;
	height: 20px;
	background: white;
	border: 2px solid #000;
	border-radius: 50%;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 16px;
	color: #000;
	cursor: pointer;
	z-index: 666;
}

.bottom_banner, .bottom_banner_mob {
	line-height: 0;
    display: block;
	text-align: center;
    transition: opacity 0.15s;	
}

.bottom_banner_mob {
	display: none;
}

.bottom_banner img {
	width: 100%;
	max-width: 1600px;
}

.bottom_banner_mob img {
	width: 100%;
	height: auto;
}

.bottom_banner:hover, .bottom_banner_mob:hover  {
	opacity: 0.95;
}

@media (max-width: 600px) {
	.bottom_banner {
		display: none;
	}
	.bottom_banner_mob {
		display: block;
	}
	#bottom_banner span {
		position: absolute;
		left: 20px;
	}
}
/* .banner */



/* Home */

.homescreen {
    background: linear-gradient(0deg, white 220px, var(--light-bg) 220px, var(--light-bg) 100%);
    width: 100%;
    min-height: 500px;
}

.homescreen .container {
    padding: 0;
}

.home__header {
    color: var(--home-heading-color);
    text-align: center;
    max-width: 700px;
    margin: auto;
}

.home__header span {
    color: var(--second-color);
}

.home__header h1 {
    font-weight: 800;
    font-size: 48px;
    margin: 0;
    padding: 40px 0;
    line-height: 1;
}

.home__header p {
    margin: 0;
    color: var(--black-text);
}

.home__offers {
    display: flex;
    margin-top: 35px;
    column-gap: 10px;
	justify-content: center;
}

.slide {
    position: relative;
    background: white;
    box-shadow: 0 3px 9px 0 #60629D1A;
    border-radius: 10px;
    margin-bottom: 10px;
    height: max-content;
	width: 250px;
}

.slide:nth-of-type(1) {
    border-left: 4px solid var(--second-color);
    border-right: 4px solid var(--second-color);
    border-bottom: 4px solid var(--second-color);
}

.pedestal .slide:nth-of-type(1) {
    order: 3;
    width: 250px;
}

.slide:nth-of-type(1)::before {
    content: url(/wp-content/themes/rps/img/offer-crown.png);
    position: absolute;
    top: -40px;
    left: 0;
}

.slide:nth-of-type(1) .promo__offer-header {
    border-radius: 6px 6px 0 0;
}

.pedestal .slide:nth-of-type(2) {
    order: 2;
    width: 235px;
    margin-top: 10px;
}

.slide:nth-of-type(2)::before {
    content: url(/wp-content/themes/rps/img/offer-cherry.png); 
    position: absolute;
    top: -30px;
    left: 0;
}

.pedestal .slide:nth-of-type(3) {
    order: 4;
    width: 235px;
    margin-top: 10px;
}

.slide:nth-of-type(3)::before {
    content: url(/wp-content/themes/rps/img/offer-money.png); 
    position: absolute;
    top: -25px;
    left: 0;
}

.pedestal .slide:nth-of-type(4) {
    order: 1;
    width: 220px;
    margin-top: 20px;
}

.pedestal .slide:nth-of-type(5) {
    order: 5;
    width: 220px;
    margin-top: 20px;
}

.promo__offer-header {
    border-radius: 10px 10px 0 0;
    background: var(--second-color);
    color: white;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    padding: 5px 10px 15px 10px;
}

.promo__offer-content {
    margin-top: -10px;
    background: white;
    border-radius: 10px;
    padding: 22px 14px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    align-items: center;
}

.promo__offer-content .casinoitem__plus p,
.promo__offer-content .casinoitem__plus ul li {
    margin: 5px 0;
}

.promo__offer-content .casinoitem__bonus-welcome {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.promo__offer-content .casinoitem__bonus-welcome > div:nth-of-type(1)::before {
    display: none;
}

.promo__offer-content .casinoitem__bonus-welcome > div:nth-of-type(2) {
    text-align: center;
    color: var(--advantages);
    font-weight: 700;
}

.promo__offer-logo {
    width: 196px;
    height: 132px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    transition: opacity 0.2s;
}

.home__nav {
    display: none;
}

@media (max-width: 1200px) {
	
	.homescreen .container {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.home__offers {
	    display: grid;
	    grid-template-columns: 1fr 1fr 1fr;
	}
	
	.slide {
	    width: 100%;
	}
    
    .pedestal .slide:nth-of-type(1) {
        order: 1;
        width: 100%;
    }
    
    .pedestal .slide:nth-of-type(2) {
        order: 2;
        margin-top: 0;
        width: 100%;
    }
    
    .pedestal .slide:nth-of-type(3) {
        order: 3;
        margin-top: 0;
        width: 100%;
    }
    
    .slide:nth-of-type(4),
    .pedestal .slide:nth-of-type(4) {
        order: 4;
        display: none;
        margin-top: 0;
        width: 100%;
    }
    
    .slide:nth-of-type(5), 
    .pedestal .slide:nth-of-type(5) {
        order: 5;
        display: none;
        margin-top: 0;
        width: 100%;
    }
    
    .promo__offer-content {
        padding: 10px;
    }
    
    .promo__offer-logo, 
    .promo__offer-btn {
        width: 100%;
    }
    
}

@media (max-width: 600px) {
    
    .home__header {
        margin-bottom: 40px;
        padding-top: 40px;
        padding-left: 10px;
        padding-right: 10px;        
    }
    
    .home__header h1 {
        font-weight: 700;
        font-size: 36px;
        padding: 10px 0 0 0;
    }
    
    .home__offers {
        grid-template-columns: 1fr;
        position: relative;
        margin-top: 55px;
    }
    
    .slide {
        margin-left: auto;
        margin-right: auto;
        display: none;
    }
    
    .slide:nth-of-type(1) {
        display: block;
    }
	
	.promo__offer-header {
    	border-radius: 9px 9px 0 0;	
	} 
	
    .promo__offer-logo {
        width: 256px;
        height: 256px;
    }
    
    .home__nav {
        display: flex;
        gap: 10px;
        position: absolute;
        top: -45px;
        left: calc(50% - 44px);
    }
    
    .home__nav-right {
        transform: rotate(180deg);
    }
    
}


/* Casinolist */

.casinolist {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.gold-wrapper {
    background: linear-gradient(156deg, #E69D28 10%, #FFD67B 28%, #E69D28 50%, #E8AC49 75%, #EBB965 100%);
    border-radius: 10px;
    box-shadow: 0 3px 15px 0 rgba(147, 149, 204, 0.15);
    padding: 40px 3px 3px 3px;
}

.standart-wrapper {
    background: var(--second-color);
    border-radius: 10px;
    box-shadow: 0 0 6px 0 #57597E1A;
    padding: 40px 0 0 0;
}

.casinoitem {
    width: 100%;
    background: white;
    margin: auto;
    position: relative;
    border: 2px solid #AADAAD;
    border-radius: 2px;
    box-shadow: 0px 2px 10px 0px #7B1F351A;
}

.casinolist-review .casinoitem__plus p::before, .casinolist-review .casinoitem__plus ul li::before,
.promo__offer-content .casinoitem__plus p::before, .promo__offer-content .casinoitem__plus ul li::before {
    content: '';
    background-image: url(img/like.png);
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    width: 18px;
    height: 18px;
    background-size: cover;
}

.casinoitem__rank {
    height: 35px;
    width: 35px;
    color: #000000;
    background: linear-gradient(180deg, #27B813 0%, #008819 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 24px;
    color: white;
}

.casinoitem__rank span {
    margin-right: 12px;
}

.casinoitem__content {
    display: grid;
    grid-template-columns: 24% 15% 15% 20% calc(26% - 60px);
    grid-template-areas: "logo bonus bonus plus buttons"
        ". . more more ."
        "bonustext bonustext bonustext banking banking";
    align-items: center;
    justify-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
}

.casinoitem__brand {
    grid-area: logo;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.casinoitem__logo {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
    border-radius: 2px;
    transition: opacity 0.2s;
}

.casinoitem__logo:hover {
    opacity: .8;
}

.casinoitem__rating {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    grid-area: rating;
}

.rating-info {
    display: flex;
    gap: 8px;
    width: 88px;
    align-items: center;
    border: 2px solid #1D2025;
    border-radius: 2px;
    padding: 2px 2px 2px 2px;
    text-align: center;
    position: relative;
    grid-area: info;
}

.rating-info::after {
    position: absolute;
    content: '';
    width: 88px;
    height: 19px;
    background-color: black;
    bottom: -19px;
    left: -2px;
    border-radius: 2px;
    background-image: url(img/5star.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.rating-value {
    font-size: 12px;
    font-weight: 700;
    width: 100%;
    color: var(--button-color);
}

.rating-value span {
    font-weight: 300;
    font-size: 12px;
    color: black;
}

.rating-tc {
    font-size: 12px;
    margin-top: 20px;
    font-weight: 300;
    color: #898D9A;
}

.casinoitem__plus {
    border-radius: 2px;
    border: 2px solid var(--light-bg);
    padding: 16px 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    grid-area: plus;
}

.casinoitem__plus ul {
    margin-bottom: 0;
	list-style-type: none;
    padding: 0;
	margin: 0;
}

.casinoitem__plus p, .casinoitem__plus ul li {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 10px;
    padding-left: 24px;
    position: relative;
}

.casinoitem__plus p:last-child, .casinoitem__plus ul li:last-child {
    margin-bottom: 0;
}

.casinoitem__plus p::before, .casinoitem__plus ul li::before, article ul li::before {
    content: '';
    background-color: var(--advantages);
    border-radius: 12px;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: -4px;
}

article ul li::before {
    top: 2px;
    left: 0px;
}

.casinoitem__plus p::after, .casinoitem__plus ul li::after, article ul li::after {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 6px;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-radius: 1px;
    rotate: 45deg;
    top: 3px;
    left: 1px;
}

.casinolist-review .casinoitem__plus p::after,
.casinolist-review .casinoitem__plus li::after{
    top: 2px;
    left: 6px;
}

article ul li::after {
    top: 5px;
    left: 5px;
}

.casinoitem__bonus {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%;
    height: 100%;
    grid-area: bonus;
}

.casinoitem__bonus-payspeed, .casinoitem__bonus-payrate, .casinoitem__bonus-limits, .casinoitem__bonus-welcome {
    border: 2px solid var(--light-bg);
    border-radius: 2px;
    padding: 6px 10px;
}

/* .casinoitem__bonus-payspeed > div:nth-of-type(1)::before {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z" fill="%23D2E6F2"/><path d="M10 0V20C15.5229 20 20 15.5229 20 10C20 4.47715 15.5229 0 10 0Z" fill="%238DC0D8"/><path d="M8.74268 3.3255H11.2572V11.2572H8.74268V3.3255Z" fill="%23DF2144"/><path d="M10 3.3255H11.2572V11.2572H10V3.3255Z" fill="%23DF2144"/><path d="M8.74268 8.74277H15.4172V11.2573H8.74268V8.74277Z" fill="%23DF2144"/><path d="M10 8.74277H15.4173V11.2573H10V8.74277Z" fill="%239A001C"/><path d="M9.41406 19.9825C9.60801 19.9937 9.80324 20 10 20C10.1968 20 10.392 19.9937 10.5859 19.9825V16.5891H9.41406V19.9825Z" fill="%23009663"/><path d="M10 20C10.1968 20 10.392 19.9937 10.5859 19.9825V16.5891H10V20Z" fill="%2305724A"/><path d="M3.41094 9.41406H0.0175391C0.00632813 9.60801 0 9.80324 0 10C0 10.1968 0.00632813 10.392 0.0175391 10.5859H3.41094V9.41406Z" fill="%23009663"/></svg>');
    position: absolute;
    left: 0;
    top: -3px;
}

.casinoitem__bonus-payrate > div:nth-of-type(1)::before {
    content: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.3508 13.4158L17.5283 9.27901C17.8694 8.83514 18.4872 8.71368 18.9708 8.99545C19.5267 9.31945 19.6927 10.0461 19.3326 10.5795L16.0872 15.3842L14.3508 13.4158Z" fill="%23FFC4B3"/><path d="M4.77951 13.5402L7.06424 11.1533C7.59519 10.5985 8.25207 10.1801 8.97904 9.93317L11.6708 9.01938C12.4691 8.74821 13.3058 9.31362 13.3522 10.1554C13.3522 10.1554 13.3923 10.8172 12.8537 11.2377L10.8759 12.7489L15.0339 13.1571C15.4498 13.1978 15.8658 13.0795 16.1978 12.8261L19.1574 10.5675C19.6679 10.1778 20.3895 10.2333 20.8347 10.6961C20.8347 10.6961 21.6399 11.5624 20.8121 12.4709L17.5882 15.6566C16.8295 16.4062 15.8729 16.9242 14.8306 17.15L7.24469 18.7933L4.77951 13.5402Z" fill="%23FFDDCF"/><path d="M4.77993 13.5402L7.24511 18.7933L11.0078 17.9783C9.68667 16.942 7.98675 16.1249 7.22151 15.1134C5.97178 13.4613 7.06466 11.1533 7.06466 11.1533L4.77993 13.5402Z" fill="%23FFC4B3"/><path d="M4.77999 13.5402L7.51444 18.977C7.88688 19.7176 7.58769 20.6197 6.84666 20.9912L5.64043 21.5957C4.89421 21.9696 3.98633 21.6622 3.62067 20.912L1.61808 16.8018C1.25583 16.0585 1.55857 15.1619 2.29714 14.7901L4.77999 13.5402Z" fill="%23009663"/><path d="M6.08897 19.6783C6.04918 20.0936 5.68031 20.3982 5.26501 20.3584C4.84971 20.3186 4.54539 19.9495 4.58518 19.5342C4.62497 19.1189 4.99382 18.8146 5.40912 18.8544C5.82442 18.8942 6.12876 19.263 6.08897 19.6783Z" fill="%23ECAC07"/><path d="M12.7428 0.660166L13.3335 1.90349L14.6548 2.10281C15.3092 2.20154 15.5705 3.03678 15.097 3.51636L14.141 4.48405L14.3666 5.85056C14.4784 6.52761 13.7943 7.04387 13.2089 6.72415L12.0272 6.07896L10.8456 6.72415C10.2602 7.04368 9.57602 6.52742 9.68785 5.85056L9.91348 4.48405L8.95764 3.51636C8.4841 3.03678 8.74539 2.20154 9.3998 2.10281L10.7209 1.90349L11.3116 0.660166C11.6045 0.0442471 12.4501 0.0442471 12.7428 0.660166Z" fill="%23ECAC07"/><path d="M7.25546 7.76952C6.91416 8.11083 6.36086 8.11083 6.01957 7.76952L4.75695 6.50666C4.41565 6.16553 4.41565 5.61221 4.75695 5.27089C5.09807 4.92976 5.65136 4.92976 5.99266 5.27089L7.25546 6.53375C7.59676 6.87506 7.59676 7.42838 7.25546 7.76952Z" fill="%232EB3EF"/><path d="M16.7989 7.76952C17.1401 8.11083 17.6934 8.11083 18.0347 7.76952L19.2975 6.50666C19.6387 6.16553 19.6387 5.61221 19.2975 5.27089C18.9562 4.92976 18.4029 4.92976 18.0617 5.27089L16.7989 6.53375C16.4576 6.87506 16.4576 7.42838 16.7989 7.76952Z" fill="%232EB3EF"/><path d="M11.4326 0.660256L10.8143 1.90358L9.43167 2.1029C8.74677 2.20163 8.4733 3.03687 8.96891 3.51645L9.96928 4.48414L9.73314 5.85065C9.6161 6.52751 10.3322 7.04395 10.9448 6.72423C10.8218 4.5625 12.0923 4.52637 11.9021 3.24304C11.684 1.77187 12.9305 1.10145 12.9305 1.10145C12.6294 -0.102717 11.7391 0.044337 11.4326 0.660256Z" fill="%23FFC328"/></svg>');
    position: absolute;
    left: 0;
    top: -3px;
}

.casinoitem__bonus-limits > div:nth-of-type(1)::before {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.19997 4.58337C0.544469 4.58337 0.0107422 5.1171 0.0107422 5.77261V14.8108C0.0107422 15.4663 0.544469 16 1.19997 16H16.8978C17.5533 16 18.0871 15.4663 18.0871 14.8108V13.8594C18.0871 13.4655 18.4067 13.1458 18.8006 13.1458H19.7434C19.8747 13.1458 19.9813 13.0393 19.9813 12.908V7.67538C19.9813 7.54409 19.8747 7.43753 19.7434 7.43753H18.8006C18.4067 7.43753 18.0871 7.11787 18.0871 6.72399V5.77261C18.0871 5.1171 17.5533 4.58337 16.8978 4.58337H1.19997Z" fill="%23C6E0EF"/><path d="M19.9813 10.2917H16.66V13.8594C16.66 14.2533 16.3403 14.5729 15.9464 14.5729H2.15136C1.75749 14.5729 1.43782 14.2533 1.43782 13.8594V10.2917H0.0107422V14.8108C0.0107422 15.4663 0.544469 16 1.19997 16H16.8978C17.5533 16 18.0871 15.4663 18.0871 14.8108V13.8594C18.0871 13.4655 18.4067 13.1458 18.8006 13.1458H19.7434C19.8747 13.1458 19.9813 13.0393 19.9813 12.908V10.2917Z" fill="%238DC0D8"/><path d="M15.9466 14.5729H2.15153C1.75765 14.5729 1.43799 14.2533 1.43799 13.8594V6.72399C1.43799 6.33012 1.75765 6.01045 2.15153 6.01045H15.9466C16.3405 6.01045 16.6602 6.33012 16.6602 6.72399V13.8594C16.6602 14.2533 16.3405 14.5729 15.9466 14.5729Z" fill="%2357AD5A"/><path d="M9.04907 6.01045H2.15153C1.75765 6.01045 1.43799 6.33012 1.43799 6.72399V13.8594C1.43799 14.2533 1.75765 14.5729 2.15153 14.5729H9.04907V6.01045Z" fill="%23308233"/></svg>');
    position: absolute;
    left: 0;
    top: -3px;
}

.casinoitem__bonus-welcome > div:nth-of-type(1)::before {
    content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.900391 17.9727V6.27271H7.75419H10.2466H17.1004V17.9727H0.900391Z" fill="%23DF2144"/><path d="M9 17.9727V6.27271H12.4269H13.6731H17.1V17.9727H9Z" fill="%23DF2144"/><path d="M10.5 7.47271V6.27271H13.2924H14.3076H17.1V7.47271H10.5Z" fill="%239A001C"/><path d="M0.900391 7.47271V6.27271H3.69279H4.70799H7.50039V7.47271H0.900391Z" fill="%239A001C"/><path d="M0 3.27261H18V6.27261H0V3.27261Z" fill="%23DF2144"/><path d="M9 3.27261H18V6.27261H9V3.27261Z" fill="%23DF2144"/><path d="M6.90039 3.27261H11.1004V6.27261H6.90039V3.27261Z" fill="%23D2E6F2"/><path d="M9 3.27261H11.1V6.27261H9V3.27261Z" fill="%238DC0D8"/><path d="M8.3584 1.47267H9.6412C9.78935 1.47267 9.93144 1.53152 10.0362 1.63628C10.141 1.74104 10.1998 1.88312 10.1998 2.03127V3.27267H7.7998V2.03127C7.7998 1.88312 7.85866 1.74104 7.96341 1.63628C8.06817 1.53152 8.21025 1.47267 8.3584 1.47267Z" fill="%23DF2144"/><path d="M10.2 2.03067V3.27267H9V1.47267H9.642C9.71532 1.47251 9.78795 1.48684 9.85572 1.51483C9.9235 1.54281 9.98507 1.58391 10.0369 1.63575C10.0888 1.6876 10.1299 1.74918 10.1578 1.81695C10.1858 1.88472 10.2002 1.95735 10.2 2.03067Z" fill="%239A001C"/><path d="M1.7998 3.27271V1.25701C1.79972 1.03509 1.85856 0.817141 1.97032 0.625427C2.08208 0.433714 2.24275 0.275116 2.43589 0.16585C2.62904 0.0565839 2.84774 0.000568073 3.06963 0.00352959C3.29152 0.00649111 3.50864 0.0683237 3.6988 0.182706L7.7998 2.67271V3.27271H1.7998Z" fill="%23D2E6F2"/><path d="M7.5 6.27271H10.5V17.9727H7.5V6.27271Z" fill="%23D2E6F2"/><path d="M9 6.27271H10.5V17.9727H9V6.27271Z" fill="%238DC0D8"/><path d="M7.5 6.27271H10.5V7.47271H7.5V6.27271Z" fill="%238DC0D8"/><path d="M9 6.27271H10.5V7.47271H9V6.27271Z" fill="%238DC0D8"/><path d="M10.2002 3.27271V2.67271L14.3012 0.182706C14.4914 0.0683237 14.7085 0.00649111 14.9304 0.00352959C15.1523 0.000568073 15.371 0.0565839 15.5641 0.16585C15.7573 0.275116 15.9179 0.433714 16.0297 0.625427C16.1414 0.817141 16.2003 1.03509 16.2002 1.25701V3.27271H10.2002Z" fill="%238DC0D8"/></svg>');
    position: absolute;
    left: 0;
    top: -3px;
} */

.casinoitem__bonus-item > div:nth-of-type(1) {
    position: relative;
    font-size: 12px;
    /* padding: 0 8px 0 24px; */
    /* min-height: 30px; */
    line-height: 1;
    font-weight: 300;
}

.casinoitem__bonus-item > div:nth-of-type(2) {
    font-size: 12px;
    font-weight: 700;
    padding-top: 4px;
}

.casinoitem__bonus-welcome > div:nth-of-type(2) {
    color: var(--second-color);
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
}

.casinoitem__buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    grid-area: buttons;
}

.casinoitem__reg {
    max-width: 100%;
    padding: 14px 30px;
}

.casinoitem__footer {
    display: flex;
    gap: 10px;
}

.casinoitem__bonustext {
    width: 100%;
    border-radius: 2px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: var(--light-bg);
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
}

.casinoitem__bonustext-text {
    font-size: 12px;
    font-weight: 700;
}

.casinoitem__bonustext-title, .casinoitem__banking-title {
    font-size: 12px;
    font-weight: 300;
    position: relative;
    min-width: 140px;
}

/* .casinoitem__bonustext-title::before {
    content: url(img/cherry.png);
    position: absolute;
    top: -5px;
    left: -5px;
} */

.casinoitem__banking {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: var(--light-bg);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
}

/* .casinoitem__banking-title::before {
    content: url(img/dollar.png);
    position: absolute;
    top: -5px;
    left: -5px;  
} */

.casinoitem__banking-items {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    flex: 1;
}

.casinoitem__banking-items div {
    width: 48px;
    height: 36px;
    box-shadow: 0 1px 4px 0 rgba(41, 44, 44, 0.12);
    border-radius: 6px;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
	background-size: contain;
    background-position: center;
    background-color: #ffffff;
}


.visa {
    background-image: url(img/pay/visa.png);
}

.mastercard {
    background-image: url(img/pay/mastercard.png);
}

.bitcoin {
    background-image: url(img/pay/bitcoin.png);
}

.spei {
    background-image: url(img/pay/spei.png);
}

.cash {
    background-image: url(img/pay/cash.png);
}

.skrill {
    background-image: url(img/pay/skrill.png);
}

.neteller {
    background-image: url(img/pay/neteller.png);
}

.payscale {
    background-image: url(img/pay/payscale.png);
}

.paypal {
    background-image: url(img/pay/paypal.png);
}

.ethereum {
    background-image: url(img/pay/ethereum.png);
}

.todito {
    background-image: url(img/pay/todito.png);
}

.euteller {
    background-image: url(img/pay/euteller.webp);
}

.paysafecard {
    background-image: url(img/pay/paysafe2.png);
}

.zimpler {
    background-image: url(img/pay/zimpler.webp);
}

.payid {
    background-image: url(img/pay/payid.png);
}

.americanexpress {
    background-image: url(img/pay/americanexpress.jpg);
}

.bitcoincash {
    background-image: url(img/pay/bitcoincash.jpg);
}

.cashtocode {
    background-image: url(img/pay/cashtocode.jpg);
}

.discover {
    background-image: url(img/pay/discover.jpg);
}

.ezeewallet {
    background-image: url(img/pay/ezeewallet.jpg);
}

.litecoin {
    background-image: url(img/pay/litecoin.jpg);
}

.neosurf {
    background-image: url(img/pay/neosurf.jpg);
}

.trustly {
    background-image: url(img/pay/trustly.png);
}

.banktransfer {
    background-image: url(img/pay/banktransfer.webp);
}

.dogecoin {
    background-image: url(img/pay/dogecoin.jpg);
}

.ripple {
    background-image: url(img/pay/ripple.jpg);
}

.usdt_tether {
    background-image: url(img/pay/tether.webp);
}

.astropay {
    background-image: url(img/pay/astropay.webp);
}

.ecopayz {
    background-image: url(img/pay/ecopayz.webp);
}

.gpay {
    background-image: url(img/pay/gpay.webp);
}

.imps {
    background-image: url(img/pay/imps.webp);
}

.jeton {
    background-image: url(img/pay/jeton.webp);
}

.muchbetter {
    background-image: url(img/pay/muchbetter.webp);
}

.paytm {
    background-image: url(img/pay/paytm.webp);
}

.phonepe {
    background-image: url(img/pay/phonepe.webp);
}

.pix {
    background-image: url(img/pay/pix.png);
}

.upi {
    background-image: url(img/pay/upi.webp);
}

.casinoitem__more {
    width: 100%;
    color: var(--second-color);
    margin-bottom: 0;	
	display: block;
	grid-area: more;
	border: none;
	font-weight: 400;
	font-size: 16px;
	padding: 0;
	cursor: pointer;
	user-select: none;
}

.casinoitem__more::after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    border: solid var(--second-color);
    border-width: 0 2px 2px 0;
    padding: 2px;
    transform: rotate(45deg);
    height: 2px;
    width: 2px;
    margin-bottom: 2px;
}

/* .casinoitem__bonustext, .casinoitem__banking {
    display: none;
} */

.casinoitem-open .casinoitem__bonustext,
.casinoitem-open .casinoitem__banking {
	display: block;
}

@media (max-width: 768px) {
	.casinoitem__more {
		border: 2px solid var(--second-color);
		padding: 10px 30px;
	}
}





.casinoitem-open .casinoitem__more::after {
    transform: rotate(225deg);
    margin-bottom: 0;
}


/* casinoitem review */

.casinolist-review {
    margin-top: 20px;
}

.casinolist-review .casinoitem__content {
    grid-template-columns: 18% 17% 23% 23% calc(22% - 72px);
    grid-template-areas: none;
}

.casinolist-review .casinoitem__plus, 
.casinolist-review .casinoitem__bonus, 
.casinolist-review .casinoitem__buttons, 
.casinolist-review .casinoitem__brand { 
    grid-area: auto;
    width: 100%;
}


.casinolist-review .casinoitem__reg {
    padding: 10px 30px;
}

.casinoitem__info {
    background: white;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    padding: 10px;
    border: 2px solid var(--light-bg);
}

.casinoitem__info > div:nth-of-type(1) {
    font-size: 12px;
    font-weight: 300;
    min-height: 24px;
    position: relative;
    /* padding-left: 36px; */
}

.casinoitem__overview > div:nth-of-type(2) {
    font-size: 13px;
}

.casinoitem__welcome > div:nth-of-type(2) {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: var(--second-color);
}

.casinolist-review .casinoitem__banking-items {
    margin-top: 0;
}

.casinoitem__welcome > div:nth-of-type(1)::before {
    position: absolute;
    content: url(img/bonus.png);
    left: 0;
    top: -3px;
    display: none;
}

.casinoitem__bankoptions > div:nth-of-type(1)::before {
    position: absolute;
    content: url(img/dollar.png);
    left: 0;
    top: -3px;
    display: none;
}

.casinoitem__overview > div:nth-of-type(1)::before {
    position: absolute;
    content: url(img/overview.png);
    left: 0;
    top: -2px;
}


@media (max-width: 1100px) {
    .casinoitem__content {
        grid-template-columns: 34% 20% 20% calc(26% - 60px);
        grid-template-areas: "logo bonus bonus buttons"
                "bonustext bonustext banking banking";
    }
    
    .casinoitem__plus {
        display: none;
    }
    
    .casinoitem {
        padding: 10px;
    }
    
    .casinoitem__logo {
        width: 100px;
        height: 100px;
    }

    .casinoitem__reg {
        width: 100%;
        padding: 14px 15px;
        font-size: 16px;
    } 
    
    .casinoitem__review {
        font-size: 14px;
    }
    
}

@media (max-width: 768px) {
    
    .gold-wrapper {
        background: linear-gradient(110deg, #E69D28 10%, #FFD67B 28%, #E69D28 50%, #E8AC49 75%, #EBB965 100%);
    }
    
    
    .casinoitem__content {
        display: flex;
        flex-direction: column;
        margin: auto;        
    }

	.casinoitem__bonus-payspeed, .casinoitem__bonus-payrate, .casinoitem__bonus-limits, .casinoitem__bonus-welcome, .casinoitem__bonus {
		height: auto;
	}
    
    .casinoitem__brand {
        width: 100%;
        align-items: flex-start;
        display: flex;
        flex-flow: row wrap;
        gap: 18px;
    }   
    
    .casinoitem__logo {
        width: 150px;
        height: 84px;
        background-position: center;
        order: 3;
    }
    
    .casinolist-review .casinoitem__logo {
        order: 1;
    }
    
    .casinoitem__rating {
        order: 2;
    }
    
    .casinoitem__rank {
        order: 1;
    }
    
    .casinoitem__footer {
        flex-flow: column nowrap;
        margin-top: 20px;
    }
    
    .casinoitem__buttons {
        width: 100%;
    }
    
    .casinoitem__reg {
        width: 100%;
        font-size: 18px;
    }    

    .casinoitem__review {
        font-size: 18px;
        width: 100%;
    }
    
    .casinoitem__plus p, .casinoitem__plus ul li {
        line-height: 1.5;
    }
    
    .casinoitem__bonustext, .casinoitem__banking {
        padding: 10px;
    }
    
    .casinoitem__content .casinoitem__plus {
        display: none;
    }
    
    .casinolist-review .casinoitem__content .casinoitem__plus {
        display: flex;
    }
    
    .casinoitem-open .casinoitem__plus {
        display: block;
        order: 5;
    }
    
    .casinoitem-open .casinoitem__bonustext {
        display: block;
        order: 6;
    }
    
    .casinoitem-open .casinoitem__banking {
        display: block;
        order: 7;
    } 
    
    .casinoitem-open .casinoitem__more {
        order: 10;
    }
    
    .casinoitem__bonustext-title, .casinoitem__banking-title {
        min-width: 50px;
    }
    .casinoitem__banking-items {

        flex: auto;
    }
    
}


/* FAQ */

.schema-faq {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 60px;
}

.schema-faq-question {
    display: block;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    color: var(--black-text);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 20px;
}

.schema-faq-question::before {
    content: '?';
    height: 35px;
    width: 35px;
    background-color: var(--light-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-weight: bold;
    font-size: 24px;
    border-radius: 2px;
}

.schema-faq-answer {
    margin: 20px 0 0 0;
    background: var(--light-bg);
    padding: 20px 16px;
    border-radius: 2px;
}

.faq-open .schema-faq-answer {
    display: block;
}

.faq-open .schema-faq-question {
    padding-bottom: 20px;
}


@media (max-width: 600px) {
    
    .schema-faq-question {
        min-height: 36px;
        font-size: 18px;
    }
    .schema-faq-question::before {
        flex: none;
    }
    
    .schema-faq-answer {
        margin: 10px 0 0 0;
        padding-top: 10px;    
    }

}


/* Morearticles */

.morearticles {
    margin: 60px 0;
}

.morearticles .container {
    padding: 0 20px;
}

.morearticles .h2 {
    margin-top: 0;
    margin-bottom: 45px;
}

.relatedposts {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.relatedposts .owl-stage-outer {
    padding: 10px;
}

.relatedpost {
    background: white;
    width: 95%;
    min-height: 320px;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 #292C2C1F;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.archive .relatedpost {
    width: 250px;
}

.relatedpost__image {
    width: 100%;
    height: 275px;
    border-radius: 10px 10px 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.relatedpost__title {
    color: var(--black-text);
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    padding: 20px;
}


.morearticles .owl-nav {
    position: absolute;
    top: -70px;
    right: 0;    
}

.morearticles .owl-nav button {
    width: 50px;
    height: 36px;
    border-radius: 10px !important;
}

.morearticles .owl-prev {
    background-color: var(--second-color) !important;
    background-image: url(img/prev.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    box-shadow: 0 1px 4px 0 #292C2C1F;;
}

.morearticles .owl-next {
    background-color: white !important;
    background-image: url(img/next.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    box-shadow: 0 1px 4px 0 #292C2C1F;;
}

.morearticles .owl-dots {
    margin-top: 15px;
}

.morearticles .owl-theme .owl-dots .owl-dot.active span, .morearticles .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--grey-text);
}

@media (max-width: 1200px) {

    .morearticles {
        padding: 70px 0;
    }
    
    .relatedposts {
        gap: 24px;
        justify-content: center;
    }     
    
}


@media (max-width: 600px) {
    
    .morearticles {
        border-radius: 0;
        padding: 50px 0;
    }   

    .morearticles .h2 {
        margin-bottom: 60px;
    }  
    
    .relatedposts {
        gap: 18px;
    }    
    
    .relatedpost {
        background: white;
        min-height: auto;
        border-radius: 10px;
    }  
    
    .relatedpost__image {
        height: 120px;
        border-radius: 10px 10px 0 0;    
    }
    
    .relatedpost__title {
        font-weight: 600;
        font-size: 14px;
        padding: 10px;
    }    
    
}



/* Games */

.games {
	margin: 30px 0;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.game {
    background: white;
    width: 200px;
    min-height: 320px;
    border-radius: 20px;
    box-shadow: 0 3px 15px 0 rgba(147, 149, 204, 0.15);  
    display: flex;
    gap: 16px;
    flex-direction: column;
    align-items: center;
    padding: 20px 12px;
}

.game__image {
    width: 150px;
    height: 150px;
    border-radius: 12px;
    background-image: url(img/no-image.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.game__button {
    font-size: 16px;
    width: 100%;
}

.game__title {
    color: var(--black-text);
    text-align: center;
    font-weight: 700;
    font-size: 18px;
}

.game__desc {
    font-size: 14px;
	text-align: center;
}

.game .button-big {
	margin-bottom: auto;
}

@media (max-width: 1200px) {  
    .games {
        justify-content: center;
    } 
}

@media (max-width: 600px) {
    
    .game {
        background: white;
        width: 152px;
        min-height: 276px;
        border-radius: 20px;
        gap: 10px;
        padding: 10px;
    }  
    
    .game__image {
        width: 120px;
        height: 120px;
        border-radius: 10px;    
    }
    
    .game__title {
        font-weight: 600;
        font-size: 14px;
    }
	
	.game__desc {
		font-size: 12px;	
	}    
}



/* PlusMinus */


.plusminus {
    display: flex;
    justify-content: space-between;
    column-gap: 25px;
    row-gap: 20px;
    margin-bottom: 30px;
    background: var(--light-bg);
    padding: 20px;
    border-radius: 10px;
}

.plusminus__plus, .plusminus__minus {
    width: calc(50% - 10px);
    border-radius: 20px;
    padding: 20px;
    background: white;
}

.plusminus__plus ul, .plusminus__minus ul {
    margin: 0;
}

.plusminus__plus ul li {
    line-height: 2;
    padding-left: 40px;
}

.plusminus__minus ul li {
    line-height: 2;
    padding-left: 40px;
}

.plusminus__plus p, .plusminus__minus p {
    margin-bottom: 0;
    padding-left: 36px;
    position: relative;
    line-height: 2;
}

.plusminus__plus p::before, .plusminus__plus ul li::before {
    content: url('data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_2_5344" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="34" height="34"><rect width="34" height="34" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_2_5344)"><path d="M25.5002 29.75H9.91683V11.3333L19.8335 1.41667L21.6043 3.18751C21.7696 3.35278 21.9054 3.57709 22.0116 3.86042C22.1179 4.14375 22.171 4.41528 22.171 4.675V5.17084L20.6127 11.3333H29.7502C30.5057 11.3333 31.1668 11.6167 31.7335 12.1833C32.3002 12.75 32.5835 13.4111 32.5835 14.1667V17C32.5835 17.1653 32.5599 17.3424 32.5127 17.5313C32.4654 17.7201 32.4182 17.8972 32.371 18.0625L28.121 28.05C27.9085 28.5222 27.5543 28.9236 27.0585 29.2542C26.5627 29.5847 26.0432 29.75 25.5002 29.75ZM12.7502 26.9167H25.5002L29.7502 17V14.1667H17.0002L18.9127 6.375L12.7502 12.5375V26.9167ZM9.91683 11.3333V14.1667H5.66683V26.9167H9.91683V29.75H2.8335V11.3333H9.91683Z" fill="%2322B45C"/></g></svg>');
    background-image: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.plusminus__minus p::before, .plusminus__minus ul li::before {
    content: url('data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_2_5336" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="34" height="34"><rect x="34" y="34" width="34" height="34" transform="rotate(180 34 34)" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_2_5336)"><path d="M8.49984 4.25H24.0832V22.6667L14.1665 32.5833L12.3957 30.8125C12.2304 30.6472 12.0946 30.4229 11.9884 30.1396C11.8821 29.8562 11.829 29.5847 11.829 29.325V28.8292L13.3873 22.6667H4.24984C3.49428 22.6667 2.83317 22.3833 2.26651 21.8167C1.69984 21.25 1.4165 20.5889 1.4165 19.8333V17C1.4165 16.8347 1.44011 16.6576 1.48734 16.4687C1.53456 16.2799 1.58178 16.1028 1.629 15.9375L5.879 5.94999C6.0915 5.47777 6.44567 5.07639 6.9415 4.74583C7.43734 4.41527 7.95678 4.25 8.49984 4.25ZM21.2498 7.08333H8.49984L4.24984 17V19.8333H16.9998L15.0873 27.625L21.2498 21.4625V7.08333ZM24.0832 22.6667V19.8333H28.3332V7.08333H24.0832V4.25H31.1665V22.6667H24.0832Z" fill="%23DB5858"/></g></svg>');
    background-image: none;
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
}

@media (max-width: 600px) {
    .plusminus {
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;        
    }
    
    .plusminus__plus, .plusminus__minus {
        width: 100%;    
    }

}



/* BonusInfo */

.bonusinfo {
    margin: 30px 0;
    border-radius: 20px;
    background: var(--lavander);
    box-shadow: 0 2px 12px 0 rgba(53, 95, 108, 0.15); 
    padding: 200px 24px 24px 24px;
    background-image: url(img/pic.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;    
}

.bonusinfo__item {
    background: white;
    border-radius: 20px;
    padding: 20px;
}

.bonusinfo__item-title {
    color: var(--black-text);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

@media (max-width: 600px) {
    .bonusinfo {
        padding: 130px 20px 20px 20px;
        grid-template-columns: 1fr;
    }
    .bonusinfo__item-title {
        
    }
}





/* Footer */

.footer {
    background-color: var(--dark-bg-color);
}

.footer .container {
    display: flex;
    justify-content: space-between;
    padding: 30px 20px;
}

.footer-menu {
    display: flex;
    row-gap: 20px;
    column-gap: 20px;
    list-style: none;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
}

.footer-menu a {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    color: white;
    transition: color 0.2s;
}

.footer-menu a:hover {
    color: var(--second-color);
}

.copyright {
    color: white;
    display: flex;
    gap: 10px;
    align-items: center;
}
.copyright-image {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

@media (max-width: 1200px) {
    .footer .container {
        flex-direction: row;
        align-items: center;
        gap: 24px;
    }
}
@media (max-width: 768px) {
    .footer .container {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
    
    .footer-menu {
        justify-content: flex-start;
        padding: 0;
        column-gap: 20px;
    }
}

@media (max-width: 600px) {
	.footer-menu {
		flex-direction: column;
		margin-top: 20px;
		align-items: flex-start;
	}
}

.post-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.nav-links {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
}

.page-numbers {
    font-size: 28px;
    font-weight: 500;
    text-decoration: none;
    color: var(--black-text);
    transition: color 0.15s;
}

.page-numbers:hover {
    color: var(--button-color);
}

.current {
    color: var(--button-hover);
}

/* back to top */
.back-to-top {
	display: none;
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 999999999;
}

.back-to-top a {
	display: block;
    width: 50px;
    height: 50px;
	border: 2px solid var(--second-color);
}

.back-to-top a:hover {
	border: 2px solid var(--button-hover);
}

.back-to-top a::after {
	content: '';
    display: block;
    width: 22px;
    height: 22px;
    border-top: 3px solid var(--second-color);
    border-right: 3px solid var(--second-color);
    transform: rotate(-45deg);
    position: relative;
    top: 19px;
    left: 12px;
}

.back-to-top a:hover::after {
    border-top: 3px solid var(--button-hover);
    border-right: 3px solid var(--button-hover);	
}

@media (max-width: 600px) {
	.back-to-top {
		right: 20px;
		bottom: 20px;
	}	
}


/* Contacts */

.contactus {
    background: var(--dark-bg-color);
}
.contactus .h2 {
    margin-top: 30px;
    color: white;
}
.contactus .articleauthor__contacts a {
    color: white;
}
.contactus .articleauthor__contacts a:hover {
    color: var(--button-color);
}
.contacts {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.contacts__form {
    margin-top: -30px;
}
.contacts .wpcf7-form {
    margin: 0;
    background: none;
    gap: 16px;
}
.contacts .wpcf7-form .button-small {
    background: var(--button-color);
}
.contacts .wpcf7-form .button-small:hover {
    background: var(--button-hover);
}
.contacts .wpcf7-form input, .contacts .wpcf7-form textarea {
    padding: 20px 20px;
}
@media (max-width: 1200px) {
    .contacts {
        grid-template-columns: 1fr;
    }
    .contacts__form {
        margin-top: 0;
    }
    .contacts .wpcf7-form {
        padding: 0;
    }
}


/* Contact Form 7 */

.button-blue {
    background: #69B6FC;
    color: white;
    display: inline-block;
}

.button-blue:hover {
    background: #1660A4;
    color: white;
}

.wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px 20px 0 20px;
	border-radius: 8px;
	background: #ebf5fd;
	margin-bottom: 30px;
}

.wpcf7-form input, 
.wpcf7-form textarea {
	width: 100%;
	padding: 10px 20px;
	border: none;
	border-radius: 6px;
	font-family: Nokora, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
	outline: 2px solid #69B6FC;
}

.wpcf7-submit {
	cursor: pointer;
  width: 30% !important;
  align-self: center;	
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	margin-top: 0 !important;
	border-radius: 3px;
    border-color: #62e5c6 !important;	
}

.wpcf7-spinner {
	margin-top: -10px;
}


@media (max-width: 600px) {
	.wpcf7-form {
		width: 100%;
		gap: 20px;
	}
	.wpcf7-submit {
		width: 90% !important;
	}
}



/* pp  */
.locked {
    cursor: pointer;
    padding: 14px 30px 14px 20px;
}

.locked::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 21px;
    height: 20px;
    background: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.49967 18.334C5.04134 18.334 4.64912 18.1709 4.32301 17.8448C3.9969 17.5187 3.83356 17.1262 3.83301 16.6673V8.33398C3.83301 7.87565 3.99634 7.48343 4.32301 7.15732C4.64967 6.83121 5.0419 6.66787 5.49967 6.66732H6.33301V5.00065C6.33301 3.84787 6.7394 2.86537 7.55217 2.05315C8.36495 1.24093 9.34745 0.83454 10.4997 0.833984C11.6525 0.833984 12.6352 1.24037 13.448 2.05315C14.2608 2.86593 14.6669 3.84843 14.6663 5.00065V6.66732H15.4997C15.958 6.66732 16.3505 6.83065 16.6772 7.15732C17.0038 7.48398 17.1669 7.87621 17.1663 8.33398V16.6673C17.1663 17.1257 17.0033 17.5182 16.6772 17.8448C16.3511 18.1715 15.9586 18.3345 15.4997 18.334H5.49967ZM10.4997 14.1673C10.958 14.1673 11.3505 14.0043 11.6772 13.6782C12.0038 13.352 12.1669 12.9595 12.1663 12.5007C12.1663 12.0423 12.0033 11.6501 11.6772 11.324C11.3511 10.9979 10.9586 10.8345 10.4997 10.834C10.0413 10.834 9.64912 10.9973 9.32301 11.324C8.9969 11.6507 8.83356 12.0429 8.83301 12.5007C8.83301 12.959 8.99634 13.3515 9.32301 13.6782C9.64967 14.0048 10.0419 14.1679 10.4997 14.1673ZM7.99967 6.66732H12.9997V5.00065C12.9997 4.30621 12.7566 3.71593 12.2705 3.22982C11.7844 2.74371 11.1941 2.50065 10.4997 2.50065C9.80523 2.50065 9.21495 2.74371 8.72884 3.22982C8.24273 3.71593 7.99967 4.30621 7.99967 5.00065V6.66732Z" fill="white"/></svg>');
}

.pp {
    display: none;
    position: fixed;
    top: 0;
    z-index: 666;
    width: 100%;
    height: 100%;
    background: #00000050;
    padding-top: 100px;
}

.pp__content {
    width: 100%;
    max-width: 732px;
    padding: 30px;
    margin: auto;
    background: white;
    border-radius: 8px;
    position: relative;
}

.pp__content span {
    position: absolute;
    top: -15px;
    right: 20px;
    display: block;
    width: 30px;
    height: 30px;
    background: white;
    border: 2px solid #777;
    border-radius: 50%;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px;
    color: #777;
    cursor: pointer;
    z-index: 666;
}

.pp__content span:hover {
    border: 2px solid #000;
    color: #000;
}

.pp__header {
    margin-top: 0;
    margin-bottom: 12px;
    text-align: center;
}

.pp__text {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #cccccc;
}

.pp__list {
    margin: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pp_item {
    background: var(--light-bg);
    border-radius: 6px;
    border-bottom: 2px solid var(--grey-text);
    padding: 10px;
    display: grid;
    grid-template-columns: 120px 1fr 2fr 180px;
    align-items: center;
    gap: 10px;
}

.pp_img {
    width: 120px;
    height: 60px;
    background-image: url(/wp-content/themes/rps/img/no-image.svg);
    background-size: cover;
    background-position: center;
    border-radius: 4px;
}

.pp_name {
    margin: 0;
}

.pp_bonus {
    color: var(--advantages);
    font-weight: 700;
}

.pp_button {
    width: 180px;
}

.pp__bottomtext {
    font-size: 18px;
    text-align: center;
    color: #cccccc;
}


@media (max-width: 600px) {
    .pp {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .pp__content {
        padding:  20px 10px;
    }
    .pp_item {
        grid-template-columns: 2fr 1fr;
        padding: 6px;
    }
    .pp_img {
        width: 60px;
        height: 60px;
    }
    .pp_button {
        width: 80px;
        padding: 10px;
        font-size: 14px;
    }
}

/* pp  */



/* New Blocks */

/* Casinolist2 */

.casinolist2 {
    display: grid;
    grid-template-columns: 38% calc(62% - 16px);
    gap: 16px;
    width: 100%;
    margin-bottom: 30px;
}
.casinolist2 > div {
    padding: 16px;
    box-shadow: 0 1px 4px 0 #292C2C1F;
    border-radius: 10px;
}
.casinolist2__left {
    display: grid;
    grid-template-columns: 150px 1fr;
    grid-template-areas:
        "i2 t2"
        "i2 r2";
    column-gap: 20px;
    row-gap: 10px;
}
.casinolist2__right {
    font-size: 16px;
}
.casinolist2__right p:last-child, .casinolist2__right ul:last-child, .casinolist2__right ol:last-child {
    margin-bottom: 0;
}
.casinolist2__img {
    width: 150px;
    height: 100px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    transition: opacity 0.2s;
    grid-area: i2;
}
.casinolist2__img:hover {
    opacity: .8;
}
.casinolist2__title {
    grid-area: t2;
    margin: 0;
}
.casinolist2__rating {
    grid-area: r2;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    --progress: 0%;
    background: conic-gradient(var(--advantages) var(--progress), var(--light-bg) var(--progress));
    position: relative;
}
.casinolist2__rating:after {
    border-radius: 50%;
    display: block;
    content: "";
    background: #fff;
    position: absolute;
    left: 4px;
    top: 4px;
    height: 32px;
    width: 32px;
}
.casinolist2__rating div {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    position: absolute;
    z-index: 5;
    top: 13px;
    left: 0px;
    width: 40px;
}
.casinolist2__header {
    background: var(--second-color);
    color: white;
    font-weight: 600;
}
@media (max-width: 768px) {
    .casinolist2 > div {
        padding: 10px;
    }
    .casinolist2 p, .casinolist2 ul li, .casinolist2 ol li {
        font-size: 14px;
    }
    .casinolist2__left {
        display: flex;
        flex-direction: column;
		align-items: center;
    }
    .casinolist2__title {
        text-align: center;
    }
    .casinolist2__header {
        font-size: 14px;
    }
}
@media (max-width: 600px) {
    .casinolist2 {
        gap: 10px;
    }
    .casinolist2 > div {
        border-radius: 6px;
    }
    .casinolist2__img {
        width: 100%;
        height: 60px;
        border-radius: 4px;
    } 
	.casinolist2__right {
		font-size: 14px;
	}	
}



/* Casinolist30 */

.casinolist30 {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.casinolist30item {
    display: grid;
    grid-template-columns: 150px 2fr 4fr 200px;
    gap: 4%;
    width: 100%;
    box-shadow: 0 1px 4px 0 #292C2C1F;
    border-radius: 10px;
    align-items: center;
}

.casinolist30__desc p:last-child, .casinolist30__desc ul:last-child, .casinolist30__desct ol:last-child {
    margin-bottom: 0;
}
.casinolist30__img {
    width: 150px;
    min-height: 100px;
    height: 100%;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    transition: opacity 0.2s;
}
.casinolist30__img:hover {
    opacity: .8;
}
.casinolist30__info {
	padding: 5px 0;
}
.casinolist30__title {
    margin: 0;
    margin-bottom: 4px;
}
.casinolist30__rating {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    --progress: 0%;
    background: conic-gradient(var(--advantages) var(--progress), var(--light-bg) var(--progress));
    position: relative;
    padding-bottom: 10px;
}
.casinolist30__rating:after {
    border-radius: 50%;
    display: block;
    content: "";
    background: #fff;
    position: absolute;
    left: 4px;
    top: 4px;
    height: 32px;
    width: 32px;
}
.casinolist30__rating div {
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    position: absolute;
    z-index: 5;
    top: 13px;
    left: 0px;
    width: 40px;
}
.casinolist30__desc {
    padding: 10px 0;
	font-size: 16px;
}
@media (max-width: 768px) {
    .casinolist30item {
        grid-template-columns: 150px 2fr 4fr 170px;
    }
    .casinolist30item p, .casinolist30item ul li, .casinolist30item ol li {
        font-size: 14px;
    }
    .casinolist30__desc {
        font-size: 14px;
    }  
    .casinolist30__button {
        font-size: 16px;
        font-weight: 600;
        width: 80%;
    }
}
@media (max-width: 600px) {
    .casinolist30 {
        gap: 12px;
    }    
    .casinolist30item {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 16px;
    }
    .casinolist30item > div, .casinolist30item > a {
        width: calc(50% - 10px);
    }    
    .casinolist30__img {
        width: 120px;
        height: 80px;
        border-radius: 6px;
        order: 10;
    }
    .casinolist30__info {
        order: 30;
		padding: 0;
    }
    .casinolist30__desc {
        order: 20;
    }
    .casinolist30__btn {
        order: 40;
        align-self: flex-end;
    }
    .casinolist30__button {
        width: 100%;
    }
}



/* Casinolist40 */

.casinolist40 {
    display: grid;
    grid-template-columns: 25% 25% calc(50% - 20px);
    gap: 10px;
    width: 100%;
    margin-bottom: 30px;
}
.casinolist40 > div {
    padding: 16px;
    box-shadow: 0 1px 4px 0 #292C2C1F;
    border-radius: 6px;
}
.casinolist40__header {
    background: var(--second-color);
    color: white;
    font-weight: 600;
}
.casinolist40__left {
    display: grid;
    grid-template-columns: 33% calc(66% - 10px);
    gap: 10px;
    align-items: center;
    box-shadow: 0 1px 4px 0 #292C2C1F;
    border-radius: 6px;
    font-size: 16px;
}
.casinolist40__img {
    width: 100%;
    height: 100%;
    min-height: 80px;
    border-radius: 6px 0 0 6px;
    background-size: cover;
    background-position: center;
    transition: opacity 0.2s;
}
.casinolist40__title {
    font-weight: 500;
    font-size: 16px;
}
.casinolist40__center {
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
}
.casinolist40__right {
    font-size: 16px;
    display: flex;
    align-items: center;    
}
@media (max-width: 600px) {
    .casinolist40 {
        gap: 8px;
    }
    .casinolist40 > div {
        padding: 10px;
    }
    .casinolist40__header {
        font-size: 12px;
    }
    .casinolist40__left {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 0;
    }
    .casinolist40__img {
        border-radius: 6px 6px 0 0;
    }
    .casinolist40__title {
        font-size: 14px;
        padding: 10px;
    }
    .casinolist40__center {
        font-size: 12px;
    }
    .casinolist40__right {
        font-size: 12px;
    }
}



/* block1 */

.block10 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin-bottom: 30px;
}

.block10__item {
    width: calc(33% - 20px);
    padding: 20px;
    box-shadow: 0 1px 4px 0 #292C2C1F;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.block10__img {
    width: 140px;
    height: 140px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
}

.block10__header {
    margin: 0;
}

.block10__text {
    font-size: 16px;
    text-align: center;
}

@media (max-width: 768px) {
    .block10 {
        gap: 12px;
    }
    .block10__item {
        padding: 10px;
    }
}

@media (max-width: 600px) {
    .block10 {
        flex-direction: column;
    }
    .block10__item {
        padding: 16px;
        width: 100%;
        display: grid;
        grid-template-areas: 
                    "block10img block10header"
                    "block10img block10text";
    }
    .block10__img {
        width: 110px;
        height: 110px;
        grid-area: block10img;
    }
    .block10__header {
        grid-area: block10header;
    }
    .block10__text {
        grid-area: block10text;
        text-align: left;
        font-size: 14px;
    }
}



/* Class*/
/* list1 */

.list1 li {
	border: 2px solid var(--second-color);
	border-radius: 10px;
	padding: 20px 16px 20px 48px;
	background: var(--light-bg);
}
.list1 li:not(:last-child) {margin-bottom: 16px;}
.list1 li::before {
	top: 23px;
	left: 16px;
}
.list1 li::after {
    top: 26px;
    left: 21px;
}
.list1 li strong {
    color: var(--dark-grey);
}

/* Class*/
/* table1 */

.table1 table {	
	border-spacing: 10px !important;
}

.table1 th, .table1 td {
	border-radius: 6px;
	box-shadow: 0 1px 4px 0 #292C2C1F;
}

.table1 td {
	background: white !important;
}

@media (max-width: 600px) {
    .table1 th, .table1 td {
        font-size: 14px;
        border-radius: 4px !important;
    }    
}




/* block2 */

.block2 {
	padding: 20px;
	border-left: 10px solid var(--button-color);
	border-radius: 10px;
	box-shadow: 0 1px 4px 0 #292C2C1F;
	margin-bottom: 20px;
}

.block2 h3 {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 6px 20px;
	border-radius: 9px;
	background: var(--second-color);
	color: white;
}

.block2 p {
    font-size: 16px;
    margin-bottom: 10px;
}

.block2 p:last-child {
	margin-bottom: 0;
}

@media (max-width: 781px) {
    .block2 {
        padding: 16px;
    }
    .block2 p {
        font-size: 14px;
    }    
    .block2 h3 {
        font-size: 20px;
    }    
}


/* block3 */

.block3 {
	margin-bottom: 20px;
    box-shadow: 0 1px 4px 0 #292C2C1F;
    padding: 20px;
    border-radius: 10px;
}
.block3-columns {
    gap: 1em;
    margin-bottom: 0;
}
.block3 img, .wp-block-image {
    margin-bottom: 0;
}
.block3 h3 {
	margin-top: 0;
	margin-bottom: 20px;
}
.block3-text {
	background: var(--light-bg);
	border: 2px solid var(--second-color);
	border-radius: 10px;
	padding: 20px 14px;
}
.block3-text p {
	font-size: 16px;
	margin-bottom: 10px;
}
.block3-text p:last-child {
	margin-bottom: 0;
}

.block3-proscons {
    margin-top: 20px;
    margin-bottom: 0;
    gap: 1em;
}

.block3-proscons ul {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0;
}

.block3-pros {
    background: var(--advantages-bg);
    border-radius: 10px;
    padding: 20px;
}

.block3-proscons li {
    padding-left: 46px;
    font-size: 16px;
}

.block3-pros ul li::before {
    width: 34px;
    height: 34px;
    background-image: url(img/like.png);
    top: -4px;
	background-color: unset;
}

.block3-cons {
    background: var(--disadvantages-bg);
    border-radius: 10px;
    padding: 20px;
}

.block3-cons ul li::before {
    width: 34px;
    height: 34px;
    background-image: url(img/nolike.png);
    top: 1px;
	background-color: unset;
}

.block3-pros ul li::after, .block3-cons ul li::after {display: none;}

@media (max-width: 781px) {
    .block3-text p {
    	font-size: 14px;
    	margin-bottom: 10px;
    }
    .block3-proscons ul {
        gap: 10px;
    }
    
    .block3-pros {
        padding: 10px;
    }
    
    .block3-proscons li {
        padding-left: 36px;
        font-size: 14px;
    }
    
    .block3-pros ul li::before {
        width: 24px;
        height: 24px;
        background-image: url(img/like.png);
        background-size: cover;
            top: -1px;
    }
    
    .block3-cons {
        background: var(--disadvantages-bg);
        border-radius: 10px;
        padding: 10px;
    }
    
    .block3-cons ul li::before {
        width: 24px;
        height: 24px;
        background-image: url(img/nolike.png);
        background-size: cover;
        top: -1px;
    }
}

/* Block3-1 */

.block3-pros ul li::before {
    background-image: url(img/like.png);
}

.block3-cons ul li::before {
    background-image: url(img/nolike.png);
}

.block3-1 {
    border-left: 10px solid var(--button-color);
}

.block3-2 {
    background: url(img/bock3-2-left.svg), url(img/bock3-2-right.svg), var(--dark-bg-color);
    background-repeat: no-repeat;
    background-position: left bottom, right top, center;
    box-shadow: none;
}

.block3-2 h3 {
    color: #ffffff;
}

.block3-1 .block3-columns, .block3-2 .block3-columns {
    align-items: center !important;
}

.block3-1 h3 {
    display: inline-block;
    background: var(--second-color);
    color: white;
    border-radius: 6px;
    line-height: 1;
    padding: 6px 20px;
    margin: 0;
}

.block3-2 h3 {
    margin: 0;
}

.block5-1 ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.block5-1 li {
    margin: 0 !important;
    border: 2px solid #FFD2C3;
}

@media (max-width: 600px) {
    .block3-2 {
        text-align: center;
    }
    .block5-1 ul {
        grid-template-columns: 1fr;
    }
}


/* block5 */

.block5 {
    box-shadow: 0 1px 4px 0 #292C2C1F;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.block5 ul:last-child {
    margin-bottom: 0;
}



/* block6 */

.block6 {
	margin-bottom: 20px;
	box-shadow: 0 1px 4px 0 #292C2C1F;
	padding: 15px 15px 15px 24px;
	border-radius: 10px;
	height: 181px;
}
.block6__content {
	position: relative;
	padding: 15px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top: 2px solid #fce9d2;
	border-right: 2px solid #fce9d2;
	border-bottom: 2px solid #fce9d2;
	background-color: #fffbf9;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.block6__content h3 {
	margin: 0;
}
.block6__content::before {
	content: url(img/block6-bg.png);
	position: absolute;
	left: -54px;
	top: -2px;
}
.block6__content p {
	font-size: 16px;
}
.block6__content p:last-child {
	margin-bottom: 0;
}
.block6__num {
	display: flex;
	align-items: center; 
}
.block6__num p {
	margin-bottom: 0;
	font-size: 60px;
	font-weight: 800;
	text-align: center;
	color: #fce9d2;
}

@media (max-width: 781px) {
	.block6 {
		height: auto;
		padding: 0 16px 16px 16px;
		gap: 0;
	}
	.block6__content::before {
		content: none;
	}
	.block6__content {
		border: 2px solid #fce9d2;
		border-radius: 10px;
		margin-top: -10px !important;
	}
	.block6__num {
		margin-top: -10px !important;
	}
}

/* block7 */

.block7 {
	margin-bottom: 20px;
	gap: 30px;
}
.block7 img {
	margin: 0;
}
.block7 h3 {
	margin: 0;
}
.block7 p {
	font-size: 16px;
	margin: 10px 0 0 0;
}
.block7 figure {
	text-align: center;
}


/* Advantage Block (FrontPage) */
.advantage__list > div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

.advantage__item {
    padding: 20px;
    background-color: var(--light-bg);
    border-radius: 2px;
}

.advantage__item > div {
    display: flex;
    flex-flow: column nowrap;
    min-height: 310px;
    text-align: center;
    gap: 6px;
}

.advantage__item h3 {
    font-size: 16px;
    margin: 0;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    gap: 20px;
}

.advantage__item h3::before {
    content: '';
    height: 80px;
    width: 80px;
    display: block;
    border-radius: 50%;
}

.advantage__item:nth-of-type(1) h3::before {
    background: url(img/icons/icon_adv1.svg) center / cover no-repeat;
}

.advantage__item:nth-of-type(2) h3::before {
    background: url(img/icons/icon_adv2.svg) center / cover no-repeat;
}

.advantage__item:nth-of-type(3) h3::before {
    background: url(img/icons/icon_adv3.svg) center / cover no-repeat;
}

.advantage__item:nth-of-type(4) h3::before {
    background: url(img/icons/icon_adv4.svg) center / cover no-repeat;
}

.advantage__item:nth-of-type(5) h3::before {
    background: url(img/icons/icon_adv5.svg) center / cover no-repeat;
}

.advantage__item:nth-of-type(6) h3::before {
    background: url(img/icons/icon_adv6.svg) center / cover no-repeat;
}

/* block8 */

.block8 > div {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-flow: row wrap;
}

.block8__item {
    background-color: var(--light-bg);
    padding: 20px;
    border-radius: 2px;
    max-width: 500px;
}

.block8__title > div {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 20px;
}

.block8 img {
    width: 64px;
    height: 50px;
    object-fit: cover;
    border-radius: 2px;
    margin: 0;
}

.block8 h3 {
    font-size: 16px;
    margin: 0;
}

.block8__title {
    position: relative;
}

.block8__title .block8_button a {
    height: 24px;
    width: 24px;
    display: flex;
    position: absolute;
    padding: 0;
    background: linear-gradient(180deg, #27B813 0%, #008819 100%);
    right: 0;
    top: 13px;
    box-shadow: 0px 3px 17px 0px #24B414CC;
}

.block8__title .block8_button a::after {
    content: '';
    height: 8px;
    width: 8px;
    border: 2px solid white;
    border-left: none;
    border-top: none;
    transform: rotate(-45deg);
    top: 6px;
    left: 5px;
    position: absolute;
}

/* Games list */

.games__list > div {
    display: flex;
    gap: 30px;
    flex-flow: row wrap;
    justify-content: center;
}

.games__item > div {
    width: 240px;
    text-align: center;
    display: flex;
    flex-flow: column nowrap;
    gap: 6px;
}

.games__item h3 {
    font-size: 16px;
    margin: 0;
    display: flex;
    flex-flow: column nowrap;
    gap: 20px;
    align-items: center;
}

.games__item h3::before {
    content: '';
    height: 80px;
    width: 80px;
    display: block;
    border-radius: 50%;
}

.games__item:nth-of-type(1) h3::before {
    background: url(img/icons/icon_game1.svg) center / cover no-repeat;
}

.games__item:nth-of-type(2) h3::before {
    background: url(img/icons/icon_game2.svg) center / cover no-repeat;
}

.games__item:nth-of-type(3) h3::before {
    background: url(img/icons/icon_game3.svg) center / cover no-repeat;
}

.games__item:nth-of-type(4) h3::before {
    background: url(img/icons/icon_game4.svg) center / cover no-repeat;
}

.games__item:nth-of-type(5) h3::before {
    background: url(img/icons/icon_game5.svg) center / cover no-repeat;
}

.games__item:nth-of-type(6) h3::before {
    background: url(img/icons/icon_game6.svg) center / cover no-repeat;
}

.games__item:nth-of-type(7) h3::before {
    background: url(img/icons/icon_game7.svg) center / cover no-repeat;
}

/* Bonus list */

.bonus__list li {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.bonus__list p {
    margin: 0;
}
.bonus__list h3 {
    width: calc(100% - 45px);
}

/* Step list */

.step__list-container > div > p {
    background-color: var(--lavander);
    padding: 20px;
    color: white;
    font-weight: 700;
    margin-bottom: 10px;
}

.step__list li {
    border: 1px solid #DBDCE0;
    padding: 20px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 70px;
    row-gap: 0;
    margin-bottom: 10px;
}

.step__list h3 {
    margin: 10px 0;
}

.step__list li > p {
    margin-left: 110px;
}

/* Payments list */

.payments__block {
    border: 2px solid #DBDCE0;
    padding: 30px;
    box-shadow: 0px 2px 10px 0px #7B1F351A;
}

.list__payments {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 0;
}

.list__payments li {
    height: 60px;
    padding-bottom: 0px;
    padding-left: 110px;
    border-bottom: 2px solid #AADAAD;
    display: flex;
    gap: 20px;
    align-items: center;
}

.list__payments li::before {
    content: '';
    width: 90px;
    height: 50px;
    border-radius: 2px;
    top: 0;
    left: 0;
}

.list__payments li.crypto::before {
    background: url(img/icons/crypto.jpg) center / cover no-repeat;
}

.list__payments li.visamastercard::before {
    background: url(img/icons/visa.jpg) center / cover no-repeat;
}

.list__payments li.skrillnet::before {
    background: url(img/icons/skrill.jpg) center / cover no-repeat;
}

.list__payments li.bank-transfer::before {
    background: url(img/icons/transfer.jpg) center / cover no-repeat;
}

.list__payments li.rapipago::before {
    background: url(img/icons/rapipago.jpg) center / cover no-repeat;
}

.list__payments li.mercado::before {
    background: url(img/icons/mercado.jpg) center / cover no-repeat;
}

.list__payments li::after { 
    display:none;
}

@media (max-width: 1100px) {
    .advantage__list > div {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .advantage__list > div {
        grid-template-columns: 1fr;
    }
    .list__payments {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .step__list h3 {
        width: 100%;
    }
    .list__payments li {
        height: auto;
        padding-bottom: 20px;
        min-height: 70px;
    }
    .step__list li > p {
        margin-left: 0px;
    }
}

/* VBlocks End */

.meta__block {
    background: linear-gradient(180deg, #1D2025 38.62%, #2D3733 100%);
    margin: 0;
    padding-bottom: 20px;
}

.meta__block .breadcrumbs a, .meta-block .breadcrumbs span {
    color: #898D9A;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}

.meta__block .breadcrumbs {
    padding: 0px;
    padding-bottom: 20px;
    margin: 0;
}

.meta__block .breadcrumbs > span {
    color: var(--white);
}

.meta__block .breadcrumb_last {
    color: var(--white) !important;
}

.meta__block h1 {
    font-size: 44px;
    font-weight: 900;
    margin: 0;
    color: var(--white);
}

.meta__block-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.meta__block .articleauthor__updated, .meta__block .articleauthor__published {
    color: var(--white);
}

@media (max-width: 1200px) {
    .meta__block-title .articleauthor__updated, .meta__block-title .articleauthor__published {
       width: auto;
    }
}



@media (max-width: 768px) {
    .meta__block-title {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
    }
}

/* Скрываем подменю по умолчанию */
.menu-item-has-children .sub-menu {
  display: none;
  transition: all 0.3s ease;
}

/* Показываем, если открыт */
.menu-item-has-children.is-open > .sub-menu {
  display: block;
}

/* Стили кнопки-стрелки */
.submenu-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
}

.submenu-toggle svg {
  fill: #3bd24b;
  transition: transform 0.3s ease;
}

/* Поворот стрелки при раскрытии */
.menu-item-has-children.is-open .submenu-toggle svg {
  transform: rotate(180deg);
}