/*
Theme Name: rps
Author: rps
Version: 3.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: 'Outfit';
    src: url('fonts/Outfit-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

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

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

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

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

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

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

@font-face {
	font-display: optional;
    font-family: 'Outfit';
    src: url('fonts/Outfit-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}
*/
:root {
    --white: #fff;
    --grey-text: #4C5C90;
    --black-text: #232224;
    --dark-bg-color: #161922;
    --button-color: #E0AA4D; 
    --button-hover: #EFC57D; 
    --second-color: #4C5C90;
    --advantages: #25A122;
    --disadvantages: #AF0F0F;
    --advantages-bg: #f2f5eb;
    --disadvantages-bg: #f8eae9;
    --stars: #FFC703;
    --light-bg: #E5E9F6;
    --button-text-color: #232224;
    --body-bg: white;
    
    --dark-grey: #212532;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, 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: 4px;
    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: 4px;
    padding: 10px 30px;
    text-align: center;
    width: 170px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    transition: background 0.15s;
}

.button-standart {
    background: var(--button-color);
    color: var(--button-text-color);
    display: inline-block;
}

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

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

.container {
    width: 100%;
    padding: 30px 50px;
}

.withsidebar {
    width: 100%;
    max-width: 1920px;
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr 4fr;
    align-items: stretch
}

.top {
    width: 100%;
    min-height: 300px;
    padding: 50px;
    color: white;
    background-image: url(img/bg1.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.top .button-big {
    margin-top: 10px;
    margin-bottom: 0;
    text-transform: uppercase;
    border: 2px solid var(--button-hover);
    color: var(--button-hover);
    background-color: transparent;
}

.top .button-big:hover {
    background-color: var(--button-color);
    color: var(--black-text);
}

.page-title {
    width: 60%;
}

.site-logo {
    margin: 20px 0;
    text-align: center;
}

.site-logo img, .footer img {
    max-width: 100%;
    height: auto;
}

aside {
    grid-row: span 2;
    padding: 20px;
    background-color: var(--dark-bg-color);
}

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

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

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

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

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

/* Header Menu */

.header-menu, .header-menu li {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.sub-menu {
    display: none;
    flex-direction: column;
    gap: 10px;
    padding-left: 20px;
}

.active .sub-menu {
    display: flex;
}

.header-menu a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;   
    text-decoration: none;
    color: white;
    cursor: pointer;
    transition: color 0.2s;
    background-color: var(--dark-grey);
    padding: 15px 52px 15px 15px;
    border-radius: 6px;    
}

.header-menu a:hover {
    background-color: var(--second-color);
}
.menu-item-has-children {
    position: relative;
}
.menu-item-has-children span {
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
    height: 50px;
    z-index: 5;
    cursor: pointer;
}
.menu-item-has-children span::after {
    position: absolute;
    content: '';
    display: block;
    border: 6px solid transparent;
    border-top: 6px solid var(--button-hover);
    top: calc(50% - 3px);
    right: 20px;
}

.active.menu-item-has-children span {
    rotate: 180deg;
}

@media (max-width: 1200px) {
    .withsidebar {
        grid-template-columns: 1fr;
    }
    .container, .top, aside {
        padding: 20px;
    }
    .page-title {
        width: 80%;
    }
    .header-menu {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .header-menu > li {
        width: 25%;
        min-width: 185px;
    }
    .sub-menu {
        padding-left: 0;
    }
    .site-logo {
        margin: 10px auto;
    }
}

@media (max-width: 600px) {
    .header-menu > li {
        width: calc(50% - 5px);
        min-width: auto;
    }
    .page-title {
        width: 100%;
    }
}

/* Breadcrumbs */

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

.breadcrumbs a, .breadcrumbs span {
    color: var(--button-color);
    text-decoration: none;
}

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

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

.breadcrumbs > span > span:first-child a {
    font-weight: 600;    
    display: block;
}

.breadcrumb_last {
    color: white !important;
    font-size: 16px !important;
    font-weight: 600;   
}

.single-casino .breadcrumb_last, .page-template-page-without .breadcrumb_last, .archive .breadcrumb_last, .category .breadcrumb_last {
    color: var(--black-text) !important;
}

@media (max-width: 600px) {
    
    .breadcrumbs {
        margin: 10px auto 10px 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;
}

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

article a:hover {
    color: var(--button-hover);
    text-decoration: none;
}

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

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

article p, article ul li, article ol li  {
    font-size: 18px;
    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;
}

h1, .h1 {
    font-size: 42px;
    font-weight: 600;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

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

article h2::after, .h2::after {
    content: '';
    display: block;
    width: 140px;
    height: 5px;
    background-color: var(--button-hover);
    margin-top: 2px;
    margin-left: -2px;
}

article h3, .h3 {
    font-size: 26px;
    font-weight: 700;
    margin: 40px 0 30px 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;
}

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

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

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;
}

article ol li::before {
    content: counter(ol-counter); 
    counter-increment: ol-counter;
    background: transparent;
    border: 2px solid var(--button-color);
    color: var(--button-color); 
    width: 30px;
    height: 30px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
}

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

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

.wp-block-table td {
    background-color: var(--wp--preset--color--cyan-bluish-gray);
}

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);
}

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

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

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

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

@media (max-width: 600px) {

    h1, .h1 {
        font-size: 32px;
    }
    
    article h2, .h2 {
        font-size: 28px;
        margin: 40px 0 20px 0;
    }
    
    article h3, .h3 {
        font-size: 22px;
        margin: 40px 0 20px 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-top: 24px;
	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;
	height: auto;
}

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

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

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


/* Casinolist */

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

.gold-wrapper {
    background: var(--button-hover);
    border-radius: 4px;
    padding: 40px 3px 3px 3px;
}

.standart-wrapper {
    background: var(--second-color);
    border-radius: 4px;
    padding: 40px 3px 3px 3px;
}

.casinoitem {
    width: 100%;
    padding: 10px;
    background: white;
    border-radius: 0 0 3px 3px;
    margin: auto;
    position: relative;
}

.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 {
    position: absolute;
    top: -40px;
    left: 10px;
    height: 40px;
    font-size: 26px;
    font-weight: 600;
    line-height: 40px;
    color: white;
}

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

.casinoitem__content {
    display: grid;
    grid-template-columns: 16% 10% 24% 24% calc(26% - 40px);
	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;    
}

.casinolist-review .casinoitem__content {
    grid-template-columns: 2fr 1fr 2fr 3fr 3fr;
    grid-template-areas: none;
}

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

.casinolist-review .casinoitem__logo {
    width: 100%;
}

.casinolist-review .casinoitem {
    padding: 20px;
    background: var(--light-bg);
    border-radius: 4px;
}

.casinolist-review .casinoitem__plus,
.casinolist-review .casinoitem__bonus {
    background: white;
    border: none;
}

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

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

.casinoitem__logo {
    width: 130px;
    height: 130px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    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;
    align-items: center;
    grid-area: info;
}

.rating-value {
    font-size: 16px;
    font-weight: 600;
}

.rating-tc {
    font-size: 12px;
    font-weight: 300;
}

.casinoitem__plus {
    border-radius: 4px;
    border: 2px solid var(--light-bg);
    background: var(--light-bg);
    padding: 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: 14px;
    font-weight: 500;
    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(--button-color);
    display: block;
    position: absolute;    
    width: 12px;
    height: 12px;
    border: none;
    left: 6px;
    top: calc(50% - 6px);
    border-radius: 6px;
    padding: 0;
}

.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);
    background: var(--light-bg);
    border-radius: 4px;
    padding: 8px;
}

.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;
}

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

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

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

.casinoitem__reg {
    width: 100%;
    border-radius: 4px;
    padding: 14px 30px;
}

.casinoitem__review {
    background-color: transparent;
    border: 2px solid var(--button-color);
    width: 100%;
}

.casinoitem__bonustext {
    width: 100%;
    height: 100%;
    grid-area: bonustext;
    border-radius: 4px;
    border: 2px solid var(--light-bg);
    padding: 20px;
}

.casinoitem__bonustext-text {
    font-size: 14px;
    margin-top: 14px;
}

.casinoitem__bonustext-title, .casinoitem__banking-title {
    font-size: 16px;
    font-weight: 700;
    padding-left: 28px;
    position: relative;
}

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

.casinoitem__banking {
    width: 100%;
    height: 100%;
    grid-area: banking;
    border-radius: 4px;
    border: 2px solid var(--light-bg);
    padding: 20px;
}

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

.casinoitem__banking-items {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.casinoitem__banking-items div {
    width: 48px;
    height: 36px;
    box-shadow: 0 1px 4px 0 rgba(41, 44, 44, 0.12);
    border-radius: 4px;
    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);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
	background: var(--light-bg);
}

.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__info {
    background: white;
    width: 100%;
    height: 100%;
    border-radius: 4px;  
    padding: 10px;
}

.casinoitem__info > div:nth-of-type(1) {
    font-size: 16px;
    font-weight: 700;
    min-height: 46px;
    position: relative;
    padding-left: 36px;
}

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

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

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

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

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


@media (max-width: 1200px) {
    .casinoitem {
        padding: 10px;
    }
    .casinoitem__logo {
        width: 100px;
        height: 100px;
    }
    .casinoitem__reg {
        padding: 14px 15px;
        font-size: 16px;
    }
    .casinoitem__review {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .casinoitem {
        padding: 20px 10px;
    }
    .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: center;
    }
    .casinoitem__logo {
        width: 256px;
        height: 256px;
        background-position: center;
    }
    .casinoitem__buttons {
        width: 100%;
    }
    .casinoitem__reg {
        width: 100%;
        font-size: 18px;
    }
    .casinoitem__review {
        font-size: 16px;
    }
    .casinoitem__plus p, .casinoitem__plus ul li {
        line-height: 1.5;
    }
    .casinoitem__bonustext, .casinoitem__banking {
        padding: 10px;
    }
    .casinoitem__content .casinoitem__plus {
        display: none;
    }
    .casinoitem__bonustext {
        display: none;
    }
    .casinoitem__banking {
        display: none;
    }
    .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;
    }
}



/* FAQ */

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

.schema-faq-section {
    background-color: var(--second-color);
    border-radius: 4px;
    padding: 0;
    box-shadow: 0 1px 4px 0 #292C2C1F;;
}

.schema-faq-question {
    display: block;
    padding: 20px 30px 20px 20px;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    cursor: pointer;
    color: white;
	margin: 0;
}

.schema-faq-question::after {
    position: absolute;
    top: 18px;
    right: 18px;
    content: '+';
    font-family: Arial;
    font-size: 32px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: var(--button-hover);
    transition: transform 0.1s;
}

.schema-faq-answer {
    display: none;
    padding: 20px;
    background-color: white;
    margin: 0;
}

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

.faq-open .schema-faq-question::after {
    transform: rotate(45deg);
}

@media (max-width: 600px) {
    .schema-faq-section {
        min-height: 44px;
    }
    .schema-faq-question {
        min-height: 36px;
    }
}




/* 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: 4px;
    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: 4px 4px 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;
}

@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;
    }    
    
}

/* 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: 4px;
}

.plusminus__plus, .plusminus__minus {
    width: calc(50% - 10px);
    border-radius: 4px;
    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;
    }
}



/* Footer */

.footer {
    background-color: var(--dark-bg-color);
    padding: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    color: white;
}


.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) {
    .footer {
        padding: 20px;
    }
	.back-to-top {
		right: 20px;
		bottom: 20px;
	}	
}


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

.locked::after {
    filter: invert(1);
    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: 4px;
	padding: 20px 16px 20px 48px;
	background: var(--light-bg);
}
.list1 li:not(:last-child) {margin-bottom: 16px;}
.list1 li::before {
	top: 28px;
	left: 20px;
}
.list1 li strong {
    color: var(--dark-grey);
}


/* Class*/
/* table1 */

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

.table1 th, .table1 td {
	border-radius: 4px;
	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: 4px;
	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: 4px;
	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: 4px;
}
.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: 4px;
	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: 4px;
    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: 4px;
    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: 4px;
        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(--second-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: 4px;
    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: 4px;
	height: 181px;
	filter: grayscale(1);
}
.block6__content {
	position: relative;
	padding: 15px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	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: 4px;
		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;
}