/* Global Variables */


/* Common Version */

:root {
    /* --ff-global-font: "-apple-system", "BlinkMacSystemFont", "SFProText-Regular", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; */
    --ff-global-font: "SF Pro Display","SF Pro Icons","AOS Icons","Helvetica Neue","Helvetica","Arial","sans-serif";
    --border-75: 4.688rem;
    --border-50: 3.125rem;
    --border-25: 1.563rem;
    --border-18: 1.125rem;
    --border-15: 0.938rem;
    --border-12: 0.75rem;
    --border-8: 0.5rem;
    --border-6: 0.375;
    --rounded-img: var(--border-15) var(--border-50) var(--border-50);
}

:root {
    --aboutus-p: #f2f2f2;
    --active: rgb(250, 197, 24);
    --active-google: var(--active);
    --anchor: #FFFFFF;
    /* --aside-color: linear-gradient(0deg, rgb(28 28 33) 0%, rgb(22 25 29) 100%); */
    --aside-color: #000000;
    --aside-details-box-bg: linear-gradient(180deg, rgb(29 41 58) 0%, rgb(22 31 44) 37%, rgb(15 22 30) 100%);
    --background-even-list-item: radial-gradient(50% 60% at 50% 50%, #364c6c 0%, rgba(0, 179, 255, 0.0001) 100%);
    --background-even-list-item-box: radial-gradient(50% 40% at 50% 66%, rgb(54, 76, 108) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --background-even-list-item-even: radial-gradient(70% 70% at 50% 50%, hsl(232, 24%, 12%) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --background-hero: var(--index-background-hero);
    --background-list-item-hover: radial-gradient(50% 60% at 50% 50%, rgba(72, 82, 97, 0.7) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --background-list-item-hover-box: radial-gradient(50% 40% at 50% 66%, rgba(72, 82, 97, 0.7) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --banner-dimming: radial-gradient(119.58% 119.58% at 50% 50%, rgb(18 10 31 / 0%) 30%, rgb(18 10 31 / 95%) 60.2%);
    --banner-wager-box: var(--navbar-footer-bg);
    --bg: #f2f2f2;
    --bg-blur: rgba(22, 31, 44, .5);
    --bg-linear: linear-gradient(0deg, rgba(22, 31, 44, 1) 0%, rgba(15, 22, 30, 1) 100%);
    --bg-linear-old: linear-gradient(0deg, rgba(22, 31, 44, 1) 0%, rgba(29, 41, 58, 1) 100%);
    --bg-linear-two: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(50 54 59) 100%);
    --bg-linear-cats: linear-gradient(180deg, #5a5d61 0%, #17191D 100%);
    --bg-offer-blue: rgba(15, 22, 30, 1);
    --bodyGutter: 1.5rem;
    --bodyGutterMedium: 2.5rem;
    --bonus-amount-banner: whitesmoke;
    --bonus-news: #AE18F5;
    --border-bottom-list-item: #333336;
    --border-rating-details: hsla(0,0%,100%,.08);
    --box-bottom-border: rgb(29, 29, 31);
    --box-rating-number: rgba(0, 0, 0, .3);
    --box-shadows: 2px 4px 12px rgb(0 0 0 / 8%);
    --box-shadows-option-ligh: rgba(0, 0, 0, 0.26) 2px 2px 6px;
    --box-shadows-list: 2px 4px 16px rgb(0 0 0 / 16%);
    --brand-name-color: var(--white-dimmed);
    --breadcrumbs-border: var(--regular);
    --btn-comments: linear-gradient(0deg, rgba(22, 31, 44, 1) 0%, rgba(29, 41, 58, 1) 100%);
    --btn-primary: linear-gradient(0deg, rgb(250, 197, 24) 0%, rgba(245, 197, 24, 1) 100%);
    --btn-primary-hover: rgb(250, 197, 24);
    --btn-primary-new: linear-gradient(var(--btn-primary-new-insert));
    --btn-primary-new-insert: 0deg, #1d5e20 0%, #409b29 100%;
    --btn-news: linear-gradient(0deg, rgb(204 160 17) 0%, rgba(245, 197, 24, 1) 100%);
    --btn-news-hover: linear-gradient(0deg, rgba(245, 197, 24, 1) 0%, rgb(204 160 17) 100%);
    --card-preview-default-color: var(--bg-linear-two);
    --card__bg: rgba(29, 29, 31, 0.8);
    --casino: #00ADF6;
    --casino-chip-border: rgba(255, 255, 255, 0.3);
    --casino-chip-shadow: #c8c8c840;
    --cat-info-color: rgba(255, 255, 255, 0.8);
    --categories-shadow: 1px 0px 8px rgb(255 255 255 / 60%);
    --categories-svg: rgb(159 164 167 / 40%);
    --changing-color-header: var(--font-color);
    --comments-btn: var(--bg-linear);
    --comment-bg: white;
    --darkgrey: #15171A;
    --darkmode: color-mod(var(--darkgrey) l(+2%));
    --dd-background: linear-gradient( to left, rgba(255, 255, 255, 0), rgb(112 112 112 / 10%));
    --details-border: rgba(0, 0, 0, .1);
    --details-hover: radial-gradient(50% 50% at 50% 66%, rgb(26, 28, 32) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --details-open: radial-gradient(50% 34% at 50% 60%, rgb(38 44 56) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --dropdown-bg: rgb(40,40,41);
    --faq-answer: var(--faq-bg-two);
    --faq-bg: linear-gradient(0deg, rgb(40 44 49) 0%, rgb(50 54 59) 100%);
    --faq-bg-two: rgb(36, 36, 38);
    --faq-box-bg-color: linear-gradient( 0deg, rgb(187 199 211) 0%, rgb(229 231 233) 100%);
    --faq-color: rgba(255, 255, 255, .8);
    --faq-icon-filter: none;
    --faq-inside-li: rgba(255, 255, 255, .8);
    --faq-text: whitesmoke;
    --footer-icon-text: var(--grey__text);
    --footer-icon-text-active: #FFFFFF;
    --font-color: rgba(0,0,0,0.87);
    --font-dark: rgba(0,0,0,0.95);
    --font-color-light: rgba(0,0,0,0.67);
    --free-spins: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(38 46 56) 100%);
    --g: #555555;
    --gray_ish: #a1a1a6;
    --grey__text: #9fa4a7;
    --h1-box-color: var(--font-color);
    --h2-color: var(--font-color);
    --header-home-page: linear-gradient(180deg, rgba(0, 0, 0, 1) 3%, rgba(29, 29, 29) 35%, rgba(29, 29, 39) 100%);
    --hero-shadow: linear-gradient(to bottom, rgba(28, 28, 28, 0.1) 40%, rgb(0, 0, 0, 1) 80%);
    --how-to-bg: linear-gradient(0deg, rgb(0 0 0) 0, rgba(18, 170, 229, 0.812) 40%);
    --how-to-bonus-background: rgba(0, 0, 0, 1);
    --how-to-box-number-shadows: var(--card__bg);
    --how-to-description: var(--gray_ish);
    --how-to-small-boxes: var(--bg-linear-two);
    --how-to-small-boxes-border: var(--border-micro-box);
    --hb-box-one-image: var(--index-background-hero);
    --icon-color: var(--grey__text);
    --icon-color-two: var(--icon-color);
    --icons-navbar: rgb( 128, 124, 118);
    --index-background-casino-bonuses: radial-gradient(50% 50% at 50% 50%, rgb(255 235 0 / 50%) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --index-background-hero-free-spins: radial-gradient(50% 50% at 50% 50%, rgba(245, 197, 24, 1) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --index-background-hero: radial-gradient(50% 50% at 50% 50%, #425d83 0%, rgba(0, 179, 255, 0.0001) 100%);
    --index-background-online-casinos: radial-gradient(50% 50% at 50% 50%, rgb(155 149 154 / 90%) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --index-hero-subtitle: rgba(255,255,255,0.7);
    --index-hero-text: var(--grey__text);
    --inactive-preloader: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(50 54 59) 100%);
    --info-pages: rgb(33 60 76);
    --input-border: rgb(159 164 167 / 40%);
    --item-sub-title: var(--grey__text);
    --linked: #12aae5cf;
    --linked-dark: rgb(48 109 189);
    --light-black-dimmed: rgba(0, 0, 0, .2);
    --main-bg: var(--bg);
    --main-bg-mobile: transparent;
    --main_purple: #5A1FD6;
    --nav-button: var(--white);
    --navbar-bg: rgba(29, 29, 31, 0.82);
    --navbar-blur: blur(15px);
    --navbar-border: var(--outline);
    --navbar-drop-bg: rgba(0, 0, 0, .85);
    --navbar-footer-bg: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(58 61 66) 100%);
    --navbar-logo: var(--font-color);
    --nav-font-color: var(--white-dimmed);
    --news-background: linear-gradient(0deg, rgb(250, 197, 24) 0%, rgba(245, 197, 24, 1) 100%);
    --news-header-title: var(--font-color);
    --news-header-title-insider: var(--news-header-title);
    --news-top-title: var(--grey__text);
    --outline: linear-gradient(0deg, rgba(22, 31, 44, 1) 0%, rgba(29, 41, 58, 1) 100%);
    --outline-light: linear-gradient(0deg, rgb(39, 55, 77) 0%, rgb(44, 63, 89) 100%);
    --payments-item: var(--banner-wager-box);
    --payments-methodes: var(--grey__text);
    --payments-bg: linear-gradient(180deg, rgb(29 41 58) 0%, rgb(22 31 44) 37%, rgb(15 22 30) 100%);
    --percent: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(53, 60, 68) 100%);
    --pressed: #fa305c;
    --preview-card: rgba(0, 0, 0, .1);
    --preview-card-1: rgba(0, 0, 0, .05);
    --preview-card-2: rgba(0, 0, 0, .2);
    --preview-card-3: rgba(0, 0, 0, .4);
    --preview-card-4: rgba(0, 0, 0, .7);
    --progress-background: #5C5A68;
    --progress-value: var(--gray_ish);
    --promo-box-background: rgba( 255, 255, 255, 0.9);
    --promo-shadow: 0px 1px 10px rgba(55, 92, 117, 0.1);
    --rating-number: var(--white);
    --rating-with-progress: var(--grey__text);
    --regular: #333336;
    --review-box-background: var(--summary-box-bg);
    --review-box-shadow: var(--box-shadows-option-ligh);
    --review-list-linear: linear-gradient(180deg, rgba(0, 0, 0, 1) 3%, rgb(28 28 28 / 80%) 25%, rgb(15 15 16 / 80%) 100%);
    --ribbon: rgba(22, 31, 44, 1);
    --ribbon-color: #dddddd;
    --ribbon-info: #585806;
    --ribbon-light: #263850;
    --scrollbar-thumb: rgba(29, 29, 31, 1);
    --scrollbar-track: rgb(22 25 29);
    --section-bg: linear-gradient(0deg, rgb(242 242 242) 0%, rgb(255 255 255) 100%);
    --slider-bg: none;
    --slots: #C50076;
    --slots-slider-bg: linear-gradient(180deg, rgba(0, 0, 0, 1) 3%, rgba(29, 29, 29) 35%, rgba(29, 29, 39) 100%);
    --special-list-number: #9fa4a759;
    --star-color: rgb(15, 185, 15);
    --stars-rating-color: #ffaf2d;
    --stars-rating-color-active: #ffaf2d;
    --stars-rating-inactive: rgba(255, 175, 45, 0.4);
    --stars-rating-outline: #ffaf2d;
    --stars-svg: rgba(255, 175, 45, 0.4);
    --stars-svg-inactive: rgba(255, 175, 45, 0.2);
    --stars-svg-outline: #ffaf2d;
    --strong: var(--white-dimmed);
    --subcore-tag: rgba(255, 255, 255, .1);
    --summary-a: var(--active);
    --summary-box-bg: var(--bg-linear-two);
    --summary-color: rgba(255, 255, 255, 0.6);
    --summary-title: rgba(255, 255, 255, 0.88);
    --svg-color: rgba(21, 197, 45, 0.5);
    --svg-gray: rgba(159, 164, 167, 0.4);
    --svg-light: #f2f2f2;
    --svg-use: var(--grey__text);
    --tab-blue-light: linear-gradient(180deg, rgb(40 57 80) 0%, rgb(39 55 78) 37%, rgb(15 22 30) 100%);
    --table-border: rgb(159 164 167 / 40%);
    --tags-color: rgba(0, 0, 0, 0.87);
    --tech-detail-color: var(--grey__text);
    --top-10-list-bg: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(22, 31, 44, 0.7) 18%, rgba(22, 31, 44, 0.7) 100%);
    --wager: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(58 67 35) 100%);
    --wager-box: rgba( 218, 211, 200, 1);
    --wager-color: rgba( 218, 211, 200, 1);
    --white: #FFFFFF;
    --white-dimmed: rgba(255, 255, 255, 0.8);
    --zoom-figcaption-bg: rgba(0, 0, 0, 0.5);
}


/* :root {
    --bg: #f5f5f7;
    --bg-reverse: #000000;
    --bg-blur: rgba(22, 31, 44, .5);
    --navbar-blur: blur(15px);
    --bodyGutter: 1.5rem;
    --bodyGutterMedium: 2.5rem;
    --bg-linear-old: linear-gradient(0deg, rgba(22, 31, 44, 1) 0%, rgba(29, 41, 58, 1) 100%);
    --bg-linear: linear-gradient(0deg, rgba(22, 31, 44, 1) 0%, rgba(15, 22, 30, 1) 100%);
    --bg-offer-blue: rgba(15, 22, 30, 1);
    --bg-linear-two: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(50 54 59) 100%);
    --section-bg: linear-gradient(0deg, rgb(242 242 242) 0%, rgb(255 255 255) 100%);
    --free-spins: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(38 46 56) 100%);
    --percent: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(53, 60, 68) 100%);
    --wager: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(58 67 35) 100%);
    --card__bg: rgba(29, 29, 31, 0.8);
    --outline: linear-gradient(0deg, rgba(22, 31, 44, 1) 0%, rgba(29, 41, 58, 1) 100%);
    --white: #FFFFFF;
    --white-dimmed: rgba(255, 255, 255, 0.8);
    --font-color: rgba(0,0,0,0.87);
    --font-dark: rgba(0,0,0,0.95);
    --font-color-light: rgba(0,0,0,0.67);
    --tags-color: rgba(0,0,0,0.87);
    --gray_ish: #a1a1a6;
    --regular: #333336;
    --active: rgb(250, 197, 24);
    --active-google: var(--active);
    --pressed: #fa305c;
    --main_purple: #5A1FD6;
    --grey__text: #9fa4a7;
    --border-micro-box: var(--regular);
    --darkgrey: #15171A;
    --casino: #00ADF6;
    --slots: #C50076;
    --bonus_news: #AE18F5;
    --nav-button: var(--white);
    --navbar-bg: rgba(29, 29, 31, 0.82);
    --navbar-footer-bg: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(58 61 66) 100%);
    --faq-color: rgba(255, 255, 255, .8);
    --faq-bg: linear-gradient(0deg, rgb(40 44 49) 0%, rgb(50 54 59) 100%);
    --faq-bg-two: rgb(36, 36, 38);
    --h2-color: var(--font-color);
    --aside-color: linear-gradient(0deg, rgb(28 28 33) 0%, rgb(22 25 29) 100%);
    --btn-primary: linear-gradient(0deg, rgb(250, 197, 24) 0%, rgba(245, 197, 24, 1) 100%);
    --btn-primary-new-insert: 0deg, #1d5e20 0%, #409b29 100%;
    --btn-primary-new: linear-gradient(var(--btn-primary-new-insert));
    --btn-primary-hover: rgb(250, 197, 24);
    --progress-background: #5C5A68;
    --darkmode: color-mod(var(--darkgrey) l(+2%));
    --icons-navbar: rgb( 128, 124, 118);
    --box-shadows: 2px 4px 12px rgb(0 0 0 / 8%);;
    --hero-shadow: linear-gradient(to bottom, rgba(28, 28, 28, 0.1) 40%, rgb(0, 0, 0, 1) 80%);
    --main-bg: var(--bg);
    --main-bg-mobile: transparent;
    --icon-color: var(--grey__text);
    --icon-color-two: var(--icon-color);
    --banner-wager-box: var(--navbar-footer-bg);
    --comments-btn: var(--bg-linear);
    --slider-bg: none;
    --navbar-drop-bg: rgba(0, 0, 0, .85);
    --light-black-dimmed: rgba(0, 0, 0, .2);
    --wager-box: rgba( 218, 211, 200, 1);
    --promo-box-background: rgba( 255, 255, 255, 0.9);
    --promo-shadow: 0px 1px 10px rgba(55, 92, 117, 0.1);
    --box-shadows-option-ligh: rgba(0, 0, 0, 0.26) 2px 2px 6px;
    --categories-shadow: 1px 0px 8px rgb(255 255 255 / 60%);
    --box-bottom-border: rgb(29, 29, 31);
    --faq-box-bg-color: var(--bg-linear-two);
    --changing-color-header: var(--font-color);
    --breadcrumbs-border: var(--regular);
    --index-background-hero: radial-gradient(50% 50% at 50% 50%, #425d83 0%, rgba(0, 179, 255, 0.0001) 100%);
    --index-background-hero-free-spins: radial-gradient(50% 50% at 50% 50%, rgba(245, 197, 24, 1) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --index-background-casino-bonuses: radial-gradient(50% 50% at 50% 50%, rgb(255 235 0 / 50%) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --index-background-online-casinos: radial-gradient(50% 50% at 50% 50%, rgb(155 149 154 / 90%) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --slots-slider-bg: linear-gradient(180deg, rgba(0, 0, 0, 1) 3%, rgba(29, 29, 31, 0.8) 25%, rgba(29, 29, 31, 0.8) 100%);
    --payments-slider-bg: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgb(33 64 41 / 50%) 37%, rgb(33 64 41 / 40%) 100%);
    --top-10-list-bg: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(22, 31, 44, 0.7) 18%, rgba(22, 31, 44, 0.7) 100%);
    --review-list-linear: linear-gradient(180deg, rgba(0, 0, 0, 1) 3%, rgb(28 28 28 / 80%) 25%, rgb(15 15 16 / 80%) 100%);
    --navbar-border: var(--outline);
    --anchor: #FFFFFF;
    --h1-box-color: var(--font-color);
    --box-rating-number: rgba(0, 0, 0, .1);
    --details-border: rgba(0, 0, 0, .1);
    --review-summary-box: var(--bg-linear-two);
    --payments-item: var(--banner-wager-box);
    --border-rating-details: hsla(0,0%,100%,.08);
    --ribbon: rgba(22, 31, 44, 1);
    --ribbon-info: #585806;
    --ribbon-light: #263850;
    --ribbon-color: #dddddd;
    --brand-name-color: var(--white-dimmed);
    --footer-icon-text: var(--grey__text);
    --footer-icon-text-active: #FFFFFF;
    --nav-font-color: var(--white-dimmed);
    --faq-icon-filter: none;
    --summary-box-bg: var(--bg-linear-two);
    --summary-color: rgba(255, 255, 255, 0.6);
    --summary-title: rgba(255, 255, 255, 0.88);
    --faq-answer: var(--faq-bg-two);
    --rating-number: var(--white);
    --cat-info-color: var(--grey__text);
    --svg-use: var(--grey__text);
    --payments-methodes: var(--grey__text);
    --tech-detail-color: var(--grey__text);
    --review-box-shadow: var(--box-shadows-option-ligh);
    --review-box-background: var(--summary-box-bg);
    --faq-inside-li: rgba(255, 255, 255, .8);
    --special-list-number: #9fa4a759;
    --bonus-amount-banner: whitesmoke;
    --wager-color: rgba( 218, 211, 200, 1);
    --grey__text: #9fa4a7;
    --how-to-small-boxes: var(--bg-linear-two);
    --how-to-small-boxes-border: var(--border-micro-box);
    --index-hero-text: var(--grey__text);
    --index-hero-subtitle: rgba(255,255,255,0.7);
    --comment-bg: var(--border-micro-box);
    --review-slider: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(0 0 0) 100%);
    --banner-dimming: radial-gradient(119.58% 119.58% at 50% 50%, rgb(18 10 31 / 0%) 30%, rgb(18 10 31 / 95%) 60.2%);
    --news-background: linear-gradient(0deg, rgb(250, 197, 24) 0%, rgba(245, 197, 24, 1) 100%);
    --strong: var(--white-dimmed);
    --background-hero: var(--index-background-hero);
    --bonus-summary-h3: var(--white);
    --how-to-bonus-background: rgba(0, 0, 0, 1);
    --how-to-box-number-shadows: var(--card__bg);
    --how-to-description: var(--gray_ish);
    --news-header-title: var(--font-color);
    --news-header-title-insider: var(--news-header-title);
    --breadcrumbs-border: var(--regular);
    --card-preview-default-color: var(--bg-linear-two);
    --item-sub-title: var(--grey__text);
    --news-top-title: var(--grey__text);
    --summary-a: var(--active);
    --header-home-page: linear-gradient(180deg, rgba(0, 0, 0, 1) 3%, rgba(29, 29, 29) 35%, rgba(29, 29, 39) 100%);
    --rating-with-progress: var(--grey__text);
    --progress-value: var(--gray_ish);
    --hb-box-one-image: var(--index-background-hero);
    --navbar-logo: var(--font-color);
    --info-pages: rgb(33 60 76);
    --linked: #12aae5cf;
    --linked-dark: rgb(48 109 189);
    --scrollbar-thumb: rgba(29, 29, 31, 1);
    --scrollbar-track: rgb(22 25 29);
    --border-bottom-list-item: #333336;
    --background-even-list-item-even: radial-gradient(70% 70% at 50% 50%, hsl(232, 24%, 12%) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --background-even-list-item: radial-gradient(50% 60% at 50% 50%, #364c6c 0%, rgba(0, 179, 255, 0.0001) 100%);
    --background-even-list-item-box: radial-gradient(50% 40% at 50% 66%, rgb(54, 76, 108) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --background-list-item-hover-box: radial-gradient(50% 40% at 50% 66%, rgba(72, 82, 97, 0.7) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --background-list-item-hover: radial-gradient(50% 60% at 50% 50%, rgba(72, 82, 97, 0.7) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --border-under-faq: rgb(63 63 63);
    --zoom-figcaption-bg: rgba(0, 0, 0, 0.5);
    --how-to-bg: linear-gradient(0deg, rgb(0 0 0) 0, rgba(18, 170, 229, 0.812) 40%);
    --faq-text: whitesmoke;
    --categories-svg: rgb(159 164 167 / 40%);
    --aside-details-box-bg: linear-gradient(180deg, rgb(29 41 58) 0%, rgb(22 31 44) 37%, rgb(15 22 30) 100%);
    --tab-blue-light: linear-gradient(180deg, rgb(40 57 80) 0%, rgb(39 55 78) 37%, rgb(15 22 30) 100%);
    --details-open: radial-gradient(50% 34% at 50% 60%, rgb(38 44 56) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --details-hover: radial-gradient(50% 50% at 50% 66%, rgb(26, 28, 32) 0%, rgba(0, 179, 255, 0.0001) 100%);
    --dd-background: linear-gradient( to left, rgba(255, 255, 255, 0), rgb(112 112 112 / 10%));
    --btn-comments: linear-gradient(0deg, rgba(22, 31, 44, 1) 0%, rgba(29, 41, 58, 1) 100%);
    --svg-gray: rgba(159, 164, 167, 0.4);
    --svg-color: rgba(21, 197, 45, 0.5);
    --inactive-preloader: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(50 54 59) 100%);
    --casino-chip-shadow: #c8c8c840;
    --subcore-tag: rgba(255, 255, 255, .1);
    --casino-chip-border: rgba(255,255,255,0.3);
} */

html {
    box-sizing: border-box;
    font-family: var(--ff-global-font);
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.47rem;
    font-style: normal;
    font-weight: normal;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background: var(--bg);
    color: var(--font-color);
    margin: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    scroll-behavior: smooth;
}

html,
body {
    height: 100%;
    position: relative;
}

body {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

main {
    width: 100%;
}

#insiderDetail {
    background: var(--bg);
}

article,
section,
.main-header {
    position: relative;
    scroll-margin-top: 3.5rem;
}

figure,
blockquote,
p {
    margin: 0;
}

img,
picture {
    display: block;
}

.slider-item picture {
    position: relative;
}

video {
    object-fit: cover;
    position: absolute;
    left: 0;
    z-index: 5;
    width: 100%;
    height: auto;
}

header,
aside {
    width: 100%;
    height: fit-content;
}


/* h1 {
    font-size: 2rem;
    line-height: 1.17649;
    letter-spacing: 0;
} */


/* h2 {
font-size: 1.5rem;
flex: 1;
z-index: 1;
line-height: 1.29412;
font-weight: 700;
letter-spacing: 0;
} */


/* 
h3 {
font-size: 1.25rem;
line-height: 1.5rem;
}

h4 {
font-size: 1rem;
line-height: 1.125rem;
}

 

h5 {
font-size: 0.875rem;
line-height: 1rem;
} */

h4::first-letter {
    color: var(--active);
}

:focus {
    outline: none;
}

td a:any-link,
dl a:any-link,
.how-to-text a:any-link,
.hero-insider-text a:any-link {
    color: var(--linked-dark);
}

#sitemap-overview a:any-link {
    color: var(--border-bottom-list-item);
    text-decoration: none;
}

#sitemap-overview a:any-link:hover {
    color: var(--linked);
}

#sitemap-overview li {
    margin-top: .5rem;
}

nav a,
.vertical-scrolling a,
.list-boxes-item a {
    text-decoration: none;
}

.rounded {
    border-radius: var(--border-15);
}

.rounded-8 {
    border-radius: 8px;
}

.rounded-28 {
    border-radius: 28px;
}

.rounded-50 {
    border-radius: 50px;
}

.rounded-75 {
    border-radius: 75px;
}

.rounded-img {
    border-radius: var(--rounded-img);
}

.hide {
    display: none;
}

.show {
    padding: 0 .5rem;
}

label {
    display: flex;
    justify-content: space-between;
}

progress {
    border-radius: 0.5rem;
    vertical-align: .625rem;
}

progress[value] {
    height: 0.25rem;
    width: 100%;
}

progress::-webkit-progress-bar {
    background: var(--progress-background);
    border-radius: 0.5rem;
}

progress::-webkit-progress-value {
    /* background: var(--progress-value); */
    background-color: var(--progress-value);
    border-radius: 0.5rem;
}

progress::-moz-progress-bar {
    background: var(--progress-background);
    border-radius: 0.5rem;
}


/* width */

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}


/* Track */

::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
    border-radius: var(--border-6);
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: var(--border-8);
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #444;
}

::-webkit-scrollbar {
    display: none;
}

ul {
    list-style-type: "\2713\0020";
}


/* STAR  */

.rating-star {
    font-size: 1rem;
    width: 1rem;
    height: 1rem;
    padding: 0 0.25rem;
    position: relative;
    display: block;
    float: left;
}

.full-star:before {
    color: #f2b01e;
    content: "\2605";
    position: absolute;
    left: 0;
    overflow: hidden;
}


/* END STAR */

.nowrap {
    white-space: nowrap;
}


/* PRELOADER PAGE */

.logo-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 1rem;
    height: 100vh;
    width: auto;
    align-items: center;
    overflow: hidden;
}

.logo-images::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    -webkit-backdrop-filter: var(--navbar-blur);
    backdrop-filter: var(--navbar-blur);
}

.main-preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg-offer-blue);
}

.preloading-page {
    background: var(--bg-linear-cats);
    box-sizing: border-box;
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    max-width: 21rem;
}

.preloader-logo {
    width: 6.25rem;
    height: 6.25rem;
    margin: 0 auto;
    border-radius: var(--border-12);
}

.preloading-page h1 {
    font-weight: 400;
    text-align: center;
    color: #f2f2f2;
}

.preloading-page h1 strong {
    color: var(--active);
    font-weight: 700;
}

.language {
    color: #cdd7dd;
}

.btn-preloader {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--white);
    padding: .5rem 1rem;
    width: calc(100% - 3rem);
    transition: ease-in-out 0.3s;
    font-size: 1.25rem;
    line-height: 2rem;
}

.btn-preloader.active {
    background: var(--btn-primary-new);
}

.btn-preloader.inactive {
    background: var(--inactive-preloader);
    cursor: not-allowed;
}

.btn-preloader span {
    min-width: calc(100% - 4rem);
    text-align: center;
}

.btn-preloader:hover,
.btn-preloader:focus {
    color: var(--white);
    box-shadow: var(--categories-shadow);
}

.btn-preloader.active:hover,
.btn-preloader.active:focus {
    background: var(--btn-news);
}


/* PRELOADER PAGE */

.black {
    background: black;
}

/* MAIN HEADER */

.main-header,
.review-header {
    margin-top: 3rem;
    /* background: var(--header-home-page); */
    position: relative;
}

.main-header {
    background: var(--header-home-page);
    padding-bottom: 0.75rem;
    /* min-height: 24.25rem; */
}

.hr {
    border-bottom: 0.5px solid var(--breadcrumbs-border);
    background-image: linear-gradient(var(--casino-chip-border), var(--casino-chip-border));
    background-position: bottom left;
    background-size: 0% 1px;
    background-repeat: no-repeat;
    transition: background-size 1s, background-position 0s 1s;
}

.main-header:hover .hr{
    background-position: bottom right;
    background-size: 100% 1px;
}

/* TOP NAV BAR WITH LOGO */

nav.navbar {
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    height: 3rem;
    background: var(--navbar-bg);
    /* border-bottom: 1px solid var(--navbar-border); */
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: var(--white);
}

.logo {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    color: var(--navbar-logo);
}

.logo-svg {
    width: 2rem;
    height: 2rem;
    border-radius: var(--border-8);
}

.links {
    padding: 0;
    margin: 0;
    width: calc(100% - 210px);
    height: 100%;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    list-style: none;
    /* backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
*/
}

.links li {
    position: relative;
    padding: 0.5rem;
    align-items: flex-start;
    vertical-align: middle;
    display: flex;
    line-height: 3rem;
    fill: var(--active);
}

.links a {
    color: var(--navbar-li-color);
    text-decoration: none;
    /* height: 3rem; */
    line-height: initial;
    display: flex;
    font-size: 1.125rem;
    align-items: center;
    text-transform: capitalize;
}

.links a:hover {
    color: var(--white-dimmed);
    transition: color 0.3s ease;
}

#nav-toggle {
    position: absolute;
    top: -4rem;
}

.icon-burger {
    display: none;
    position: absolute;
    right: .5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.line {
    width: 1.875rem;
    height: 0.313rem;
    background: var(--nav-font-color);
    margin: 0.313rem;
    border-radius: 0.188rem;
    transition: all .3s ease-in-out;
    display: block;
}

.line b {
    position: absolute;
    top: -1000rem;
}

.logo-item {
    min-width: 3rem;
    line-height: 3rem;
}

.logo-item-with-logo {
    text-transform: uppercase;
    color: var(--active);
}

.logo-item-with-logo strong {
    color: var(--active);
    font-weight: 700;
}

.btn-book {
    background: var(--active);
}

a.btn-book:hover {
    background: var(--active-hover);
    color: var(--light-white);
}

.links li a.btn-book::before {
    display: none;
}


.nav-icons {
    display: inline-block;
    margin-right: 10px;
    height: 1.25rem;
    width: 1.25rem;
    background: #FAC518;
    border-radius: 5px;
}

/* .links li:hover .nav-icons {
    fill: var(--active);
} */

/* END TOP NAV BAR WITH LOGO */


/* REVIEW HERO */

.review-header {
    height: 21.875rem;
}

.review-hero-banner {
    height: 18.75rem
}

.review-hero-banner::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: var(--hero-shadow);
    border: none;
    z-index: 6;
}

.review-hero-image {
    box-sizing: border-box;
}


.review-hero-image.insider {
    height: 18.75rem;
}

.review-header figure {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    gap: 1rem;
    align-items: center;
    z-index: 7;
}

/* .dimmed-around-header {
    border-radius: var(--border-15);
    background: rgba(0, 0, 0, .42);
} */

.review-info-box {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    flex: 1;
    min-width: 8.75rem;
}

.review-h1 {
    margin: 0;
    text-transform: capitalize;
    color: white;
}

.review-hero-rating {
    color: var(--bonus-amount-banner);
}

.review-hero-rating span {
    color: var(--cat-info-color);
}

.review-hero-author {
    color: var(--cat-info-color);
}

.review-hero-author span {
    color: var(--light-white);
    font-weight: 500;
}

.hero-insider-text {
    color: var(--white-dimmed);
    padding-bottom: 1rem;
}

.sliderHeroPopUpText {
    padding: 1rem;
}

.sliderHeroPopUpText p {
    margin-block-start: 1em;
    margin-block-end: 1em;
}

/* .format-date {
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    padding: 0.5rem;
    box-sizing: border-box;
    background: rgba(0,0,0, 0.3);
}

.format-date time {
    color: var(--bonus-amount-banner);
} */
/* END REVIEW HERE */


/* GUTTER */

.no-gutter {
    margin: 0;
}

.gutter-zoom {
    margin: 1.25rem 0 0;
}

.gutter-half-zoom {
    margin: .5rem 0 0;
}

.gutter-quater-zoom {
    margin: .25rem 0 0;
}

.gutter a {
    transition: ease-in-out 0.3s;
}

.gutter-padding-inline {
    box-sizing: border-box;
}


/* END GUTTER */


/* CATEGORIES NAV BAR */

/* .categories-slider {
    gap: var(--bodyGutter);
    height: 5.5rem;
} */

.categories-slider-a {
    scroll-snap-align: center;
}

.categories-slider figure,
.categories-slider figcaption {
    display: flex;
}

.categories-slider figure {
    gap: 1rem;
    background: var(--bg-linear-two);
    padding: 0.75rem;
    /* margin: .25rem 0; */
    transition: ease-in-out 0.3s;
    width: 100%;
    max-width: max-content;
}

.categories-slider figure:hover {
    background: var(--bg-linear-old);
    box-shadow: var(--categories-shadow);
}

.categories-slider figcaption {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    white-space: nowrap;
    font-size: 1.125rem;
    font-weight: 700;
}

.categories-slider span {
    font-weight: 500;
    color: var(--cat-info-color);
    font-size: 0.875rem;
}

.categories-slider svg {
    width: 3rem;
    height: 3rem;
    fill: var(--categories-svg);
    transition: ease-in-out 0.3s;
}

.categories-slider figure:hover svg {
    fill: var(--white-dimmed);
}


/* END CATEGORIES NAV BAR */


/* RIBBON */

.ribbon {
    /* background: var(--ribbon); */
    /* background: var(--ribbon-info); */
    background: var(--ribbon-light);
    min-height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    position: relative;
    width: 100%;
    top: 3rem;
    border-top: 1px solid #ffffff33;
    border-bottom: 1px solid #ffffff33;
/*     
    background: var(--ribbon-info);
    min-height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--ribbon-color);
    position: relative;
    width: 100%;
    top: 3rem; */
}

.ribbon p {
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: 400;
    text-align: center;
    margin: 0.25rem;
}

.ribbon a {
    color: var(--active);
    text-decoration: underline;
}


/* END RIBBON */

.header-h1 {
    font-weight: 300;
    text-transform: capitalize;
    color: var(--white);
}

.header-h1 strong {
    color: var(--active);
}

.header-h1 span {
    font-weight: 500;
}


.hero-h2 {
    color: var(--index-hero-subtitle);
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.125rem;
    font-weight: 400;
}

.green-h2 {
    /* border-left: 4px solid var(--active); */
    line-height: 1.75rem;
}

.green-h2::before, .modalContent h2::before {
    content: "";
    display: inline-block;
    width: 20px; /* set the width and height of the icon */
    height: 20px;
    background-image: url('/assets/manifest/bestcasinospins-logo-rounded-50.svg'); /* set the background image */
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px; /* add some space between the icon and the header */
  }

h3.faq-h3::before {
content: "";
display: inline-block;
width: 20px; /* set the width and height of the icon */
height: 20px;
background-image: url('/assets/svg/faq-color.svg'); /* set the background image */
background-repeat: no-repeat;
background-size: contain;
margin-right: 10px; /* add some space between the icon and the header */
}

.text h3,
.text-with-faq-box h3 {
    color: var(--font-dark);
}

.green-h2,
.green-h3,
.text h3,
.footer-aside h3,
.text-with-faq-box h3 {
    text-transform: uppercase;
    /* padding-left: 0.5rem; */
}

.green-h3,
.text h3,
.footer-aside h3 {
    /* border-left: 2px solid var(--active); */
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: white;
}

.faq-h3 {
    margin: 1rem;
    border-bottom: 1px solid var(--border-under-faq);
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--font-color);
}

.green-a {
    text-decoration: none;
    color: var(--linked-dark);
    letter-spacing: 0.05rem;
    font-weight: 700;
    font-size: 0.875rem;
}

.gutter-slider,
.gutter-slider-half,
.gutter-slider-filter, 
.gutter-slider-ids,
.gutter-slider-cats
 {
    width: 100vw;
}

.gutter-slider-ids.white {
    background: white;
}

.gutter-slider-cats.black {
    background: black;
}

.text-p p, .zoon-text p {
    display: block;
    margin-block-start: 0;
    margin-block-end: 1rem;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}


/* HERO SLIDER */

.modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity: 0;
    /* height: -webkit-fill-available; */
    -webkit-transition: opacity 250ms ease-in;
    -moz-transition: opacity 250ms ease-in;
    transition: opacity 250ms ease-in;
    pointer-events: none;
    /* overflow: hidden;
-webkit-overflow-scrolling: touch; */
}

.modalDialog:target {
    opacity: 1;
    pointer-events: auto;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.modalContent {
    width: calc(100% - 50px);
    position: relative;
    margin: var(--bodyGutter) auto;
    /* padding: 1rem; */
    box-sizing: border-box;
    border-radius: var(--border-15);
    background: var(--bg);
    /* background: rgba(32, 32, 32, 1);
    background: -moz-linear-gradient(rgba(32, 32, 32, 1), rgba(40, 40, 40, 0.95));
    background: -webkit-linear-gradient(rgba(32, 32, 32, 1), rgba(40, 40, 40, 0.95));
    background: -o-linear-gradient(rgba(32, 32, 32, 1), rgba(40, 40, 40, 0.95)); */
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2), 0 8px 40px rgba(0, 0, 0, .55);
    max-height: calc(100% - 50px);
    overflow-y: scroll;
    scrollbar-width: none;
    overscroll-behavior: contain;
}

.modalContent::-webkit-scrollbar {
    background: transparent;
    width: 0px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.modalContent h2 {
    padding: 1rem 1rem 0.5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--details-border);
    color: var(--font-dark);
    text-transform: uppercase;
    line-height: 1.75rem;
}

/* .modalContent h2::before {
    content: "";
    border-left: 4px solid var(--active);
    padding-left: .5rem;
} */

.modalContent h3,
.text h3,
.text-with-faq-box h3 {
    border-bottom: 1px solid var(--details-border);
    color: var(--font-dark);
}

.with-progress h3 {
    color: white;
}

.modalContent p {
    color: var(--modalColor);
}

.zoon-text {
    padding: 1rem;
}

.zoon-text h3, .text-p h3, .how-bonus-work-box h3 {
    border-left: 2px solid var(--active);
    padding-left: 0.5rem;
    color: var(--font-color);
}

.modal-aside {
    position: relative;
}

.modal-aside svg {
    position: absolute;
    right: 1rem;
    bottom: 0;
    width: 4rem;
    height: 4rem;
    fill: var(--box-rating-number);
}

.close {
    background: var(--active);
    border: 1px solid #8b6f0d;
    color: #FFFFFF;
    line-height: 30px;
    position: sticky;
    right: 1rem;
    text-align: center;
    top: 1rem;
    width: 30px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 25px;
    /* -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000; */
    box-shadow: 1px 1px 20px 1px #000;
    height: 30px;
    float: right;
    z-index: 1;
}

.close:hover {
    background: rgb(230 182 27);
    box-shadow: 1px 1px 10px 1px #000;
}


/* END HERO SLIDER */

.vertical-scrolling {
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    overflow-y: clip;
    display: flex;
    display: -ms-flexbox;
    box-sizing: border-box;
    gap: 1.25rem;
    padding-bottom: 0.5rem;
    scrollbar-width: none
}

.vertical-scrolling+.modalDialog:target {
    height: 100%;
    -webkit-transition: opacity 150ms ease-in;
    -moz-transition: opacity 150ms ease-in;
    transition: opacity 150ms ease-in;
}

.hero-slider.default {
    background: var(--background-hero);
}

.hero-slider.free-spins {
    background: var(--index-background-hero-free-spins);
}

.hero-slider.casino-bonuses {
    background: var(--index-background-casino-bonuses);
}

.hero-slider.online-casinos {
    background: var(--index-background-online-casinos);
}

.hero-slider figcaption {
    color: white;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100vw - (var(--bodyGutter) * 3));
    max-width: 21.875rem;
}

.zoom-box-figcaption {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    z-index: 1;
    font-size: 1.125rem;
    margin: 0.625rem 1rem;
    line-height: 1.375rem;
    color: white;
    font-weight: bold;
  }

.hero-slider img {
    width: calc(100vw - (var(--bodyGutter) * 3));
    max-width: 21.875rem;
    height: auto;
    background: var(--bonus-amount-banner);
}

.slider-item-video {
    /* width: 100%;
    height: 100%; */
    top: 0;
    border-radius: var(--border-15);
    display: none;
    min-height: 12.5rem;
}


.slider-item {
    position: relative;
    z-index: 1;
    scroll-snap-align: center;
    /* max-width: 9rem;
    min-height: 12.5rem; */
}

.slider-item:hover img {
    transition: opacity .2s ease-in;
    opacity: 0.8;
    cursor: pointer;
}

.slider-item:hover .slider-item-video {
    display: block;
}

.slider-item-hero-size {
    scroll-snap-align: center;
}

.typography-line1 {
    font-size: 0.75rem;
    line-height: 1.27273;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 0.25rem;
    color: var(--brand-name-color);
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    z-index: 3;
}

.typography-line2 {
    font-size: 0.875rem;
    line-height: 1.29412;
    color: var(--active);
    margin-top: 0.25rem;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100vw - (var(--bodyGutter) * 3));
    max-width: 21.875rem;
}

.insider-video {
    width: 100%;
    height: 99%;
    top: 0;
    display: none;
}

.review-header:hover .insider-video {
    display: block;
}


/* END HEADER INSIDER */

/* HEADER SUBCORE */
.subcore {
    display: flex;
    gap: 1.25rem;
    padding-bottom: 1.25rem;
}


.details-box.item-casino, .details-box.item-bonus, .details-box.item-up-to {
    text-align: center;
    display: block;
}
.details-box.item-casino {
    font-size: 1.125rem;
    margin-top: 1rem;
    margin-bottom: 0.125rem;
    font-weight: 400;
    color: var(--grey__text);
}

.details-box.item-bonus {
    color: var(--linked);
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 600;
}

.details-box.item-up-to {
    font-size: 1.375rem;
    line-height: 2rem;
    padding-top: 0.5rem;
    font-weight: 600;
}

.details-box.item-spins {
    font-size: 1.25rem;
    line-height: 2rem;
    text-align: center;
    color: var(--active);
    font-weight: 500;
}

.details-boxed-icon-slot {
    fill: var(--active);
    margin-right: 0.35rem;
    height: 1rem;
    width: 1rem;
}

.details-box.mid-or-more {
    text-align: center;
    line-height: 2rem;
    margin-top: 1rem;
    display: block;
}

.details-boxed-icon-wager {
    fill: var(--wager-color);
    height: 1rem;
    width: 1rem;
}

.details-box.item-wager {
    color: var(--wager-color);
    line-height: 1rem;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    letter-spacing: .05rem;
}

.details-box .btn-play.boxed {
    padding: 0.5rem 1rem;
    width: calc(100% - 4rem);
    margin: 1rem auto 0.5rem;
}


/* SLIDER IDS */
.ids-slider-a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    transition: ease-in-out 0.3s;
    scroll-snap-align: center;
    margin: .25rem 0;
}
.ids-slider-p {
    padding: 0.25rem 0.75rem;
    border-radius: var(--border-12);
    color: var(--tags-color);
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: calc(100vw - (var(--bodyGutter) * 4));
    border: 1px solid var(--active);
    box-sizing: border-box;
    font-weight: 400;
}

.ids-slider-p::before {
    content: "";
    display: inline-flex;
    width: 1rem; /* set the width and height of the icon */
    height: 1rem;
    background-image: url('/assets/svg/clothes-tag.svg'); /* set the background image */
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px; /* add some space between the icon and the header */
    align-self: center;
    margin-top: .25rem;
  }

.ids-slider-a:first-of-type .ids-slider-p {
    color: var(--font-dark);
    font-weight: 600;
    background: var(--btn-primary);
}

.ids-slider-p:hover,
.ids-slider-p:focus {
    color: var(--font-dark);
    background: var(--btn-primary);
    box-shadow: var(--review-box-shadow);
}
/* END SLIDER IDS */

/* SLIDER SUBCORE */
.subcore-filter-tabs {
    background: var(--payments-item);
    position: sticky;
    top: calc(3rem - 1px);
    z-index: 1;
}
.cat-tab {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    vertical-align: middle;
    justify-content: space-around;
    border: 1px solid var(--categories-svg);
    padding: 0.25rem 0.5rem;
    box-sizing: border-box;
    transition: transform 0.5s ease-in-out;
    /* font-size: 0.875rem; */
    min-width: max-content;
    color: white;
}

.cat-tab:hover {
    box-shadow: 0 0 7px var(--bonus-amount-banner);
    background: #000000;
}

.core-tab-icon {
    fill: var(--active);
    height: 1rem;
    width: 2rem;
}

/* END SLIDER SUBCORE */

/* SOCIAL SHARE */
.social-buttons {
    display: flex;
    gap: 0.5rem;
    position: fixed;
    top: 4rem;
    flex-direction: column;
    left: 0;
    z-index: 99999;
    
  }

.facebook-button svg, .twitter-button svg {
    width: 4rem;
    height: 2rem;
    cursor: pointer;
    fill: white;
    display: flex;
    margin: 0 auto;
}

.facebook-button:hover {
    background-color: hsl(221, 44%, 41%);
}

.facebook-button {
    --color-company-red-h: 221;
    --color-company-red-s: 44%;
    --color-company-red-l: 41%;
    /* using hsl create the default*/
    --color-company-red: hsl(var(--color-company-red-h), var(--color-company-red-s), var(--color-company-red-l));
    
    /* DARKER */
    --color-company-red-darken: hsl(var(--color-company-red-h),var(--color-company-red-s),calc(var(--color-company-red-l) - 15%));

    background-color: var(--color-company-red-darken);
}

.twitter-button {
    /* --color-company-twitter-h: 203;
    --color-company-twitter-s: 89%;
    --color-company-twitter-l: 53%;
   
    --color-company-twiter-darken: hsl(var(--color-company-twitter-h),var(--color-company-twitter-s),calc(var(--color-company-twitter-l) - 15%));
    background-color: var(--color-company-twiter-darken); */
    
    background-color: #000000;
}

.twitter-button:hover {
    /* background-color: hsl(203, 89%, 53%); */
    background-color: #242424;
}

.facebook-button, .twitter-button {
    display: flex;
    vertical-align: middle;
    align-items: center;
    text-decoration: none;
    color: var(--bonus-amount-banner);
    border-radius: 0 12px 12px 0;
    transition: width .5s ease;
    width: 4rem;
}

.facebook-button:hover ,
.twitter-button:hover {
  width: 120%;  
  transition: width .5s ease; 
  box-shadow: 10px 5px 12px rgba(0, 0, 0, 0.8);
  color: var(--white);
}

/* END SOCIAL SHARE */

/* LIST */

.list-horizontal.items {
    background: var(--outline);
    box-sizing: border-box;
    /* padding: 1rem; */
}

.list-horizontal.items a,
.list-boxed.item a,
.item-casino,
.item-bonus {
    text-decoration: none;
}

.list-horizontal.item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-bottom-list-item);
    padding: 0.5rem 0;
    transition: ease-in-out 0.3s;
}

.list-horizontal.item:nth-child(odd) {
    background: var(--background-even-list-item);
}

.list-horizontal.item:nth-child(even) {
    background: var(--background-even-list-item-even);
}

.modalContent .list-horizontal.item:nth-child(odd) {
    background: var(--background-even-list-item);
}

.modalContent .list-horizontal.item:nth-child(even) {
    background: var(--background-even-list-item-even);
}



@keyframes beat {
    0%,
    50%,
    100% {
        transform: scale(1, 1);
    }
    30%,
    80% {
        transform: scale(0.92, 0.95);
    }
}

.list-horizontal.item:hover, .modalContent .list-horizontal.item:hover {
    background: var(--background-list-item-hover);
    width: 100%;
}

.list-horizontal.item:hover .btn-play {
    /* animation: beat 1.5s infinite; */
    animation: beat 1.2s 1;
}

.list-horizontal.item img, .text-with-faq-box .aside-part img, .dimmed-around-header img, .list-boxed.item img, .img-padding {
    padding: 0.5rem;
    box-sizing: border-box;
}

.list-horizontal.no-slider,
.list-horizontal.item-wager,
.list-horizontal.item-play-terms,
.list-horizontal.items,
.list-horizontal.item-casino {
    display: flex;
    flex-direction: column;
}

.list-horizontal.item-number,
.list-boxed.item-number {
    color: var(--special-list-number);
}

.list-horizontal.item:hover .item-number,
.list-horizontal.item:focus .item-number {
    color: white;
}

.list-horizontal.item-rating {
    background: var(--box-rating-number);
    color: var(--bonus-amount-banner);
}

.list-horizontal.item-casino,
.list-horizontal.item-bonus,
.list-boxed.item-casino,
.list-boxed.item-bonus {
    font-weight: 600;
}

.list-horizontal.item-casino,
.list-horizontal.item-bonus,
.list-horizontal.item-spins,
.list-boxed.item-casino,
.list-boxed.item-bonus,
.list-boxed.item-spins {
    text-transform: uppercase;
}

.list-horizontal.item-casino,
.list-boxed.item-casino {
    color: var(--grey__text);
}

.list-horizontal.item-bonus,
.list-boxed.item-bonus {
    color: var(--linked);
}

p.item-up-to,
p.item-up-to b {
    color: var(--white);
    font-weight: 600;
}

.list-horizontal.item-spins,
.list-boxed.item-spins {
    color: var(--active);
    font-weight: 500;
}

.list-horizontal.item-wager,
.list-boxed.item-wager {
    color: var(--wager-box);
    font-weight: 400;
}

.list-horizontal.item-deposit {
    font-size: .875rem;
}

.list-horizontal.item-deposit span {
    font-size: 1rem;
    line-height: 1rem;
    color: var(--brand-name-color);
}

.list-horizontal.item-deposit,
.list-boxed.item-deposit {
    color: var(--grey__text);
}

.list-horizontal.item-wager,
.list-horizontal.item-deposit,
.list-boxed.item-wager,
.list-boxed.item-deposit {
    text-align: center;
    text-transform: capitalize;
}

.list-horizontal.item-spins span,
.list-boxed.item-spins span {
    font-weight: 700;
}

.terms {
    font-size: 0.75rem;
    color: var(--grey__text);
    min-width: 4.5rem;
    display: block;
    margin: 0 auto;
    margin-top: 0.75rem;
    text-align: center;
}

/* p.terms a {
    color: var(--grey__text);
}

p.terms a:hover {
    color: var(--linked);
} */

.btn {
    display: block;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -.022em;
    text-transform: uppercase;
    text-decoration: none;
}

.btn-play {
    background: var(--btn-primary-new);
    color: var(--white);
    font-size: large;
}

.btn-play:hover {
    background: var(--btn-primary-hover);
}

.btn-play.huge {
    padding: 0.5rem 1rem;
    position: relative;
    min-width: 9.375rem;
    flex: 1;
    box-sizing: border-box;
    font-weight: 600;
    letter-spacing: 0.1rem;
}

.btn-play.details-box {
    max-width: calc(100% - 2rem);
    padding: 0.5rem 0;
    margin: 0 auto;
}

/* .item-img, .review-item img, .header-logo {
    box-sizing: border-box;
    padding: 5px;
} */

/* END LIST */


/* ZOOM GROUP */

.zoom-group {
    display: flex;
    flex-wrap: wrap;
}

.zoom {
    position: relative;
}

.zoom-video,
.banner picture {
    width: 100%;
    height: 100%;
}

.zoom-video {
    top: 0;
    display: none;
}

.banner:hover .zoom-video {
    display: block;
    z-index: 1;
}

.banner::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: var(--banner-dimming);
    z-index: 1;
    border-radius: var(--border-15);
    color: white;
}

.zoom figure,
.zoom blockquote,
.modals-under-slider {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zoom figure,
.zoom blockquote,
.modals-under-slider {
    width: 100%;
}

.zoom-figcaption {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    padding: 0.5rem 1rem;
    background: var(--zoom-figcaption-bg);
    width: 100%;
    border-radius: 0 0 var(--border-15) var(--border-15);
    -webkit-backdrop-filter: var(--navbar-blur);
    backdrop-filter: var(--navbar-blur);
}

.zoom-h2 {
    position: absolute;
    top: 0.5rem;
    left: 1rem;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2.063rem;
    text-transform: uppercase;
    text-shadow: 1px 2px 3px #191919;
    color: white;
}

.zoom-title {
    color: var(--item-sub-title);
}

.zoom-subtitle {
    color: white;
    text-transform: uppercase;
    font-weight: 600;
}

.zoom-h2,
.zoom-figcaption {
    z-index: 11;
}

.zoom-img {
    /* max-width: calc(100% - 4rem); */
    height: 100%;
    width: 100%;
    /* margin: auto; */
}


/* END ZOOM GROUP */

#top3BonusesOfTheMonth aside:hover {
    transform: scale3d(1.05, 1.05, 1.05);
}



/* SLIDING BONUSES */

.article-slider {
    /* display: flex;
    flex-direction: column;
    align-items: center; */
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* margin: 0.5rem 0 1.5rem; */
    box-sizing: border-box;
    background: var(--scrollbar-thumb);
    position: relative;
    transition: all 0.3s linear;
}

.tab {
    padding: 0.5rem;
    box-sizing: border-box;
    flex-grow: 1;
    justify-content: center;
    text-transform: uppercase;
    white-space: pre;
    transition: all 0.5s cubic-bezier(0, 0, .5, 1);
    -webkit-transition: all 0.5s cubic-bezier(0, 0, .5, 1);
    -moz-transition: all 0.5s cubic-bezier(0, 0, .5, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0, .5, 1);
    -ms-transition: all 0.5s cubic-bezier(0, 0, .5, 1);
    cursor: pointer;
    color: white;
}

.tab strong {
    color: var(--active);
}

.panels {
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    padding: .75rem 0 0;
    
}

.panel {
    display: none;
    /* animation: fadein .8s; */
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.insider-article-box:any-link {
    color: white;
    transition: ease-in-out 0.3s;
    text-decoration: none;
}


/* .panel a:hover {
    color: var(--gray_ish);
} */

.panel .list-horizontal.items,
.panel .list-boxed.items {
    width: 100%;
    justify-content: center;
}

.radio {
    display: none;
}

#one:checked~.panels #one-panel,
#two:checked~.panels #two-panel,
#three:checked~.panels #three-panel,
#four:checked~.panels #four-panel,
#five:checked~.panels #five-panel,
#six:checked~.panels #six-panel,
#seven:checked~.panels #seven-panel,
#eight:checked~.panels #eight-panel,
#nine:checked~.panels #nine-panel,
#ten:checked~.panels #ten-panel,
#eleven:checked~.panels #eleven-panel,
#twelve:checked~.panels #twelve-panel,
#thirteen:checked~.panels #thirteen-panel,
#fourteen:checked~.panels #fourteen-panel,
#fifteen:checked~.panels #fifteen-panel,
#sixteen:checked~.panels #sixteen-panel,
#seventeen:checked~.panels #seventeen-panel,
#eighteen:checked~.panels #eighteen-panel,
#nineteen:checked~.panels #nineteen-panel
 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bodyGutter);
    flex-grow: 1;
}

#one:checked~.tabs #one-tab,
#two:checked~.tabs #two-tab,
#three:checked~.tabs #three-tab,
#four:checked~.tabs #four-tab,
#five:checked~.tabs #five-tab,
#six:checked~.tabs #six-tab,
#seven:checked~.tabs #seven-tab,
#eight:checked~.tabs #eight-tab,
#nine:checked~.tabs #nine-tab,
#ten:checked~.tabs #ten-tab,
#eleven:checked~.tabs #eleven-tab,
#twelve:checked~.tabs #twelve-tab,
#thirteen:checked~.tabs #thirteen-tab,
#fourteen:checked~.tabs #fourteen-tab,
#fifteen:checked~.tabs #fifteen-tab,
#sixteen:checked~.tabs #sixteen-tab,
#seventeen:checked~.tabs #seventeen-tab,
#eighteen:checked~.tabs #eighteen-tab,
#nineteen:checked~.tabs #nineteen-tab {
    background: var(--tab-blue-light);
    transform: scale3d(1.03, 1.03, 1.03);
}

#one:checked~.subcore-filter-tabs #one-tab,
#two:checked~.subcore-filter-tabs #two-tab,
#three:checked~.subcore-filter-tabs #three-tab,
#four:checked~.subcore-filter-tabs #four-tab,
#five:checked~.subcore-filter-tabs #five-tab,
#six:checked~.subcore-filter-tabs #six-tab,
#seven:checked~.subcore-filter-tabs #seven-tab,
#eight:checked~.subcore-filter-tabs #eight-tab,
#nine:checked~.subcore-filter-tabs #nine-tab,
#ten:checked~.subcore-filter-tabs #ten-tab,
#eleven:checked~.subcore-filter-tabs #eleven-tab,
#twelve:checked~.subcore-filter-tabs #twelve-tab,
#thirteen:checked~.subcore-filter-tabs #thirteen-tab,
#fourteen:checked~.subcore-filter-tabs #fourteen-tab,
#fifteen:checked~.subcore-filter-tabs #fifteen-tab,
#sixteen:checked~.subcore-filter-tabs #sixteen-tab,
#seventeen:checked~.subcore-filter-tabs #seventeen-tab,
#eighteen:checked~.subcore-filter-tabs #eighteen-tab,
#nineteen:checked~.subcore-filter-tabs #nineteen-tab {
    /* background: var(--index-background-casino-bonuses); */
    background: var(--ribbon-info);
    transform: scale3d(1.03, 1.03, 1.03);
    box-shadow: 0 0 7px rgb(255 235 0 / 50%);
}


.panel .list-boxed.item {
    min-width: 16.75rem;
}

/* END SLIDER */

/* SLIDER BONUS TYPES */
.bonus-types-item {
    padding: 0.5rem 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* border: 1px solid var(--border-micro-box); */
    box-sizing: border-box;
    min-width: 9.25rem;
    min-height: 12rem;
    transition: ease-in-out 0.3s;
    box-shadow: var(--promo-shadow);
}

.bonus-types-item-bonus-bg {
    background: var(--bg-linear-cats);
}

.bonus-types-item-casino-bg {
    background: var(--card-preview-default-color);
}


.bonus-types-item:hover {
    box-shadow: 0 0 10px var(--bonus-amount-banner);
    background: var(--tab-blue-light);
}

.bonus-types-item.active {
    box-shadow: 0 0 10px var(--cat-info-color);
    transform: scale3d(1.02, 1.02, 1.02);
    background: var(--tab-blue-light);
    
}

.bonus-types-item-picture {
    background: var(--white-dimmed);
    width: 5.25rem;
    height: 5.25rem;
    box-shadow: 0 0 7px rgb(255 255 255 / 50%);
    display: flex;
    vertical-align: middle;
    align-items: center;
}

.bonus-types-item-img {
    /* background: var(--white-dimmed);
    box-shadow: 0 0 7px rgb(255 255 255 / 50%); */
    width: 6.25rem;
    height: 6.25rem;
}
.bonus-types-item-p {
    color: var(--white-dimmed);
    margin: 0.5rem 0 0.125rem;
    font-size: 0.938rem;
    text-align: center;
}

.bonus-types-item-caption {
    color: var(--active);
    font-size: 0.875rem;
    text-align: center;
}
/* END SLIDER BONUS TYPES */

/* SLIDER REVIEW OPT2 */

.review-item-bg {
    background: var(--review-list-linear)
}
.review, .review-item, .review-item-b-info {
    display: flex;
}
.review {
    gap: 1.5rem;
    box-sizing: border-box;
}
.review-item {
    position: relative;
    align-items: center;
    transition: all 0.3s linear;
}

.review-item-figcaption {
    width: 100%;
    /* min-width: 13.75rem; */
    background: var(--bg-linear-two);
    border-radius: 0 var(--border-15) var(--border-15) 0;
    height: 90%;
    padding-left: 1rem;
    color: white;
}

.review-item-figcaption h3 {
    font-size: 1.063rem;
    margin: 0.5rem 0 0;
}

.review-item-read {
    font-size: 0.875rem;
    color: var(--linked);
    text-transform: capitalize;
    text-decoration: none;
}
.width-70 {
    width: 4.375rem;
    margin: 0.5rem 0;
}

.width-118 {
    width: 7.375rem;
    margin: 0.5rem 0;
}

.review-item-bonus-value {
    font-weight: 700;
    color: var(--aboutus-p);
}

.review-item-free-spins {
    font-weight: 600;
    color: var(--active);
    font-size: 1.25rem;
}

.review-item-b-info {
    justify-content: space-around;
    padding-bottom: 0.25rem;
}

.review-item-b-info div {
    width: 50%;
    text-align: center;
}

.review-item-b-info small {
    color: var(--svg-use);
}

.review-item-number {
    position: absolute;
    font-size: 3rem;
    top: 3.5rem;
    right: 1rem;
    color: var(--categories-svg);
}

.review-item:hover {
    transform: scale3d(1.05, 1.05, 1.05);
}

.review-item:hover .btn-play {
    animation: beat 1.2s infinite;
}

@keyframes beat {
    0%,
    50%,
    100% {
        transform: scale(1, 1);
    }
    30%,
    80% {
        transform: scale(0.92, 0.95);
    }
}

.review-item:hover .review-item-number {
    color: var(--faq-bg-two);
}

/* END SLIDER REVIEW OPT2 */

/* INSIDER  */

.insider-item {
    position: relative;
    min-height: 16.75rem;
    background: var(--faq-bg);
    scroll-snap-align: center;
    /* transition: all 0.3s linear; */
    box-shadow: var(--review-box-shadow);
    overflow: hidden;
}

.panel a:nth-child(even) .insider-item,
.news a:nth-child(even) .insider-item {
    background: var(--info-pages);
}

.panel a .insider-item:hover,
.news a .insider-item:hover {
    background: var(--bg-linear);
    /* color: var(--white-dimmed); */
}

.insider-item figcaption {
    height: 6.25rem;
    padding: 1rem;
    box-sizing: border-box;
    position: relative;
}

.insider-item h3 {
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
    line-height: 1.25rem;
}

.insider-item cite {
    color: var(--bonus-amount-banner);
    font-size: 0.875rem;
    position: absolute;
    bottom: 0;
    right: 0.5rem;
}

.insider-item cite small {
    color: var(--white-dimmed);
}

.insider-item picture,
.insider-item img,
.item-insider-video {
    border-radius: 0 0 var(--border-15) var(--border-15);
}

.insider-item picture {
    position: relative;
    /* transition: all 0.3s linear; */
    
}

.insider-item:hover picture {
    opacity: 1;
    transition: all .3s cubic-bezier(0, 0, .5, 1);
    transform: scale3d(1.03, 1.03, 1.03);
    /* transform: scale3d(1.03, 1.03, 1.03); */
}

/* .insider-item:hover {
    transition: all .3s cubic-bezier(0, 0, .5, 1);
    transform: scale3d(1.03, 1.03, 1.03);
} */

.item-insider-video {
    bottom: 0;
    display: none;
}

.insider-item:hover .item-insider-video {
    display: block;
}

/* figure.insider-item:hover {
    box-shadow: 0 1px 12px 1px var(--white);
} */
/* END INSIDER */



/* TEXT WITH FAQ */

.text,
.text-part,
.text-with-faq-box {
    color: var(--font-color-light)
}

.text strong,
.text b,
.text-part strong,
.text-part b,
.text a.close,
.text-with-faq-box strong,
.text-with-faq-box b,
.how-to-text b, .how-to-text strong {
    color: var(--font-dark);
}

.text p a,
.text-part p a,
.text-with-faq-p-box a,
.text-p a strong {
    color: var(--linked-dark);
}

p.terms a {
    color: var(--grey__text);
    text-decoration: none;
}

p.terms a:hover {
    color: var(--linked);
}

/* CLIPPING LENGHT */

/* END CLIPPING LENGHT */


.text-with-faq-box .aside-part {
    /* position: relative;
    box-shadow: var(--review-box-shadow);
    box-sizing: border-box;
    height: auto; */
    position: sticky;
    box-shadow: var(--review-box-shadow);
    box-sizing: border-box;
    top: 4rem;
}

.aside-part ul {
    padding-inline-start: 2rem;
    padding-inline-end: 1rem;
}

.aside-part li::marker,
.footer-categories li::marker,
.text li::marker,
.text-with-faq-p-box li::marker,
.text-p li::marker {
    color: var(--active);
    content: "\2713\0020";
}

.faq-part-bg {
    background: var(--faq-box-bg-color);
}

.bonus-part-bg {
    background: var(--bg-linear);
}

.bonus-details-part-bg {
    background: var(--bg-linear-two);
    transition: width 0.3s linear;
}

.faq-part-bg svg {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    width: 4rem;
    height: 4rem;
    fill: var(--svg-light);
    transition: ease-in-out 0.3s;
}

.faq-part-bg:hover svg {
    fill: var(--svg-color);
}

.faq-ul {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--font-color-light);
    box-sizing: border-box;
    padding-bottom: 4rem;
    height: calc(100% - 3.5rem);
    margin-right: 1rem;
}

.faq-ul li {
    margin-top: .25rem;
}

/* TEXT WITH FAQ */

/* RELATED CASINOS CHIPS */

/* .rel-casinos-a:nth-child(1),
.payments-item-a:nth-child(1),
.payments-item-a:first-of-type {
    margin-left: var(--bodyGutter);
}

.rel-casinos-a:last-of-type,
.payments-item-a:last-of-type {
    margin-right: var(--bodyGutter);
} */

.rel-casinos {
    padding-top: 0.5rem;
}

.rel-casinos-captions {
    text-align: center;
    margin-top: 1rem;
    min-height: 3rem;
    color: var(--brand-name-color);
}

.rel-casinos:hover .rel-casinos-captions {
    color: white;
    transition: all 0.3s ease-in-out;
}

.rel-casinos-img {
    border: 8px dashed var(--casino-chip-border);
    padding: .5rem;
    box-shadow: 0 4px 12px var(--casino-chip-shadow);
}


.rel-casinos:hover .rel-casinos-img {
    border: 8px dashed var(--active);
    cursor: pointer;
    /* transform: rotate(360deg); */
    transition: all 1s ease;
    transform: translateX( -1px) rotateY( 360deg);
    -ms-transform: translateX( -1px) rotateY(360deg);
    -webkit-transform: translateX( -1px) rotateY(360deg);
    box-shadow: 0 4px 15px var(--active);
}

/* END RELATED CASINOS CHIPS */

/* SLIDER PAYMENTS */
    
.payments-item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    min-width: 12rem;
    background: var(--payments-bg);
    padding: 0.5rem;
    border-radius: 6px;
    transition: .2s ease;
    box-shadow: var(--review-box-shadow);
}

.payments-item:hover {
    background: var(--bg-offer-blue);
}

.payments-img {
    border-radius: 6px;
    padding: 4px;
    box-sizing: border-box;
}

.payments-captions {
    margin-left: 0.5rem;
}

.payments-captions p {
    margin: 0;
    font-size: 14px;
    display: flex;
    /* flex-wrap: wrap; */
    flex-direction: column;
    line-height: 1rem;
}

.payments-name {
    color: var(--linked);
    font-weight: 600;
    width: max-content;
}

.payments-deposit,
.payments-withdrawal {
    color: #9fa4a7;
    font-weight: 400;
}

.payments-deposit span,
.payments-withdrawal span {
    color: white;
    width: max-content;
}
/* END SLIDER PAYMENTS */


/* NEWSLETTER */

.news {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; */
}

/* .newsletter-text {
    background: var(--details-open);
} */

#newsletter {
    width: 100%;
}


/* END NEWSLETTER */


/* DETAILS ASIDE */

.details-box.item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.details-box.item-a,
.details-box.item-img {
    width: 6.25rem;
    height: 6.25rem;
    display: block;
    transition: width 0.3s linear;
}

.details-box.item-a {
    margin: 1rem 0 0 1rem;
}

.details-box.item-img {
    border-radius: var(--border-15);
}

.details-box.item-rating {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: var(--aboutus-p);
}

.details-box.item-number {
    position: absolute;
    top: 3rem;
    right: 1rem;
    width: 4rem;
    height: 4rem;
    fill: var(--categories-svg);
    transition: all 0.3s;
}

.details-box:hover .item-number,
.list-boxed.gift:hover .item-number {
    fill: rgba(255, 255, 255, 0.5);
    animation: beat 1.2s infinite;
}

@keyframes beat {
    0%,
    50%,
    100% {
        transform: scale(1, 1);
    }
    30%,
    80% {
        transform: scale(0.92, 0.95);
    }
}

@keyframes pulse {
    0%,
    50%,
    100% {
        background: #fee;
    }
    30%,
    80% {
        background: #fff;
    }
}

.details-box.with-progress {
    margin: var(--bodyGutter) 1rem 1rem;
}

.rating-label {
    color: var(--progress-value);
    font-size: 1.125rem;
}

.rating-label span {
    color: white;
    min-width: 4.625rem;
}

.details-box progress::-webkit-progress-value {
    background-color: var(--active);
}

.details-box-bonus-title {
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    text-transform: capitalize;
    color: var(--active);
}

.details-box-bonus-title q::before, .details-box-bonus-title q::after {
    content: none;
}

.details-box-bonus-value {
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-align: center;
    color: var(--promo-box-background);
    text-transform: capitalize;
    margin-bottom: 0.75rem;
}
/* END DETAILS ASIDE */


/* END OTHER */


/* HOW TO GET BONUS */

.how-to-article,
.article-linear-bg,
.article-wide-list {
    display: flex;
    flex-direction: column;
    background: var(--slots-slider-bg);
    margin-top: 1.5rem;
}


.how-to-article h2,
.article-linear-bg h2,
.article-wide-list h2 {
    color: white
}

.how-to-article,
.article-wide-list {
    padding-bottom: 1rem;
}

.how-to-item {
    width: 100%;
    max-width: 21.875rem;
    background: var(--bg);
    position: relative;
    scroll-snap-align: center;
}

.how-to-item picture {
    position: relative;
}

.how-to-video {
    /* width: 100%;
    height: auto; */
    top: 0;
    border-radius: var(--border-15) var(--border-15) 0 0;
    display: none;
}

.how-to-item:hover .how-to-video {
    display: block;
}

.how-to-number {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--how-to-box-number-shadows);
    border-radius: var(--border-15) 0 var(--border-15);
    font-weight: 300;
    text-transform: uppercase;
    font-size: 6rem;
    line-height: 6rem;
    padding: 0.5rem 1rem;
    color: var(--cat-info-color);
    z-index: 1;
}

.how-to-item picture {
    background: var(--how-to-bg);
    border-radius: var(--border-15) var(--border-15) 0 0;
    height: 12.5rem;
}

.how-to-h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: white;
}

.how-to-h3 {
    text-transform: capitalize;
}

.how-to-figcaption {
    padding: 0 1rem 1rem;
}

.how-to-text {
    color: var(--font-color);
}

.how-to-text-under {
    display: flex;
    flex-wrap: wrap;
    letter-spacing: .05rem;
    justify-content: space-around;
    font-weight: 700;
    color: var(--active);
}

.how-to-text-under span {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.how-to-text-under small {
    color: white;
}


/* END HOW TO GET BONUS */


/* HOW BONUS WORKS */

/* .how-bonus-work-box h3 {
    color: white;
} */

/* .hb-box-one-image {
    background: var(--hb-box-one-image);
} */

.hb-box-two-graph,
.wager-group-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

.wager-group-box {
    margin: 1.5rem 0 1rem;
}

.wager-box,
.hb-box-two-graph span {
    box-sizing: border-box;
    background: var(--outline-light);
    border: 1px solid var(--how-to-small-boxes-border);
    border-radius: var(--border-15);
    box-shadow: var(--box-shadows-how);
}

.hb-box-two-graph span {
    color: white;
    padding: 1.5rem 2rem;
    font-size: 1.25rem;
    flex-grow: 1;
    text-align: center;
    font-weight: 700;
}

.wager-box {
    display: flex;
    flex-direction: column;
    flex: 1 1 calc((100% - 3rem) / 3);
    color: var(--white);
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-align: center;
    padding: 0.5rem;
    min-height: 7rem;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.wager-box span {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.125rem;
    color: var(--gray_ish);
}


/* END HOW BONUS WORKS */


/* SLOTS SLIDER */

.slots-items a {
    color: white;
    scroll-snap-type: x mandatory;
    scroll-snap-align: center;
}

.slots-item {
    position: relative;
    height: 15.625rem;
    width: 18.75rem;
}

.slots-item picture {
    display: block;
    position: relative;
    height: 12.5rem;
    width: 18.75rem;
}

.slots-item img {
    width: 100%;
    height: 100%;
}

.slots-item picture::after,
.slots-item:hover picture::after,
.slots-item:hover picture::after,
.insider-item picture::after,
.insider-item:hover picture::after,
.insider-item:hover picture::after {
    content: '';
    background: var(--banner-dimming);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slots-item picture::after,
.slots-item:hover picture::after,
.slots-item:hover picture::after {
    border-radius: var(--border-15);
}

.insider-item picture::after,
.insider-item:hover picture::after,
.insider-item:hover picture::after {
    border-radius: 0 0 var(--border-15) var(--border-15);
}

.slots-item picture::after,
.slots-item:hover picture::after,
.insider-item picture::after,
.insider-item:hover picture::after {
    z-index: 1;
}

.slots-item:hover picture::after,
.insider-item:hover picture::after {
    z-index: 10;
}

.slots-item-play-btn {
    position: absolute;
    bottom: 4rem;
    text-align: center;
    z-index: 10;
    right: 1rem;
    left: 1rem;
    padding: 0.25rem;
}

.slots-item-rating {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--zoom-figcaption-bg);
    border-radius: 0 var(--border-15);
    padding: .5rem;
    color: var(--white-dimmed);
    z-index: 1;
}

.slots-item figcaption {
    font-size: 1.25rem;
    line-height: 1.5rem;
    display: flex;
    justify-content: center;
    height: 3.125rem;
    align-items: center;
    position: relative;
}

.slots-item:hover video {
    display: block;
}


/* END SLOTS SLIDER */

/* SCREENSHOT */
.screenshot {
    padding-bottom: 1rem;
}

/* FAQ */

.faq-qa-box {
    position: relative;
}

details {
    border-bottom: 1px solid var(--details-border);
}
details,
summary {
    display: flex;
    justify-content: space-between;
    position: relative;
}

details[open] summary {
    padding-left: 1rem;
    transition: all 0.3s ease-in-out;
    background: linear-gradient( to left, rgba(255, 255, 255, 0), rgb(250 197 24 / 30%));
}

details:hover,
details:focus {
    background: #f2f2f2;
}

summary {
    padding: 1rem 0;
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--font-dark);
    transition: all 0.3s ease-in-out;
}

summary:focus {
    background: linear-gradient( to left, rgba(255, 255, 255, 0), #f4f5f6);
}

summary:hover, details[open] summary:hover, summary:focus:hover {
    background: linear-gradient(90deg, var(--active) 0%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%);
    padding-left: 1rem;
    transition: all 0.3s ease-in-out;
}


summary::after {
    display: inline-block;
    transition: 0.2s;
    content: '＋';
    color: var(--active);
    height: 1.25rem
}

details[open]:nth-child(even) {
    background: linear-gradient( to left, rgba(255, 255, 255, 0), #eeeeee);
}

details[open]:nth-child(odd) {
    background: linear-gradient( to right, rgba(255, 255, 255, 0), #eeeeee);
}

details[open] summary::after {
    content: '－';
    transform: rotate(360deg);
}

details>summary {
    list-style: none;
}

details>summary::-webkit-details-marker {
    display: none;
}

.gutter-text {
    color: var(--font-color-light);
    padding: 1rem;
    box-sizing: border-box;
}


/* END FAQ */


/* TABLE */

dl {
    margin-bottom: 0;
    display: flex;
    flex-flow: row wrap;
}

dt,
dd {
    line-height: 2rem;
    white-space: nowrap;
    margin: 0;
    width: 40%;
    border-bottom: 1px solid var(--breadcrumbs-border);
    flex-grow: 1;
}

dt {
    font-weight: 600;
    width: 60%;
    color: var(--white-dimmed);
    text-transform: capitalize;
}

dd {
    font-weight: 400;
    max-width: 45%;
    text-align: right;
    overflow: scroll;
}

.with-progress dd {
    color: white;
}

dd:nth-child(even) {
    background: var(--dd-background);
}

.bonus-details-aside-games {
    text-align: center;
    line-height: 1rem;
    margin-top: 0.5rem;
    color: var(--white-dimmed);
}

.summary a:any-link {
    color: var(--active);
}

.summary p {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--breadcrumbs-border);
    width: auto;
    min-width: 18rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: var(--tech-detail-color);
}

.summary p span {
    color: var(--font-color);
    max-width: 70%;
    text-align: right;
    opacity: 0.8;
    font-weight: 600;
}


/* END TABLE */


/* TABLE SUMMARY */

table {
    background: var(--text-box-bg);
}

table,
th,
td {
    border-bottom: 1px solid var(--table-border);
    border-collapse: inherit;
}

th {
    font-weight: 400;
    font-size: 1.25rem;
    background: var(--list-hover);
    line-height: 2rem;
}

tr {
    line-height: 1.5rem;
}

td:nth-child(odd) {
    font-weight: 600;
    /* padding-left: 1rem; */
    /* background: var(--navbar-bg); */
}

td:nth-child(even) {
    padding: .5rem;
    background: var(--dd-background);
    text-align: right;
}

td b {
    color: var(--font-color);
}

td.bigger {
    font-size: 1.125rem;
    font-weight: 400;
    color: var(--list-color);
}

tr:hover {
    background: var(--table-tr-hover);
}


/* END TABLE SUMMARY */


/* COMMENTS */
.comments-form {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.comments-form-name input,
.comments-form-email input,
#rating,
#comment {
    background: var(--comment-bg);
    color: var(--font-color-light);
    border-radius: var(--border-15);
    outline: none;
    border: 0.5px solid var(--input-border);
}

.comments-form-email, .comments-form-rating {
    margin-top: 1rem;
}

#comment {
    min-height: 14rem;
    font-size: 1rem;
    line-height: 1.25;
    font-family: inherit;
    padding: 1rem;
    box-sizing: border-box;
    width: 100%;
}

.comments-section {
    background: var(--payments-slider-bg);
    padding-bottom: 0.5rem;
}

input[type="text" i],
input[type="email" i], #rating {
    padding: 0.5rem;
    width: 100%;
    box-sizing: border-box;
    font-size: 1rem;
    transition: all 0.3s ease-in-out;
}

.btn-comments,
.btn-newsletter {
    color: #000000;
    text-transform: uppercase;
    border: 1px solid var(--active);
    border-radius: var(--border-50);
    transition: all 0.3s ease-in-out;
    width: 100%;
    display: block;
    margin: 0 auto;
    font-size: 1rem;
    padding: 0.5rem;
    margin: 1.75rem 0 0;
    background: var(--btn-news);
}



.btn-comments:hover,
.btn-newsletter:hover {
    background: var(--btn-news-hover);
    box-shadow: var(--box-shadows-option-ligh);
    color: #000000;
    transition: all 0.3s ease-in-out;
}


input[type="text" i]:hover,
input[type="email" i]:hover, #rating:hover {
    box-shadow: var(--box-shadows-option-ligh);
    background: white;
}

.comments-form-content,
.comments-user-details {
    flex-grow: 1;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.total-comments {
    text-transform: uppercase;
    font-weight: 700;
}
.comments-list-box {
    padding: 0;
    display: flex;
    gap: 1rem;
}
.comments-list-comment {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    background: var(--info-pages);
    padding: 1rem;
    transition: all 0.5s ease-in-out;
}

.comments-list-comment.user {
    background: var(--info-pages);
}

.comments-list-comment.admin {
    background: var(--aside-details-box-bg);
}

.comments-list-comment:hover {
    transition: all 0.5s ease-in-out;
    box-shadow: var(--categories-shadow);
}

.comments-list-comment-figure {
    display: flex;
    border-bottom: 1px solid var(--casino-chip-shadow);
    justify-content: space-between;
    height: 4.25rem;
}

.comments-comment-user-info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.comment-name {
    text-transform: capitalize;
    font-size: 1.125rem;
    font-weight: 700;
}

.comment-date {
    color: var(--faq-inside-li);
}

.comment-text {
    color: var(--brand-name-color);
    height: calc(100% - 4.25rem);
    padding: 0.5rem 0;
}

.comment-rating {
    font-size: 1.125rem;
    line-height: 4rem;
    height: 4rem;
    margin: 0;
    font-weight: 400;
}
/* END COMMENTS */


/* BREADCRUMBS */

.breadcrumbs {
    border-top: 1px solid var(--breadcrumbs-border);
    border-bottom: 1px solid var(--breadcrumbs-border);
    margin: 1rem 0;
    font-size: 0.875rem;
}

.breadcrumbs ol {
    list-style: none;
    direction: ltr;
    display: flex;
    display: -ms-flexbox;
    padding: 0;
    margin: 0.5rem 0;
    flex-wrap: wrap;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    color: white;
}

.breadcrumbs li::before {
    content: "\00a0 > ";
    color: var(--active)
}

.breadcrumbs li:nth-child(1)::before {
    content: '';
}

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

.breadcrumbs span {
    color: var(--active-google);
}


/* END BREADCRUMBS */


/* FOOTER WITH ABOUT US */

.footer-aside {
    background: var(--aside-color);
    margin-top: var(--bodyGutter);
    background-image: linear-gradient(602deg, rgba(195, 195, 195, 0.02) 0%, rgba(195, 195, 195, 0.02) 16.667%, rgba(91, 91, 91, 0.02) 16.667%, rgba(91, 91, 91, 0.02) 33.334%, rgba(230, 230, 230, 0.02) 33.334%, rgba(230, 230, 230, 0.02) 50.001%, rgba(18, 18, 18, 0.02) 50.001%, rgba(18, 18, 18, 0.02) 66.668%, rgba(163, 163, 163, 0.02) 66.668%, rgba(163, 163, 163, 0.02) 83.335%, rgba(140, 140, 140, 0.02) 83.335%, rgba(140, 140, 140, 0.02) 100.002%), linear-gradient(512deg, rgba(151, 151, 151, 0.02) 0%, rgba(151, 151, 151, 0.02) 16.667%, rgba(11, 11, 11, 0.02) 16.667%, rgba(11, 11, 11, 0.02) 33.334%, rgba(162, 162, 162, 0.02) 33.334%, rgba(162, 162, 162, 0.02) 50.001%, rgba(171, 171, 171, 0.02) 50.001%, rgba(171, 171, 171, 0.02) 66.668%, rgba(119, 119, 119, 0.02) 66.668%, rgba(119, 119, 119, 0.02) 83.335%, rgba(106, 106, 106, 0.02) 83.335%, rgba(106, 106, 106, 0.02) 100.002%), linear-gradient(371deg, rgba(245, 245, 245, 0.01) 0%, rgba(245, 245, 245, 0.01) 16.667%, rgba(23, 23, 23, 0.01) 16.667%, rgba(23, 23, 23, 0.01) 33.334%, rgba(96, 96, 96, 0.01) 33.334%, rgba(96, 96, 96, 0.01) 50.001%, rgba(140, 140, 140, 0.01) 50.001%, rgba(140, 140, 140, 0.01) 66.668%, rgba(120, 120, 120, 0.01) 66.668%, rgba(120, 120, 120, 0.01) 83.335%, rgba(48, 48, 48, 0.01) 83.335%, rgba(48, 48, 48, 0.01) 100.002%), linear-gradient(387deg, rgba(106, 106, 106, 0.03) 0%, rgba(106, 106, 106, 0.03) 14.286%, rgba(203, 203, 203, 0.03) 14.286%, rgba(203, 203, 203, 0.03) 28.572%, rgba(54, 54, 54, 0.03) 28.572%, rgba(54, 54, 54, 0.03) 42.858%, rgba(75, 75, 75, 0.03) 42.858%, rgba(75, 75, 75, 0.03) 57.144%, rgba(216, 216, 216, 0.03) 57.144%, rgba(216, 216, 216, 0.03) 71.43%, rgba(39, 39, 39, 0.03) 71.43%, rgba(39, 39, 39, 0.03) 85.716%, rgba(246, 246, 246, 0.03) 85.716%, rgba(246, 246, 246, 0.03) 100.002%), linear-gradient(677deg, rgba(215, 215, 215, 0.01) 0%, rgba(215, 215, 215, 0.01) 16.667%, rgba(72, 72, 72, 0.01) 16.667%, rgba(72, 72, 72, 0.01) 33.334%, rgba(253, 253, 253, 0.01) 33.334%, rgba(253, 253, 253, 0.01) 50.001%, rgba(4, 4, 4, 0.01) 50.001%, rgba(4, 4, 4, 0.01) 66.668%, rgba(183, 183, 183, 0.01) 66.668%, rgba(183, 183, 183, 0.01) 83.335%, rgba(17, 17, 17, 0.01) 83.335%, rgba(17, 17, 17, 0.01) 100.002%), linear-gradient(488deg, rgba(119, 119, 119, 0.03) 0%, rgba(119, 119, 119, 0.03) 12.5%, rgba(91, 91, 91, 0.03) 12.5%, rgba(91, 91, 91, 0.03) 25%, rgba(45, 45, 45, 0.03) 25%, rgba(45, 45, 45, 0.03) 37.5%, rgba(182, 182, 182, 0.03) 37.5%, rgba(182, 182, 182, 0.03) 50%, rgba(243, 243, 243, 0.03) 50%, rgba(243, 243, 243, 0.03) 62.5%, rgba(162, 162, 162, 0.03) 62.5%, rgba(162, 162, 162, 0.03) 75%, rgba(190, 190, 190, 0.03) 75%, rgba(190, 190, 190, 0.03) 87.5%, rgba(148, 148, 148, 0.03) 87.5%, rgba(148, 148, 148, 0.03) 100%), linear-gradient(450deg, var(--aside-color), #9fa4a752);
}

.footer-categories {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bodyGutter);
}

.about-text,
.news-links a:any-link,
.about-links-footer a:any-link,
.footer-socios a:any-link,
.flags-footer a:any-link {
    color: var(--gray_ish);
    transition: ease-in-out 0.3s;
}

.news-links a:hover,
.about-links-footer a:hover,
.footer-socios a:hover,
.flags-footer a:hover {
    color: var(--linked);
}

.news-links {
    flex-grow: 1;
}

.gamble-responsible {
    display: flex;
    justify-content: space-around;
    background: var(--border-micro-box);
    padding: 1rem;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: var(--bodyGutter);
}

.gamble-responsible img {
    transition: all .3s cubic-bezier(0, 0, .5, 1);
}

.gamble-responsible img:hover {
    box-shadow: var(--box-shadows-hover);
    transform: scale3d(1.05, 1.05, 1.05);
}

.about-links-footer {
    display: flex;
    justify-content: space-around;
    gap: var(--bodyGutter);
    flex-wrap: wrap;
    margin-top: var(--bodyGutter);
}

.about-links-footer a {
    white-space: nowrap;
}

.aboutus p {
    text-align: center;
    color: var(--aboutus-p)
}

.flags-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}

.flags-footer img {
    margin: 0 auto;
}


/* END OF FOOTER WITH ABOUT US */

@media only screen and (min-width: 220px) and (max-width: 319px) {
    .news .insider-article-box:any-link {
        min-width: 16.75rem;
    }
}

@media only screen and (max-width: 359px) {
    html {
        font-size: 0.875rem;
    }
    .btn-play {
        font-size: small;
    }
}

@media only screen and (min-width: 360px) and (max-width: 374px) {
    html {
        font-size: 0.938rem;
    }
}

@media only screen and (max-width: 360px) {
    /* .list-horizontal.items {
        padding: 0.5rem;
    } */
}

@media only screen and (max-width: 413px) {
    .hero-h2 {
        font-size: 0.875rem;
    }
    /* .list-horizontal.items {
        padding: 0.5rem 1rem;
    } */
    /* LIST  HORIZONTAL */
    /* .list-boxed.items {
        padding: 0.5rem;
    } */
    .list-horizontal.item-img {
        width: 4.063rem;
        height: 4.063rem;
    }
    .list-horizontal.item-rating,
    .list-horizontal.item-casino.switch,
    .list-horizontal.item-spins.switch,
    .list-horizontal.item-bonus.switch,
    .list-horizontal.item-deposit.switch,
    .list-horizontal.item-number,
    /* .list-horizontal.item-wager, */
    .list-boxed.item-rating,
    .list-boxed.item-casino.switch,
    .list-boxed.item-spins.switch,
    .list-boxed.item-bonus.switch,
    .list-boxed.item-deposit.switch,
    .list-boxed.item-number
    /* .list-boxed.item-wager  */
    {
        display: none;
    }
    .list-horizontal.item-bonus,
    .list-boxed.item-bonus {
        font-size: 1rem;
        line-height: 1.125rem;
    }
    .list-horizontal.item-up-to,
    .list-boxed.item-up-to {
        font-size: 0.938rem;
        line-height: 1.5rem;
    }
    .list-horizontal.item-spins,
    .list-boxed.item-spins {
        font-size: .938rem;
        line-height: 1.125rem;
    }
    .list-horizontal.item-spins span,
    .list-boxed.item-spins span {
        font-size: 1rem;
    }
    .list-horizontal.item-deposit,
    .list-boxed.item-deposit {
        font-size: 0.875rem;
        line-height: 1.063rem;
        display: flex;
    }
    .list-horizontal.item-info, .list-boxed.item-info {
        min-width: 9.625rem;
    }
    .terms {
        margin-top: 0.5rem;
    }
    .btn-play.boxed,
    .btn-play.quater,
    .btn-play.half {
        font-size: medium;
    }
    .btn-play.quater {
        padding: .125rem .75rem;
    }
    .btn-play.half {
        padding: .5rem 1rem;
    }
    /* END LIST */
    /* HOW TO */
    .how-to-item {
        min-width: 18.75rem;
    }
    /* HOW TO */
}

@media only screen and (max-width: 428px) {

    
    .gutter-half-list-aside-text {
        margin: .5rem var(--bodyGutter) 0;
        border-radius: var(--border-15);
    }

    .modalContent .list-horizontal.item-wager {
        display: none;
    }

    /* .zoom-slider {
        flex-direction: column;
    }

    .zoom-slider .zoom-sq-img {
        width: 100%;
        height: auto;
    } */
    /* .list-boxed.item.single {
        padding: 0.5rem 1rem;
    } */
    
    /* .review-item {
        margin: .5rem var(--bodyGutter) 0;
    } */
    /* .gutter-half-list-aside-offer {
        padding: 0.5rem 1.5rem;
    } */
}

@media only screen and (min-width: 414px) and (max-width: 575px) {
    /* LIST  HORIZONTAL */
    /* .list-horizontal.items {
        padding: 0.5rem 1.5rem;
    } */
    /* .list-boxed.items {
        padding: 0.5rem 1.5rem;
    } */
    .list-horizontal.item-img {
        width: 4.063rem;
        height: 4.063rem;
    }
    .list-boxed.no-slider,
    .list-boxed.item-wager,
    .list-boxed.item-play-terms,
    .list-boxed.items,
    .list-boxed.item-casino {
        display: flex;
        flex-direction: column;
    }
    .list-horizontal.item-rating,
    .list-horizontal.item-casino.switch,
    .list-horizontal.item-spins.switch,
    .list-horizontal.item-bonus.switch,
    .list-horizontal.item-deposit.switch,
    .list-horizontal.item-number,
    .list-boxed.item-rating,
    .list-boxed.item-casino.switch,
    .list-boxed.item-spins.switch,
    .list-boxed.item-bonus.switch,
    .list-boxed.item-deposit.switch,
    .list-boxed.item-number {
        display: none;
    }
    .list-horizontal.item-bonus,
    .list-boxed.item-bonus,
    .list-horizontal.item-up-to,
    .list-boxed.item-up-to {
        line-height: 1.125rem;
    }
    .list-boxed.item-up-to {
        display: flex;
    }
    .list-horizontal.item-deposit,
    .list-boxed.item-deposit {
        font-size: 0.875rem;
        display: flex;
    }
    .list-horizontal.item-wager,
    .list-boxed.item-wager {
        font-size: 0.875rem;
    }
    .list-boxed.item-info, 
    .list-horizontal.item-info {
        min-width: 10.625rem;
    }
    /* .terms {
        margin-top: 0.5rem;
    } */
    .btn-play.quater,
    .btn-play.half,
    .btn-play.boxed {
        font-size: medium;
    }
    .btn-play.quater {
        padding: .125rem 1rem;
    }
    .btn-play.half {
        padding: .5rem 1rem;
    }
    /* END LIST */
    /* OTHER */
    /* END OTHER */
}

@media only screen and (min-width: 429px) {
    .gutter-half-list-aside, .subcore-page {
        margin: .5rem var(--bodyGutter) 0;
        border-radius: var(--border-15);
    }

    /* .gutter-half-list-aside-offer {
        border-radius: var(--border-15);
    } */
    

}
@media only screen and (min-width: 429px) and (max-width: 575px) {
    /* .list-boxed.item.single {
        padding: 0.5rem;
    } */
}

@media only screen and (max-width: 575px) {
    .gutter-half-list {
        margin-top: 0.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .logo-images img {
        min-width: 5rem;
        min-height: 5rem;
    }
    

    .header-h1 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        line-height: 1.75rem;
        font-size: 1.875rem;
    }
    .green-h2, .modalContent h2 {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

    .modalContent h3 {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }

    .list-boxed.item {
        padding: .5rem 0;
    }
    .list-boxed.item-img, .list-horizontal.item-img {
        border-radius:  0 var(--border-15) var(--border-15) 0;
    }

    .btn-play.boxed, .list-horizontal .btn-play.quater {
        border-radius:  var(--border-15) 0 0 var(--border-15);
    }

    .review-item-figcaption .btn-play.quater {
        border-radius: var(--border-15);
    }

    /* INSIDER BOXES */
    .insider-item,
    .insider-item picture,
    .insider-item img {
        width: 100%;
        height: auto;
    }
    
    .panel .insider-article-box:any-link {
        width: 100%;
    }
    .news .insider-article-box:any-link {
        min-width: 100%;
    }
    /* END INSIDER BOXES */

    /* SUBCORE HEADER */
    .subcore {
        flex-direction: column;
    }
    /* END SUBCORE HEADER */

    .review-info-box {
        width: calc(100% - 5.625rem);
    }
    .btn-play.huge {
        width: 100%;
    }
    .modalContent img.list-horizontal {
        border-radius: 0 var(--border-15) var(--border-15) 0;
    }
    
    .modalContent .btn-play.rounded-28 {
        border-radius: var(--border-25) 0 0 var(--border-25);
    }
    /* TABLE SUMMARY */
    tr {
        font-size: 0.882rem;
    }
    /* END TABLE SUMMARY */
    dt,
    dd {
        font-size: 0.882rem;
    }
    /* COMMENTS */
    .comments-form-email {
        margin-top: 1rem;
    }
    /* END COMMENTS */
    /* FOOTER ABOUT US */
    .gamble-responsible {
        gap: var(--bodyGutter);
        align-items: center;
    }
    .gamble-responsible img {
        height: 30px;
        min-width: auto;
    }
    /* FOOTER ABOUT US */

    .review {
        flex-direction: column;
        flex-grow: 1;
    }

    /* COMMENTS */
    .comments-form {
        flex-direction: column;
    }

    .comments-list-comment {
        width: 100%;
    }
    /* END COMMENTS */

    .zoom-slider {
        flex-direction: column;
    }

    .zoom-slider .zoom-sq-img {
        width: 100%;
        height: 100%;
    }
}

@media only screen and (min-width: 576px) {
    
    .review-hero-image.review {
        height: 80%;
        box-sizing: border-box;
    }
    .green-h2 {
        font-size: 1.5rem;
    }

    .modalContent .list-horizontal.item {
        padding-left: .5rem;
        padding-right: .5rem;
        border-radius: var(--border-15);
        box-sizing: border-box;
    }

    .list-horizontal.item-deposit.switch-in {
        display: none;
    }
    .list-horizontal.item-deposit {
        display: flex;
        flex-direction: column;
        min-width: 6.375rem;
    }

    .list-horizontal.item-img {
        border-radius:  var(--border-15);
    }

    .btn-play.quater {
        border-radius:  var(--border-25);
    }

    .text,
    .faq-qa-box,
    table {
        background: var(--white);
        box-sizing: border-box;
        box-shadow: var(--promo-shadow);
    }
    /* OTHER */
    .text {
        padding: 1rem;
        border-radius: var(--border-15);
    }
    /* END OTHER */
    /* FAQ */
    .faq-qa-box {
        padding: var(--bodyGutter);
    }
    /* FAQ */
    /* BONUSES TABLE */
    dt,
    tr {
        font-size: 1rem;
    }
    tr:last-of-type td {
        border-bottom: none;
    }
    dd {
        font-size: 1.125rem;
    }
    .summary {
        background: var(--card__bg);
        box-sizing: border-box;
        padding: 1rem;
    }
    td:nth-child(odd) {
        padding-left: 1rem;
        /* background: var(--navbar-bg); */
    }
    td:nth-child(even) {
        padding-right: 1rem;
    }
    
    /* END BONUSES TABLE */

    .review {
        flex-wrap: wrap;
    }

    .bonus-details-part-bg:hover img, .bonus-part-bg:hover img, #top3BonusesOfTheMonth aside:hover .item-img  {
        border-radius: var(--border-15);
        padding: 0.75rem;
        box-sizing: border-box;
        width: 8rem;
        transition: width 0.3s linear;
    }
}

@media only screen and (min-width: 576px) and (max-width: 667px) {
    .list-boxed.no-slider,
    .list-boxed.item-wager,
    .list-boxed.item-play-terms,
    .list-boxed.items,
    .list-boxed.item-casino,
    .item-deposit.switch {
        display: flex;
        flex-direction: column;
    }

    .list-boxed.item {
        padding: 0.5rem 1rem;
    }
    .list-boxed.item-img {
        border-radius:  var(--border-15);
    }

    .btn-play.boxed {
        border-radius:  var(--border-25);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    
    .gutter-half-list {
        margin: .5rem var(--bodyGutter) 0;
        border-radius: var(--border-15);
    }
    .gutter-half-list-aside {
        margin: .5rem var(--bodyGutter) 0;
    }
    .logo-images img {
        min-width: 7rem;
        min-height: 7rem;
    }
    /* INSIDER BOXES */
    .panel .insider-article-box:any-link {
        width: calc((100% - 1.5rem) / 2);
    }
    .news .insider-article-box:any-link {
        min-width: 18.75rem;
    }
    .insider-item picture,
    .insider-item img {
        width: 100%;
        height: 100%;
    }
    .insider-item {
        height: auto;
    }
    /* INSIDER BOXES */

    /* LIST  HORIZONTAL */
    .list-horizontal.items {
        padding: 0.5rem;
    }

    .list-boxed.items {
        padding: .5rem 0;
    }
    .list-horizontal.item-img {
        width: 4.063rem;
        height: 4.063rem;
    }
    .list-horizontal.item-rating,
    .list-horizontal.item-casino.switch,
    .list-horizontal.item-spins.switch,
    .list-horizontal.item-number,
    .item-deposit.switch-in {
        display: none;
    }
    .list-horizontal.item-bonus,
    .list-boxed.item-bonus {
        line-height: 1.125rem;
    }
    .list-horizontal.item-up-to,
    .list-boxed.item-up-to {
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .list-horizontal.item-spins span,
    .list-boxed.item-spins span {
        font-size: 1.125rem;
    }
    .list-horizontal.item-wager {
        font-size: 0.875rem;
        line-height: 1rem;
    }
    .terms {
        margin-top: 0.5rem;
    }
    .btn-play.boxed,
    .btn-play.quater,
    .btn-play.half {
        font-size: medium;
    }
    .btn-play.quater {
        padding: .125rem 1rem;
    }
    .btn-play.half {
        padding: .5rem 1rem;
    }
    /* END LIST */

    /* COMMENTS */
    .comments-list-box {
        flex-wrap: wrap;
    }

    .comments-list-comment {
        width: calc((100% - (2 * var(--bodyGutter))) / 3);
        flex-grow: 1;
    }

}

@media only screen and (min-width: 576px) and (max-width: 991px) {
    /* .list-boxed.item.single {
        padding: 1rem;
    } */
    /* OTHER */
    .text-with-faq-box {
        border-radius: var(--border-15);
        padding: 1rem;
        background: var(--white);
        box-sizing: border-box;
        box-shadow: var(--promo-shadow);
    }
    /* END OTHER */
}

@media only screen and (max-width: 667px) {
    .review-h1.casino {
        font-size: 1.75rem;
        line-height: 1.85rem;
    }
    .review-h1.bonus {
        font-size: 1.375rem;
        line-height: 1.75rem;
    }
    .review-h1.insider {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    /* ZOOM GROUP */
    .zoom-group {
        flex-direction: column;
    }
    .zoom {
        height: 18.75rem;
    }
    .zoom:nth-of-type(1) {
        margin: 0.5rem 0 1.5rem;
    }
    /* END ZOOM GROUP */
    /* LIST BOXED*/
    .list-boxed.item-rating,
    .list-boxed.item-casino.switch,
    .list-boxed.item-spins.switch,
    .list-boxed.item-number,
    .list-boxed.gift .item-number, .mid-or-more {
        display: none;
    }

    .list-boxed.items {
        background: var(--outline);
        box-sizing: border-box;
    }
    .list-boxed.item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--border-bottom-list-item);
        transition: ease-in-out 0.3s;
    }
    /* .list-boxed.item.single {
        padding: 0.5rem 1.5rem;
    } */
    .list-boxed.item-img {
        width: 4.063rem;
        height: 4.063rem;
    }
    .list-boxed.item:nth-child(odd) {
        background: var(--background-even-list-item);
    }
    .list-boxed.item:hover {
        background: var(--background-list-item-hover);
        width: 100%;
    }
    .btn-play.boxed {
        padding: .125rem 1rem;
    }
    /* .list-boxed.item-deposit {
    display: flex;
    flex-direction: column;
} */
    .list-boxed.item-wager {
        font-size: 0.875rem;
        display: flex;
        flex-direction: column;
    }
    .list-boxed-icon-slot,
    .list-boxed-icon-wager, .box-number-bonus {
        display: none;
    }
    /* END LIST BOXED*/
    /* NEWSLETTER */
    .news {
        flex-direction: column;
    }
    .newsletter-text {
        width: 100%;
    }
    .newsletter-form {
        width: 100%;
    }
    /* END NEWSLETTER */
    /* COMMENTS */
    .comments-form {
        flex-direction: column;
    }
    /* END COMMENTS */
}

@media only screen and (min-width: 668px) {
    .review-h1.casino,
    .review-h1.bonus,
    .review-h1.insider {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
    /* ZOOM GROUP */
    .zoom-group {
        flex-direction: row;
        gap: 0.5rem 1.5rem;
    }
    .list-boxed.items {
        display: flex;
        flex-wrap: wrap;
        gap: 1.25rem;
    }
    .list-boxed.item {
        background: var(--tab-blue-light);
        box-sizing: border-box;
        box-shadow: var(--box-shadows);
        flex-grow: 1;
        border-radius: var(--border-15);
        transition: ease-in-out 0.3s;
        position: relative;
    }

    .text-with-faq-box .list-boxed.item,
    .text-with-faq-box .details-box.item {
        height: fit-content;
        position: sticky;
        top: 4rem;
    }
    .list-boxed.item-number {
        position: absolute;
        top: 2.5rem;
        right: 0.5rem;
        font-weight: 300;
        font-size: 5rem;
        line-height: 5.25rem;
        color: var(--grey__text);
        opacity: 0.1;
    }
    .list-boxed.item-rating {
        position: absolute;
        top: 1rem;
        right: 1rem;
        color: var(--white-dimmed);
    }
    .list-boxed.item-a,
    .list-boxed.item-img {
        width: 6.25rem;
        height: 6.25rem;
        display: block;
        transition: width 0.3s linear;
    }
    .list-boxed.item-a {
        margin: 1rem 0 0 1rem;
    }
    .list-boxed.item-img {
        border-radius: var(--border-15);
    }
    .list-boxed.bonus-title,
    .list-boxed.item-casino,
    .list-boxed.item-up-to {
        text-align: center;
    }

    .list-boxed.bonus-title span {
        padding: 0 .5rem;
    }

    .list-boxed.item-casino {
        font-weight: 400;
    }

    .list-boxed.bonus-title {
        display: flex;
        flex-direction: column;
    }
    .list-boxed.item-casino {
        font-size: 1.25rem;
        margin-top: 1rem;
        margin-bottom: .125rem;
    }
    .list-boxed.item-up-to {
        font-size: 1.438rem;
        line-height: 2rem;
        padding-top: 0.5rem;
        font-weight: 600;
    }

    .list-boxed.item-up-to b {
        color: white;
    }
    .list-boxed.item-spins {
        font-size: 1.25rem;
        line-height: 2rem;
        text-align: center;
        height: 2rem;
    }
    .list-boxed-icon-wager,
    .list-boxed-icon-slot {
        height: 1rem;
        width: 1rem;
    }
    .list-boxed-icon-slot {
        fill: var(--active);
        margin-right: 0.35rem;
    }
    .list-boxed-icon-wager {
        fill: var(--wager-color);
    }
    .list-boxed.item-deposit.switch-in,
    .list-boxed.item-spins.switch {
        display: none;
    }
    .btn-play.boxed {
        padding: 0.5rem 1rem;
        width: calc(100% - 4rem);
        margin: 1rem auto .5rem;
        border-radius: var(--border-25);
    }
    .list-boxed.switch.item-deposit {
        display: none;
    }
    .list-boxed.item-wager {
        color: var(--wager-color);
        line-height: 1rem;
        font-weight: 400;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        letter-spacing: .05rem;
    }
    .list-boxed.item-info {
        background: var(--background-even-list-item-box);
    }
    .list-boxed.item:hover {
        background: var(--bg-linear);
    }
    .list-boxed.item:hover>.list-boxed.item-info {
        background: var(--background-list-item-hover-box);
    }

    .mid-or-more {
        text-align: center;
        line-height: 2rem;
        margin-top: 1rem;
        color: var(--white-dimmed);

    }
    /* .mid-or-more span {
        color: var(--white-dimmed);
    } */

    .box-number-bonus {
        position: absolute;
        font-size: 5rem;
        top: 5rem;
        right: 1rem;
        color: var(--categories-svg);
        transition: all 0.3s linear;
        font-weight: 200;
    }
    /* END ZOOM GROUP */

    /* NEWSLETTER */
    .news {
        flex-direction: row;
    }
    .newsletter-text {
        width: 40%;
    }
    .newsletter-form {
        width: 40%;
    }
    /* END NEWSLETTER */

    .insider-item picture {
        opacity: 0.9;
    }
}

@media only screen and (min-width: 668px) and (max-width: 767px) {
    /* ZOOM GROUP */
    .zoom-group-header {
        min-width: 100%;
    }
    .zoom {
        height: 18.75rem;
        width: calc((100% - 1.5rem) / 2);
    }
    .review-item {
        width: calc((100% - 1.5rem) /2);
    }
    /* END ZOOM GROUP */
    /* LIST BOXES */
    /* .list-boxed.item {
        width: calc((100% - 1.5rem) / 2);
    } */
    /* END LIST BOXES */
}

@media only screen and (max-width: 767px) {
    /* GUTTER */
    .gutter-quater {
        margin: .25rem var(--bodyGutter) 0;
    }
    .gutter-half {
        margin: .5rem var(--bodyGutter) 0;
    }

    .gutter {
        margin: 1.25rem var(--bodyGutter) 0;
    }
    .gutter-slider-half {
         /* margin: .5rem 0 0; */
        padding: .5rem var(--bodyGutter) 0;
    }
    .gutter-slider {
        margin: 1.25rem 0 0;
        padding: 0 var(--bodyGutter) 0;
    }

    .gutter-slider-filter {
        margin: .75rem 0 0;
        padding: 0.25rem var(--bodyGutter);
    }

    .gutter-slider-ids {
        padding: 0.5rem var(--bodyGutter);
    }

    .gutter-slider-cats {
        padding: 1rem var(--bodyGutter) .25rem;
    }

    .gutter-hero-title {
        margin-inline: var(--bodyGutter);
    }

    .gutter-padding {
        padding: 0 var(--bodyGutter)
    }

    .hero-slider {
        margin-top: 1rem;
    }
    .hero-slider a:nth-child(1) figure {
        margin-left: var(--bodyGutter);
    }
    .hero-slider a:last-of-type figure {
        margin-right: var(--bodyGutter);
    }
    /* END GUTTER */
     ::-webkit-scrollbar-track {
        margin: 0 var(--bodyGutter);
    }
    /* OTHER */
    .text-with-faq-box {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
   
    /* TABLE SUMMARY */
    table {
        width: calc(100% - 3rem);
    }
    /* END TABLE SUMMARY */
    /* HOW BONUS WORK */
    .hb-box-one-image {
        padding: 2rem 0;
    }
    /* END HOW BONUS WORK */
    /* FOOTER ABOUT US */
    .news-links li {
        margin-top: 1rem;
    }
    /* END FOOTER ABOUT US */

    /* BONUS PAGE */
    .hb-box-two-graph {
        margin: 1.5rem 0 1rem;
    }
}

@media only screen and (min-width: 768px) {
    /* LIST HORIZONTAL */
    .list-horizontal.items {
        border-radius: var(--border-15);
    }

    .list-horizontal.item-spins.switch-in {
        display: none;
    }
    .list-horizontal.item-spins {
        display: flex;
        text-align: center;
        flex-direction: column;
    }
    /* LIST HORIZONTAL */
    /* OTHER */
    .text-with-faq-box {
        display: flex;
        flex-direction: row;
        gap: 1.5rem;
    }
    /* END OTHER */
    /* ZOOM GROUP */
    .zoom {
        height: 21.875rem;
    }
    .zoom.big {
        width: calc(100% - 23.375rem);
    }
    .zoom.small {
        width: 21.875rem;
    }
    .zoom-figcaption {
        min-height: 5.409rem;
    }
    /* END ZOOM GROUP */

    /* HOW BONUS WORKS */
    .hb-box {
        display: flex;
        gap: 1.5rem;
        margin-top: 1rem;
    }
    .hb-box-text {
        flex: 1 1;
    }
    .hb-box-one-image {
        width: 100%;
        max-width: 15.625rem;
        height: 15.625rem;
        display: flex;
        align-items: center;
    }
    /* END HOW BONUS WORKS */
    /* FOOTER ABOUT US */
    .news-links {
        max-width: calc(50% - var(--bodyGutter));
    }
    .news-links li {
        margin-top: 1rem;
    }
    /* END FOOTER ABOUT US */
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .logo-images img {
        min-width: 9rem;
        min-height: 9rem;
    }

    /* INSIDER BOXES */
    .panel .insider-article-box:any-link {
        width: calc((100% - 1.5rem) / 2);
    }
    .news .insider-article-box:any-link {
        min-width: 18.75rem;
    }
    .insider-item picture,
    .insider-item img {
        width: 100%;
        height: 100%;
    }
    .insider-item {
        height: auto;
    }
    /* INSIDER BOXES */


    /* GUTTER */
    .gutter-quater {
        margin: .25rem var(--bodyGutterMedium) 0;
    }
    .gutter-half {
        margin: .5rem var(--bodyGutterMedium) 0;
    }
    .gutter-half-list {
        margin: .5rem var(--bodyGutterMedium) 0;
    }
    .gutter-half-list-aside {
        margin: .5rem var(--bodyGutterMedium) 0;
    }
    .gutter {
        margin: 1.5rem var(--bodyGutterMedium) 0;
    }
    .gutter-slider-half {
         /* margin: .5rem 0 0; */
        padding: .5rem var(--bodyGutterMedium) 0;
    }
    .gutter-slider {
        margin: 1.5rem 0 0;
        padding: 0 var(--bodyGutterMedium) 0;
    }

    .gutter-slider-filter {
        margin: .5rem 0 0;
        padding: 0.25rem var(--bodyGutterMedium);
    }

    .gutter-slider-ids {
        padding: 0.5rem var(--bodyGutterMedium);
    }

    .gutter-slider-cats {
        padding: 1rem var(--bodyGutterMedium) .25rem;
    }

    .gutter-padding {
        padding: 0 var(--bodyGutterMedium);
    }

    .gutter-padding-inline {
        padding-inline: var(--bodyGutterMedium);
    }

    .gutter-slim {
        margin-left: var(--bodyGutterMedium);
        margin-right: var(--bodyGutterMedium);
    }
    .hero-slider {
        margin-top: 1rem;
    }
    .hero-slider a:nth-child(1) figure {
        margin-left: var(--bodyGutterMedium);
    }
    .hero-slider a:last-of-type figure {
        margin-right: var(--bodyGutterMedium);
    }
    /* END GUTTER */
     ::-webkit-scrollbar-track {
        margin: 0 var(--bodyGutterMedium);
    }
    /* LIST  HORIZONTAL */
    .list-horizontal.items {
        padding: 0.5rem;
    }
    
    .list-horizontal.item-number {
        display: none;
    }
    .list-horizontal.item-rating {
        font-size: 1rem;
        padding: 0.75rem 0.25rem;
        min-width: 3.125rem;
    }
    .list-horizontal.item-rating span {
        display: none;
    }
    .list-horizontal.item-bonus {
        font-size: 0.875rem;
        line-height: 1.125rem;
    }
    .list-horizontal.item-up-to {
        font-size: 1.125rem;
        line-height: 1.25rem;
    }
    .list-horizontal.item-spins {
        font-size: 0.875rem;
    }
    .list-horizontal.item-spins span {
        font-size: 1.125rem;
    }
    .list-horizontal.item-deposit {
        font-size: 0.875rem;
    }
    .list-horizontal.item-deposit span {
        font-size: 1.125rem;
    }
    .list-horizontal.item-wager {
        font-size: 0.875rem;
        line-height: 1rem;
    }
    .terms {
        /* width: 4.5rem; */
        margin-top: 0.5rem;
    }
    .btn-play.boxed,
    .btn-play.quater,
    .btn-play.half {
        font-size: medium;
    }
    .btn-play.quater {
        padding: .125rem 1rem;
    }
    .btn-play.boxed {
        padding: 0.5rem 1rem;
    }
    .btn-play.huge {
        max-width: 15.625rem;
    }
    .btn-play.half {
        padding: .5rem 1rem;
    }
    /* END LIST */
    /* TABLE SUMMARY */
    table {
        width: calc(100% - 5rem);
    }
    /* END TABLE SUMMARY */
    /* OTHER */
    aside.aside-part, .details-box.item, .list-boxed.item {
        width: 100%;
        min-width: 15.625rem;
        /* max-width: 15.625rem; */
        
    }

    .text-with-faq-box aside.item.single {
        height: 100%;
        position: sticky;
        top: 4rem;
    }
    /* END OTHER */
    /* LIST BOXES */
    .list-boxed.item {
        width: calc((100% - 1.5rem) / 2);
    }
    /* LIST BOXES */
    .review-item {
        width: calc((100% - 1.5rem) /2);
    }

    /* COMMENTS */
    .comments-list-box {
        flex-wrap: wrap;
    }

    .comments-list-comment {
        width: 100%;
        flex-grow: 1;
        max-width: calc((100% - (3 * var(--bodyGutter)))/ 2);
    }
}

@media only screen and (min-width: 768px) and (max-width: 819px) {
    .list-boxed.item-up-to {
        font-size: 1.375rem;
    }
    .list-boxed.item-bonus {
        font-size: 1.188rem;
    }
    .list-horizontal.item-info {
        min-width: 11.375rem;
    }
}

@media only screen and (min-width: 820px) and (max-width: 991px) {
    .list-boxed.item-bonus {
        font-size: 1.25rem;
    }
}

@media only screen and (max-width: 991px) {
    /* NAVBAR */
    nav.navbar .logo-list {
        display: inline-flex;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        height: 100%;
        line-height: 2.82353em;
        backdrop-filter: var(--navbar-blur);
        -webkit-backdrop-filter: var(--navbar-blur);
        padding: 0 0.5rem;
    }
    nav.navbar .links {
        float: none;
        position: fixed;
        z-index: 9;
        left: 0;
        right: 0;
        top: 3rem;
        bottom: 100%;
        width: auto;
        height: auto;
        max-height: auto;
        flex-direction: column;
        justify-content: space-evenly;
        background: var(--navbar-drop-bg);
        overflow: scroll;
        box-sizing: border-box;
        transition: all .5s ease-in-out;
        /* display: block; */
        display: flex;
        flex-direction: column;
    }

    .links li {
        flex-direction: column;
    }
    /* .links::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        backdrop-filter: saturate(180%) blur(var(--bg-blur));
        -webkit-backdrop-filter: saturate(180%) blur(--bg-blur);
    } */
    .links a {
        font-size: 1.5rem;
    }
    nav.navbar :checked~.links {
        bottom: 0;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
    nav.navbar .icon-burger {
        display: block;
    }
    nav.navbar :checked~.icon-burger .line:nth-child(1) {
        transform: translateY(10px) rotate(225deg);
    }
    nav.navbar :checked~.icon-burger .line:nth-child(3) {
        transform: translateY(-10px) rotate(-225deg);
    }
    nav.navbar :checked~.icon-burger .line:nth-child(2) {
        opacity: 0;
    }
    .arrow {
        font-size: 1.5rem;
        line-height: 1.5rem;
        font-weight: bold;
        color: var(--nav-font-color);
    }
    .hide-show {
        display: none;
    }

    .hide-show span {
        font-weight: 300;
    }
    .desktop {
        display: none;
    }

    /* NAV SUBCATEGORIES */
    .links-sub {
        position: relative;
        padding: 0;
        width: 100%;
        transition: all 0.3s linear;
    }

    
    .links-sub a {
        /* padding: 0.5rem; */
        font-size: 1rem;
        color: var(--faq-inside-li);
    }

    .links-sub a::before {
        content: "→";
        display: inline-block;
        width: 1rem;
        height: 1rem;
        margin-right: 10px;
        color: var(--active);
    }
    
    .overlay {
        display: none;
      }
    
    /* END NAVBAR */

    /* FOOTER NAVBAR */
    .mobile-footer-nav.btn-bottom-nav {
        box-sizing: border-box;
        padding: 0.5rem 1rem;
        display: none;
        transition: all .3s ease-in-out;
    }
    .mobile-footer-nav {
        position: fixed;
        background: var(--bg);
        background-image: var(--navbar-footer-bg);
        left: 0;
        bottom: 0;
        width: 100%;
        height: 4.625rem;
        display: flex;
        display: -ms-flexbox;
        flex-direction: row;
        justify-content: space-around;
        border-top: 1px solid var(--border-micro-box);
        overflow-x: auto;
        z-index: 23;
    }
    .btn-bottom-play {
        width: 36.25rem;
        height: 2.75rem;
        line-height: 2.75rem;
        display: block;
        margin: 0 auto;
        font-size: 1.25rem;
    }
    .foot-nav-item-a {
        display: flex;
        flex: 0 1 20%;
        justify-content: center;
        position: relative;
    }
    .footer-nav-icon {
        padding-top: .5rem;
        display: block;
        margin: 0 auto;
    }
    .footer-nav-item {
        text-align: center;
        width: 100%;
        padding-top: .25rem;
        box-sizing: border-box;
    }
    .footer-nav-item figcaption {
        color: var(--footer-icon-text);
        font-size: 0.75rem;
        line-height: 0.75rem;
        position: absolute;
        left: 0.25rem;
        right: 0.25rem;
    }
    .active-nav-btn img {
        filter: var(--faq-icon-filter);
    }
    .active-nav-btn figcaption {
        color: var(--footer-icon-text-active);
    }
    .active-nav-btn .foot-nav-item-a,
    .footer-nav-item.active-nav-btn svg {
        color: var(--white);
        fill: var(--white);
    }
    .footer-nav-item svg {
        fill: var(--grey__text);
    }
    .active-nav-btn {
        background: var(--light-black-dimmed);
    }
    /* END FOOTER NAVBAR */
    /* ZOOM */
    .corner-logo {
        display: none;
    }
    .small .zoom-h2,
    .big .zoom-h2 {
        margin: 0 1rem 0 0;
    }
    /* END ZOOM */
    /* FOOTER ABOUT US */
    .footer-aside {
        padding-bottom: 7rem;
    }
    /* FOOTER ABOUT US */
}

@media only screen and (min-width: 992px) {
    
    /* NAVBAR */
    #nav-toggle {
        display: none;
    }
    nav.navbar {
        backdrop-filter: var(--navbar-blur);
        -webkit-backdrop-filter: var(--navbar-blur);
    }
    .logo-item-with-logo {
        margin-left: 1rem;
    }
    .arrow {
        display: none;
    }
    .hide-show {
        padding-left: .5rem;
        color: white;
    }
    .mobile {
        display: none;
    }

    .links {
        justify-content: space-around;
    }

    /* END NAV TOP LINE */
    .active-top-nav::after,
    .links li>.active-top-nav::after,
    .links li a::before {
        content: '';
        display: block;
        height: 0.25rem;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .active-top-nav::after {
        background: var(--active);
    }

    .links li>.active-top-nav::after,
    .links li a::before {
        background: var(--grey__text);
    }

    .active-top-nav::after {
        border-radius: var(--border-6);
    }

    .links li a::before {
        border-radius: var(--border-15);
        transform: scale(0, 1);
        transition: transform ease-in-out 250ms;
    }

    .links li a:hover::before {
        transform: scale(1, 1);
    }
    /* END NAV TOP LINE */
    
    /* NAV SUBCATEGORIES */
    .links-sub {
        background-color: var(--dropdown-bg);
        display: none;
        position: absolute;
        top: 100%; 
        left: 0;
        padding: 0;
        width: 100%;
        min-width: 14rem;
        border-radius: 0 0 var(--border-15) var(--border-15);
        transition: all 0.3s linear;
        
    }
    
    li:hover ul {
        display: block;
    }
    
    .links-sub li {
        display: block;
    }
    
    .links-sub a {
        padding: 0.5rem;
        justify-content: space-between;
    }
    
    .links-sub a:hover {
        background-color: var(--border-rating-details);
        color: white;
    }
    
    .links-sub-a::after {
        content: "→";
        display: inline-block;
        width: 1rem;
        height: 1rem;
        margin-left: 10px;
        color: var(--active);
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* Adjust the alpha value to control dimming intensity */
        z-index: 99;
        pointer-events: none; /* Prevent the overlay from blocking mouse events on the navigation */
        opacity: 0; /* Initially hidden */
        transition: opacity 0.3s ease; /* Add a transition for smooth fading */
        backdrop-filter: saturate(180%) blur(10px);
        -webkit-backdrop-filter: saturate(180%) blur(10px)
      }
    
    /* Show the overlay when hovering over the navigation */
    nav.navbar:hover ~ .overlay {
        opacity: 1 !important;
      }
    /* END NAVBAR */

    /* INSIDER BOXES */
    .panel .insider-article-box:any-link {
        width: calc((100% - 3rem) / 3);
    }
    .news .insider-article-box:any-link {
        min-width: 18.75rem;
        overflow: hidden
    }
    .insider-item picture,
    .insider-item img {
        width: 100%;
        height: 100%;
    }
    .insider-item {
        height: auto;
    }
    /* INSIDER BOXES */

    /* NAV FOOTER */
    .mobile-footer-nav {
        display: none;
    }
    /* END NAV FOOTER */

    /* LIST  HORIZONTAL */
    .list-horizontal.items {
        padding: 0.5rem 1rem;
    }

    .modalContent .list-horizontal.items {
        padding: 0.5rem 0;
    }
    .list-horizontal.item-number {
        font-size: 2.5rem;
        line-height: 3rem;
        width: 2rem;
    }
    .list-horizontal.item-rating {
        font-size: 1.125rem;
        padding: 0.75rem;
        min-width: 4.45rem;
    }
    .list-horizontal.item-info {
        min-width: 16rem;
    }
    .list-horizontal.item-bonus {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    .list-horizontal.item-up-to {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    .list-horizontal.item-spins {
        font-size: 1.063rem;
    }
    .list-horizontal.item-wager {
        font-size: .938rem;
        line-height: 1.063rem;
    }
    .list-horizontal.item-spins span {
        font-size: 1.5rem;
    }

    .list-horizontal.item-deposit span {
        font-size: 1.125rem;
    }
    /* .terms {
        width: 4.5rem;
        margin-top: 0.5rem;
    } */
    .btn-play.boxed,
    .btn-play.quater,
    .btn-play.half {
        font-size: large;
    }
    .btn-play.quater {
        padding: .25rem 2rem;
    }
    /* .btn-play.boxed {
    padding: 0.5rem 1rem;
} */
    .btn-play.half {
        padding: .5rem 1rem;
    }
    .btn-play.huge {
        max-width: 18.75rem;
    }
    /* END LIST */
    /* OTHER */
    .text-part,
    .text-with-faq-p-box {
        border-radius: var(--border-15);
        padding: 1rem;
        background: var(--white);
        box-sizing: border-box;
        box-shadow: var(--promo-shadow);
    }
    .aside-part, .details-box.item {
        width: 100%;
        min-width: 16.75rem;
        max-width: 18.75rem;
        /* max-width: calc((100% - 2.5rem) /3); */
    }

    .text-with-faq-box .aside-part, .details-box.item {
        min-width: 18.75rem;
    }
    .panel .aside-part {
        /* max-width: 18.75rem; */
        max-width: calc((100% - 2.5rem) /3);
    }
    .insider .aside-part {
        max-width: calc((100% - 2.5rem) /3);
    }
    /* END OTHER */
    /* ZOOM */
    .corner-logo {
        position: absolute;
        top: 1rem;
        right: 1rem;
        z-index: 11;
        border-radius: var(--border-18);
        box-shadow: var(--review-box-shadow);
    }
    .big .zoom-h2 {
        margin: 0 6rem 0 0;
    }
    .small .zoom-h2 {
        margin: 0 1rem 0 0;
    }
    /* LIST */
    .list-boxed.item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex: 1;
    }

    .list-boxed.item:hover {
        transform: scale3d(1.02, 1.02, 1.02);
    } 

    .list-boxed.item-bonus {
        font-size: 1.125rem;
    }
    /* FOOTER ABOUT US */
    .footer-aside {
        padding-bottom: 7rem;
    }
    /* FOOTER ABOUT US */

    .review-item {
        /* position: relative;
        align-items: center; */
        width: calc((100% - 3rem) /3);
    }
}


/* END ZOOM */

@media only screen and (min-width: 992px) and (max-width: 1023px) {
    .logo-images img {
        min-width: 10rem;
        min-height: 10rem;
    }
    /* GUTTER */
    .gutter-quater {
        margin: .25rem calc((100vw - 940px) / 2) 0;
    }
    .gutter-half {
        margin: .5rem calc((100vw - 940px) / 2) 0;
    }
    .gutter-half-list {
        margin: .5rem calc((100vw - 940px) / 2) 0;
    }
    .gutter-half-list-aside {
        margin: .5rem calc((100vw - 940px) / 2) 0;
    }
    .gutter {
        margin: 1.5rem calc((100vw - 940px) / 2) 0;
    }
    .gutter-slider-half {
        /* margin: .5rem 0 0; */
        padding: .5rem calc((100vw - 940px) / 2) 0;
    }
    .gutter-slider {
        margin: 1.5rem 0 0;
        padding: 0 calc((100vw - 940px) / 2) 0;
    }

    .gutter-slider-filter {
        margin: .5rem 0 0;
        padding: 0.25rem calc((100vw - 940px) / 2);
    }

    .gutter-slider-ids {
        padding: 0.5rem calc((100vw - 940px) / 2);
    }

    .gutter-slider-cats {
        padding: 1rem calc((100vw - 940px) / 2) .25rem;
    }

    .gutter-padding {
        padding: 0 calc((100vw - 940px) / 2);
    }

    .gutter-padding-inline {
        padding-inline: calc((100vw - 940px) / 2);
    }
    .gutter-slim {
        margin-left: calc((100vw - 940px) / 2);
        margin-right: calc((100vw - 940px) / 2);
    }
    .hero-slider {
        margin-top: 1rem;
    }
    .hero-slider a:nth-child(1) figure {
        margin-left: calc((100vw - 940px) / 2);
    }
    .hero-slider a:last-of-type figure {
        margin-right: calc((100vw - 940px) / 2);
    }
    /* END GUTTER */
     ::-webkit-scrollbar-track {
        margin: 0 calc((100vw - 940px) / 2);
    }
    /* LIST BOXES */


    /* TABLE SUMMARY */
    table {
        width: calc(100% - (100vw - 940px));
    }
    /* END TABLE SUMMARY */

    /* COMMENTS */
    .comments-list-box {
        flex-wrap: wrap;
    }

    .comments-list-comment {
        width: 100%;
        max-width: calc((100% - (4 * var(--bodyGutter)))/ 3);
        flex-grow: 1;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .logo-images img {
        min-width: 10rem;
        min-height: 10rem;
    }
    /* GUTTER */
    .gutter-quater {
        margin: .25rem calc((100vw - 980px) / 2) 0;
    }
    .gutter-half {
        margin: .5rem calc((100vw - 980px) / 2) 0;
    }
    .gutter-half-list {
        margin: .5rem calc((100vw - 980px) / 2) 0;
    }
    .gutter-half-list-aside {
        margin: .5rem calc((100vw - 980px) / 2) 0;
    }
    .gutter {
        margin: 1.5rem calc((100vw - 980px) / 2) 0;
    }
    .gutter-slider-half {
        /* margin: .5rem 0 0; */
        padding: .5rem calc((100vw - 980px) / 2) 0;
    }
    .gutter-slider {
        margin: 1.5rem 0 0;
        padding: 0 calc((100vw - 980px) / 2) 0;
    }
    .gutter-slider-filter {
        margin: .5rem 0 0;
        padding: 0.25rem calc((100vw - 980px) / 2);
    }

    .gutter-slider-ids {
        padding: 0.5rem calc((100vw - 980px) / 2);
    }

    .gutter-slider-cats {
        padding: 1rem calc((100vw - 980px) / 2) .25rem;
    }

    .gutter-padding {
        padding: 0 calc((100vw - 980px) / 2);
    }

    .gutter-padding-inline {
        padding-inline: calc((100vw - 980px) / 2);
    }


    .gutter-slim {
        margin-left: calc((100vw - 980px) / 2);
        margin-right: calc((100vw - 980px) / 2);
    }
    .hero-slider {
        margin-top: 1rem;
    }
    .hero-slider a:nth-child(1) figure {
        margin-left: calc((100vw - 980px) / 2);
    }
    .hero-slider a:last-of-type figure {
        margin-right: calc((100vw - 980px) / 2);
    }
    /* END GUTTER */
     ::-webkit-scrollbar-track {
        margin: 0 calc((100vw - 980px) / 2);
    }
    
    /* LIST BOXES */
    /* TABLE SUMMARY */
    table {
        width: calc(100% - (100vw - 980px));
    }
    /* END TABLE SUMMARY */

    /* COMMENTS */
    .comments-list-box {
        flex-wrap: wrap;
    }

    .comments-list-comment {
        width: 100%;
        max-width: calc((100% - (4 * var(--bodyGutter)))/ 3);
        flex-grow: 1;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    .logo-images img {
        min-width: 12rem;
        min-height: 12rem;
    }
    /* GUTTER */
    .gutter-quater {
        margin: .25rem calc((100vw - 1140px) / 2) 0;
    }
    .gutter-half {
        margin: .5rem calc((100vw - 1140px) / 2) 0;
    }
    .gutter-half-list {
        margin: .5rem calc((100vw - 1140px) / 2) 0;
    }
    .gutter-half-list-aside {
        margin: .5rem calc((100vw - 1140px) / 2) 0;
    }
    .gutter {
        margin: 1.5rem calc((100vw - 1140px) / 2) 0;
    }
    .gutter-slider-half {
        /* margin: .5rem 0 0; */
        padding: .5rem calc((100vw - 1140px) / 2) 0;
    }
    .gutter-slider {
        margin: 1.5rem 0 0;
        padding: 0 calc((100vw - 1140px) / 2) 0;
    }
    .gutter-slider-filter {
        margin: .5rem 0 0;
        padding: 0.25rem calc((100vw - 1140px) / 2);
    }

    .gutter-slider-ids {
        padding: 0.5rem calc((100vw - 1140px) / 2);
    }

    .gutter-slider-cats {
        padding: 1rem calc((100vw - 1140px) / 2) .25rem;
    }

    .gutter-padding {
        padding: 0 calc((100vw - 1140px) / 2);
    }
    .gutter-padding-inline {
        padding-inline: calc((100vw - 1140px) / 2);
    }

    .gutter-slim {
        margin-left: calc((100vw - 1140px) / 2);
        margin-right: calc((100vw - 1140px) / 2);
    }
    .hero-slider {
        margin-top: 1rem;
    }
    .hero-slider a:nth-child(1) figure {
        margin-left: calc((100vw - 1140px) / 2);
    }
    .hero-slider a:last-of-type figure {
        margin-right: calc((100vw - 1140px) / 2);
    }
    /* END GUTTER */
     ::-webkit-scrollbar-track {
        margin: 0 calc((100vw - 1140px) / 2);
    }
    
    /* LIST BOXES */
    /* TABLE SUMMARY */
    table {
        width: calc(100% - (100vw - 1140px));
    }
    /* END TABLE SUMMARY */

    /* COMMENTS */
    .comments-list-box {
        flex-wrap: wrap;
    }

    .comments-list-comment {
        width: 100%;
        max-width: calc((100% - (4 * var(--bodyGutter)))/ 3);
        flex-grow: 1;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1920px) {}

@media only screen and (min-width: 1440px) {
    .logo-images img {
        min-width: 14rem;
        min-height: 14rem;
    }
    /* GUTTER */
    .gutter-quater {
        margin: .25rem calc((100vw - 1140px) / 2) 0;
    }
    .gutter-half {
        margin: .5rem calc((100vw - 1140px) / 2) 0;
    }
    .gutter-half-list {
        margin: .5rem calc((100vw - 1140px) / 2) 0;
    }
    .gutter-half-list-aside {
        margin: .5rem calc((100vw - 1140px) / 2) 0;
    }
    .gutter {
        margin: 1.5rem calc((100vw - 1140px) / 2) 0;
    }
    .gutter-slider-half {
        /* margin: .5rem 0 0; */
        padding: .5rem calc((100vw - 1140px) / 2) 0;
    }
    .gutter-slider {
        margin: 1.5rem 0 0;
        padding: 0 calc((100vw - 1140px) / 2) 0;
    }
    .gutter-slider-filter {
        margin: .5rem 0 0;
        padding: 0.25rem calc((100vw - 1140px) / 2);
    }

    .gutter-slider-ids {
        padding: 0.5rem calc((100vw - 1140px) / 2);
    }

    .gutter-slider-cats {
        padding: 1rem calc((100vw - 1140px) / 2) .25rem;
    }

    .gutter-padding {
        padding: 0 calc((100vw - 1140px) / 2);
    }
    .gutter-padding-inline {
        padding-inline: calc((100vw - 1140px) / 2);
    }
    .gutter-slim {
        margin-left: calc((100vw - 1140px) / 2);
        margin-right: calc((100vw - 1140px) / 2);
    }
    .hero-slider {
        margin-top: 1rem;
    }
    .hero-slider a:nth-child(1) figure {
        margin-left: calc((100vw - 1140px) / 2);
    }
    .hero-slider a:last-of-type figure {
        margin-right: calc((100vw - 1140px) / 2);
    }
    /* END GUTTER */
     ::-webkit-scrollbar-track {
        margin: 0 calc((100vw - 1140px) / 2);
    }
    /* LIST BOXES */
    
    /* TABLE SUMMARY */
    table {
        width: calc(100% - (100vw - 1140px));
    }
    /* END TABLE SUMMARY */

    /* COMMENTS */
    .comments-list-box {
        flex-wrap: wrap;
    }

    .comments-list-comment {
        width: 100%;
        max-width: calc((100% - (4 * var(--bodyGutter)))/ 3);
        flex-grow: 1;
    }
}

@media only screen and (min-width: 1921px) {}


/* COLORS FOR CASINOS */

.wazambacasino {
    background: #7824B6;
}

.casino21 {
    background: rgba(68, 69, 77, 0.8);
}

.casino21com {
    background: white;
}

.casino777 {
    background: #fcf6d5;
}

.casino888 {
    background: #171717;
}

.amunra {
    background: linear-gradient(#4F2E0C, #4F2E0C), linear-gradient(to right, #492801 0%, #251602 40%, #251602 60%, #492801 80%);
}

.atlanticspins {
    background: white;
}

.aladdinsgold {
    background: #30143c;
}

.allstarsslots {
    background: #131e3a
}

.bcasino {
    background: #262626;
}

.bet365 {
    background: #126e51;
}

.betfair {
    background: #ffb80c;
}

.bethard {
    background: #1a1a1a;
}

.betinia {
    background: #03F295;
}

.betive {
    background: #015307;
}

.betsafe {
    background: #212121;
}

.betsson {
    background: #f60;
}

.betway {
    background: rgb(0, 0, 0);
}

.betzest {
    background: linear-gradient(to left, #281740, #371d5b);
}

.billion {
    background: #003d34;
}

.bitkingz {
    background: #00423a;
}

.blitzino {
    background: rgba(22, 22, 29, 1);
}

.bluvegas {
    background: white;
}

.boom {
    background: hsl(284, 45%, 13%);
}

.bons {
    background: #000000;
}

.buusti {
    background: white;
}

.buzzluck {
    background: #05111e;
}

.bwin {
    background: #141414;
}

.cadabrus {
    background: #55028e;
}

.captainspins {
    background: #fff;
}

.cashmio {
    background: #f8f8f8;
}

.cashpoint {
    background: #000;
}

.casigo {
    background: #fff;
}

.casilando {
    background: #fff;
}

.casimba {
    background: #FF9221;
}

.clubworld {
    background: #181818;
}

.cryptoreels {
    background: #e90959;
}

.jefe {
    background: rgb(63, 63, 63);
}


.room {
    background: #fff
}

.casiqo {
    background: #441e61;
}

.casumo {
    background: #0CD0CD;
}

.caxino {
    background: #FF0F63;
}

.crazeplay {
    background: #0c4e75;
}

.dreamz {
    background: #fff;
}

.dunder {
    background: #231f20;
}

.fortunepanda {
    background: #000;
}

.frankandfred {
    background: #3b1259;
}

.genesis {
    background: #070920;
}

.haz {
    background: #2e0b5a;
}

.highnoon {
    background: #2c0606;
}

.joocasino {
    background: #1b2341;
}

.justspin {
    background: #FFEB00;
}

.kingbilly {
    background: #0e0e0e;
}


.leovegas {
    background: #FD5C3C;
}

.locowin {
    background: rgba(51, 86, 102);
}

.luckydino {
    background: rgb(63, 63, 63);
}

.luckyred {
    background: #18191c;
}

.livecasinohouse {
    background: #000000;
}

.manhattanslots {
    background: #fdfefe;
}


.megarush {
    background: #1d0835;
}

.mrgreen {
    background: #015536;
}

.playamo {
    background: #291c32;
}

.playojo {
    background: #510478;
}


.prive21 {
    background: #2b3135;
}

.rizk {
    background: #ef4136;
}


.royalpanda {
    background: #000000;
}

.slotwolf {
    background: #1A2B5D;
}

.spin {
    background: #fefefe;
}


.spinia {
    background: #f8fbfb;
}

.swift {
    background: #333;
}

.twin {
    background: #212633;
}

.unibet {
    background: #147b45;
}

.veraandjohn {
    background: #0093d4;
}


.videoslots {
    background: #131313;
}

.vegaz {
    background: #10436d;
}



.vips {
    background: #000;
}

.viggoslots {
    background: linear-gradient(180deg, #05182f 0, #0c2a50);
}

.voodoodreams {
    background: #161616;
}

.vulkanvegas {
    background: #ffffff;
}

.winningdays {
    background: #F4F6FE;
}

.west {
    background: #6880fa;
}

.wheelz {
    background: #3d286d;
}

.wildzcasino {
    background: #412786;
}

.williamhill {
    background: #01133B;
}

.rocketpot {
    background: #362E3F;
}

/* BANKS */

.paypal, .visa, .maestro, .revolut, .trustly, .paysafecard, .ecopayz, .skrill, .banktransfer, .mastercard, .neteller {
    background: white;
}

.interac {
    background: #ffb92a;
}

.klarna {
    background: #FFB3C7;
}

.jeton {
    background: #f4bb76;
}


/* BANNERS */

.wager-banner {
    background: linear-gradient(0deg, #5E9715 0%, #3F640F 100%);
}

.wager {
    background: var(--wager)
}

.free-spins {
    background: var(--free-spins)
}

.percent {
    background: var(--percent)
}

.default-core-tab {
    background: var(--bg-linear-two)
}

.cosmicslotcasino { background: #080a40; }
.zazacasino { background: #001B2D; }
.playfinacasino { background: #211d38; }
.n1betcasino { background: #0f0f14; }
.nightrushcasino { background: #1c163e; }
.sgcasino { background: #2a2d87; }
.wazambacasino { background: #7824B6; }
.bitkingzcasino { background: #242732; }
._21privecasino { background: #2f3438; }
.fortunepandacasino { background: #000000; }
.wildzcasino { background: #412786; }
.spiniacasino { background: #f8fbfb; }
.swiftcasino { background: #333333; }
.winningdayscasino { background: #f4f6fe; }
.rocketpotcasino { background: #2d2834; }
.joocasino { background: #141b34; }
.hazcasino { background: #2e0b5a; }
.crazeplaycasino { background: #0d4e76; }
.wildtokyocasino { background: #bbbbbb; }
.horuscasino { background: #202020; }
.spincasino { background: #fffFFF; }
.caxinocasino { background: #ff0f63; }
.playojocasino { background: #27275f; }
.casumocasino { background: #0cd0cd; }
.justspincasino { background: #FFEB00; }
.rizkcasino { background: #DD5041; }
.voodoodreamscasino { background: #161616; }
.dundercasino { background: #000000; }
.videoslotscasino { background: #000000; }
.slotwolfcasino { background: #1D2F60; }
.vegazcasino { background: #10436d; }
.casinorocket { background: #3b035e; }
.wolfycasino { background: #f5f5f5; }
.kryptosinocasino { background: #0f172a; }
.turbicocasino { background: #351c48; }
.genesiscasino{background: #070920;}
._888casino {background: #171717;}
.rabonacasino {background: #0C1221;}
.hellspincasino { background: #05071a; }
.blizzcasino { background: #040F46;}

.bizzocasino { background: #2b1234; }
.needforspincasino { background: #131635; }
.bitcoincasinoio { background: #201a38; }
.depositwincasino { background: #1a2e40; }
.spinzcasino { background: #ffffff; }
.bitbet24casino { background: #080d18; }
.justbitcasino { background: #0c1028; }
.cryptoleocasino { background: #0f152c; }
._21bitcasino { background: #07041C; }
.betsiocasino { background: #000616; }
.bitbet24casino { background: #080d18; }
.bitcoincasinoio { background: #201a38; }
.bitkingzcasino { background: #242732; }
.bizzocasino { background: #2b1234; }
.blizzcasino { background: #040f46; }
.fortunepandacasino { background: #000000; }
.hellspincasino { background: #05071a; }
.horuscasino { background: #202020; }
.justbitcasino { background: #0c1028; }
.needforspincasino { background: #131635; }
.playfinacasino { background: #211d38; }
.sgcasino { background: #2a2d87; }
.vavecasino { background: #2d3b45; }
.wolfycasino { background: #f5f5f5; }
.wazambacasino { background: #7824B6; }
.casombiecasino { background: #32127b; }
.ninecasino { background: #060e2a; }
.stelariocasino { background: #121038; }
.smokacecasino { background: #260b03; }
.crashinocasino { background: #1e0d49; }
.touchcasino { background: #432e3e; }
.rollinocasino { background: #06273A; }
.winlegendscasino { background: #201e1e; }
.ohmyzinocasino { background: #26469d; }
.freshbetcasino { background: #1b1b22; }
.megaparicasino { background: #1f1f1f; }
.wildtornadocasino { background: #191c2a; }
.bohocasino { background: #ffffff; }
.slotsgallerycasino { background: #000000; }
.nominicasino { background: #6ed7ed; }
._31betcasino { background: #2a2f3c; }
.cristalpokercasino { background: #22242f; }
.betsiocasino { background: #000616; }
.iluckicasino { background: #1b222b; }
.shambalacasino { background: #11181B; }
.snatchcasino { background: #1e2c37; }
.iwildcasino { background: #220b43; }
.bankonbetcasino { background: #EDF1FC; }
.slotildaworldcasino { background: #212423; }
.billybillioncasino { background: #212121; }
.bcgamecasino { background: #24262B; }
.flushcasino { background: #111a41; }
._7bitcasino { background: #010320; }
.cbetggcasino { background: #121E26; }
.skycrowncasino { background: #141416; }
.miraxcasino { background: #111013; }
.katsubetcasino { background: #0e0e14; }
.wildfortunecasino { background: #382f59; }
.spinsamuraicasino { background: #000000; }
.crazeplaycasino { background: #0d4e76; }
.bluvegascasino { background: #ffffff; }
.rollingslotscasino { background: #000000; }
.winstoriacasino { background: #fffFFF; }
.burningbetcasino { background: #15191c; }
.burancasino { background: #222b37; }
.boaboacasino { background: #ffffff; }
.cadoolacasino { background: #588ae1; }
.alfcasino { background: #242253; }
.n1betcasino { background: #0f0f14; }
.cosmicslotcasino { background: #080a40; }
.dazardcasino { background: #261887; }
.woocasino { background: #131521; }
.playamocasino { background: #0c0c0c; }
.casinochancasino { background: #141414; }
.bizzocasino { background: #2b1234; }
.joocasino { background: #141b34; }
.zotabetcasino { background: #13153f; }
.betibetcasino { background: #212121; }
.justcasino { background: #121212; }
.slotlordscasino { background: #151923; }
.betzardcasino { background: #110a1f; }
.moonwincasino { background: #15171f; }
.queenspinscasino { background: #12111d; }
.dundeeslotscasino { background: #130814; }
.casinoniccasino { background: #2e222d; }
.rickycasino { background: #1f0f23; }
.kingbillycasino { background: #191a1e; }
.axecasino { background: #303c4d; }
.jettbetcasino { background: #14181a; }
.luckyhourcasino { background: #0a0a0a; }
.retrobetcasino { background: #141429; }
.luckyhuntercasino { background: #1c212c; }
.icebetcasino { background: #ffffff; }
.betflarecasino { background: #0b0d13; }
.crownplaycasino { background: #2d241d; }
.dazardbetcasino { background: #281f0c; }
.ritzocasino { background: #101414; }