/* Global Variables */
    /* Common Version */
    
     :root {
        --border-150: 9.375rem;
        --border-100: 6.25rem;
        --border-75: 4.688rem;
        --border-50: 3.125rem;
        --border-28: 1.75rem;
        --border-25: 1.563rem;
        --border-18: 1.125rem;
        --border-15: 0.938rem;
        --border-12: 0.706rem;
        --border-8: 0.5rem;
        --border-6: 0.375rem;
        /* --ff-roboto-condenced: 'Roboto Condensed', sans-serif;
    --ff-roboto: 'Roboto', sans-serif;
    --ff-sfpro: 'SFProText-Regular', sans-serif; */
        /* --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", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
        --ff-footer: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    }
    /* @media (prefers-color-scheme: light) {
     :root {
        --bg: rgba(0, 0, 0, 0.88);
        --blending-bg: #1f1f1f;
        --font-color: rgba(255, 255, 255, 0.92);
        --active: #fa586a;
        --active-pink: #fa586a;
        --germany-red: #DD0000;
        --linked: rgb(87, 153, 239);
        --green: #2ab32a;
        --header-hero-bg: linear-gradient(180deg, rgba(0, 0, 0, 1) 3%, rgba(29, 29, 31, 0.8) 25%, rgb(29 29 31 / 50%) 100%);
        --navbar-blur: blur(15px);
        --labelDivider: rgba(255, 255, 255, 0.1);
        --navbar-bg: #2e2e2e;
        --navbar-drop-bg: #2e2e2e;
        --navbar-burger: var(--active);
        --navbar-border: rgba(255, 255, 255, 0.1);
        --navbar-item-bg: rgba(235, 235, 245, 0.1);
        --navbar-items-header: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(57 57 59));
        --navbar-items-header-color: white;
        --navbar-li-color: rgba(255, 255, 255, 0.72);
        --navbar-blur: blur(20px);
        --strong-color: rgba(255, 255, 255, 0.82);
        --bodyGutter: 25px;
        --bodyGutterMedium: 32px;
        --scrollbar-thumb: #333;
        --scrollbar-slider: #222;
        --slider-banners-zoom-p-color: rgba(255, 255, 255, 0.64);
        --list-odd-bg: rgba(255, 255, 255, 0.015);
        --list-hover: rgba(255, 255, 255, 0.06);
        --list-color: rgba(255, 255, 255, 0.64);
        --list-color-bg: rgb(40, 40, 40);
        --list-wager-span: var(--navbar-items-header-color);
        --list-rating-wager: linear-gradient(to right, rgba(255, 255, 255, 0), #2e2e2e);
        --ribbon-with-affiliate: rgba(45, 45, 45, 0.88);
        --shadows-ribbon: 0 1px 0 rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 -0.5px 0 rgba(255, 255, 255, 0.1);
        --text-box-bg: #2b2b2b;
        --cat-li-bg: rgba(255, 255, 255, .05);
        --cat-li-bg-hover: rgba(255, 255, 255, .1);
        --footer-bg: #323232;
        --active-nav-btn: #1f1f1f;
        --modalColor: var(--navbar-li-color);
    }
}

@media (prefers-color-scheme: dark) {
     :root {
        --bg: rgba(0, 0, 0, 0.88);
        --blending-bg: #1f1f1f;
        --font-color: rgba(255, 255, 255, 0.92);
        --active: #FFCE00;
        --active-pink: #fa586a;
        --germany-red: #DD0000;
        --linked: rgb(87, 153, 239);
        --green: #2ab32a;
        --header-hero-bg: linear-gradient(180deg, rgba(0, 0, 0, 1) 3%, rgba(29, 29, 31, 0.8) 25%, rgb(29 29 31 / 50%) 100%);
        --labelDivider: rgba(255, 255, 255, 0.1);
        --navbar-bg: rgba(235, 235, 245, 0.03);
        --navbar-drop-bg: rgb(11 11 11 / 89%);
        --navbar-burger: var(--active);
        --navbar-border: rgba(255, 255, 255, 0.1);
        --navbar-item-bg: rgba(235, 235, 245, 0.1);
        --navbar-items-header: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(57 57 59));
        --navbar-items-header-color: white;
        --navbar-li-color: rgba(255, 255, 255, 0.72);
        --navbar-blur: blur(20px);
        --strong-color: rgba(255, 255, 255, 0.82);
        --bodyGutter: 25px;
        --bodyGutterMedium: 32px;
        --scrollbar-thumb: #333;
        --scrollbar-slider: #222;
        --slider-banners-zoom-p-color: rgba(255, 255, 255, 0.64);
        --list-odd-bg: rgba(255, 255, 255, 0.015);
        --list-hover: rgba(255, 255, 255, 0.06);
        --list-color: rgba(255, 255, 255, 0.64);
        --list-color-bg: rgb(40, 40, 40);
        --list-wager-span: var(--navbar-items-header-color);
        --list-rating-wager: linear-gradient(to right, rgba(255, 255, 255, 0), #2e2e2e);
        --ribbon-with-affiliate: rgba(45, 45, 45, 0.88);
        --shadows-ribbon: 0 1px 0 rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 -0.5px 0 rgba(255, 255, 255, 0.1);
        --text-box-bg: #2b2b2b;
        --cat-li-bg: rgba(255, 255, 255, .05);
        --cat-li-bg-hover: rgba(255, 255, 255, .1);
        --footer-bg: #323232;
        --active-nav-btn: #1f1f1f;
        --modalColor: var(--navbar-li-color);
        --index-background-hero: radial-gradient(50% 50% at 50% 50%, rgb(255 255 255 / 32%) 0%, rgba(0, 179, 255, 0.0001) 100%);
        --index-background-hero-free-spins: radial-gradient(50% 50% at 50% 50%, rgba(32, 113, 31, 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%);
    }
} */
    
     :root {
        /* --bg: hsl(232, 24%, 12%); */
        --bg: #252638;
        --bg: linear-gradient(180deg, #ECEBF0 3%, #F4F3F7 25%, #F5F4F9 100%);
        --blending-bg: #1f1f1f;
        --font-color: rgba(255, 255, 255, 0.92);
        --dark-font: #202132;
        --medium-font: #2C2E43;
        --pros-cons-font: #4D4E5F;
        /* --hgroup-p: rgb(222 222 222 / 72%); */
        --active: #CD2C61;
        --active-dimmed: rgb(205 44 97 / 30%);
        --active-pink: #D13A6C;
        --light-pink: #f65a8e;
        --germany-red: #DD0000;
        --germany-red-hover: #ba0101;
        --linked: rgb(87, 153, 239);
        --green: #2ab32a;
        --light-green: #BEE28F;
        --chips-border: rgba(255,255,255,0.5);
        --header-hero-bg: linear-gradient(180deg, #252638 3%, #202132 25%, #06030c 100%);
        --labelDivider: rgba(255, 255, 255, 0.1);
        --navbar-bg: #1D1F2C;
        --navbar-drop-bg: rgb(23 25 38 / 0.89);
        --navbar-burger: var(--active);
        --navbar-border: rgba(255, 255, 255, 0.1);
        --navbar-item-bg: rgba(235, 235, 245, 0.1);
        --navbar-items-header: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(57 57 59));
        --navbar-items-header-color: white;
        --navbar-li-color: rgba(255, 255, 255, 0.72);
        --navbar-blur: blur(20px);
        --number-list: rgb(255 255 255 / 47%);
        --navbar-footer: linear-gradient(0deg, #222223 0%, #36373c 100%);
        --strong-color: rgba(255, 255, 255, 0.82);
        --bodyGutter: 25px;
        --bodyGutterMedium: 32px;
        --scrollbar-thumb: #333;
        --scrollbar-slider: #222;
        --slider-banners-zoom-p-color: rgba(255, 255, 255, 0.64);
        /* --list-odd-bg: rgba(255, 255, 255, 0.015); */
        --list-odd-bg: #282A3E;
        --list-color-bg: #181A26;
        /* --list-color-bg: rgb(40, 40, 40); */
        --list-hover: rgba(255, 255, 255, 0.06);
        --list-color: rgba(255, 255, 255, 0.64);
        --list-wager-span: var(--navbar-items-header-color);
        --list-rating-wager: linear-gradient(to right, rgba(255, 255, 255, 0), #2C2E43);
        --ribbon-with-affiliate: rgba(45, 45, 45, 0.88);
        --shadows-ribbon: 0 1px 0 rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 -0.5px 0 rgba(255, 255, 255, 0.1);
        --text-box-bg: #2b2b2b;
        --cat-li-bg: rgba(255, 255, 255, .05);
        --cat-li-bg-hover: rgba(255, 255, 255, .1);
        --footer-bg: #323232;
        --active-nav-btn: #1f1f1f;
        --modalColor: var(--navbar-li-color);
        --index-background-hero: radial-gradient(50% 50% at 50% 50%, rgb(255 255 255 / 32%) 0%, rgba(0, 179, 255, 0.0001) 100%);
        --index-background-hero-free-spins: radial-gradient(50% 50% at 50% 50%, rgba(32, 113, 31, 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%);
        --table-tr-hover: #5C608C;
        /* --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%);
        --white-dimmed: rgba( 255, 255, 255, 0.8);
        --slots-rating-dimmed: rgba(0, 0, 0, 0.6);
        /* --hero-shadow: linear-gradient(to bottom, rgba(28, 28, 28, 0.1) 40%, rgb(0, 0, 0, 1) 80%); */
        --hero-shadow: linear-gradient(to bottom, rgba(28, 28, 28, 0.1) 40%, #181A26 80%);
        --header-dimming: rgba(0, 0, 0, 0.8);
        --tabs-background: rgba(235, 235, 245, .07);
        --tags-color: rgba(255, 255, 255, .05);
        --navbar-item-selected: linear-gradient( to right, rgba(255, 255, 255, 0), #353954);
        --navbar-item-selected-active: linear-gradient( to right, rgba(255, 255, 255, 0), #2C2E43);
        --list-logo-bg: #252638;
        --btn-green-hover: linear-gradient(90deg, #5AC33F 3%, #59C183 100%);
        --btn-green: linear-gradient(90deg, hsl(108deg 52% 40%) 3%, hsl(144deg 46% 40%) 100%);
        --dark-color: #2D2F44;
        --shadow-medium: 0px 1px 10px rgb(55 92 117 / 10%);
        --shadow-categories: 0px 0px 10px 0px rgb(96 125 139 / 40%);
        --rel-casino-bg: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 40%, #FFFFFF 80%);
        --divider-bg: #C7D2D7;
        --djar-bg: #F2F2F2;
        --how-to-bg: linear-gradient(0deg, #191B27 0, rgba(18, 170, 229, 0.812) 40%);
        --how-to-bg-figcaption: #191B27;
        --card__bg: rgba(29, 29, 31, 0.8);
        --how-to-small-boxes: linear-gradient(0deg, rgb(22 25 29) 0%, rgb(50 54 59) 100%);
        --how-to-small-boxes-border: #333336;
        --hb-box-one-image: radial-gradient(50% 50% at 50% 50%, #425d83 0%, rgba(0, 179, 255, 0.0001) 100%);
        --faq-inside-li: #666;
        --sign-up-bonuses-bg: linear-gradient(0deg, #0E4952 0%, #43AD8D 100%);
        --free-spins-bonuses-bg: linear-gradient(0deg, rgba(103, 157, 65, 1) 0%, rgba(214, 207, 55, 1) 100%);
        --reload-bonuses-bg: linear-gradient(138deg, #89C23A 0%, #428F07 55.73%, #06642F 100%);
        --cashback-bonuses-bg: linear-gradient(136deg, #93D1F4 0%, #5227A5 100%);
        --bonus-codes-bg: linear-gradient(141deg, #78AD43 0%, #523F0E 98.83%);
        --live-casino-bonuses-bg: linear-gradient(135deg, #EEDE6A 0%, #EC8A44 49.48%, #E33036 100%);
        --welcome-bonuses-bg: linear-gradient(141deg, #C15E65 0%, #BC754C 98.83%);
        --deposit-bonuses-bg: linear-gradient(134deg, #FB9E51 0%, #B15923 55.55%, #863300 100%);
        --no-deposit-bonuses-bg: linear-gradient(135deg, #EEDE6A 0%, #EC8A44 49.48%, #E33036 100%);
        --vip-bonuses-bg: linear-gradient(141deg, #EC8A44 0%, #AA6431 98.83%);
        --mobile-bonuses-bg: linear-gradient(141deg, #43AD8D 0%, #0E4952 98.83%);
        --admin-bg: rgb(205 44 97 / 8%);
        --crypto-slot-sites-bg: linear-gradient(141deg, #43AD8D 0%, #0E4952 98.83%);
        --crypto-roulette-sites-bg: linear-gradient(138deg, #D6CF37 0%, #679D41 100%);
        --crypto-live-casino-sites-bg: linear-gradient(138deg, #89C23A 0%, #428F07 55.73%, #06642F 100%);
        --crypto-blackjack-sites-bg: linear-gradient(136deg, #93D1F4 0%, #5227A5 100%);
        --crypto-baccarat-sites-bg: linear-gradient(141deg, #78AD43 0%, #523F0E 98.83%);
        --crypto-poker-sites-bg: linear-gradient(135deg, #EEDE6A 0%, #EC8A44 49.48%, #E33036 100%);
        --crypto-betting-sites-bg: linear-gradient(135deg, #6D6AEE 0%, #2F6CC7 49.48%, #5F30E3 100%);
    }
    
    
    

    html {
        box-sizing: border-box;
        font-family: var(--ff-global-font);
        font-size: 16px;
        line-height: 1.5294717647;
        letter-spacing: -.021em;
        font-style: normal;
        font-weight: 400;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        background: var(--bg);
        color: var(--font-color);
        margin: 0;
        padding: 0;
        /* scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-width: none; */
        overflow-y: scroll;
        position: relative;
        word-spacing: normal;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }
    
    body {
        margin: 0;
        padding: 0;
        /* display: flex;
        flex-direction: column; */
        min-height: 100vh;
    }
    
    
    dl,
    dt,
    dd,
    hgroup,
    blockquote,
    figure,
    form,
    fieldset,
    input,
    legend,
    pre,
    abbr,
    button {
        margin: 0;
        padding: 0
    }
    
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0;
        /* font-weight: 600; */
    }
    
     /* ::after,
     ::before {} */
    /* width */
    
     ::-webkit-scrollbar {
        width: 2px;
        height: 2px;
    }
    
     :focus {
        outline: none;
    }
    /* Track */
    
     ::-webkit-scrollbar-track {
        /* background: var(--scroll-track); */
        /* background: var(--scrollbar-slider); */
        background: var(--divider-bg);
        margin-right: var(--bodyGutter);
    }
    /* Handle */
    
     ::-webkit-scrollbar-thumb {
        /* background-color: var(--scrollbar-thumb); */
        background-color: white;
        border-radius: var(--border-8);
    }
    /* Handle on hover */
    
     ::-webkit-scrollbar-thumb:hover {
        /* background: #444; */
        background: var(--active)
    }
    
     ::-webkit-scrollbar {
        display: none;
    }
    
    main {
        position: relative;
    }
    
    
    
    img {
        display: block;
    }
    
    picture {
        display: block;
        box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
        border-radius: var(--border-6);
        position: relative;
    }

    /* .hero-picture::before {
        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-6);
    } */
    
    /* picture>* {
        max-width: 100%;
    } */
    
    video {
        object-fit: cover;
        position: absolute;
        left: 0;
        z-index: 5;
    }

    article, section {
        position: relative;
    }
    
    a {
        text-decoration: none;
        color: var(--linked);
        /* cursor: pointer; */
    }
    
    ul {
        list-style: none;
    }
    
    h1 {
        font-size: 1.625rem;
        line-height: 1.23077;
        letter-spacing: 0;
        /* text-transform: uppercase; */
    }
    
    h2 {
        font-size: 1.25rem;
        line-height: 1.29412;
    }
    
    h3 {
        font-size: 1.125rem;
        line-height: 1.18182;
        /* margin: 1rem 0; */
    }
    
    h4 {
        font-size: 1rem;
        line-height: 1.125rem;
    }
    
    h5 {
        font-size: 0.875rem;
        line-height: 1rem;
    }
    
    .rounded {
        border-radius: var(--border-15);
    }
    
    .rounded-6 {
        border-radius: var(--border-6);
    }
    
    .rounded-8 {
        border-radius: var(--border-8);
    }
    
    .rounded-28 {
        border-radius: var(--border-28);
    }
    
    .rounded-50 {
        border-radius: var(--border-50);
    }
    
    .rounded-75 {
        border-radius: 50%;
    }
    
    .rounded-100 {
        border-radius: var(--border-100);
    }
    
    .rounded-150 {
        border-radius: var(--border-150);
    }
    
    .rounded-top {
        border-radius: var(--border-8) var(--border-8) 0 0;
    }
    
    .rounded-left {
        border-radius: var(--border-6) 0 0 var(--border-6);
    }

    .dark-h {
        color: var(--dark-color);
    }
    
    .btn {
        display: block;
        text-align: center;
        white-space: nowrap;
        letter-spacing: -.022em;
        text-transform: uppercase;
        text-decoration: none;
    }
    
    .btn.play {
        background: #dcb200;
        color: var(--dark-font);
        font-size: large;
        width: calc(100% - 50px);
        margin: 0;
        position: absolute;
        bottom: 4rem;
        left: var(--bodyGutter);
        z-index: 9;
        font-weight: 600;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
    }
    
    .slots-item:hover .btn.play {
        background: var(--btn-green-hover);
        /* transform: scale(1.03); */
        animation: beat 1.2s infinite;
    }
    
    @keyframes beat {
        0%,
        50%,
        100% {
            transform: scale(1, 1);
        }
        30%,
        80% {
            transform: scale(0.92, 0.95);
        }
    }


    summary:hover,
    summary::marker,
    summary:focus {
        color: var(--active);
        transition: .15s ease-in;
    }
    
    .active-nav-btn {
        background: var(--navbar-item-selected);
        color: var(--navbar-items-header-color);
    }
    
    .icon-button {
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
        border-radius: 6px;
        -webkit-padding-start: 0.75rem;
        padding-inline-start: 0.75rem;
        -webkit-padding-end: 0.75rem;
        padding-inline-end: 0.75rem;
        text-align: center;
        transition: 0.2s ease all;
        justify-content: center;
    }
    
    .divider-before {
        border-top: 1px solid var(--divider-bg);
        padding: 0.813rem 0;
    }
    
    .header-h2 h2 {
        text-transform: uppercase;
    }

    .header-h2 h2::before, .modalContent h2::before {
        content: "";
        display: inline-block;
        width: 1.25rem;
        height: 1.25rem;
        background-image: url(/assets/manifest/logo.svg);
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 0.625rem;
    }

    h2.active-header {
        color: var(--active);
        line-height: 1.23077;
    }
    /* STARTING FROM HERE */
    /* TOP NAV BAR WITH LOGO */
    
    nav.navbar .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);
    }
    
    #logo {
        transition: all 0.3s ease-in-out 0s;
    }
    
    .logo-item-with-logo:hover #logo {
        cursor: default;
        transform: rotate(360deg);
        transition: all 0.3s ease-in-out 0s;
    }
    
    .nav-svg {
        height: 1.25rem;
        width: 1.25rem;
        margin-inline-end: 0.875rem;
        fill: var(--active-pink);
    }
    
    nav.navbar .links {
        /* float: right; */
        padding: 0;
        margin: 0 auto;
        width: calc(100% - 2rem);
        height: calc(100% - 3rem);
        align-items: center;
        overflow-y: scroll;
        /* max-height: calc(100% - 2rem); */
    }
    
    nav.navbar .links::-webkit-scrollbar {
        background: transparent;
        width: 0px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .links::before {
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
    }
    
    .links li {
        display: flex;
        align-items: center;
        border-radius: var(--border-6);
        margin: 0 0 2px;
        column-gap: 8px;
    }
    

    @keyframes beat {
        0%,
        50%,
        100% {
            transform: scale(1, 1.1);
            fill: var(--active-pink);
        }
        30%,
        80% {
            transform: scale(0.90, 0.98);
            fill: var(--active-pink);
        }
    }
    
    .links li:hover svg,
    .bonus-box-horizontal:hover .btn-list {
        transition: all 0.3s;
        animation: beat 1.2s infinite;
    }
    
    .core-nav {
        /* background: var(--navbar-items-header); */
        /* line-height: 1.875rem; */
        /* color: var(--navbar-items-header-color); */
        color: var(--number-list);
        font-weight: 400;
        letter-spacing: 0.03rem;
        border-radius: var(--border-6);
        vertical-align: middle;
        display: inline-block;
        /* height: 2rem; */
        display: flex;
        /* font-size: 0.938rem; */
        font-size: 0.813rem;
        margin: 0.5rem 0 0.25rem;
        text-transform: capitalize;
    }
    
    nav.navbar .links li a {
        display: inline-flex;
        /* color: var(--navbar-li-color); */
        color: var(--font-color);
        text-decoration: none;
        line-height: 1.5rem;
        width: 100%;
        height: 1.875rem;
        align-items: center;
        font-weight: 400;
        -webkit-transition: 0.2s ease all;
        -o-transition: 0.2s ease all;
        transition: 0.2s ease all;
        font-size: 0.938rem;
        text-transform: capitalize;
    }
    
    nav.navbar .links li a:hover {
        color: var(--navbar-items-header-color);
        background: var(--navbar-item-selected-active);
        border-radius: var(--border-6);
    }

    .core-nav:hover {
        color: var(--navbar-items-header-color);
        background: var(--navbar-items-header)
    }

    .links ul:last-of-type {
        margin-bottom: 2rem;
        margin-top: 1.25rem;
        background: var(--navbar-items-header);
        border-radius: var(--border-6);
    }
    
    #nav-toggle {
        position: absolute;
        top: -3rem;
    }
    
    nav.navbar .icon-burger {
        display: none;
        position: absolute;
        right: .5rem;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }
    
    nav.navbar .icon-burger .line {
        width: 30px;
        height: 5px;
        /* background: var(--navbar-burger); */
        background: var(--light-green);
        margin: 5px;
        border-radius: 3px;
        transition: all .3s ease-in-out;
        display: block;
    }
    
    nav.navbar .icon-burger .line b {
        position: absolute;
        top: -1000rem;
    }
    
    .logo-item {
        min-width: 3rem;
        line-height: 3rem;
        display: flex;
        vertical-align: middle;
        height: 3rem;
        align-items: center;
    }
    /* END TOP NAV BAR WITH LOGO */

    /* MAIN CONTENT */
    
    .gutter {
        margin: 1rem var(--bodyGutter) 0;
    }

    .gutter-half {
        margin: 0 var(--bodyGutter) 0;
    }

    /* Header h1 */
    
    .hero {
        background: var(--header-hero-bg);
    }
    
    .hero h1 {
        font-weight: 300;
        margin: 0 var(--bodyGutter) 0;
        width: calc(100% - 50px);
        background-image: linear-gradient(var(--active), var(--active));
        background-position: bottom left;
        background-size: 0% 1px;
        background-repeat: no-repeat;
        transition: background-size 1s, background-position 0s 1s;
        border-bottom: 1px solid var(--navbar-border);
        padding: 1rem 0 0.375rem;
        text-transform: capitalize;
    }
    
    .hero h1 strong,
    .insider-core-hero h1 strong {
        color: var(--active)
    }
    /* .hero h1:hover, */
    
    .hero:hover h1 {
        background-position: bottom right;
        background-size: 100% 1px;
    }
    /* HERO SLIDER */
    
    .modalDialog {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 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);
    }

    .modalDialog .divider-before {
        border-top: 1px solid var(--cat-li-bg-hover);
        border-bottom: 1px solid var(--cat-li-bg-hover);
    }
    
    .modalContent {
        width: calc(100% - 50px);
        position: relative;
        margin: var(--bodyGutter) auto;
        /* padding: 1rem; */
        box-sizing: border-box;
        border-radius: var(--border-6);
        background: rgb(29 29 31 / 90%);
        /* 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 var(--bodyGutter); */
        /* margin-bottom: 1rem; */
        /* border-bottom: 1px solid var(--cat-li-bg-hover); */
        color: white;
        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(--cat-li-bg-hover);
        margin-bottom: 0.5rem;
        border-left: 2px solid var(--active);
        padding-left: 0.5rem;
        text-transform: capitalize;
    }

    .modalContent .faq-ul, .hero-slider-modal-descrition p, .navigation-text p, .how-bonus-work-box p, .modalContent address {
        color: var(--modalColor);
    }

    .faq-ul {
        padding: 0 1rem;
    }
    
    .hero-slider-modal-descrition {
        padding: 1rem var(--bodyGutter);
    }

    .modal-aside {
        position: relative;
    }
    
    .modal-aside svg {
        position: absolute;
        right: 1rem;
        bottom: 0;
        width: 4rem;
        height: 4rem;
        fill: var(--active-dimmed);
    }

    .modal-aside svg:hover {
        fill: var(--active-pink);
    }
    
    .close {
        background: #634f09;
        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 5px #000;
        height: 30px;
        float: right;
        z-index: 11;
    }
    
    .close:hover {
        background: var(--active);
    }
    
    .vertical-scrolling {
        scroll-snap-type: x mandatory;
        overflow-x: scroll;
        display: flex;
        display: -ms-flexbox;
        box-sizing: border-box;
        gap: 1rem;
        padding-bottom: .5rem;
        padding-top: .5rem;
        scrollbar-width: none;
        /* align-items: center; */
        align-items: stretch;
    }
    
    .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(--index-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);
    }
    
    .slider-item-figcation {
        color: white;
        text-transform: capitalize;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .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-picture img {
        width: calc(100vw - (var(--bodyGutter) * 2));
        max-width: 21.875rem;
        height: auto;
    }

    .zoom-box-video {
        width: calc(100vw - (var(--bodyGutter) * 2));
        max-width: 21.875rem;
        height: 100%;
    }
    
    .slider-item-video {
        /* width: 100%;
    height: 100%; */
        border-radius: var(--border-6);
        display: none;
        position: absolute;
    }
    
    .slider-item-video.bottom {
        bottom: 0;
    }
    
    .slider-item-video.top {
        top: 0;
    }
    
    .slider-item {
        position: relative;
        z-index: 1;
        scroll-snap-align: center;
        max-width: 21.875rem;
    }
    
    .slider-item:hover img {
        transition: opacity .2s ease-in;
        opacity: 0.8;
        cursor: pointer;
    }
    /* .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: 0 0 0.25rem;
        color: white;
        text-transform: uppercase;
        position: absolute;
        top: 3.5rem;
        right: 1rem;
        z-index: 3;
    }
    
    .typography-line2 {
        font-size: 1.063rem;
        line-height: 1.29412;
        margin: 0;
    }
    
    .typography-line2 {
        height: 1.5rem;
        text-transform: uppercase;
        color: var(--light-green);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .insider-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        display: none;
    }
    
    .hero-insider:hover .insider-video {
        display: block;
    }
    
    h3.faq-h3::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(/assets/svg/faq-color.svg);
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 10px;
    }
    /* END HERO HEADER */

    /* REVIEW HEADER */
    
    .review-header {
        display: flex;
    }
    
    .review-header h1 {
        font-size: 1.375rem;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: .5rem;
        margin-top: 1rem;
    }
    
    .review-header-img {
        position: relative;
        width: 100%;
        max-width: 305px;
        max-height: 305px;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto;
        z-index: 1;
        box-sizing: border-box;
        /* padding: 1rem;
        box-sizing: border-box; */
    }

    .review-header-img.other {
        padding: 1rem;
    }

    .chip-border {
        border: 1rem dashed var(--chips-border);
        -webkit-animation: rotate .85s linear 1 alternate;
        animation: rotate .85s linear 1 alternate;
        position: relative;
        left: 0;
        animation: moveRotate 1s forwards;
    }

    /* .chip-border:hover {
        animation: rotate 4s infinite linear;

    } */

    @keyframes moveRotate {
        0% {
          transform: translateX(-200px) rotate(0deg);
        }
        100% {
          transform: translateX(0) rotate(360deg);
        }
      }

    @keyframes rotate {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    
    .truncate-overflow {
        position: relative;
    }
    
    .truncate-overflow strong, .truncate-overflow b {
        color: var(--dark-font);
    }

    .modalContent .gutter-faq strong, .modalContent .gutter-faq b 
    /* .modalContent .truncate-overflow strong, .modalContent .truncate-overflow b {
        color: var(--dark-font);
    } */

    .hero-slider-modal-descrition strong, 
    .hero-slider-modal-descrition b, 
    .modalContent .gutter-faq strong, 
    .modalContent .gutter-faq b,
    .insider-core-header-text strong,
    .insider-core-header-text b,
    .modalContent .how-bonus-work-box strong,
    .modalContent .how-bonus-work-box b,
    .hero-slider-modal-descrition strong,
    .hero-slider-modal-descrition b {
        color: var(--djar-bg);
    }

    .truncate-section {
        color: var(--footer-bg);
    }
    .truncate-more {
        position: absolute;
        right: 0;
        bottom: 0;
        color: var(--linked);
        z-index: 2;
        line-height: 1.25rem;
        font-size: 0.875rem;
        text-transform: uppercase;
        -webkit-animation: sudo .85s linear 10 alternate;
        animation: sudo .85s linear 10 alternate;
        font-weight: 700;
    }
    

    @keyframes sudo { 
        from { 
          -webkit-transform: translateY(-2px); 
                  transform: translateY(-2px); 
        }
        to { 
          -webkit-transform: translateY(2px); 
                  transform: translateY(2px); 
        }
      }
    
    .truncate-overflow > div {
        --one-ch: 8;
        --fade-direction: 270deg;
        --lines: 5;
        --line-height: 20;
        --link-length: 5;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-mask: linear-gradient(0deg, transparent 0, transparent calc(var(--line-height)*1px), #000 calc(var(--line-height)*1px)), linear-gradient(var(--fade-direction), transparent 0, transparent calc((var(--link-length)*var(--one-ch))*1px), #000 calc((var(--link-length)*var(--one-ch) + var(--line-height)*2)*1px));
        mask: linear-gradient(0deg, transparent 0, transparent calc(var(--line-height)*1px), #000 calc(var(--line-height)*1px)), linear-gradient(var(--fade-direction), transparent 0, transparent calc((var(--link-length)*var(--one-ch))*1px), #000 calc((var(--link-length)*var(--one-ch) + var(--line-height)*2)*1px));
        -webkit-mask-position: right top;
        mask-position: right top;
        -webkit-mask-size: initial, initial;
        mask-size: initial, initial;
        position: relative;
        word-break: break-word;
        z-index: 1;
    }
    
    .review-header-author-button {
        display: flex;
        align-items: center;
        gap: 1rem;
        position: absolute;
        flex-wrap: wrap;
        color: var(--footer-bg);
        bottom: 0;
    }
    
    .review-header-author-button figcaption {
        order: 2;
        width: calc(100% - 3rem);
        font-size: 0.813rem;
        display: flex;
        justify-content: space-between;
    }
    
    .review-header-author-button img {
        order: 1;
        width: 2rem;
    }
    
    .review-header-button {
        order: 3;
        width: 100%;
        height: 2.25rem;
        /* background-color: var(--germany-red); */
        color: white;
        min-width: 3rem;
        margin: 1rem 0 0;
        box-sizing: border-box;
        position: relative;
        font-size: 1.125rem;
    }
    
    .review-header-button:hover {
        transition: all 0.3s;
        transform: scale3d(1.02, 1.02, 1.02);
    }

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

    .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-fb-h: 221;
        --color-company-fb-s: 44%;
        --color-company-fb-l: 41%;
        /* using hsl create the default*/
        --color-company-fb: hsl(var(--color-company-fb-h), var(--color-company-fb-s), var(--color-company-fb-l));
        
        /* DARKER */
        --color-company-fb-darken: hsl(var(--color-company-fb-h),var(--color-company-fb-s),calc(var(--color-company-fb-l) - 15%));

        background-color: var(--color-company-fb-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: 8px 0 0 8px;
        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 */
    /* END REVIEW HEADER */
    /* LIST GROUP */
    /* END LIST GROUP */
    /* LIST ITEM */
    
    .bonus-box-horizontal {
        display: flex;
        flex-wrap: nowrap;
        height: 4.5rem;
        justify-content: space-evenly;
        align-items: center;
        border-bottom: 1px solid var(--labelDivider);
        background: var(--list-color-bg);
        background-image: repeating-linear-gradient(45deg, var(--navbar-bg), 4px, var(--navbar-bg) 2px, hsl(232, 24%, 12%) 6px);
    }
    
    .bonus-box-horizontal:nth-child(odd) {
        background: var(--list-odd-bg);
    }
    
    .bonus-box-horizontal:first-of-type {
        border-top: 1px solid var(--labelDivider);
    }

    /* .bonus-box-horizontal:nth-of-type(-n+5) {
        background: linear-gradient(#000, #606061)
    } */
    
    .bonus-box-horizontal:hover {
        background: #000;
        transition: 0.2s ease all;
    }

    .bonus-box-horizontal:hover .number {
        color: #FFFFFF;
    }
    
    .bonus-box-horizontal p {
        line-height: 1.125rem;
    }
    
    .number {
        font-size: 1.75rem;
        font-weight: 400;
        margin: 0;
        color: var(--number-list);
        /* min-width: 1.625rem; */
        text-align: center;
    }
    
    .list-img {
        padding: 0.25rem;
        box-sizing: border-box;
        font-size: .875rem;
    }
    
    p.rating {
        background: var(--list-rating-wager);
        line-height: 2.25rem;
        padding: 0 1rem 0 0.25rem;
        margin: 0;
        font-size: 1.125rem;
        min-width: 3.5rem;
        border-radius: var(--border-8);
        height: 2.25rem;
    }
    
    .top,
    .bottom {
        margin: 0;
    }
    
    .triple {
        min-width: 10.625rem;
    }
    
    .top {
        font-size: 0.938rem;
    }
    
    .middle {
        color: var(--light-pink);
        /* font-size: 1.063rem; */
        margin: 0.125rem 0 0;
    }
    
    .bottom {
        font-weight: 400;
        font-size: 0.938rem;
    }
    
    .bottom.tablet-plus {
        color: var(--slider-banners-zoom-p-color);
    }
    
    .spins,
    .min-deposit,
    .wager {
        display: flex;
        flex-direction: column;
        text-align: center;
        
    }

    .wager {
        min-width: 2.5rem;
    }
    
    .spins b,
    .min-deposit b {
        font-size: 1.125rem;
    }
    
    .spins {
        color: var(--light-green);
    }
    
    .min-deposit {
        color: white;
        min-width: 6.5rem;
    }
    
    .min-deposit span {
        font-size: 0.813rem;
    }
    
    .btn-list {
        height: 1.625rem;
        background: var(--btn-green);
        color: white;
        min-width: 3rem;
    }
    
    .btn-list:hover,
    .review-header-button {
        background: var(--btn-green-hover);
        /* -webkit-box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
    box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
    transform: scale3d(1.05, 1.05, 1.05); */
    }
    
    .terms,
    .wager span,
    .min-deposit span {
        color: var(--list-color);
    }
    
    .wager span {
        font-size: 0.813rem;
    }
    
    .terms {
        font-size: .75rem;
        text-align: center;
        margin: 0.625rem 0 0;
    }

    .terms a {
        color: #D9D9D9;
    }

    .terms a:hover {
        text-decoration: underline;
    }

    /* END LIST ITEM */

    

    /* LIST ITEM WIDE */
    .list-bonus-box-section {
        display: flex;
        gap: 1rem;
    }

    .bonus-box-wide {
        display: flex;
        height: 14.5rem;
        background: repeating-linear-gradient(45deg, var(--navbar-bg), 4px, var(--navbar-bg) 2px, hsl(232, 24%, 12%) 6px);
        padding: 1rem;
        box-sizing: border-box;
        position: relative;
        margin: 0 auto;
        flex-grow: 1;
        flex-direction: column;
    }

    .bonus-box-wide:nth-child(even) {
        /* background: var(--how-to-bg-figcaption); */
        background: var(--dark-color);
    }

    .bonus-box-wide-figcaption {
        top: 1rem;
        right: 1rem;
        position: absolute;
        width: calc(100% - (9rem));
        height: 6rem;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        z-index: 1;
    }

    .bonus-box-wide-casino, .bonus-box-wide-type, .bonus-box-wide-bonus {
        margin: 0;
        line-height: 1.23077;
    }
    .bonus-box-wide-casino {
        font-size: 1.125rem;
    }
    .bonus-box-wide-type {
        text-transform: uppercase;
        color: var(--linked);
        font-size: 0.875rem;
    }
    .bonus-box-wide-bonus {
        color: var(--light-pink);
        line-height: 1.75rem;
    }

    .bonus-box-wide-img {
        width: 6rem;
        height: 6rem;
        position: absolute;
        top: 1rem;
        left: 1rem;
        z-index: 1;
    }

    .bonus-box-wide-number {
        position: absolute;
        bottom: 0;
        right: 1rem;
        font-size: 2.5rem;
        color: var(--navbar-border);
        margin: 0;
    }

    .bonus-box-wide-triple {
        display: flex;
        justify-content: space-between;
        width: 100%;
        top: 7rem;
        position: relative;
    }

    .bonus-box-wide-triple div {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 2.75rem;
    }

    .bonus-box-wide-triple p {
        margin: 0;
    }

    .bonus-box-wide-triple small {
        color: var(--slider-banners-zoom-p-color);
        font-weight: 400;
        letter-spacing: .2px;
    }

    .bonus-box-wide-play {
        display: block;
        background: var(--btn-green);
        color: #fff;
        padding: 0.125rem;
        font-size: 1rem;
        text-align: center;
        position: absolute;
        z-index: 11;
        bottom: 1rem;
        width: 70%;
    }

    .bonus-box-wide-play-bg-img {
        position: absolute;
        bottom: 0;
        padding: 1rem;
        box-sizing: border-box;
        opacity: 3%;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }

    .bonus-box-wide:hover .bonus-box-wide-play {
        transition: all 0.3s;
        animation: beat 1.2s infinite;
    }

    .bonus-box-wide:hover .bonus-box-wide-play-bg-img {
        opacity: 6%;
        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);
    }

    .bonus-box-wide-rating {
        position: absolute;
        top: .35rem;
        margin: 0;
        right: 1rem;
    }
    /* END LIST ITEM WIDE */


    /* SLIDER IDS */
    
    .nav-ids {
        width: 100%;
        margin: 0;
        background: var(--list-color-bg);
        padding-top: 0.5rem;
        border-bottom: 1px solid var(--cat-li-bg);
        top: 0;
        z-index: 13;
        height: 3.5rem;
    }
    
    /* .nav-ids::-webkit-scrollbar {
        display: none;
    } */
    

    .nav-ids-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;
        font-weight: 400;
    }

    .nav-ids-p {
        padding: .5rem 1rem;
        border-radius: var(--border-6);
        background: var(--navbar-item-bg);
        color: var(--white-dimmed);
        text-transform: capitalize;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        transition: ease-in-out .3s;
    }
    
    .nav-ids-p:hover {
        background: #363954;
        box-shadow: var(--categories-shadow);
        transition: ease-in-out .3s;
    }

    .nav-ids-p:active {
        background: var(--active);
    }

    .nav-ids-p-bonus {
        line-height: 2.438rem;
        font-size: 2rem;
    }

    .nav-ids-p::before {
        content: "";
        display: inline-block;
        width: 1rem;
        height: 0.875rem;
        background-image: url(/assets/svg/clothes-tag.svg);
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 0.25rem;
        line-height: 0.875rem;
    }
    /* END SLIDER IDS */
    

    .cat-tab.default-core-tab {
        background: #60669F;
        background-image: radial-gradient(#607d8b 1px, transparent 1px);
        background-size: calc(10 * 1px) calc(10 * 1px);
    }
    .cat-tab.free-spins {
        background: #4f8d67;
        background-image: repeating-linear-gradient(45deg, #54976e 0, #54976e 1px, transparent 0, transparent 50%);
        background-size: 25px 25px;
        /* background-image: repeating-linear-gradient(45deg, var(--navbar-bg), 4px, var(--navbar-bg) 2px, hsl(232, 24%, 12%) 6px); */
    }
    .cat-tab.wager {
        background: #878144;
        background-image: radial-gradient(#98924c 1px, transparent 1px);
        background-size: calc(10 * 1px) calc(10 * 1px);}

    .cat-tab.percent {
        background: #8e4f75;
        background-image: repeating-linear-gradient(45deg, #9e5882 0, #9e5882 1px, transparent 0, transparent 50%);
        background-size: 25px 25px;
        /* background-image: repeating-linear-gradient(45deg, var(--navbar-bg), 4px, var(--navbar-bg) 2px, hsl(232, 24%, 12%) 6px); */
    }

    .subcore-filter-tabs {
        z-index: 11;
        position: relative;
        background: var(--list-color);
        border-top: 1px solid var(--chips-border);
        border-bottom: 1px solid var(--chips-border);
        box-shadow: var(--shadow-medium);
    }
    /* SLIDER SUBCORE */

    .cat-tab {
        display: flex;
        flex-direction: column;
        align-items: center;
        vertical-align: middle;
        justify-content: space-around;
        border: 1px solid var(--labelDivider);
        padding: 0.25rem 0.5rem;
        box-sizing: border-box;
        transition: transform 0.5s ease-in-out;
        font-size: 0.875rem;
        min-width: max-content;
    }

    .cat-tab:hover {
        box-shadow: 0 0 10px var(--green);
        background: var(--table-tr-hover);
    }

    .core-tab-icon {
        fill: rgba(255,255,255, 0.8);
        height: 2rem;
        width: 2rem;
    }
    
    /* END SLIDER SUBCORE */

    /* FACEBOOK TWITTER */
    /* .share-buttons {
        display: flex;
      }
      
      .facebook-share,
      .twitter-share {
        display: inline-block;
        padding: 8px 12px;
        border-radius: 4px;
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        margin-right: 10px;
        background-color: #3b5998;
      }
      
      .twitter-share {
        background-color: #1da1f2; 
      } */
      /* END FACEBOOK TWITTER */
      

    /* 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(--navbar-bg);
        background-image: var(--navbar-footer);
        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(--navbar-border);
        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(--divider-bg);
        font-size: 0.75rem;
        line-height: 0.75rem;
        position: absolute;
        left: 0.25rem;
        right: 0.25rem;
    }
    .active-btn img {
        filter: var(--faq-icon-filter);
    }
    .active-btn figcaption {
        color: var(--light-green);;
    }
    .active-btn .foot-nav-item-a,
    .footer-nav-item.active-btn svg {
        color: white;
        fill: var(--light-green);;
    }
    .footer-nav-item svg {
        fill: var(--divider-bg);
    }
    .active-btn {
        background: var(--blending-bg);
    }
    /* END FOOTER NAVBAR */

    /* TEXT WITH FAQ */
    .text-with-faq-box {
        display: flex;
    }

    .faq-content p:first-child {
        margin-block-start: 0;
    }

    .faq-ul li {
        font-size: 0.938rem;
        z-index: 1;
        position: relative;
    }

    .aside-faq-box {
        height: fit-content;
        position: sticky;
        top: 4rem;
        padding: 1rem;
        box-sizing: border-box;
        background: white;
        box-shadow: var(--shadow-medium);
        margin: 1rem 0;
    }

    .modalDialog .aside-faq-box {
        background: var(--how-to-small-boxes-border);
    }

    .modalDialog h3 {
        color: white;
    }

    .aside-faq-box svg {
        fill: var(--active-dimmed);
        height: 5rem;
        padding-top: 1rem;
        margin: 0 auto;
        width: 5rem;
        display: block;
    }
    
    .modalContent .aside-faq-box svg {
        fill: var(--chips-border);
    }
    /* END of TEXT WITH FAQ */

    /* SLIDER PAYMENTS */
    
    .payments-item {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        min-width: 12rem;
        background: white;
        padding: 0.5rem;
        border-radius: 6px;
        transition: .3s ease all;
        box-shadow: var(--shadow-medium);
        color: var(--pros-cons-font);
    }
    
    .payments-item:hover {
        background: var(--table-tr-hover);
    }

    .payments-item:hover .payments-deposit span, .payments-item:hover .payments-withdrawal span {
        color: white;
    }
    
    .payments-img {
        border-radius: 6px;
        border: 1px solid #efeff8;
        box-sizing: border-box;
        box-shadow: var(--hero-shadow);
        padding: 5px;
    }
    
    .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: #878d90;
        font-weight: 400;
    }
    
    .payments-deposit span,
    .payments-withdrawal span {
        color: var(--pros-cons-font);
        width: max-content;
    }
    /* END SLIDER PAYMENTS */
    /* PROS CONS */
    
    .pros ul {
        list-style-type: "+\0020";
    }
    
    .cons ul {
        list-style-type: "-\0020";
    }
    
    .pros ul,
    .cons ul {
        padding-inline-start: 1.5rem;
        padding-inline-end: 3.5rem;
        line-height: 1.5rem;
        color: var(--faq-inside-li);
        box-sizing: border-box;
    }
    
    .pros li::marker {
        color: var(--green);
        content: "+\0020";
    }
    
    .cons li::marker {
        color: var(--active-pink);
        content: "-\0020";
    }
    
    .pros-cons-box {
        display: flex;
        margin: 0 var(--bodyGutter);
        width: calc(100% - 50px);
        justify-content: space-evenly;
        gap: 1.5rem;
    }
    
    .pros,
    .cons {
        background: white;
        border-radius: 6px;
        flex-grow: 1;
        box-sizing: border-box;
        padding: 0.5rem;
        position: relative;
        transition: 0.3s ease fill;
        min-width: calc(50% - 1rem);
        color: var(--pros-cons-font);
        box-shadow: var(--shadow-medium);
    }
    
    .pros figcaption,
    .cons figcaption {
        color: var(--active);
        text-align: center;
        border-bottom: 1px solid var(--labelDivider);
    }
    
    .face {
        position: absolute;
        right: 1rem;
        bottom: 1rem;
        fill: var(--cat-li-bg-hover);
        transition: .4s ease all;
    }
    
    .pros:hover .face {
        fill: var(--green)
    }
    
    .cons:hover .face {
        fill: var(--active-pink)
    }
    /* END PROS CONS */

    /* TABLE */

    dl {
        margin-bottom: 0;
        display: flex;
        flex-flow: row wrap;
        box-shadow: var(--shadow-medium);
        border: 1px solid var(--divider-bg);
    }

    dt,
    dd {
        line-height: 2rem;
        white-space: nowrap;
        margin: 0;
        border-bottom: 1px solid var(--divider-bg);
        flex-grow: 1;
        text-align: center;
    }

    dt {
        font-weight: 600;
        /* width: 25%; */
        color: var(--active-nav-btn);
        text-transform: capitalize;
        background: #EBEBF2;;
    }

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

    dd:nth-child(even) {
        background: var(--dd-background);
        background: #F8F8F8;
        color: #5B5F61;
    }

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

    /* END TABLE */

    /* HOW TO GET BONUS */

    .how-to-article,
    .article-linear-bg {
        display: flex;
        flex-direction: column;
        background: var(--slots-slider-bg);
    }

    .how-to-item {
        width: 100%;
        max-width: 21.875rem;
        background: var(--how-to-bg-figcaption);
        position: relative;
        scroll-snap-align: center;
        box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
        display: flex;
        flex-direction: column;
        min-height: max-content;
    }

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

    .how-to-video {
        /* width: 100%;
        height: auto; */
        top: 0;
        display: none;
    }

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

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

    .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;
        /* background: white; */
        color: white;
    }

    .how-to-figcaption strong {
        color: powderblue;
    }

    .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(--blending-bg);
    }

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

    .how-to-text-under small {
        color: var(--active);
    }


    /* END HOW TO GET BONUS */

    /* HOW BONUS WORKS */

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

    .hb-box {
        display: flex;
        gap: 1.5rem;
        margin-top: 1rem;
        flex-direction: column;
    }

    /* .hb-box-one-image {
        width: 100%;
        max-width: 15.625rem;
        height: 15.625rem;
        display: flex;
        align-items: center;
        background: var(--hb-box-one-image);
        min-width: 15rem;
        align-self: center;
    } */

    .hb-box-two-graph {
        margin-bottom: 1rem;
    }

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

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

    .wager-box,
    .hb-box-two-graph span {
        box-sizing: border-box;
        background: var(--how-to-small-boxes);
        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: 1rem 2rem;
        font-size: 1.25rem;
        flex-grow: 1;
        text-align: center;
        font-weight: 700;
        max-width: 15.625rem;
    }

    .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: 5rem;
        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(--active-pink);
    }

    /* END HOW BONUS WORKS */

    /* INSIDER HEADER */
    
    .hero-insider {
        position: relative;
        /* border-bottom: 1px solid var(--labelDivider); */
    }
    
    .hero-insider::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: var(--hero-shadow);
        /* background: var(--banner-dimming); */
        z-index: 10;
    }
    
    .hero-insider-hgroup {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        /* background: var(--header-dimming); */
        z-index: 10;
    }
    
    .hero-insider h1 {
        text-align: center;
        font-weight: 400;
        margin: 0 1rem;
    }
    
    .hero-insider p {
        margin: 0;
        display: flex;
        justify-content: space-around;
        opacity: .6;
        font-weight: 300;
        font-size: 0.875rem;
        padding-bottom: 0.25rem;
        box-sizing: border-box;
    }
    
    .insider-img {
        width: 100%;
        object-fit: fill;
    }
    /* ------- INSIDER CORE PAGE ------ */
    
    .insider-core-hero h1 {
        font-weight: 300;
        margin-bottom: .25rem;
    }
    
    .insider-core-header-text {
        margin: 0 var(--bodyGutter);
        padding-bottom: 1rem;
    }
    
    .insider-core-header-text figcaption {
        text-transform: uppercase;
    }
    
    .insider-core-header-text p {
        font-size: 0.938rem;
        line-height: 1.25rem;
        color: var(--list-color);
    }
    /* END INSIDER HEADER */
    /* TEXT INSIDER */
    
    .insider-text {
        margin: 0 var(--bodyGutter);
    }
    
    .insider-text > p {
        color: var(--dark-font);
        /* margin-block-start: 0; */
        /* font-size: 0.938rem; */
    }
    
    .insider-text h3 {
        border-top: 0.5px solid var(--divider-bg);
        border-bottom: 0.5px solid var(--divider-bg);
        padding: 0.5rem 0;
        text-transform: uppercase;
        color: var(--dark-color);
        border-left: 2px solid var(--active);
        padding-left: 0.5rem;
    }
    
    .ul {
        list-style-type: "\2713\0020";
        /* padding-inline-start: 1.5rem;
        padding-inline-end: 1rem;
        line-height: 1.5rem; */
        /* color: var(--faq-inside-li); */
        /* box-sizing: border-box; */
    }

    .links ul {
        /* padding-inline-start: 1.5rem;
        padding-inline-end: 1rem;
        line-height: 1.5rem; */
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    
    .truncate-overflow li {
        font-size: 0.938rem;
        color: var(--djar-bg);
    }
    .insider-text li {
        font-size: 0.938rem;
        color: var(--card__bg);
    }
    
    .insider-text li::marker , .truncate-overflow li::marker, .faq-ul li::marker, .faq-content li::marker{
        color: var(--green);
        content: "\2713\0020";
    }
    
    .insider-text ol,
    .insider-text ul {
        padding-left: 1rem;
        box-sizing: border-box;
        padding-right: 1rem;
    }
    /* END TEXT INSIDER */

    /* SLIDER TABS */
    
    .tabs {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        background: var(--tabs-background);
        line-height: 2rem;
        transition: all 0.3s ease;
        box-sizing: border-box;
        border: 1px solid var(--cat-li-bg);
        box-sizing: border-box;
    }
    
    .tab {
        text-transform: uppercase;
        box-sizing: border-box;
        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;
        white-space: pre;
        display: flex;
        flex-grow: 1;
        justify-content: center;
    }
    
    .tab strong {
        color: var(--active);
    }

    .tab.insider {
        box-shadow: var(--shadows-ribbon);
        background: white;
    }
    
    .panels {
        width: 100%;
        /* border-radius: 3px;
    overflow: hidden; */
    }
    
    .panel {
        display: none;
        transition: ease-in-out 0.3s;
        /* animation: fadein .3s; */
        /* animation: fadein 0.5s ease-in-out 0s 1 normal forwards; */
        /* margin-top: var(--bodyGutter); */
        /* transition: ease 0.3s; */

    }
    
    .tabs-insider-header {
        margin-top: 1rem;
    }
    .insider-article-box:any-link {
        color: white;
        transition: ease-in-out 0.3s;
        text-decoration: none;
    }
    /* .panel a:hover {
    color: var(--gray_ish);
} */
    .list-group-horizontal {
        width: 100%;
    }
    .panel .list-horizontal.items,
    .panel .list-boxed.items {
        width: 100%;
    }
    
    .radio {
        display: none;
    }
    
    #one:checked~.panels #one-panel,
    #one-a:checked~.panels #one-a-panel,
    #one-b:checked~.panels #one-b-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,
    #one-a:checked~.tabs #one-a-tab,
    #one-b:checked~.tabs #one-b-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(--linked);
        transform: scale3d(1.05, 1.05, 1.05);
        color: white;
        font-weight: 500;
        letter-spacing: 1px;
    }

    #one:checked~.subcore-filter-tabs #one-tab,
    #one-a:checked~.subcore-filter-tabs #one-a-tab,
    #one-b:checked~.subcore-filter-tabs #one-b-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(--pros-cons-font);
        transform: scale3d(1.03, 1.03, 1.03);
        box-shadow: 0 0 10px var(--dark-font);
    }

    .tab.insider:checked~.tabs #one-tab {
        background: var(--pros-cons-font);
        transform: scale3d(1.03, 1.03, 1.03);
        box-shadow: 0 0 7px var(--active);
    }

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

    /* END SLIDER */
    /* SLIDER BONUS TYPES */
    .bonus-types-item {
        background: var(--card-preview-default-color);
        padding: 0.5rem;
        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.5rem;
        min-height: 12rem;
        transition: ease-in-out 0.3s;
    }


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

    .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 */
    
    .insider-core-box {
        display: flex;
        flex-wrap: wrap-reverse;
        position: relative;
        background: white;
        border: 1px solid var(--djar-bg);
        box-sizing: border-box;
    }
    
    .insider-core-box picture {
        width: 100%;
    }
    
    .insider-core-img {
        width: 100%;
        height: auto;
        position: relative;
    }

    .img-dimming {
        position: relative;
    }

    .img-dimming::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .2);
        top: 0;
    }
    
    .insider-core-a {
        background: var(--tabs-background);
        transition: transform 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);
    }
    
    .insider-core-a:hover {
        transform: scale3d(1.03, 1.03, 1.03);
        box-shadow: 0 0 1px rgba(235, 235, 245, 0.03), 0 0 3px rgba(235, 235, 245, 0.03), 0 0 8px rgba(235, 235, 245, 0.3), 0 0 10px var(--linked);
    }
    
    .insider-core-figcaption {
        width: 100%;
        min-height: 6rem;
    }
    
    .insider-core-figcaption h2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 1.125rem;
        margin: 0.5rem 1rem;
        /* color: var(--dark-color); */
        font-weight: 500;
        line-height: 1.5rem;
    }
    
    .insider-core-figcaption cite {
        position: absolute;
        right: 1rem;
        bottom: 0.125rem;
        color: var(--card__bg);
    }
    
    .item-insider-video {
        width: 100%;
        height: auto;
        object-fit: cover;
        top: 0;
        display: none;
        border-radius: 6px 6px 0 0;
    }
    
    .insider-core-a:hover .item-insider-video {
        display: block;
    }
    /* END SLIDER TABS */
    /* SLOTS SLIDER */
    
    .slots-items a {
        color: var(--linked);
        
        scroll-snap-type: x mandatory;
        scroll-snap-align: center;
    }
    
    .slots-item {
        position: relative;
        height: 15.625rem;
        width: 18.75rem;
        transition: transform 0.5s cubic-bezier(0, 0, .5, 1.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);
    }
    
    .slots-item picture {
        display: block;
        position: relative;
        height: 12.5rem;
        width: 18.75rem;
        box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
    }
    
    .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-6);
    }
    
    .insider-item picture::after,
    .insider-item:hover picture::after,
    .insider-item:hover picture::after {
        border-radius: 0 0 var(--border-6) var(--border-6);
    }
    
    .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:hover {
        transform: scale(1.02);
    }
    
    .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(--slots-rating-dimmed);
        border-radius: 0 var(--border-6);
        padding: .5rem;
        color: var(--white-dimmed);
        z-index: 1;
        margin: 0;
    }
    
    .slots-item figcaption {
        font-size: 1.125rem;
        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 */
    /* TABLE SUMMARY */
    
    table {
        width: 100%;
        /* margin: 1rem auto 0; */
    }
    
    table {
        background: var(--text-box-bg);
    }
    
    table,
    th,
    td {
        border-bottom: 1px solid var(--labelDivider);
        border-collapse: collapse;
    }
    
    th {
        font-weight: 400;
        font-size: 1.25rem;
        background: var(--list-hover);
        line-height: 2rem;
    }
    
    tr {
        line-height: 1.5rem;
    }
    
    td:nth-child(odd) {
        padding-left: 1rem;
        background: var(--navbar-bg);
    }
    
    td:nth-child(even) {
        padding: .5rem;
        text-align: center;
    }
    
    td b {
        color: var(--font-color);
    }
    
    td.bigger {
        font-size: 1.125rem;
        font-weight: 400;
        color: var(--list-color);
    }
    
    tr:hover td{
        background: var(--table-tr-hover);
    }
    /* END TABLE SUMMARY */
    /* RELATED CASINOS */
    /* ------- COMMON -------- */
    
    .rel-casinos-a:nth-child(1),
    .payments-item-a:nth-child(1),
    .slots-a:nth-child(1),
    .nav-ids-a.home:nth-child(1),
    .slider-squares-a:nth-child(1),
    .how-to-item:nth-child(1),
    .subcore-filter-tabs label:nth-child(1),
    .list-item-boxed:nth-child(1),
    .slider-categories-a:nth-child(1) {
        margin-left: var(--bodyGutter);
    }
    
    .rel-casinos-a:last-of-type,
    .payments-item-a:last-of-type,
    .slots-a:last-of-type,
    .nav-ids-a:last-of-type,
    .slider-squares-a:last-of-type,
    .how-to-item:last-of-type,
    .subcore-filter-tabs label:last-of-type,
    .list-item-boxed:last-of-type,
    .slider-categories-a:last-of-type {
        margin-right: var(--bodyGutter);
    }
    /* ------- END COMMON -------- */
    
    .rel-casinos-captions {
        text-align: center;
        margin-top: 0.5rem;
        min-height: 3rem;
        display: flex;
        vertical-align: middle;
        justify-content: center;
        align-items: center;
    }

    .rel-casinos {
        box-shadow: var(--shadow-medium);
        background: white;
        padding-top: 1rem;
        transition: all .3s cubic-bezier(0,0,.5,1); 
    }

    .rel-casinos:hover {
        /* box-shadow: 2px 4px 12px var(--shadows-ribbon); */
        box-shadow: 0 5px 12px var(--active-pink);
        transform: scale3d(1.02, 1.02, 1.02);
    }
    
    .rel-casinos-img {
        border: 8px dashed var(--chips-border);
        padding: 0.5rem;
        box-shadow: 0 4px 12px var(--chips-border);
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }
    
    .rel-casinos:hover .rel-casinos-img {
        border: 8px dashed var(--active-pink);
        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);
        
    }
    
    /* END RELATED CASINOS */

    /* COMMENTS */

    /* END COMMENTS */
    .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;
        padding: 1rem;
        box-shadow: var(--shadow-medium);
    }

    .comments-list-comment.user {
        background: white;
    }
    
    .comments-list-comment.admin {
        background: var(--admin-bg);
    }

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

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

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

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

    .comment-text {
        color: var(--pros-cons-font);
        height: calc(100% - 4.25rem);
    }

    .comment-rating {
        font-size: 1.25rem;
        line-height: 4rem;
        height: 4rem;
        margin: 0;
        font-weight: 400;
    }
    /* NEWSLETTER */
    
    .newsletter-box {
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        margin: 0 var(--bodyGutter);
        color: var(--footer-bg);
    }
    
    .btn-newsletter {
        border: 1px solid var(--green);
        text-transform: uppercase;
        font-weight: 800;
    }
    
    .newsletter-text,
    .newsletter-form {
        width: 100%;
    }
    /* END NEWSLETTER */


    /* SLIDER CATEGORIES */
    .slider-categories-a {
        display: block;
        height: 6.25rem;
        /* width: 6.25rem;
        min-width: 6.25rem; */
        position: relative;
        z-index: 1;
        scroll-snap-align: center;
        /* background: red; */

    }

    .slider-categories-a picture {
        box-shadow: none;
    }

    .slider-categories-img {
        width: 4.125rem;
        height: 4.125rem;
        position: relative;
        z-index: 11;
        margin: 0 auto;
        
    }

    .slider-categories-item {
        position: absolute;
        bottom: 0;
        z-index: 1;
        height: 5.625rem;
        width: 100%;
        /* background: linear-gradient(130deg, #3FC0A9 0%, #83F34E 100%); */
        box-shadow: var(--shadow-categories);
        display: flex;
        justify-content: center;
        align-items: end;
    }

    .slider-categories-item::before {
        content: '';
        background: var(--labelDivider);
        width: 100%;
        height: 100%;
        position: absolute;
        border-radius: var(--border-6);
    }

    .slider-categories-a:hover {
        transition: all 0.3s;
        transform: scale3d(1.05, 1.05, 1.05);
    }

    .slider-categories-figcaption {
        color: white;
        font-size: 0.875rem;
        line-height: 1.17649;
        text-align: center;
        z-index: 1;
        text-shadow: 0px 1px 5px rgb(0 0 0 / 90%);
        font-weight: 700;
        margin: 0.25rem 0.5rem;
    }

    
    /* END SLIDER CATEGORIES */


    /* SLIDER SQUARES */
    
    /* .slider-squares-a {
        min-width: 11rem;
    } */
    .slider-squares-padding {
        padding: 1rem;
    }
    .slider-squares-img {
        box-sizing: border-box;
    }

    .slider-squares-typography-line1 {
        font-weight: 600;
        font-size: .938rem;
        color: var(--ribbon-with-affiliate);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .slider-squares-typography-line2 {
        color: var(--linked);
        
    }
    
    /* END SLIDER SQUARES */

    /* SLIDER WITH BOXES */
      
      .list-item-boxed {
        /* display: inline-block;
        min-width: 18.75rem;
        height: 12.5rem;
        padding: 1rem;
        background: var(--list-color-bg);
        background-image: repeating-linear-gradient(45deg, var(--navbar-bg), 4px, var(--navbar-bg) 2px, hsl(232, 24%, 12%) 6px);
        position: relative; */
        display: flex;
        height: 14.5rem;
        padding: 1rem;
        background: var(--list-color-bg);
        background-image: repeating-linear-gradient(45deg, var(--navbar-bg), 4px, var(--navbar-bg) 2px, hsl(232, 24%, 12%) 6px);
        position: relative;
        flex-direction: column;
        box-sizing: border-box;
      }

      .list-item-boxed figcaption {
        z-index: 11;
        position: relative;
      }

      .list-item-boxed-rating {
        position: absolute;
        top: 0;
        margin: 0;
        right: 0;
      }

      .list-item-boxed-brand {
        margin: 0;
        font-size: 1.25rem;
        line-height: 1.25rem;
        width: calc(100% - 74px);
      }

      .list-item-boxed-type {
        text-transform: uppercase;
        color: var(--linked);
        margin: 0.5rem 0;
        font-size: .875rem;
        line-height: 1.25rem;
      }

      .list-item-boxed-spins {
        color: var(--light-green);
      }

      .list-item-boxed-title {
        color: var(--active-pink);
        margin: 0;
        font-size: 1.5rem;
        line-height: 1.75rem;
      }

      .list-item-boxed-b-info {
        display: flex;
        justify-content: space-between;
        width: calc(100% - 100px);
        text-align: center;
        margin-top: 2rem;
        z-index: 11;
        position: relative;
      }

      .list-item-boxed-b-info small {
        color: var(--slider-banners-zoom-p-color);
        font-weight: 400;
        letter-spacing: .2px;
      }

      .list-item-boxed-wager, .list-item-boxed-spins, .list-item-boxed-deposit {
        margin: 0;
        font-size: 0.938rem;
        line-height: 1rem;
      }

      .list-item-boxed-logo {
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        width: 5rem;
        height: 5rem;
        padding: 6px;
        box-sizing: border-box;
      }

      .list-item-boxed-img {
        position: absolute;
        bottom: 0;
        padding: 1rem;
        box-sizing: border-box;
        opacity: 5%;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
      }
      
      .play-button {
        display: block;
        width: 58%;
        background: var(--btn-green);
        color: #fff;
        padding: 0.125rem;
        font-size: 1rem;
        text-align: center;
        position: absolute;
        z-index: 11;
        bottom: 1rem;
      }

    .list-item-boxed:hover .play-button {
        transition: all 0.3s;
        animation: beat 1.2s infinite;
    }

    .list-item-boxed:hover .list-item-boxed-img {
        opacity: 10%;
        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);
    }
      
    /* END SLIDER WITH BOXES */

    
    /* TAGS */
    
    .cat-ul {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .cat-ul a {
        display: block;
        padding: 0.625rem 1rem;
        border-radius: var(--border-6);
        background-color: var(--tags-color);
        transition: 0.2s ease all;
        color: var(--font-color);
    }
    
    .cat-ul a:hover {
        background-color: var(--active);
        color: black;
    }
    /* END TAGS */
    /* FAQ */
    
    details {
        margin: 1rem var(--bodyGutter) 0;
        border-bottom: 1px solid var(--cat-li-bg);
        padding-bottom: 0.5rem;
        color: var(--pros-cons-font);
        border-bottom: 1px solid white;
    }
    
    
    summary {
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    
    details:hover,
    details:focus {
        background: var(--details-hover);
    }
    
    summary {
        font-size: 1.125rem;
        font-weight: 500;
        color: var(--list-color-bg);
        /* transition: all 500ms ease; */
    }
    
    summary::after {
        display: inline-block;
        transition: 0.3s;
        content: '＋';
        color: var(--active);
        height: 1rem;
        line-height: 1rem;
    }
    
    details[open] {
        background: var(--details-open);
    }
    
    details[open] summary::after {
        content: '－';
        transform: rotate(360deg);
    }
    
    details[open] summary {
        margin-bottom: 1rem;
    }
    
    details>summary {
        list-style: none;
    }
    
    details>summary::-webkit-details-marker {
        display: none;
    }

    @keyframes details-show {
        from {
          opacity:0;
          transform: var(--details-translate, translateY(-0.5em));
        }
      }
      
    details[open] > *:not(summary) {
    animation: details-show 300ms ease-in-out;
    }

    
    .faq-text {
        color: var(--dark-font);
        margin: 0 var(--bodyGutter);
    }
    /* END FAQ */
    
    .breadcrumbs {
        border-bottom: 1px solid var(--cat-li-bg);
        font-size: 0.875rem;
        padding: 0.125rem 0;
    }
    
    .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; */
    }
    
    .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(--linked);
        text-decoration: underline;
    }
    
    .breadcrumbs a:hover {
        color: var(--linked);
        transition: 0.2s ease all;
    }
    /* END BREADCRUMBS */
    /* FOOTER */
    
    .footer {
        min-height: 5.563rem;
        background: var(--footer-bg);
        margin-top: var(--bodyGutter);
        --s: 200px; /* control the size */
        --c: #3c3b3b; /* first color */
        
        --_g: #0000 8%,var(--c) 0 17%,#0000 0 58%;
        background: 
            linear-gradient(135deg,#0000 20.5%,var(--c) 0 29.5%,#0000 0) 0 calc(var(--s)/4),
            linear-gradient( 45deg,var(--_g)) calc(var(--s)/2) 0,
            linear-gradient(135deg,var(--_g),var(--c) 0 67%,#0000 0),        
            linear-gradient( 45deg,var(--_g),var(--c) 0 67%,#0000 0 83%,var(--c) 0 92%,#0000 0),
            #3d3d3d; /* second color */
        background-size: var(--s) var(--s);
    }
    
    .footer p {
        padding: 1.188rem var(--bodyGutter) 0 var(--bodyGutter);
        font-size: 0.875rem;
        color: var(--list-color);
        text-align: center;
    }
    
    .footer ul {
        display: flex;
        gap: 1rem;
        margin: 0 var(--bodyGutter);
        width: calc(100% - 50px);
        flex-wrap: wrap;
        justify-content: space-evenly;
        box-sizing: border-box;
        padding: 0 0 1rem;
    }
    
    .footer-link {
        font-size: 0.875rem;
        text-decoration: underline;
        color: var(--font-color);
    }
    
    .footer-link:hover {
        color: var(--linked);
        transition: .1s ease-in;
    }

    .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);
    }
    /* END FOOTER */
    /* COMMENTS */
    
    .comments-form {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        margin: 0 var(--bodyGutter);
    }
    
    .comments-form-content textarea,
    .comments-user-details input {
        border-radius: 6px;
    }
    
    .comments-user-details {
        position: relative;
    }
    
    .comments-form-email, .comments-form-rating {
        margin-top: 1rem;
    }
    
    .comments-form-name input,
    .comments-form-email input,
    .comments-form-rating input,
    #comment {
        outline: none;
    }
    
    #comment {
        min-height: 15rem;
        font-size: 1rem;
        line-height: 1.25;
        font-family: inherit;
        padding: 0.5rem;
        box-sizing: border-box;
        width: 100%;
        border: none;
    }
    
    .comments-form-content textarea,
    #name,
    #email,
    #rating,
    .btn-comments {
        transition: transform 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);
    }
    
    #name,
    #email,
    #rating {
        padding: 0.5rem;
        font-size: 1rem;
        width: 100%;
        border: none;
        box-sizing: border-box;
    }
    
    .comments-form-content textarea:hover,
    .comments-form-content textarea:focus,
    #name:hover,
    #email:hover,
    #rating:hover,
    #name:focus,
    #rating:focus,
    #email:focus {
        transform: scale3d(1.02, 1.02, 1.02);
        box-shadow: 0 0 1px rgba(235, 235, 245, 0.03), 0 0 3px rgba(235, 235, 245, 0.03), 0 0 8px rgba(235, 235, 245, 0.3), 0 0 10px var(--linked);
    }
    
    .btn-comments {
        width: 100%;
        line-height: 2.5rem;
        margin-top: var(--bodyGutter);
        border-radius: 6px;
        background: var(--linked);
        outline: none;
        border: none;
        color: white;
        letter-spacing: 0.1rem;
        font-weight: bolder;
    }
    
    .btn-comments:hover {
        transform: scale3d(1.03, 1.03, 1.03);
        box-shadow: 0 0 1px rgba(235, 235, 245, 0.03), 0 0 3px rgba(235, 235, 245, 0.03), 0 0 8px rgba(235, 235, 245, 0.3), 0 0 15px rgba(235, 235, 245, 0.5);
        /* background: var(--comments-btn);
        box-shadow: var(--categories-shadow); */
    }
    
    .comments-form-content label,
    .comments-user-details label {
        color: var(--active-nav-btn);
    }
    /* END COMMENTS */
    /* END MAIN CONTENT */
    /* YELLOW STARS */
    
    .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;
        min-width: 17px;
    }
    /* END YELLOW STARS */
    
    @media only screen and (min-width: 220px) and (max-width: 319px) {
        html {
            font-size: 0.75rem;
        }
    }
    
    @media only screen and (max-width: 350px) {
        .wager {
            display: none;
        }
    }
    
    @media only screen and (min-width: 320px) and (max-width: 360px) {
        html {
            font-size: 0.875rem;
        }
    }
    
    @media only screen and (max-width: 375px) {
        .number {
            min-width: 1.625rem;
        }
    }
    
    @media only screen and (min-width: 321px) and (max-width: 575px) {}
    
    @media only screen and (max-width: 410px) {
        /* TABLE SUMMARY */
        th {
            font-size: 1.125rem;
        }
        tbody {
            font-size: 0.875rem;
        }

        /* SLIDER WITH BOXES */
      
        .list-item-boxed {
            min-width: calc(100vw - (var(--bodyGutter) * 2));
        }

        /* MODAL CONTENT NUMBER ON THE LIST */
        .modalContent .number {
            display: none;
        }

        .slider-item {
            max-width: calc(100vw - (var(--bodyGutter) * 2));
        }
    }
    
    @media only screen and (min-width: 411px) {
        /* SLIDER WITH BOXES */
      
        .list-item-boxed {
            min-width: 21.875rem;
        }
       
    }
    
    @media only screen and (max-width: 499px) {
        /* LIST ITEM */
        .spins,
        .min-deposit,
        .bottom.tablet-plus {
            display: none;
        }
        .number {
            font-size: 1rem;
        }
        .bottom.mobile {
            color: var(--light-green);
        }
        .bottom {
            min-width: 9rem;
        }
        /* END LIST ITEM */
        /* INSIDER CORE BOXES */
        .insider-core-a {
            width: 100%;
            min-height: 18.75rem;
        }
        #one:checked~.panels #one-panel,
        #two:checked~.panels #two-panel,
        #three:checked~.panels #three-panel {
            gap: var(--bodyGutter);
        }
        /* END INSIDER CORE BOXES */
        /* NEWSLETTER */
        .newsletter-box {
            flex-direction: column;
        }
        /* END NEWSLETTER */
    }
    
    @media only screen and (min-width: 500px) and (max-width: 600px) {
        /* LIST ITEM */
        .bottom.mobile,
        .number {
            display: none;
        }
        .bottom {
            min-width: 10rem;
        }
        /* END LIST ITEM */
        /* INSIDER CORE BOXES */
        .insider-core-a {
            width: calc((100% - 1rem) / 2);
        }
        #one:checked~.panels #one-panel,
        #two:checked~.panels #two-panel,
        #three:checked~.panels #three-panel {
            gap: 1rem;
        }
        .insider-core-figcaption h2 {
            font-size: 1.063rem;
            line-height: 1.5rem;
        }
        /* END INSIDER CORE BOXES */
    }
    
    @media only screen and (max-width: 575px) {
        h1 {
            font-size: 1.75rem;
            line-height: 1.17649;
            letter-spacing: 0;
            /* text-transform: uppercase; */
        }
        
        h2 {
            font-size: 1.25rem;
            line-height: 1.5rem;
        }
        
        h3 {
            font-size: 1.125rem;
            line-height: 1.25rem;
            /* margin: 1rem 0; */
        }
        
        h4 {
            font-size: 0.875rem;
            line-height: 1rem;
        }
        
        h5 {
            font-size: 0.875rem;
            line-height: 1rem;
        }
        /* PROS AND CONS */
        .pros-cons-box {
            flex-wrap: wrap;
        }
        /* END PROS AND CONS */
    }
    
    @media only screen and (min-width: 576px) {
        
    }
    
    @media only screen and (min-width: 576px) and (max-width: 767px) {}
    
    @media only screen and (max-width: 600px) {
        main {
            top: calc(3rem + 1px);
            padding-bottom: 4.625rem;
        }
        

        /* NAVIGATION */
        nav.navbar {
            position: fixed;
            z-index: 33;
            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;
        }
        .hide-show {
            display: none;
        }
        nav.navbar .logo-list {
            display: inline-flex;
            justify-content: space-between;
            width: 100%;
            margin: 0;
            height: 100%;
            line-height: 2.82353em;
            -webkit-backdrop-filter: var(--navbar-blur);
            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);
            box-sizing: border-box;
            transition: all .5s ease-in-out;
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            scrollbar-width: none;
        }
        .links p {
            width: 12.5rem;
            margin: 0 auto;
            margin-top: 0.5rem;
        }
        .links li {
            width: 12.5rem;
            margin: 0 auto;
        }
        
        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;
        }

        nav.navbar :checked~.links {
            bottom: 0;
            padding-bottom: 2rem;
            backdrop-filter: var(--navbar-blur);
            -webkit-backdrop-filter: var(--navbar-blur);
        }

        .arrow {
            font-size: 1.5rem;
            line-height: 1.5rem;
            font-weight: bold;
            color: var(--active);
        }
        .modalDialog {
            left: 0;
        }

        .core-nav {
            display: block;
            text-align: center;
            padding: 0.5rem 0;
            font-size: 1rem;
            background: var(--navbar-items-header);
            border-radius: 0;
            color: white;
        }
        /* END OF NAVIGATION */

        /* NAV IDS */
        .nav-ids-p {
            max-width: calc(100vw - (var(--bodyGutter) * 6));
        }

        /* NAV IDS */

        /* HERO SLIDER */
        .hero-slider {
            margin-top: .5rem;
        }
        .hero-slider a:nth-child(1) figure {
            margin-left: var(--bodyGutter);
        }
        .hero-slider a:last-of-type figure {
            margin-right: var(--bodyGutter);
        }
         ::-webkit-scrollbar-track {
            margin: 0 var(--bodyGutter);
        }
        /* END HERO SLIDER */

        /* LIST ITEM */
        .rating {
            display: none;
        }
        /* END LIST ITEM */

        /* SLIDER IDS */
        .nav-ids {
            display: none;
            /* position: relative; */
        }
        /* END SLIDER IDS */

        /* HERO INSIDER */
        .hero-insider h1 {
            font-size: 1.5rem;
        }
        /* END HERO INSIDER */

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

        .bonus-box-wide-bonus {
            font-size: 1.25rem;
        }

        /* FOOTER ABOUT US */
        .gamble-responsible {
            gap: var(--bodyGutter);
            align-items: center;
        }
        .gamble-responsible img {
            height: 30px;
            min-width: auto;
        }
        /* FOOTER ABOUT US */
    }
    
    @media only screen and (min-width: 601px) {
        /* Navigation */
        .logo-list {
            display: flex;
            margin: 0 auto;
            width: 100%;
            background: var(--list-logo-bg);
            padding: 0 1rem;
        }
        nav.navbar {
            position: fixed;
            width: 250px;
            height: 100%;
            background: var(--navbar-bg);
            border-right: 1px solid var(--navbar-border);
            display: inline-flex;
            flex-wrap: wrap;
            justify-content: space-between;
            backdrop-filter: var(--navbar-blur);
            -webkit-backdrop-filter: var(--navbar-blur);
            --s: 50px;
            --c: var(--navbar-bg);
            --_s: calc(2*var(--s)) calc(2*var(--s));
            --_g: 35.36% 35.36% at;
            --_c: #0000 66%,#212335 68% 70%,#0000 72%;
            
            background: 
                radial-gradient(var(--_g) 100% 25%,var(--_c)) var(--s) var(--s)/var(--_s), 
                radial-gradient(var(--_g) 0 75%,var(--_c)) var(--s) var(--s)/var(--_s), 
                radial-gradient(var(--_g) 100% 25%,var(--_c)) 0 0/var(--_s), 
                radial-gradient(var(--_g) 0 75%,var(--_c)) 0 0/var(--_s), 
                repeating-conic-gradient(var(--c) 0 25%,#0000 0 50%) 0 0/var(--_s), 
                radial-gradient(var(--_c)) 0 calc(var(--s)/2)/var(--s) var(--s) var(--c);
            background-attachment: fixed;
            z-index: 11;

        }
        .arrow-left,
        .burger {
            display: none;
        }
        .hide-show {
            padding-left: .5rem;
            /* color: var(--white-dimmed-2); */
            line-height: 1rem;
            font-size: 0.875rem;
            font-weight: 300;
        }
        .hide-show em {
            color: var(--green);
            transition: all 0.3s ease-in-out 0s;
            font-weight: 400;
        }
        .logo-item-with-logo:hover .hide-show em {
            color: var(--green);
            font-weight: 700;
            letter-spacing: 1px;
            text-shadow: 0 0 2px rgba(235, 235, 245, 0.03), 0 0 5px rgba(235, 235, 245, 0.03), 0 0 15px rgba(235, 235, 245, 0.3), 0 0 20px rgba(255, 255, 255, 0.647);
        }
        #nav-toggle {
            display: none;
        }
        .arrow {
            display: none;
        }
        .modalDialog {
            left: 251px;
        }
        /* END Navigation */
        main {
            margin-left: 251px;
        }

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

        
        /* NAV IDS */
        .nav-ids {
            position: sticky;
        }
        .nav-ids-p {
            max-width: calc(100vw - 250px - (var(--bodyGutter) * 6));
        }


        /* Hero slider */
        .slider-item:hover .slider-item-video {
            display: block;
        }
        .hero-slider {
            margin-top: .75rem;
        }
        .hero-slider a:nth-child(1) figure {
            margin-left: var(--bodyGutter);
        }
        .hero-slider a:last-of-type figure {
            margin-right: var(--bodyGutter);
        }
         ::-webkit-scrollbar-track {
            margin: 0 var(--bodyGutter);
        }
        /* END Hero slider */
        /* SLIDER IDS */
        article,
        section {
            scroll-margin-top: 3.5rem;
        }
        /* END SLIDER IDS */

        .mobile-only {
            display: none;
        }
    }
    
    @media only screen and (min-width: 601px) and (max-width: 666px) {
        /* HERO SLIDER */
        .hero-slider img {
            width: 16.875rem;
            height: 9.643rem;
            
        }

        .slider-item-hero-size {
            max-width: 16.875rem;
        }

        .typography-line2 {
            color: var(--active);
        }
        .typography-line2,
        .slider-squares-typography-line2 {
            font-size: 0.875rem;
            line-height: 1.29412;
        }
        /* END HERO SLIDER */
        /* LIST ITEM */
        .spins,
        .min-deposit,
        .bottom.tablet-plus,
        .rating,
        .number {
            display: none;
        }
        .bottom.mobile {
            color: var(--light-green);
        }
        .bottom {
            min-width: 10rem;
        }
        /* END LIST ITEM */

        .bonus-box-wide-bonus {
            font-size: 1rem;
        }
    }
    
    @media only screen and (min-width: 601px) and (max-width: 767px) {
        .pros-cons-box {
            flex-wrap: wrap;
        }
        /* INSIDER CORE BOXES */
        .tab {
            font-size: 0.875rem;
        }
        #one:checked~.panels #one-panel,
        #two:checked~.panels #two-panel,
        #three:checked~.panels #three-panel {
            gap: var(--bodyGutter);
        }
        /* END INSIDER CORE BOXES */
    }
    
    @media only screen and (min-width: 667px) and (max-width: 767px) {}
    
    @media only screen and (min-width: 667px) and (max-width: 711px) {
        /* LIST ITEM */
        .spins,
        .min-deposit,
        .bottom.tablet-plus,
        .rating,
        .number {
            display: none;
        }
        .bottom.mobile {
            color: var(--light-green);
        }
        /* END LIST ITEM */
    }
    
    @media only screen and (min-width: 667px) {
        /* LIST ITEM */
        .bottom {
            min-width: 11rem;
        }
        /* END LIST ITEM */

        .bonus-box-wide-bonus {
            font-size: 1.125rem;
        }
    }
    
    @media only screen and (min-width: 712px) and (max-width: 767px) {
        /* LIST ITEM */
        .spins,
        .min-deposit,
        .bottom.tablet-plus,
        .rating {
            display: none;
        }
        .bottom.mobile {
            color: var(--light-green);
        }
        /* END LIST ITEM */
    }
    
    @media only screen and (max-width: 767px) {
        .gutter-list-padding {
            margin-top: 0.5rem;
        }


        /* LIST ITEM WIDE */
        .list-bonus-box-section {
            flex-direction: column;
        }
        .bonus-box-wide {
            min-width: calc(100% - (var(--bodyGutter) * 2));
        }
    }
    
    @media only screen and (min-width: 768px) {
        
    }
    
    @media only screen and (min-width: 768px) and (max-width: 799px) {
        /* LIST ITEM */
        .rating,
        .spins,
        .bottom.tablet-plus,
        .number {
            display: none;
        }
        /* END LIST ITEM */
        .gutter-list-padding {
            margin-top: 0.5rem;
        }

        /* LIST ITEM WIDE */
        .list-bonus-box-section {
            flex-direction: column;
        }

        .bonus-box-wide {
            min-width: calc(100% - (var(--bodyGutter) * 2));
        }

    }
    
    @media only screen and (min-width: 800px) and (max-width: 991px) {
        .gutter-list-padding {
            margin: 0.5rem var(--bodyGutter);
        }
        .bonus-box-horizontal:first-of-type {
            border-radius: var(--border-6) var(--border-6) 0 0;
        }
    
        .bonus-box-horizontal:last-of-type {
            border-radius: 0 0 var(--border-6) var(--border-6);
        }

        /* LIST ITEM */
        .rating,
        .spins,
        .bottom.tablet-plus {
            display: none;
        }
        /* END LIST ITEM */
        /* INSIDER CORE BOXES */
        .insider-core-a {
            width: calc((100% - 1rem) / 2);
        }
        /* END INSIDER CORE BOXES */

        /* LIST ITEM WIDE */
        .list-bonus-box-section {
            flex-wrap: wrap;
        }
        .bonus-box-wide {
            min-width: 18.75rem;
        }

         
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        /* LIST ITEM */
        .bottom.mobile {
            color: var(--light-green);
        }
        /* END LIST ITEM */
        /* SLIDER IDS */
        .pros,
        .cons {
            font-size: 0.875rem;
        }
        /* END SLIDER IDS */

    }
    
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
        /* INSIDER CORE BOXES */
        .insider-core-a {
            width: calc((100% - 1rem) / 2);
        }
        #one:checked~.panels #one-panel,
        #two:checked~.panels #two-panel,
        #three:checked~.panels #three-panel {
            gap: 1rem;
        }
        /* END INSIDER CORE BOXES */
    }
    
    @media only screen and (max-width: 991px) {
        /* REVIEW HEADER */
        .review-header-img {
            width: 200px;
            height: 200px;
        }

        .review-header {
            flex-direction: column;
        }
        .review-header h1 {
            text-align: center;
        }
        .review-header h2 {
            /* text-align: center; */
            font-weight: 400;
            /* color: var(--active); */
            text-transform: capitalize;
            text-align: center;
        }
        .review-header-box1 {
            margin: 0 auto;
        }
        .review-header-box2 > p {
            font-size: 0.938rem;
            line-height: 1.25rem;
            display: inline;
        }
        /* END REVIEW HEADER */

        /* LIST SWITCH */
        .top.desktop {
            display: none;
        }
        /* END LIST SWITCH */

        /* TABLE SUMMARY */
        .rel-casinos-img {
            height: 7rem;
            width: 7rem;
        }
        /* END TABLE SUMMARY */

        .hero-insider h1 {
            font-size: 1.5rem;
        }

        .bonus-details-dl dt, .bonus-details-dl dd {width: 50%;}

        .slider-squares-img {
            width: 9rem;
            height: 9rem;
        }

        .slider-squares-typography-line1 {
            font-size: 0.875rem;
            /* width: 9rem; */
        }
        .slider-squares-typography-line2 {
            font-size: 0.938rem;
        }

        .comments-list-box {
            flex-direction: column;
        }
        
    }
    
    @media only screen and (min-width: 992px) {
        
        .gutter-list-padding {
            margin: 0.5rem var(--bodyGutter);
        }
        
        /* REVIEW HEADER */
        .review-header h2 {
            font-weight: 400;
            /* color: var(--active); */
            text-transform: capitalize;
        }
        .review-header-box2 {
            margin-left: 1.75rem;
        }
        .review-header-box2 p {
            font-size: 0.938rem;
            line-height: 1.25rem;
        }
        .review-header-picture {
            position: sticky;
            top: 5rem;
        }
        .review-header-img {
            width: 270px;
            height: 270px;
        }

        .bonus-box-horizontal:first-of-type {
            border-radius: var(--border-6) var(--border-6) 0 0;
        }
    
        .bonus-box-horizontal:last-of-type {
            border-radius: 0 0 var(--border-6) var(--border-6);
        }

        .insider-header-img {
            min-width: 270px;
        }
        
        /* END REVIEW HEADER */

        .hero-insider h1 {
            width: 90%;
            margin: 0 auto;
        }

        .bonus-details-dl dt, .bonus-details-dl dd {width: 25%;}
        

        .slider-squares-typography-line1 {
            font-size: 0.938rem;
            /* width: 12.5rem; */
        }

        .slider-squares-typography-line2 {
            font-size: 1.063rem;
            line-height: 1.29412;
            margin: 0;
        }

        /* LIST SWITCH */
        .top.mobile {
            display: none;
        }
        /* END LIST SWITCH */

        /* LIST ITEM WIDE */
        .list-bonus-box-section {
            flex-wrap: wrap;
        }

        .bonus-box-wide {
            min-width: 18.75rem;
        }

        /* COMMENTS */
        .comments-list-box {
            flex-wrap: wrap;
        }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1023px) {
        /* LIST ITEM */
        .rating,
        .bottom.mobile {
            display: none;
        }
        /* END LIST ITEM */
        /* INSIDER CORE BOXES */
        .insider-core-a {
            width: calc((100% - 1rem) / 2);
        }
        /* END INSIDER CORE BOXES */
        
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    
        .comments-list-comment {
            width: calc((100% - (2 * var(--bodyGutter))) / 3);
            flex-grow: 1;
        }
    }
    
    @media only screen and (max-width: 1023px) {
        .text-with-faq-box {
            flex-direction: column;
        }

        .gutter-faq {
            margin: 0.5rem var(--bodyGutter);
        }

    }
    
    @media only screen and (min-width: 1024px) {
        /* LIST ITEM */
        .bottom.mobile {
            display: none;
        }
        /* END LIST ITEM */

        .gutter-faq {
            margin: 0.5rem var(--bodyGutter);
        }

        .faq-content, .navigation-text {
            margin-right: var(--bodyGutter);
        }

        .aside-faq-box {
            min-width: 33%;
            max-width: 20.75rem;
        }
    }
    
    @media only screen and (min-width: 1024px) and (max-width: 1079px) {
        /* INSIDER CORE BOXES */
        .insider-core-a {
            width: calc((100% - 2rem) / 3);
        }
        #one:checked~.panels #one-panel,
        #two:checked~.panels #two-panel,
        #three:checked~.panels #three-panel {
            gap: 1rem;
        }
        /* END INSIDER CORE BOXES */
    }
    
    @media only screen and (min-width: 1080px) {
        /* INSIDER CORE BOXES */
        .insider-core-a {
            width: calc((100% - (2 * var(--bodyGutter))) / 3);
        }
        #one:checked~.panels #one-panel,
        #two:checked~.panels #two-panel,
        #three:checked~.panels #three-panel {
            gap: var(--bodyGutter);
        }
        /* END INSIDER CORE BOXES */
    }
    
    @media only screen and (max-width: 1199px) {
        /* SLIDER CATEGORIES */
        .slider-categories-a {
            width: 6.25rem;
            min-width: 6.25rem;
        }
    }
    
    @media only screen and (min-width: 1200px) {
        /* COMMENTS */
        .comments-form-content {
            width: calc(100% - 405px);
        }
        /* END COMMENTS */
    }
    
    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        /* SLIDER CATEGORIES */
        .slider-categories-a {
            width: 8.25rem;
            min-width: 8.25rem;
        }

        /* COMMENTS */
        .comments-list-comment {
            box-shadow: var(--shadow-medium);
            width: calc((100% - (3 * var(--bodyGutter))) / 4);
            flex-grow: 1;
        }
    }
    
    @media only screen and (min-width: 1400px) and (max-width: 1920px) {
        /* COMMENTS */
        .comments-list-comment {
            min-width: calc((100% - (3 * var(--bodyGutter))) / 4);
            max-width: calc((100% - (3 * var(--bodyGutter))) / 3);
            flex-grow: 1;
            
        }
    }
    
    @media only screen and (min-width: 1400px) {
        .truncate-overflow > div,
        .review-header-button, .review-header h1, .review-header h2 {
            max-width: 70%;
        }
        .truncate-more {
            right: 30%;
        }

        /* SLIDER CATEGORIES */
        .slider-categories-a {
            width: 10.25rem;
            min-width: 10.25rem;
        }

        .slider-categories-figcaption {
            font-size: 1rem;
            line-height: 1.125rem;
        }
    }
    
    @media only screen and (min-width: 1921px) {
        /* COMMENTS */
        .comments-list-comment {
            min-width: 20rem;
            max-width: 25rem;
            flex-grow: 1;
        }
    }

    .mobile-bonuses-bg {
        background: var(--mobile-bonuses-bg);
    }

    .vip-bonuses-bg {
        background: var(--vip-bonuses-bg);
    }

    .no-deposit-bonuses-bg {
        background: var(--no-deposit-bonuses-bg);
    }

    .deposit-bonuses-bg {
        background: var(--deposit-bonuses-bg);
    }

    .welcome-bonuses-bg {
        background: var(--welcome-bonuses-bg);
    }

    .live-casino-bonuses-bg {
        background: var(--live-casino-bonuses-bg);
    }

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

    .cashback-bonuses-bg {
        background: var(--cashback-bonuses-bg);
    }

    .reload-bonuses-bg {
        background: var(--reload-bonuses-bg);
    }

    .free-spins-bonuses-bg {
        background: var(--free-spins-bonuses-bg);
    }

    .sign-up-bonuses-bg {
        background: var(--sign-up-bonuses-bg);
    }

    .crypto-betting-sites-bg {
        background: var(--crypto-betting-sites-bg);
    }

    .crypto-poker-sites-bg {
        background: var(--crypto-poker-sites-bg);
    }

    .crypto-baccarat-sites-bg {
        background: var(--crypto-baccarat-sites-bg);
    }

    .crypto-blackjack-sites-bg {
        background: var(--crypto-blackjack-sites-bg);
    }
    
    .crypto-live-casino-sites-bg {
        background: var(--crypto-live-casino-sites-bg);
    }

    .crypto-roulette-sites-bg {
        background: var(--crypto-roulette-sites-bg);
    }

    .crypto-slot-sites-bg {
        background: var(--crypto-slot-sites-bg);
    }

    /* BANKS */

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

    .bitcoin {
        background: #F7931A;
    }

    .bitcoincash {
        background: #0AC18E;
    }

    .cardano {
        background: rgb(248, 248, 245);
    }
    .litecoin {
        background: #345d9d;
    }
    .tether {
        background: #50af95;
    }
    .ripple {
        background: rgb(20 26 31);
    }
    .ethereum {
        background: #e7e7e7;
    }
    .dogecoin {
        background: #ba9f33;
    }
    .interac {
        background: #ffb92a;
    }

    .klarna {
        background: #FFB3C7;
    }

    .jeton {
        background: #f4bb76;
    }

    .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;}
    ._7bitcasino { background: #010320; }
    .cryptoslotscasino { background: #000000; }
    .wildtornadocasino { background: #191c2a; }
.bcgamecasino { background: #24262B; }
.coinslottycasino { background: #1f2128; }
.katsubetcasino { background: #0e0e14; }
.bitcoincasinoio { background: #201a38; }
.betsiocasino { background: #000616; }
._21bitcasino { background: #07041C; }
.casitsucasino { background: #342a55; }
.bitbet24casino { background: #080d18; }
.freshbetcasino { background: #1b1b22; }
.vavecasino { background: #2d3b45; }
.bizzocasino { background: #2b1234; }
.hellspincasino { background: #05071a; }
.needforspincasino { background: #131635; }
.blizzcasino { background: #040F46; }
.cryptoleocasino { background: #0f152c; }
.depositwincasino { background: #1a2e40; }
.justbitcasino { background: #0c1028; }
.playfinacasino { background: #211d38; }
.sgcasino { background: #2a2d87; }
.cashalotcasino { background: #09321f; }
.betfurycasino { background: #1b2636; }
.ninecasino { background: #060e2a; }
.ninecasino { background: #060e2a; }
.casombiecasino { background: #32127b; }
.icecasino { background: #ffffff; }
.playfortunacasino { background: #13100e; }
.touchcasino { background: #432e3e; }
.rollinocasino { background: #06273A; }
.rollinocasino { background: #06273A; }
.crashinocasino { background: #1e0d49; }
.kryptosinocasino { background: #0f172a; }
.looniebetcasino { background: #000000; }
.ohmyzinocasino { background: #26469d; }
.slotsgallerycasino { background: #000000; }
.bohocasino { background: #ffffff; }
.nominicasino { background: #6ed7ed; }
.megaparicasino { background: #1f1f1f; }
.cristalpokercasino { background: #22242f; }
.shambalacasino { background: #11181B; }
.iluckicasino { background: #1b222b; }
.betsiocasino { background: #000616; }
.cbetggcasino { background: #121E26; }
.snatchcasino { background: #1e2c37; }
.iwildcasino { background: #220b43; }
.slotildaworldcasino { background: #212423; }
.dazardcasino { background: #261887; }
.flushcasino { background: #111a41; }
.bitcasinoio { background: #e5e7eb; }