/* splide css */
.splide__container{
    box-sizing:border-box;
    position:relative
}
.splide__list{
    backface-visibility:hidden;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    margin:0!important;
    padding:0!important
}
.splide.is-initialized:not(.is-active) .splide__list{
    display:block
}
.splide__pagination{
    -ms-flex-align:center;
    align-items:center;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:center;
    justify-content:center;
    margin:0;
    pointer-events:none
}
.splide__pagination li{
    display:inline-block;
    line-height:1;
    list-style-type:none;
    margin:0;
    pointer-events:auto
}
.splide:not(.is-overflow) .splide__pagination{
    display:none
}
.splide__progress__bar{
    width:0
}
.splide{
    position:relative;
    visibility:hidden
}
.splide.is-initialized,.splide.is-rendered{
    visibility:visible
}
.splide__slide{
    backface-visibility:hidden;
    box-sizing:border-box;
    -ms-flex-negative:0;
    flex-shrink:0;
    list-style-type:none!important;
    margin:0;
    position:relative
}
.splide__slide img{
    vertical-align:bottom
}
.splide__spinner{
    animation:splide-loading 1s linear infinite;
    border:2px solid #999;
    border-left-color:transparent;
    border-radius:50%;
    bottom:0;
    contain:strict;
    display:inline-block;
    height:20px;
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    top:0;
    width:20px
}
.splide__sr{
    clip:rect(0 0 0 0);
    border:0;
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{
    display:none
}
.splide__toggle.is-active .splide__toggle__pause{
    display:inline
}
.splide__track{
    overflow:hidden;
    position:relative;
    z-index:0
}
@keyframes splide-loading{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(1turn)
    }
}
.splide__track--draggable{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.splide__track--fade>.splide__list>.splide__slide{
    margin:0!important;
    opacity:0;
    z-index:0
}
.splide__track--fade>.splide__list>.splide__slide.is-active{
    opacity:1;
    z-index:1
}
.splide--rtl{
    direction:rtl
}
.splide__track--ttb>.splide__list{
    display:block
}
.splide__arrow{
    -ms-flex-align:center;
    align-items:center;
    background:#ccc;
    border:0;
    border-radius:50%;
    cursor:pointer;
    display:-ms-flexbox;
    display:flex;
    height:2em;
    -ms-flex-pack:center;
    justify-content:center;
    opacity:.7;
    padding:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:2em;
    z-index:1
}
.splide__arrow svg{
    fill:#000;
    height:1.2em;
    width:1.2em
}
.splide__arrow:hover:not(:disabled){
    opacity:.9
}
.splide__arrow:disabled{
    opacity:.3
}
.splide__arrow:focus-visible{
    outline:3px solid #0bf;
    outline-offset:3px
}
.splide__arrow--prev{
    left:1em
}
.splide__arrow--prev svg{
    transform:scaleX(-1)
}
.splide__arrow--next{
    right:1em
}
.splide.is-focus-in .splide__arrow:focus{
    outline:3px solid #0bf;
    outline-offset:3px
}
.splide__pagination{
    bottom:.5em;
    left:0;
    padding:0 1em;
    position:absolute;
    right:0;
    z-index:1
}
.splide__pagination__page{
    background:#ccc;
    border:0;
    border-radius:50%;
    display:inline-block;
    height:8px;
    margin:3px;
    opacity:.7;
    padding:0;
    position:relative;
    transition:transform .2s linear;
    width:8px
}
.splide__pagination__page.is-active{
    background:#fff;
    transform:scale(1.4);
    z-index:1
}
.splide__pagination__page:hover{
    cursor:pointer;
    opacity:.9
}
.splide__pagination__page:focus-visible{
    outline:3px solid #0bf;
    outline-offset:3px
}
.splide.is-focus-in .splide__pagination__page:focus{
    outline:3px solid #0bf;
    outline-offset:3px
}
.splide__progress__bar{
    background:#ccc;
    height:3px
}
.splide__slide{
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.splide__slide:focus{
    outline:0
}
@supports(outline-offset:-3px){
    .splide__slide:focus-visible{
        outline:3px solid #0bf;
        outline-offset:-3px
    }
}
@media screen and (-ms-high-contrast:none){
    .splide__slide:focus-visible{
        border:3px solid #0bf
    }
}
@supports(outline-offset:-3px){
    .splide.is-focus-in .splide__slide:focus{
        outline:3px solid #0bf;
        outline-offset:-3px
    }
}
@media screen and (-ms-high-contrast:none){
    .splide.is-focus-in .splide__slide:focus{
        border:3px solid #0bf
    }
    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{
        border-color:#0bf
    }
}
.splide__toggle{
    cursor:pointer
}
.splide__toggle:focus-visible{
    outline:3px solid #0bf;
    outline-offset:3px
}
.splide.is-focus-in .splide__toggle:focus{
    outline:3px solid #0bf;
    outline-offset:3px
}
.splide__track--nav>.splide__list>.splide__slide{
    border:3px solid transparent;
    cursor:pointer
}
.splide__track--nav>.splide__list>.splide__slide.is-active{
    border:3px solid #000
}
.splide__arrows--rtl .splide__arrow--prev{
    left:auto;
    right:1em
}
.splide__arrows--rtl .splide__arrow--prev svg{
    transform:scaleX(1)
}
.splide__arrows--rtl .splide__arrow--next{
    left:1em;
    right:auto
}
.splide__arrows--rtl .splide__arrow--next svg{
    transform:scaleX(-1)
}
.splide__arrows--ttb .splide__arrow{
    left:50%;
    transform:translate(-50%)
}
.splide__arrows--ttb .splide__arrow--prev{
    top:1em
}
.splide__arrows--ttb .splide__arrow--prev svg{
    transform:rotate(-90deg)
}
.splide__arrows--ttb .splide__arrow--next{
    bottom:1em;
    top:auto
}
.splide__arrows--ttb .splide__arrow--next svg{
    transform:rotate(90deg)
}
.splide__pagination--ttb{
    bottom:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    left:auto;
    padding:1em 0;
    right:.5em;
    top:0
}
/* base css */
.red-score{
    color:#e3693b
}
.orange-score{
    color:#f49c16
}
.yellow-score{
    color:#ffdf00
}
.light-green-score{
    color:#b1dd78
}
.green-score{
    color:#54b368
}
.blue{
    color:#0969f9
}
.purple{
    color:#b900e8
}
.green{
    color:#1aa260
}
.orange{
    color:#f98c28
}
.red{
    color:#e91010
}
.text_right{
    text-align:right
}
.text_center{
    text-align:center
}
body p:not(.modal-title) img{
    width:100%;
    height:auto
}
body cite{
    font-style:normal
}
body .small,body small{
    font-size:.625rem;
    line-height:1rem;
    font-family:"Roboto",sans-serif;
    color:#020202
}
#top .h2.no_line,h2.no_line{
    padding-left:0
}
#top .h2.no_line::before,h2.no_line::before{
    display:none
}
#top .h2.no_underline::after{
    display:none
}
#top .h3:not(.accordion-trigger){
    margin-bottom:1rem
}
#top .h3.highlighted,h3.highlighted{
    color:#fff;
    background:#0969f9;
    border-bottom-right-radius:2rem;
    display:inline-block;
    vertical-align:top;
    padding:1.25rem;
    padding-right:2rem
}
.icon-star-half-alt-solid,.icon-star-regular{
    color:#f8ca2a
}
.icon-star-half-alt-solid::before,.icon-star-regular::before{
    color:#f8ca2a
}
.icon-mail:before{
    content:"\e96f";
    color:#fff
}
.icon-crown-duotone{
    color:#0969f9
}
.icon-trophy-alt-duotone{
    color:#e95e10
}
.icon-alarm-exclamation-duotone{
    color:#b900e8
}
.icon-full-circle{
    color:#f49c16
}
.icon-trust-free-spins:before{
    content:"\e979"
}
.icon-trust-low-deposit:before{
    content:"\e97a"
}
.icon-trust-new-casinos:before{
    content:"\e97b"
}
.icon-trust-top-rated-casino:before{
    content:"\e97c"
}
.icon-trust-users-choicein:before{
    content:"\e97d"
}
.icon-trust-bonuses:before{
    content:"\e974"
}
.icon-cloud:before{
    content:"\e971"
}
.icon-arrow-accordion:before{
    content:"\e970"
}
.icon-copy-code:before{
    content:"\e96e";
    color:grey
}
.icon-arrow-left:before{
    content:"\e96c"
}
.icon-arrow-right:before{
    content:"\e96d"
}
.icon-badge-latest:before{
    content:"\e968";
    color:#fff
}
.icon-badge-new-casino:before{
    content:"\e969";
    color:#fff
}
.icon-badge-user:before{
    content:"\e96a";
    color:#fff
}
.icon-badge-trending:before{
    content:"\e96b";
    color:#fff
}
.icon-lock:before{
    content:"\e967"
}
.icon-make-fullscreen:before{
    content:"\e915"
}
.icon-make-smallscreen:before{
    content:"\e917"
}
.icon-refresh:before{
    content:"\e965"
}
.icon-report-game:before{
    content:"\e966"
}
.icon-rate:before{
    content:"\e914"
}
.icon-filter-regular:before{
    content:"\e909";
    color:#020202;
    opacity:.48
}
.icon-filter-regular:after{
    content:"\e913";
    margin-left:-1em;
    color:#020202;
    opacity:.144
}
.icon-cash-filter:before{
    content:"\e908";
    color:#0969f9
}
.icon-arrow-right-circle:before{
    content:"\e9d6"
}
.icon-tips:before{
    content:"\e9d5";
    color:#07af5e
}
.icon-shield-safety:before{
    content:"\e9d4";
    color:#0969f9
}
.icon-modal:before{
    content:"\e9d3";
    color:#fff
}
.icon-report:before{
    content:"\e9d2";
    color:#e01003
}
.icon-thumbs-down:before{
    content:"\e9d0";
    color:#b4b8bd
}
.icon-thumbs-up:before{
    content:"\e9d1";
    color:#b4b8bd
}
.icon-longarrow-right:before{
    content:"\e9cf";
    color:#0969f9
}
.icon-banking-sidebar:before{
    content:"\e9c6";
    color:#fff
}
.icon-free-spins-sidebar:before{
    content:"\e9c7";
    color:#fff
}
.icon-game-providers-sidebar:before{
    content:"\e9c8";
    color:#fff
}
.icon-guides-sidebar:before{
    content:"\e9c9";
    color:#fff
}
.icon-live-dealer-sidebar:before{
    content:"\e9ca";
    color:#fff
}
.icon-slots-sidebar:before{
    content:"\e9cb";
    color:#fff
}
.icon-top-bonuses-sidebar:before{
    content:"\e9cc";
    color:#fff
}
.icon-top-casinos-sidebar:before{
    content:"\e9cd";
    color:#fff
}
.icon-top-filters-sidebar:before{
    content:"\e9ce";
    color:#fff
}
.icon-facts-checked:before{
    content:"\e9c4";
    color:#0969f9
}
.icon-how-we-tested:before{
    content:"\e9c5";
    color:#0969f9
}
.icon-2_deposit:before{
    content:"\e947";
    color:#0969f9
}
.icon-3_deposit:before{
    content:"\e948";
    color:#0969f9
}
.icon-4_deposit:before{
    content:"\e963";
    color:#0969f9
}
.icon-5_deposit:before{
    content:"\e964";
    color:#0969f9
}
.icon-cashback:before{
    content:"\e9c2";
    color:#0969f9
}
.icon-claim-bonus:before{
    content:"\e939";
    color:#fff
}
.icon-important-terms:before{
    content:"\e93a"
}
.icon-more-bonuses:before{
    content:"\e93d";
    color:#fff
}
.icon-deposit_spins:before{
    content:"\e93e";
    color:#0969f9
}
.icon-first_deposit:before{
    content:"\e91b";
    color:#0969f9
}
.icon-no_deposit:before{
    content:"\e91c";
    color:#0969f9
}
.icon-copy:before{
    content:"\e918"
}
.icon-methodology:before{
    content:"\e9c1"
}
.icon-betting-guides:before{
    content:"\e9ac";
    color:#1e6ac6
}
.icon-poker-guides:before{
    content:"\e9be";
    color:#1e6ac6
}
.icon-blackjack-guides:before{
    content:"\e9bf";
    color:#1e6ac6
}
.icon-casino-guides:before{
    content:"\e9c0";
    color:#1e6ac6
}
.icon-reload:before{
    content:"\e9ba"
}
.icon-bookmark:before{
    content:"\e9b8"
}
.icon-comment:before{
    content:"\e9b9"
}
.icon-comment-dots-regular:before{
    content:"\e9b4"
}
.icon-thumb_down_con:before{
    content:"\e9b5"
}
.icon-thumb_up_pro:before{
    content:"\e9b6"
}
.icon-write_review:before{
    content:"\e9b7"
}
.icon-list:before{
    content:"\e9ad"
}
.icon-plus-regular:before{
    content:"\e9ab"
}
.icon-arrow:before{
    content:"\e9aa";
    color:#1e6ac6
}
.icon-filter:before{
    content:"\e9a9"
}
.icon-lightbulb:before{
    content:"\e9a8"
}
.icon-open-tab:before{
    content:"\e9a7"
}
.icon-twitter:before{
    content:"\e9a5"
}
.icon-linkedin:before{
    content:"\e9a6"
}
.icon-empty-circle:before{
    content:"\e961"
}
.icon-full-circle:before{
    content:"\e962"
}
.icon-company-checks:before{
    content:"\e957"
}
.icon-company-hours:before{
    content:"\e958"
}
.icon-company-partners:before{
    content:"\e959"
}
.icon-company-reviews:before{
    content:"\e95a"
}
.icon-content-job:before{
    content:"\e95b"
}
.icon-open-position-icon:before{
    content:"\e95c"
}
.icon-values-perseverence:before{
    content:"\e95d"
}
.icon-values-responsability:before{
    content:"\e95e"
}
.icon-values-teamwork:before{
    content:"\e95f"
}
.icon-values-trust:before{
    content:"\e960"
}
.icon-trash-alt-regular:before{
    content:"\e956"
}
.icon-thank-you:before{
    content:"\e954"
}
.icon-expired:before{
    content:"\e955"
}
.icon-send:before{
    content:"\e953"
}
.icon-comments:before{
    content:"\e94d"
}
.icon-game-providers:before{
    content:"\e94e"
}
.icon-how-to-get-this-bonus:before{
    content:"\e94f"
}
.icon-compare-with-other-casinos:before{
    content:"\e950"
}
.icon-payment-withdrawal-methods:before{
    content:"\e951"
}
.icon-industry-standards:before{
    content:"\e952"
}
.icon-nav-next:before{
    content:"\e949"
}
.icon-nav-before:before{
    content:"\e94a"
}
.icon-last-page:before{
    content:"\e94b"
}
.icon-first-page:before{
    content:"\e94c"
}
.icon-progress:before{
    content:"\e921"
}
.icon-money-management:before{
    content:"\e922"
}
.icon-minus:before{
    content:"\e945"
}
.icon-plus-light:before{
    content:"\e946"
}
.icon-book-light:before{
    content:"\e92d"
}
.icon-fist-raised-light:before{
    content:"\e931"
}
.icon-hourglass-light:before{
    content:"\e932"
}
.icon-lightbulb-on-light:before{
    content:"\e942"
}
.icon-pen-nib-light:before{
    content:"\e943"
}
.icon-university-light:before{
    content:"\e944"
}
.icon-eye-light:before{
    content:"\e92b"
}
.icon-list-ul-light:before{
    content:"\e92a"
}
.icon-new-casinos:before{
    content:"\e929"
}
.icon-chevron-down-light:before{
    content:"\e907"
}
.icon-payment-methods:before{
    content:"\e904"
}
.icon-registration-process:before{
    content:"\e905"
}
.icon-responsible-gambling:before{
    content:"\e906"
}
.icon-casino-overview:before{
    content:"\e903"
}
.icon-bell-light:before{
    content:"\e901"
}
.icon-book-reader-light:before{
    content:"\e902"
}
.icon-chart-line-down-regular:before{
    content:"\e90a"
}
.icon-chart-line-regular:before{
    content:"\e90b"
}
.icon-check-regular:before{
    content:"\e90c"
}
.icon-clock-light:before{
    content:"\e911"
}
.icon-comments-light:before{
    content:"\e912"
}
.icon-coupon-codes:before{
    content:"\e916"
}
.icon-file-check-light:before{
    content:"\e919"
}
.icon-filter-light:before{
    content:"\e91a"
}
.icon-free-spins:before{
    content:"\e91d"
}
.icon-games:before{
    content:"\e91e"
}
.icon-gift-regular:before{
    content:"\e91f"
}
.icon-globe-light:before{
    content:"\e920"
}
.icon-home-lg-alt-light:before{
    content:"\e923"
}
.icon-horizontal-rule-regular:before{
    content:"\e924"
}
.icon-independency:before{
    content:"\e925"
}
.icon-info-circle-light:before{
    content:"\e926"
}
.icon-integrity:before{
    content:"\e927"
}
.icon-latest-added:before{
    content:"\e928"
}
.icon-no-deposit:before{
    content:"\e92c"
}
.icon-pencil-light:before{
    content:"\e92e"
}
.icon-player-control:before{
    content:"\e92f"
}
.icon-pro-cons:before{
    content:"\e930"
}
.icon-safety:before{
    content:"\e933"
}
.icon-star-half-alt-solid:before{
    content:"\e935"
}
.icon-star-regular:before{
    content:"\e936"
}
.icon-support:before{
    content:"\e938"
}
.icon-top-casino:before{
    content:"\e93c"
}
.icon-usd-circle-light:before{
    content:"\e93f"
}
.icon-ux:before{
    content:"\e940"
}
.icon-vip:before{
    content:"\e941"
}
abbr,acronym,address,applet,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,dl,dt,em,embed,fieldset,figcaption,figure,footer,hgroup,i,ins,kbd,legend,mark,menu,object,output,pre,q,ruby,s,samp,small,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline
}
aside,details,figcaption,figure,footer,hgroup,menu{
    display:block
}
a,button,input,select,textarea{
    -webkit-tap-highlight-color:transparent
}
.button{
    cursor:pointer;
    transition:all .35s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .35s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .35s cubic-bezier(.45,.26,0,1)
}
.button.expand-trigger trigger{
    text-decoration:none;
    text-transform:uppercase
}
.button.button-filter{
    text-transform:capitalize
}
.button.blue-full:hover{
    color:#fff;
    background-color:#0457d4
}
.button.blue-full:active{
    background-color:#04419c;
    color:#fff;
    transform:scale(.98);
    -webkit-transform:scale(.98);
    -moz-transform:scale(.98)
}
.button.blue-full-lighter{
    background-color:#e8f2ff;
    border-color:transparent;
    color:#0969f9;
    width:100%
}
@media all and (min-width:576px){
    .button.blue-full-lighter{
        width:max-content
    }
}
.button.blue-full-lighter:hover{
    background-color:#c7ddf8;
    color:#0969f9
}
.button.blue-full-lighter:active{
    background-color:#c7ddf8;
    color:#0969f9
}
.button.outlined-blue{
    background-color:#fff;
    border:1px solid #0969f9;
    color:#0969f9
}
.button.outlined-blue:hover{
    background-color:rgba(30,106,197,.1)
}
.button.outlined-blue:active{
    background-color:rgba(30,106,197,.2);
    color:#04419c
}
.button.green-full{
    background:#1aa260
}
.button.green-full:hover{
    color:#fff;
    background:#1b7449
}
.button.green-full:active{
    background:#196842;
    transform:scale(.98);
    -webkit-transform:scale(.98);
    -moz-transform:scale(.98)
}
.button.green-full-lighter{
    background-color:#e3f9f1;
    color:#035e4f
}
.button.green-full-lighter:hover{
    background-color:#d1fcec
}
.button.green-full-lighter:active{
    background-color:#b8fce3;
    border-color:transparent;
    outline:0;
    -webkit-outline:none
}
.button.outlined-green{
    background-color:transparent;
    border:2px solid #1aa260;
    color:#1aa260
}
.button.outlined-green:hover{
    background-color:rgba(30,106,197,.1)
}
.button.outlined-green:active{
    background-color:rgba(30,106,197,.2)
}
.button.outlined-white{
    background-color:transparent;
    border:2px solid #fff;
    color:#fff
}
.button.outlined-white:hover{
    background-color:rgba(255,255,255,.1)
}
.button.outlined-white:active{
    background-color:rgba(255,255,255,.15)
}
.button.red-full{
    background-color:#e91010;
    border-color:transparent;
    max-width:max-content
}
.button.red-full:hover{
    color:#fff;
    background-color:#db5d64;
    border-color:transparent
}
.button.red-full:active{
    background-color:#bf5157;
    border-color:transparent;
    outline:0;
    -webkit-outline:none
}
.button.btn-disabled{
    pointer-events:none;
    user-select:none
}
.button.arrow{
    font-size:1rem;
    line-height:1.25rem;
    border:none;
    border-radius:8px;
    border-bottom-right-radius:0;
    border-top-right-radius:0;
    padding-left:2rem;
    padding-right:2.5rem;
    position:relative;
    background:#0969f9;
    max-width:180px;
    height:45px
}
.button.arrow:after{
    content:"\e90f";
    font-family:icomoon;
    font-weight:400;
    font-size:1.25rem;
    color:#0969f9;
    width:45px;
    height:45px;
    line-height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    background-color:#fff;
    border-radius:50%;
    box-shadow:1px 2px 4px rgba(0,0,0,.1);
    position:absolute;
    right:-18px;
    top:0;
    bottom:0;
    z-index:2
}
.button.arrow:active,.button.arrow:focus,.button.arrow:hover{
    background:#04419c;
    color:#fff
}
.button:active{
    transform:scale(.95)
}
.expand-trigger trigger{
    max-width:max-content
}
input:active,input:focus{
    outline:0;
    box-shadow:0
}
.link_review_centered{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row-reverse;
    font-size:.75rem;
    position:relative;
    width:max-content;
    margin:0 auto 1.5rem;
    color:#020202;
    font-family:"Roboto",sans-serif;
    font-weight:500
}
.link_review_centered:hover{
    color:#020202
}
.link_review_centered::before{
    content:"\e90f";
    font-family:icomoon;
    color:#020202;
    font-size:.75rem;
    margin-left:.5rem
}
.link_review_centered::after{
    content:"";
    height:2px;
    width:100%;
    top:calc(100% + .125rem);
    background:#0969f9;
    display:block;
    position:absolute;
    bottom:0
}
.load-more-progress{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    margin-top:1.875rem;
    margin-bottom:1.875rem
}
.load-more-progress:last-child{
    margin-bottom:0
}
.load-more-progress .progress-bar-load-text{
    font-size:.75rem;
    color:rgba(2,2,2,.7);
    margin-bottom:.625rem
}
.load-more-progress .progress-bar-load{
    margin-bottom:1rem;
    background:rgba(2,2,2,.08);
    overflow:hidden;
    height:.5rem;
    width:100%;
    max-width:18.5rem
}
.btn-load-more{
    padding-left:1.5rem;
    padding-right:1.5rem;
    max-width:max-content;
    height:50px;
    color:#0969f9;
    font-size:.875rem;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    line-height:normal;
    text-transform:initial;
    border-radius:100px;
    box-shadow:0 2px 4px -6px rgba(24,39,75,.08),0 0 1px 0 rgba(10,16,32,.16)
}
.btn-load-more .icon-plus-light{
    text-align:left;
    margin-right:.25rem
}
.btn-load-more:active{
    transform:scale(.98)
}
.btn-load-more.spinning{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row
}
.btn-load-more.spinning:before{
    content:"";
    width:1.5rem;
    height:1.5rem;
    border-radius:50%;
    position:relative;
    border:3px solid #0969f9;
    border-right:3px solid #fff;
    -webkit-animation:rotate360 .5s infinite linear,exist .1s forwards ease;
    animation:rotate360 .5s infinite linear,exist .1s forwards ease
}
@-webkit-keyframes rotate360{
    100%{
        transform:rotate(360deg)
    }
}
@keyframes rotate360{
    100%{
        transform:rotate(360deg)
    }
}
.img-landscape{
    width:100%;
    height:auto
}
@media all and (min-width:992px){
    .grid-container .home-section{
        grid-column:1/-1
    }
}
.container-full{
    padding:1rem;
    max-width:100%
}
@media all and (min-width:992px){
    .container-full{
        max-width:1140px;
        margin:0 auto;
        padding:2rem
    }
}
.container{
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:row;
    margin:auto;
    padding:1.5rem .625rem
}
@media all and (min-width:576px){
    .container{
        padding-left:1rem;
        padding-right:1rem
    }
}
@media all and (min-width:768px){
    .container{
        max-width:100%;
        padding-top:2rem;
        padding-bottom:2rem
    }
}
@media all and (min-width:992px){
    .container{
        max-width:1140px;
        padding-top:2.5rem;
        padding-bottom:2.5rem
    }
}
@media all and (min-width:1200px){
    .container{
        padding:3rem 2rem
    }
}
.filters{
    overflow-x:hidden;
    display:grid
}
.filters .filter-container{
    height:4.375rem
}
.filters .filter-container .filter-list{
    height:4.375rem
}
.filters .filter-container .filter-list .form-item{
    box-shadow:0 4px 10px 0 rgba(0,0,0,.039);
    border-radius:5rem;
    pointer-events:all;
    height:2.5rem
}
.filters .filter-container .filter-list .form-item:last-of-type{
    margin-right:0
}
.filters .filter-container .filter-list .form-item .button{
    background:#fff;
    border:1px solid #e5e3e3;
    border-radius:5rem;
    color:#1a1d1f;
    line-height:1rem;
    font-size:.75rem;
    padding-left:1rem;
    padding-right:1rem;
    height:100%;
    font-family:"Roboto",sans-serif
}
.filters .filter-container .filter-list .form-item .button.button-active{
    border:1px solid #0969f9;
    color:#0969f9;
    font-family:"Roboto",sans-serif;
    font-weight:500
}
@media all and (min-width:992px){
    .filters .filter-container .filter-list .form-item .button{
        font-size:.875rem;
        padding-left:1.25rem;
        padding-right:1.25rem
    }
}
.filters-reset{
    overflow:initial
}
.filters-reset .filter-container{
    height:auto
}
.filters-reset .filter-container .filter-list{
    height:auto
}
dl{
    list-style:none;
    margin:0;
    padding:0;
    margin-top:2rem;
    margin-bottom:2rem;
    display:flex;
    flex-direction:column;
    width:100%
}
body.overflow-hidden{
    overflow:hidden
}
body .figure-content,body picture{
    width:100%;
    height:auto;
    display:block;
    border-radius:8px;
    overflow:hidden;
    line-height:1
}
body .figure-content img,body picture img{
    width:100%;
    height:auto
}
body figure{
    margin-bottom:1rem
}
body figure figcaption{
    font-size:.75rem
}
body .load-more-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    margin-bottom:1.875rem
}
body .load-more-wrapper:last-child{
    margin-bottom:0
}
body .iframe-wrapper{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    width:100%;
    margin-bottom:2rem;
    margin-top:2rem
}
body .iframe-wrapper:last-child{
    margin-bottom:0
}
body .iframe-wrapper iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
body .block-expand{
    margin-bottom:1.5rem
}
body .block-expand:last-child{
    margin-bottom:0
}
body .splide__arrow--prev:not(.bonus-slider .splide__arrow--prev) svg{
    display:none
}
body .splide__arrow--prev:not(.bonus-slider .splide__arrow--prev)::before{
    content:"\e96c";
    font-family:icomoon
}
body .splide__arrow--next:not(.bonus-slider .splide__arrow--next) svg{
    display:none
}
body .splide__arrow--next:not(.bonus-slider .splide__arrow--next)::before{
    content:"\e96d";
    font-family:icomoon
}
body .splide:not(.is-overflow){
    padding-bottom:0
}
body .about-authors .splide,body .section-latest-guides .splide,body .section-latest-news .splide,body .section-recommended .splide{
    margin-bottom:1.5rem
}
body .about-authors .splide__list,body .section-latest-guides .splide__list,body .section-latest-news .splide__list,body .section-recommended .splide__list{
    display:flex
}
body .about-authors .splide__list .splide__slide,body .section-latest-guides .splide__list .splide__slide,body .section-latest-news .splide__list .splide__slide,body .section-recommended .splide__list .splide__slide{
    margin-bottom:0;
    padding-bottom:.875rem
}
body .about-authors .splide__list .splide__slide .card-list-element,body .about-authors .splide__list .splide__slide .small-card-element,body .section-latest-guides .splide__list .splide__slide .card-list-element,body .section-latest-guides .splide__list .splide__slide .small-card-element,body .section-latest-news .splide__list .splide__slide .card-list-element,body .section-latest-news .splide__list .splide__slide .small-card-element,body .section-recommended .splide__list .splide__slide .card-list-element,body .section-recommended .splide__list .splide__slide .small-card-element{
    height:100%
}
body .bonus-slider.lightbox-gallery-wrapper .splide__arrow--next,body .bonus-slider.lightbox-gallery-wrapper .splide__arrow--prev{
    display:none
}
body .section-generic .section-generic-content{
    background-color:#fff;
    border-radius:8px;
    padding:1rem;
    box-shadow:rgba(88,102,126,.08) 0 4px 24px,rgba(88,102,126,.12) 0 1px 2px
}
@media all and (min-width:992px){
    body .section-generic .section-generic-content{
        padding:1.5rem
    }
}
body .section-generic .section-generic-content>:first-child{
    margin-top:0
}
body .section-generic .section-generic-content>:last-child{
    margin-bottom:0
}
body .section-generic ul:not(.splide__pagination,.bonuses-list){
    margin:0;
    margin-bottom:1rem;
    padding-left:1rem;
    list-style-type:disc
}
body .section-generic ul li.no-collapse{
    padding:.625rem
}
@media all and (min-width:540px){
    body .section-generic ul li.no-collapse{
        padding:1rem
    }
}
body .section-generic ul.red li:before{
    background-color:#e91010
}
body .section-generic ol.toc{
    list-style:none;
    margin:0;
    padding:0
}
body .section-generic ol.toc li{
    margin-bottom:.875rem
}
body .section-generic:empty{
    display:none
}
body .section-generic.section-generic-background{
    overflow-x:hidden;
    border-radius:.5rem;
    background:#fff;
    box-shadow:0 0 1px rgba(10,16,32,.16),0 6px 8px -6px rgba(24,39,75,.12),0 8px 16px -6px rgba(24,39,75,.08);
    padding:.75rem
}
body .section-generic.section-generic-background:last-child{
    margin-bottom:0
}
@media all and (min-width:992px){
    body .section-generic.section-generic-background{
        padding:1.5rem
    }
}
body .section-list>h2{
    margin-top:0
}
a{
    transition:all .25s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .25s cubic-bezier(.45,.26,0,1)
}
a:hover{
    color:#0457d4
}
a:active,a:focus{
    color:#04419c
}
a.expand-section_text{
    font-size:1rem;
    line-height:2rem;
    position:relative;
    padding-right:1.25rem;
    display:inline
}
a.expand-section_text:after{
    content:"\e902";
    font-family:icomoon;
    font-size:.875rem;
    line-height:1;
    position:absolute;
    right:0;
    top:5px
}
a.expand-section_text:hover:after{
    text-decoration:none
}
label.solid{
    font-size:13px;
    line-height:1.25rem;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    text-align:center;
    letter-spacing:1px;
    color:#0969f9;
    background-color:#e8f2ff;
    border-radius:4px;
    width:auto;
    display:inline-block;
    vertical-align:middle;
    padding:.625rem 1rem
}
@media all and (min-width:768px){
    label.solid{
        line-height:18px;
        padding:6px 1.25rem
    }
}
@media all and (min-width:1200px){
    label.solid{
        font-size:12px;
        line-height:18px;
        padding:6px 2rem
    }
}
label.solid.blue{
    background-color:#e8f2ff;
    color:#0969f9
}
label.solid.green{
    background-color:#e3f9f1;
    color:#196842
}
label.solid.red{
    background-color:#fae3e3;
    color:#e91010
}
label.solid.purple{
    background-color:#ede6f7;
    color:#b900e8
}
label.icon{
    font-size:11px;
    line-height:1rem;
    font-family:"Roboto",sans-serif;
    padding:5px .625rem;
    border:1px solid #d7d8db;
    border-radius:8px;
    display:flex;
    align-items:stretch;
    white-space:nowrap
}
@media all and (min-width:768px){
    label.icon{
        font-size:12px;
        line-height:18px
    }
}
label.icon span[class^=icon-]{
    font-size:1rem;
    background-color:#e8f2ff;
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;
    padding:5px .625rem;
    margin:-5px -10px;
    margin-right:.625rem;
    display:flex;
    align-items:center;
    justify-content:center
}
.move-to-section>*{
    pointer-events:none
}
.section-generic .section-title-wrapper{
    margin-bottom:1.5rem;
    display:flex;
    justify-content:center;
    gap:1rem
}
.section-generic .section-title-wrapper .section-title{
    font-family:"Roboto",sans-serif;
    font-weight:700;
    margin:0
}
@media all and (min-width:768px){
    .section-generic .section-title-wrapper{
        margin-bottom:2rem;
        justify-content:flex-start
    }
}
.backtotop{
    transition:opacity .3s;
    text-decoration:none
}
.backtotop:hover{
    text-decoration:none
}
.backtotop span{
    pointer-events:none
}
.backtotop.element-visible{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    opacity:.7
}
.backtotop.element-visible:hover{
    opacity:1
}
.backtotop.element-visible:active{
    transform:scale(.98)
}
body #header-main .container-fluid .logo-and-language-container .btn-toggle-menu{
    cursor:pointer
}
body #header-main .container-fluid .logo-and-language-container .btn-toggle-menu .icon-times-regular{
    font-size:1rem;
    color:#020202
}
body #header-main .container-fluid .logo-and-language-container #logo .logo-text{
    transition:all .25s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .25s cubic-bezier(.45,.26,0,1)
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion{
    width:100%;
    background-color:#fff;
    margin-bottom:.5rem
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion:last-child{
    margin-bottom:0
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-trigger{
    font-size:1.125rem;
    line-height:1.25rem;
    color:#222;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    padding:.75rem 0
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-trigger span{
    color:#020202;
    opacity:.5;
    font-size:.875rem
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element{
    box-shadow:unset;
    list-style:none;
    margin:0;
    padding:0
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element.show{
    box-shadow:-1px 0 0 #efefef
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container{
    display:grid;
    grid-template-columns:auto;
    grid-template-rows:auto;
    gap:.875rem;
    padding-left:1.5rem;
    margin:.75rem 0
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element{
    list-style:none;
    margin:0;
    padding:0;
    padding:.25rem 0
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a .nav-menu-element-img{
    width:1.5rem;
    height:auto;
    margin-right:.625rem
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a .nav-menu-element-text{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a .nav-menu-element-text .nav-menu-element-title{
    font-size:1rem;
    line-height:1.25rem
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a .nav-menu-element-text .nav-menu-element-description{
    display:none
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .navbar-link-quiz{
    display:none
}
body #header-main .header-dropdown-mobile .accordion-mobile-list .no-collapse-elements{
    width:100%;
    margin-bottom:1rem;
    background-color:#fff;
    font-size:1.125rem;
    color:#222
}
body #header-main .header-dropdown-mobile.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    height:calc(100vh - 61px)
}
@media all and (min-width:992px){
    body #header-main .container-fluid #main-nav .nav .nav-item{
        cursor:pointer
    }
    body #header-main .container-fluid #main-nav .nav .nav-item:hover .dropdown-element-hover{
        top:calc(100% - 1px)
    }
}
@media all and (min-width:992px){
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-trigger-hover .icon-chevron-down-regular{
        transition:all .25s cubic-bezier(.45,.26,0,1);
        pointer-events:none
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover{
        transition:all .25s cubic-bezier(.45,.26,0,1);
        -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
        -moz-transition:all .25s cubic-bezier(.45,.26,0,1);
        pointer-events:none
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a:hover{
        background-color:transparent
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text .nav-menu-element-title{
        transition:all .2s cubic-bezier(.45,.26,0,1);
        -webkit-transition:all .2s cubic-bezier(.45,.26,0,1);
        -moz-transition:all .2s cubic-bezier(.45,.26,0,1)
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text:hover{
        cursor:pointer
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text:hover .nav-menu-element-title{
        color:#0969f9
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .navbar-link-quiz{
        width:100%;
        background-color:rgba(9,105,249,.06);
        padding:1rem;
        font-size:.875rem;
        line-height:1.125rem;
        color:#0969f9;
        font-family:"Roboto",sans-serif;
        font-weight:700;
        display:none;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:row
    }
}
@media all and (min-width:992px) and (min-width:992px){
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .navbar-link-quiz{
        display:block
    }
}
@media all and (min-width:992px){
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .navbar-link-quiz:hover{
        color:#0457d4
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .navbar-link-quiz span{
        font-size:.75rem;
        margin-left:.5rem
    }
    body #header-main .container-fluid #main-nav .nav .nav-item:hover .dropdown-trigger-hover{
        color:#0969f9;
        position:relative
    }
    body #header-main .container-fluid #main-nav .nav .nav-item:hover .dropdown-trigger-hover .icon-chevron-down-regular{
        transform:rotate(-180deg)
    }
    body #header-main .container-fluid #main-nav .nav .nav-item:hover .dropdown-element-hover{
        opacity:1;
        z-index:100;
        box-shadow:rgba(88,102,126,.08) 0 4px 24px,rgba(88,102,126,.12) 0 1px 2px;
        background-color:#fff;
        visibility:visible;
        max-height:400px;
        pointer-events:all
    }
    body #header-main .container-fluid #main-nav .nav .no-collapse-elements:last-child{
        margin-right:0
    }
    body #header-main .container-fluid #main-nav .nav .no-collapse-elements a{
        font-size:.875rem;
        line-height:1rem;
        font-family:"Roboto",sans-serif;
        font-weight:500;
        color:#020202
    }
    body #header-main .container-fluid #main-nav .nav .no-collapse-elements a:hover{
        color:#0969f9
    }
}
html .search-container #search-trigger>*{
    pointer-events:none
}
html .search-container .dropdown-element.show{
    top:calc(100% - 3.125rem);
    visibility:unset
}
@media all and (max-width:320px){
    html .search-container .dropdown-element.show{
        top:calc(100% - 2.65rem)
    }
}
html .search-container .dropdown-element #search #search-text{
    transition:all 0 cubic-bezier(.45,.26,0,1);
    -webkit-transition:all 0 cubic-bezier(.45,.26,0,1);
    -moz-transition:all 0 cubic-bezier(.45,.26,0,1)
}
html .search-container .dropdown-element #search #search-text::placeholder{
    font-size:1rem;
    color:#a6b0c3;
    font-family:"Roboto",sans-serif
}
html .search-container .dropdown-element #search #search-text:active,html .search-container .dropdown-element #search #search-text:focus{
    box-shadow:none;
    border:0;
    outline:0
}
html .search-container .dropdown-element #search #search-close{
    cursor:pointer
}
html .search-container .dropdown-element #search.search-active-form #search-results{
    opacity:1;
    visibility:visible
}
html .search-container .dropdown-element .default-search-results{
    transition:all .25s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .25s cubic-bezier(.45,.26,0,1)
}
html .search-container .dropdown-element .default-search-results .trending-results .search-results-list:last-of-type{
    border-bottom:none
}
html .search-container .dropdown-element .default-search-results.invisible{
    opacity:0;
    visibility:hidden;
    display:none
}
html .search-container .dropdown-element .default-search-results .search-results-list-trending li a:not(.button) .search-text+span{
    color:#5f5f5f;
    display:inline-block;
    margin-left:.25rem
}
html .search-container .dropdown-element .default-search-results .search-results-list-trending li a:not(.button) .icon-list-ul-light{
    width:1.875rem;
    height:1.875rem;
    color:#fff;
    background:#0969f9;
    border-radius:5px;
    margin-left:0;
    margin-right:.875rem;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row
}
html .search-container .dropdown-element .default-search-results .search-results-list-trending li a:not(.button):hover{
    background-color:#f7f7f7;
    color:#0969f9
}
html .search-container .dropdown-element .default-search-results .search-results-list-trending li a:not(.button):hover .search-text{
    color:inherit
}
html .search-container .dropdown-element #search-results{
    background-color:#fff;
    border-radius:8px;
    opacity:0;
    visibility:hidden;
    display:none;
    transition:all .25s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .25s cubic-bezier(.45,.26,0,1)
}
html .search-container .dropdown-element #search-results.visible{
    opacity:1;
    visibility:visible;
    display:block
}
html .search-container .dropdown-element #search-results .search-toggles{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    padding-left:.5rem;
    padding-right:.5rem;
    padding-bottom:.5rem
}
html .search-container .dropdown-element #search-results .search-toggles .form-item{
    position:relative;
    display:block;
    width:100%;
    margin-right:.5rem
}
html .search-container .dropdown-element #search-results .search-toggles .form-item label{
    font-size:.875rem;
    line-height:1;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#0969f9;
    cursor:pointer;
    text-align:center;
    background-color:#e8f2ff;
    border:2px solid transparent;
    border-radius:5px;
    padding:1rem;
    width:100%;
    display:inline-block;
    vertical-align:middle;
    white-space:nowrap;
    user-select:none;
    margin-bottom:0;
    transition:all .35s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .35s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .35s cubic-bezier(.45,.26,0,1)
}
html .search-container .dropdown-element #search-results .search-toggles .form-item label:focus,html .search-container .dropdown-element #search-results .search-toggles .form-item label:hover{
    border:2px solid #0969f9
}
html .search-container .dropdown-element #search-results .search-toggles .form-item label:active{
    transform:scale(.95)
}
@media all and (min-width:1200px){
    html .search-container .dropdown-element #search-results .search-toggles .form-item label{
        font-size:1rem
    }
}
@media all and (max-width:375px){
    html .search-container .dropdown-element #search-results .search-toggles .form-item label{
        font-size:.75rem
    }
}
html .search-container .dropdown-element #search-results .search-toggles .form-item input{
    width:0;
    height:0;
    visibility:hidden;
    position:absolute;
    opacity:0
}
html .search-container .dropdown-element #search-results .search-toggles .form-item:last-child{
    margin-right:0
}
html .search-container .dropdown-element #search-results .loader-search{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row
}
html .search-container .dropdown-element #search-results .loader-search .lds-ellipsis{
    display:inline-block;
    position:relative;
    width:80px;
    height:80px
}
html .search-container .dropdown-element #search-results .loader-search .lds-ellipsis div{
    position:absolute;
    top:33px;
    width:13px;
    height:13px;
    border-radius:50%;
    background:#0969f9;
    animation-timing-function:cubic-bezier(0,1,1,0)
}
html .search-container .dropdown-element #search-results .loader-search .lds-ellipsis div:first-child,html .search-container .dropdown-element #search-results .loader-search .lds-ellipsis div:nth-child(2){
    left:8px;
    animation:lds-ellipsis1 .6s infinite
}
html .search-container .dropdown-element #search-results .loader-search .lds-ellipsis div:nth-child(3){
    left:2rem;
    animation:lds-ellipsis2 .6s infinite
}
html .search-container .dropdown-element #search-results .loader-search .lds-ellipsis div:nth-child(4){
    left:56px;
    animation:lds-ellipsis3 .6s infinite
}
@keyframes lds-ellipsis1{
    0%{
        transform:scale(0)
    }
    100%{
        transform:scale(1)
    }
}
@keyframes lds-ellipsis3{
    0%{
        transform:scale(1)
    }
    100%{
        transform:scale(0)
    }
}
@keyframes lds-ellipsis2{
    0%{
        transform:translate(0,0)
    }
    100%{
        transform:translate(24px,0)
    }
}
html .search-container .dropdown-element #search-results .search-results-list{
    list-style:none;
    margin:0;
    padding:0;
    padding-bottom:0;
    border-bottom:1px solid rgba(151,151,151,.2)
}
html .search-container .dropdown-element #search-results .search-results-list .search-category-span{
    font-family:"Roboto",sans-serif;
    font-size:.875rem;
    line-height:1.25rem;
    padding-top:.625rem;
    padding-bottom:.625rem;
    padding-left:.875rem;
    display:flex;
    color:#808a9d
}
html .search-container .dropdown-element #search-results .search-results-list li a:not(.button){
    font-size:13px;
    line-height:1;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#222;
    display:block;
    padding:.625rem;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row
}
html .search-container .dropdown-element #search-results .search-results-list li a:not(.button) .search-text{
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#222;
    line-height:1.125rem
}
html .search-container .dropdown-element #search-results .search-results-list li a:not(.button) .search-text+span{
    color:#5f5f5f;
    display:inline-block;
    margin-left:.25rem
}
html .search-container .dropdown-element #search-results .search-results-list li a:not(.button) img{
    width:2rem;
    height:2rem;
    border-radius:.25rem;
    object-fit:cover;
    object-position:center;
    margin-right:.625rem
}
@media all and (min-width:1200px){
    html .search-container .dropdown-element #search-results .search-results-list li a:not(.button) img{
        margin-right:1rem
    }
}
html .search-container .dropdown-element #search-results .search-results-list li a:not(.button) .icon-list-ul-light{
    width:1.875rem;
    height:1.875rem;
    color:#fff;
    background:#0969f9;
    border-radius:5px;
    margin-left:0;
    margin-right:.875rem;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row
}
html .search-container .dropdown-element #search-results .search-results-list li a:not(.button):hover{
    background-color:#f7f7f7;
    color:#0969f9
}
html .search-container .dropdown-element #search-results .search-results-list li a:not(.button):hover .search-text{
    color:inherit
}
@media all and (min-width:1200px){
    html .search-container .dropdown-element #search-results .search-results-list li a:not(.button){
        font-size:.875rem
    }
}
html .search-container .dropdown-element #search-results .search-results-list li:first-child>a{
    padding-top:10px
}
html .search-container .dropdown-element #search-results .load-more .load-more-btn{
    width:100%;
    border:none;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:.875rem
}
html .search-container .dropdown-element #search-results .load-more .load-more-btn:hover{
    text-decoration:none;
    background:#f7f7f7
}
html .search-container .dropdown-element #search-results .load-more .load-more-btn.active{
    background:#eee
}
@media all and (min-width:992px){
    html .search-container .dropdown-element #search-results{
        position:relative;
        padding-top:0;
        overflow:auto;
        display:none
    }
}
#lang-switcher.active .icon-chevron-down-regular{
    transform:rotate(180deg)
}
#lang-switcher .language-switch-trigger .lang-image{
    pointer-events:none
}
#lang-switcher .language-switch-trigger.lang_active{
    background-color:#f7f7f7;
    color:#0969f9;
    text-decoration:none
}
#lang-switcher .language-switch-trigger .icon-chevron-down-regular,#lang-switcher .language-switch-trigger .icon-globe-light{
    margin-left:5px;
    font-size:inherit;
    pointer-events:none
}
#lang-switcher .lang-dropdown ul li a .lang-switch-element .lang-image{
    pointer-events:none
}
#lang-switcher .lang-dropdown.show>*{
    opacity:1
}
.sidebar #sidebar-filters .div-button{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row
}
.sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-trigger{
    pointer-events:auto
}
@media all and (min-width:992px){
    .sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-trigger{
        pointer-events:none
    }
}
.sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element.show{
    box-shadow:0 -1px 0 rgba(151,151,151,.2);
    opacity:1;
    visibility:visible;
    max-height:500px;
    overflow:auto;
    -ms-overflow-style:none;
    scrollbar-width:none;
    padding-top:1rem
}
.sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element li:last-of-type{
    margin-bottom:0
}
.sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element li a:hover{
    color:#0969f9
}
.sidebar #sidebar-filters .accordion-wrapper .accordion:last-of-type{
    margin-bottom:0
}
.sidebar #sidebar-filters .accordion-wrapper .accordion:last-of-type .aside-list{
    margin-bottom:0
}
.sidebar #sidebar-filters .accordion-wrapper .accordion:last-of-type .aside-list li:last-of-type{
    margin-bottom:0
}
@media all and (min-width:992px){
    .sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element.show{
        box-shadow:none;
        padding-top:0
    }
}
.sidebar #sidebar-filters .casino-search{
    position:relative;
    margin:10px 0;
    margin-bottom:1rem
}
.sidebar #sidebar-filters .casino-search button{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    z-index:2;
    background-color:transparent;
    border-radius:0;
    padding:0 1rem;
    font-size:.875rem
}
.sidebar #sidebar-filters .casino-search button .icon-search-blue{
    color:#0969f9
}
.sidebar #sidebar-filters .casino-search button .icon-search-blue:before{
    color:#0969f9
}
@media all and (min-width:992px){
    .sidebar #sidebar-filters .casino-search button{
        font-size:1rem
    }
}
.sidebar #sidebar-filters .casino-search input{
    width:100%;
    border:none;
    padding:10px 45px 10px 1rem
}
footer{
    font-size:.8125rem;
    line-height:1.75rem;
    font-family:"Roboto",sans-serif;
    color:#020202;
    background-color:#fff
}
footer .footer-logo{
    height:1.875rem
}
footer ul:not(.accordion-element ul){
    list-style:none;
    margin:0;
    padding:0
}
footer .footer-main{
    border-bottom:1px solid rgba(151,151,151,.2);
    border-top:1px solid rgba(151,151,151,.2);
    padding-top:3rem
}
footer .footer-main .container-menu{
    padding-top:0;
    padding-bottom:1.5rem;
    display:grid;
    grid-template-columns:auto;
    grid-template-rows:auto;
    gap:2rem
}
footer .footer-main .container-menu .footer-category-element{
    display:grid;
    grid-template-columns:auto;
    grid-template-rows:auto;
    gap:1.125rem
}
footer .footer-main .container-menu .footer-category-element .footer-category-nav .footer-category-list li{
    margin-bottom:.5rem;
    font-family:"Roboto",sans-serif;
    color:#4b5157;
    font-size:.75rem;
    line-height:1.25rem
}
footer .footer-main .container-menu .footer-category-element .footer-category-nav .footer-category-list li a{
    line-height:inherit;
    font-size:inherit;
    font-family:inherit;
    color:inherit
}
footer .footer-main .container-menu .footer-category-element .social-links{
    display:grid;
    grid-template-columns:auto;
    grid-template-rows:auto;
    gap:1rem
}
footer .footer-main .container-menu .footer-category-element .social-links .social-links-element{
    transition:all .35s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .35s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .35s cubic-bezier(.45,.26,0,1)
}
footer .footer-main .container-menu .footer-category-element .social-links .social-links-element a{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    color:#4b5157
}
footer .footer-main .container-menu .footer-category-element .social-links .social-links-element a img{
    width:1.25rem;
    height:1.25rem;
    margin-right:.625rem;
    opacity:.75
}
footer .footer-main .container-menu .footer-category-element .social-links .social-links-element:last-child{
    margin-right:0
}
footer .footer-main .container-menu .footer-category-element .social-links .social-links-element:hover{
    opacity:1
}
footer .footer-main .container-menu .description-element{
    grid-column:1/-1
}
footer .footer-main .container-menu .description-element p{
    font-size:.75rem;
    line-height:1.25rem;
    color:#020202;
    font-family:"Roboto",sans-serif
}
footer .footer-main .container-menu .description-element p:last-child{
    margin-bottom:0
}
@media all and (min-width:360px){
    footer .footer-main .container-menu{
        grid-template-columns:repeat(2,auto)
    }
}
@media all and (min-width:550px){
    footer .footer-main .container-menu{
        grid-template-columns:repeat(3,1fr)
    }
}
@media all and (min-width:800px){
    footer .footer-main .container-menu{
        grid-template-columns:30% repeat(4,1fr)
    }
    footer .footer-main .container-menu .description-element{
        grid-column:1
    }
}
@media all and (min-width:992px){
    footer .footer-main .container-menu{
        gap:4rem
    }
}
footer .footer-main .footer-notice{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    padding-top:0;
    padding-top:2.5rem;
    margin-right:auto
}
footer .footer-main .footer-notice .accordion-trigger{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row
}
footer .footer-main .footer-notice .accordion-trigger .accordion-trigger-title{
    font-size:.875rem;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    line-height:1.125rem;
    margin-left:0
}
footer .footer-main .footer-notice .accordion-element{
    scrollbar-width:none;
    -ms-overflow-style:none
}
footer .footer-main .footer-notice .accordion-element::-webkit-scrollbar{
    width:0;
    height:0
}
footer .footer-main .footer-notice ul{
    margin-bottom:0
}
footer .footer-main .footer-notice ul:not(.splide__pagination,.bonuses-list){
    margin:0;
    margin-bottom:1rem;
    padding-left:1rem;
    list-style-type:disc
}
footer .footer-main .footer-notice ul li{
    font-family:"Roboto",sans-serif;
    margin-bottom:.875rem;
    position:relative;
    padding-top:0;
    font-size:.875rem
}
footer .footer-main .footer-notice ul li:last-child{
    margin-bottom:0
}
footer .footer-main .footer-notice ul li.no-collapse{
    padding:.625rem
}
@media all and (min-width:540px){
    footer .footer-main .footer-notice ul li.no-collapse{
        padding:1rem
    }
}
footer .footer-main .footer-notice ul li a{
    text-decoration:none
}
footer .footer-main .footer-notice ul li.bonus-component{
    padding:.75rem
}
@media all and (min-width:992px){
    footer .footer-main .footer-notice ul li.bonus-component{
        padding-top:1rem
    }
}
footer .footer-main .footer-notice ul.red li:before{
    background-color:#e91010
}
footer .footer-main .footer-notice ul li{
    font-size:13px;
    line-height:26px
}
footer .footer-main .footer-notice ul li a{
    color:#0969f9;
    display:inline
}
footer .footer-main .footer-notice ul li a:hover{
    color:#0457d4
}
@media all and (min-width:414px){
    footer .footer-main{
        padding-bottom:1.5rem
    }
}
footer .footer-bottom{
    text-align:center
}
footer .footer-bottom .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:column;
    padding-top:1.5rem;
    padding-bottom:1rem
}
@media all and (min-width:800px){
    footer .footer-bottom .container{
        flex-direction:row
    }
}
footer .footer-bottom .container .footer-logos{
    gap:.75rem;
    margin-bottom:1rem;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-template-rows:auto
}
footer .footer-bottom .container .footer-logos li{
    margin-bottom:0;
    text-align:center
}
footer .footer-bottom .container .footer-logos li img{
    mix-blend-mode:luminosity;
    opacity:.3;
    width:auto;
    object-fit:contain;
    max-width:204px;
    max-height:2rem
}
footer .footer-bottom .container .footer-logos li img.gamble-aware{
    height:1rem
}
footer .footer-bottom .container .footer-logos li img.dcma{
    height:2rem
}
footer .footer-bottom .container .footer-logos li img.gamcare{
    height:1.5rem
}
footer .footer-bottom .container .footer-logos li img.gamstop{
    height:2rem
}
footer .footer-bottom .container .footer-logos li img.play-responsibly{
    height:1.875rem
}
footer .footer-bottom .container .footer-logos li:last-child{
    grid-column:1/-1
}
@media all and (min-width:800px){
    footer .footer-bottom .container .footer-logos{
        gap:2rem
    }
}
@media all and (min-width:820px){
    footer .footer-bottom .container .footer-logos{
        grid-template-columns:repeat(5,max-content)
    }
}
@media all and (min-width:414px){
    footer .footer-bottom .container .footer-logos{
        grid-template-columns:repeat(4,1fr)
    }
    footer .footer-bottom .container .footer-logos li{
        text-align:center
    }
    footer .footer-bottom .container .footer-logos li:last-child{
        grid-column:1/-1;
        text-align:center
    }
}
footer .footer-bottom .container .footer-rights-reserved{
    font-size:.875rem;
    margin-bottom:0;
    line-height:1.25rem;
    color:#58595B
}
@media all and (max-width:767px){
    footer .footer-bottom{
        text-align:left
    }
}
@media all and (min-width:992px){
    .tooltip-element .tooltip-modal.show{
        display:block;
        opacity:1;
        transform:translateX(-50%);
        left:50%;
        animation:tooltipDropdown all .25s cubic-bezier(.45,.26,0,1)
    }
}
@keyframes tooltipDropdown{
    from{
        opacity:.5;
        top:.75rem
    }
    to{
        opacity:1;
        top:1.125rem
    }
}
.accordion .accordion-trigger{
    cursor:pointer
}
.accordion .accordion-trigger span{
    pointer-events:none;
    transition:all .25s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .25s cubic-bezier(.45,.26,0,1)
}
.accordion .accordion-trigger span.rotate{
    transform:rotate(-180deg)
}
.accordion .accordion-trigger:has(.accordion-trigger-text){
    gap:.25rem
}
.accordion .accordion-trigger .accordion-trigger-text{
    display:flex;
    flex-wrap:nowrap;
    align-items:center
}
.accordion .accordion-trigger>*{
    pointer-events:none
}
.accordion .accordion-element.show{
    padding-top:1rem;
    opacity:1;
    visibility:visible;
    max-height:500px;
    overflow:auto;
    -ms-overflow-style:none;
    scrollbar-width:none
}
.accordion .accordion-element li a{
    transition:all .25s cubic-bezier(.45,.26,0,1);
    transition:all .25s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .25s cubic-bezier(.45,.26,0,1)
}
.accordion .accordion-element li a:hover{
    color:#0969f9
}
.accordion .accordion-element li:last-child{
    margin-bottom:0
}
.accordion:last-child{
    margin-right:0
}
.dropdown .dropdown-trigger{
    cursor:pointer
}
.dropdown .dropdown-trigger .icon-chevron-down-regular{
    font-size:.5rem;
    margin-left:.375rem;
    transition:all .25s cubic-bezier(.45,.26,0,1);
    transform:rotate(0);
    transform-origin:center;
    pointer-events:none
}
.dropdown .dropdown-trigger .icon-chevron-down-regular.rotate{
    transform:rotate(-180deg)
}
.dropdown .dropdown-element{
    transition:all .25s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .25s cubic-bezier(.45,.26,0,1)
}
.dropdown .dropdown-element li a{
    transition:all all .25s cubic-bezier(.45,.26,0,1)
}
.dropdown .dropdown-element li a:hover{
    background:#e8f2ff;
    color:#0969f9
}
.dropdown .dropdown-element.show{
    opacity:1;
    z-index:100;
    max-height:max-content;
    height:max-content;
    top:calc(100% + .5rem);
    box-shadow:rgba(88,102,126,.08) 0 4px 24px,rgba(88,102,126,.12) 0 1px 2px;
    background-color:#fff;
    visibility:visible
}
.review-link .dropdown-trigger{
    color:#0969f9
}
#breadcrumbs:last-child{
    margin-bottom:0
}
#breadcrumbs nav .breadcrumb-element a:hover{
    color:#04419c
}
#breadcrumbs nav .breadcrumb-element .icon-home-lg-alt-light{
    display:inline-block;
    margin-right:10px;
    color:#0969f9
}
#breadcrumbs nav .breadcrumb-element:last-child a{
    color:#222
}
.expand-section .trigger{
    cursor:pointer
}
.expand-section .trigger>*{
    pointer-events:none
}
.expand-section .triggers{
    display:flex;
    justify-content:center;
    grid-column:1/-1
}
.expand-section .triggers .trigger{
    display:flex;
    align-items:center;
    text-decoration:none;
    color:#0969f9
}
.expand-section .triggers .blue-full-lighter.trigger{
    display:flex;
    align-items:center;
    text-decoration:none;
    color:#0969f9
}
.expand-section .expand-element ol,.expand-section .expand-element ul{
    margin-top:0;
    margin-bottom:1rem
}
.expand-section .expand-element ul:not(.splide__pagination,.bonuses-list){
    margin:0;
    margin-bottom:1rem;
    padding-left:1rem;
    list-style-type:disc
}
.expand-section .expand-element ul li{
    font-family:"Roboto",sans-serif;
    margin-bottom:.875rem;
    position:relative;
    padding-top:0;
    font-size:.875rem
}
.expand-section .expand-element ul li:last-child{
    margin-bottom:0
}
.expand-section .expand-element ul li.no-collapse{
    padding:.625rem
}
@media all and (min-width:540px){
    .expand-section .expand-element ul li.no-collapse{
        padding:1rem
    }
}
.expand-section .expand-element ul li a{
    text-decoration:none
}
.expand-section .expand-element ul li.bonus-component{
    padding:.75rem
}
@media all and (min-width:992px){
    .expand-section .expand-element ul li.bonus-component{
        padding-top:1rem
    }
}
.expand-section .expand-element ul.red li:before{
    background-color:#e91010
}
.expand-section.show p:first-child{
    margin-bottom:1rem
}
.expand-section.show .expand-element{
    height:auto;
    opacity:1;
    display:grid;
    margin-top:1rem
}
.black-text{
    color:#020202
}
body .cookie-banner p a{
    font-size:.625rem;
    line-height:13px
}
body .cookie-banner.cookie-fade{
    display:none
}
body .cookie-banner .cookie-hide,body .cookie-banner.cookie-hide{
    display:none
}
.section-faq .accordion{
    box-shadow:0 6px 8px -6px rgba(24,39,75,.1215686275),0 0 1px 0 rgba(10,16,32,.1607843137);
    background:#fff;
    margin-bottom:.875rem;
    border-radius:.5rem
}
.section-faq .accordion:last-child{
    margin-bottom:0
}
.section-faq .accordion .accordion-trigger{
    justify-content:space-between;
    font-size:1rem;
    padding:1rem .75rem;
    line-height:1.25rem;
    font-family:"Roboto",sans-serif;
    font-weight:700
}
@media all and (min-width:576px){
    .section-faq .accordion .accordion-trigger{
        padding:1.25rem
    }
}
.section-faq .accordion .accordion-trigger .arrow-accordion{
    font-size:1rem;
    color:#0969f9
}
.section-faq .accordion .accordion-element{
    padding-left:.75rem;
    padding-right:.75rem
}
@media all and (min-width:576px){
    .section-faq .accordion .accordion-element{
        padding-left:1.25rem;
        padding-right:1.25rem
    }
}
.section-faq .accordion .accordion-element p{
    font-family:"Roboto",sans-serif;
    font-size:.75rem
}
.section-faq .accordion .accordion-element p:last-child{
    margin-bottom:0
}
.section-faq .accordion .accordion-element.show{
    padding-top:0;
    padding-bottom:1rem
}
.author-section{
    display:grid;
    grid-template-columns:auto;
    grid-template-rows:auto;
    align-items:flex-start;
    gap:1.25rem;
    margin-bottom:1.5rem;
    margin-top:1.875rem
}
.author-section .author-element{
    display:grid;
    grid-template-columns:88px 1fr;
    grid-template-rows:auto;
    column-gap:.625rem;
    row-gap:1rem;
    grid-column:1/-1;
    align-items:center;
    justify-items:flex-start;
    border-radius:.5rem;
    background:#fff;
    box-shadow:0 6px 8px -6px rgba(24,39,75,.12),0 0 1px 0 rgba(10,16,32,.16);
    padding:1rem .75rem
}
.author-section .author-element .author-element-img{
    border-radius:50%;
    overflow:hidden;
    width:88px;
    height:88px
}
.author-section .author-element .author-element-img img{
    width:100%;
    height:100%
}
.author-section .author-element .author-element-info{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column
}
.author-section .author-element .author-element-info .edited{
    color:rgba(2,2,2,.72);
    font-family:"Roboto",sans-serif;
    font-size:.75rem;
    font-style:normal;
    font-weight:400;
    line-height:1.25rem
}
.author-section .author-element .author-element-info .author-title{
    margin-top:.375rem;
    margin-bottom:.625rem;
    color:#020202;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    line-height:1;
    font-size:1rem;
    font-style:normal;
    line-height:normal;
    text-decoration-line:underline;
    text-underline-offset:3px;
    transition:all .25s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .25s cubic-bezier(.45,.26,0,1)
}
.author-section .author-element .author-element-info .author-title:hover{
    text-decoration-color:#0969F9
}
.author-section .author-element .author-element-info .author-type{
    font-size:.75rem;
    color:#020202;
    line-height:1.2rem
}
.author-section .author-element .author-social{
    width:max-content;
    grid-column:1;
    line-height:0
}
.author-section .author-element .author-social .author-social-link{
    font-size:1.5rem;
    display:inline-block;
    margin-right:1rem;
    opacity:.75;
    line-height:0
}
.author-section .author-element .author-social .author-social-link:active,.author-section .author-element .author-social .author-social-link:hover{
    opacity:1
}
.author-section .author-element .author-social .author-social-link span{
    font-size:inherit
}
.author-section .author-element .author-social .author-social-link:last-child{
    margin-right:0
}
.author-section .author-element .author-description{
    grid-column:1/-1;
    margin-bottom:0;
    font-size:.875rem;
    line-height:28px;
    padding-top:.875rem;
    border-top:1px solid rgba(151,151,151,.2)
}
@media all and (min-width:768px){
    .author-section .author-element{
        row-gap:.875rem;
        padding:1.25rem
    }
    .author-section .author-element .author-social{
        width:100%;
        grid-column:1/-1
    }
}
.general-accordion-section{
    background-color:#fff;
    padding:1rem;
    border-radius:.25rem;
    gap:1rem
}
.general-accordion-section-title.accordion-trigger{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row
}
.general-accordion-section-title .accordion-trigger-text,.general-accordion-section-title-text{
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:.875rem;
    line-height:1.125rem;
    color:#020202
}
.general-accordion-section-title .accordion-trigger-text{
    text-decoration:none;
    text-align:end
}
.general-accordion-section-title .accordion-trigger-text .icon-expand{
    margin-left:6px;
    font-size:13px
}
.general-accordion-section .accordion-element{
    scrollbar-width:none;
    -ms-overflow-style:none
}
.general-accordion-section .accordion-element::-webkit-scrollbar{
    width:0;
    height:0
}
.general-accordion-section-content .shadow-trace{
    display:none
}
.general-accordion-section-content .shadow-trace.shadow{
    height:52px;
    width:100%;
    display:block;
    position:absolute;
    bottom:0;
    right:0;
    left:0;
    background:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%);
    z-index:3;
    pointer-events:none
}
.general-accordion-section-content p:last-child{
    margin-bottom:0
}
.general-accordion-section-content-wrapper:not(.splide__pagination,.bonuses-list){
    margin:0;
    margin-bottom:1rem;
    padding-left:1rem;
    list-style-type:disc
}
.general-accordion-section-content-wrapper li.no-collapse{
    padding:.625rem
}
@media all and (min-width:540px){
    .general-accordion-section-content-wrapper li.no-collapse{
        padding:1rem
    }
}
.general-accordion-section-content-wrapper li.bonus-component{
    padding:.75rem
}
@media all and (min-width:992px){
    .general-accordion-section-content-wrapper li.bonus-component{
        padding-top:1rem
    }
}
.general-accordion-section-content-wrapper.red li:before{
    background-color:#e91010
}
.general-accordion-section-content-wrapper li.toc-list-item::marker{
    color:#0969f9
}
.lightbox-gallery-wrapper{
    margin-bottom:2rem
}
.lightbox-gallery-wrapper:last-child{
    margin-bottom:0
}
.lightbox-gallery-wrapper .lightbox-gallery-list{
    width:calc(100vw - .625rem - .625rem)
}
.lightbox-gallery-wrapper .lightbox-gallery-list:not(.section-gallery .lightbox-gallery-list){
    display:grid;
    grid-auto-flow:column;
    justify-content:flex-start;
    gap:.75rem
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element{
    height:140px;
    width:140px;
    cursor:pointer;
    position:relative
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element>*{
    pointer-events:none
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element:hover::before{
    background:rgba(1,59,117,.5)
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element:hover::after{
    opacity:1
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element::after{
    content:"\e9d3";
    font-family:icomoon;
    position:absolute;
    top:.75rem;
    right:.75rem;
    font-size:.5rem;
    padding:.35rem;
    color:#fff;
    transition:all .25s cubic-bezier(.45,.26,0,1);
    pointer-events:none;
    background:#0969f9;
    width:1.25rem;
    height:1.25rem;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
    background:rgba(1,59,117,0);
    transition:all .25s cubic-bezier(.45,.26,0,1);
    pointer-events:none
}
.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element img{
    border-radius:.25rem;
    height:140px;
    width:140px;
    object-fit:cover
}
@media all and (min-width:576px){
    .lightbox-gallery-wrapper .lightbox-gallery-list{
        width:calc(100vw - 2rem - 2rem)
    }
    .lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element{
        width:120px;
        height:120px
    }
    .lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element img{
        height:120px;
        width:120px
    }
}
@media all and (min-width:992px){
    .lightbox-gallery-wrapper .lightbox-gallery-list{
        width:100%
    }
}
.lightbox-gallery-wrapper .lightbox-gallery-list::-webkit-scrollbar{
    width:1.25rem
}
.lightbox-gallery-wrapper .lightbox-gallery-list::-webkit-scrollbar-thumb{
    background-color:#bbb;
    border-radius:1.25rem;
    border:3px solid #e6e6e6
}
.lightbox-gallery-wrapper .lightbox-gallery-list::-webkit-scrollbar-track{
    background:#e6e6e6;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px
}
.lightbox-container{
    transition:all .25s cubic-bezier(.45,.26,0,1)
}
.lightbox-container .lightbox-image-wrapper{
    transition:all .25s cubic-bezier(.45,.26,0,1)
}
.lightbox-container .lightbox-image-wrapper .icon-times-regular{
    height:1.5rem;
    width:1.5rem;
    background:#fff;
    display:grid;
    place-items:center;
    position:absolute;
    top:-40px;
    right:0;
    border-radius:50%;
    cursor:pointer;
    transition:all .25s cubic-bezier(.45,.26,0,1);
    border:1px solid rgba(151,151,151,.2);
    opacity:.75
}
.lightbox-container .lightbox-image-wrapper .icon-times-regular::before{
    color:#020202;
    font-size:1rem
}
.lightbox-container .lightbox-image-wrapper .icon-times-regular:active{
    transform:scale(.95)
}
.lightbox-container .lightbox-image-wrapper .icon-times-regular:hover{
    opacity:1;
    transition:all .25s cubic-bezier(.45,.26,0,1)
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn{
    cursor:pointer;
    transition:all .25s cubic-bezier(.45,.26,0,1)
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.right:hover{
    right:-25px
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.right:focus{
    background:#e8f2ff;
    opacity:1
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.left:hover{
    left:-25px
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.left:focus{
    background:#e8f2ff;
    opacity:1
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn:hover{
    background:#e8f2ff;
    opacity:1
}
.lightbox-container .lightbox-image-wrapper .lightbox-btn.inactive{
    opacity:0;
    pointer-events:none
}
.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet{
    background:rgba(1,59,117,.35);
    width:1rem;
    height:1rem;
    border-radius:50%;
    cursor:pointer;
    transition:all .25s cubic-bezier(.45,.26,0,1)
}
.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet:active{
    transform:scale(.95)
}
.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet:hover{
    background:rgba(1,59,117,.65)
}
.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet.active{
    background:#0969f9
}
.lightbox-container.active{
    visibility:visible;
    opacity:1;
    z-index:999;
    display:flex;
    justify-content:center
}
.lightbox-container.active .lightbox-image-wrapper{
    position:relative;
    top:0
}
.bonus-component.blue-border{
    border:1px solid #0969f9
}
.bonus-component.pink-border{
    border:1px solid #db00c5
}
.bonus-component.expired .casino-bonus-title{
    background:#f0f0f0
}
.bonus-component.expired .btn-and-badges-wrapper .badge-item-copy{
    pointer-events:none;
    border:1px dashed #bdbdbd
}
.bonus-component.expired .btn-and-badges-wrapper .badge-item-copy .badge-item-value{
    color:#9a9a9a
}
.bonus-component.expired .btn-and-badges-wrapper .action-buttons .button{
    background-color:#bdbdbd
}
.bonus-component .btn-and-badges-wrapper .badge-item-copy{
    border:1px dashed rgba(226,14,0,.4);
    margin-right:0;
    padding:.375rem .5rem
}
@media all and (min-width:576px){
    .bonus-component .btn-and-badges-wrapper .badge-item-copy{
        padding:.5rem
    }
}
.bonus-component .btn-and-badges-wrapper .info-below-play{
    font-size:11px;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    line-height:normal;
    margin-bottom:0;
    opacity:.8;
    color:#07af5e;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row
}
.bonus-component .casino-name a{
    font-family:inherit;
    font-size:inherit
}
.bonus-component .casino-rating .modal-content .rating-value{
    width:1rem
}
.bonus-component .casino-rating .casino-main-text>*{
    pointer-events:none
}
.bonus-component .casino-rating .casino-main-text .casino-main-rating .icon-info{
    margin-left:2px
}
.bonus-component .casino-rating .casino-main-text .casino-main-rating .icon-info::before{
    color:#0969f9
}
.bonus-component .casino-rating .stars-container .rating-stars{
    pointer-events:none
}
.bonus-component .casino-rating .stars-container .rating-stars .icon-star-solid{
    pointer-events:inherit
}
.bonus-component .casino-rating .stars-container .rating-stars-text{
    pointer-events:none
}
.bonus-component .casino-rating .stars-container .rating-stars-text .rating{
    pointer-events:inherit
}
.bonus-component .casino-rating .tooltip-modal{
    transition:none
}
.bonus-component .casino-rating .tooltip-modal .modal-close{
    color:#020202;
    margin-bottom:0
}
@media all and (min-width:992px){
    .bonus-component .casino-rating .tooltip-modal .modal-close{
        top:0;
        right:0
    }
}
.bonus-component .casino-rating .tooltip-modal .dropdown-read-review,.bonus-component .casino-rating .tooltip-modal .dropdown-stats-list{
    margin-left:.5rem;
    margin-right:.5rem
}
.bonus-component .casino-rating .tooltip-modal h4{
    margin-bottom:.375rem;
    line-height:1.25rem;
    padding-left:.5rem
}
.bonus-component .casino-rating .tooltip-modal .rating-modal{
    padding-left:.5rem;
    padding-right:.5rem;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    margin-bottom:1rem;
    line-height:.875rem
}
.bonus-component .casino-rating .tooltip-modal .rating-modal .icon-star-solid{
    margin-right:.25rem
}
.bonus-component .casino-rating .tooltip-modal .rating-modal .rating-value{
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:.75rem;
    color:#0969f9;
    width:max-content;
    margin-right:.125rem
}
.bonus-component .casino-rating .tooltip-modal .rating-modal .rating-total{
    font-family:"Roboto",sans-serif;
    font-size:.75rem;
    color:#020202
}
.bonus-component .casino-rating .dropdown-element-hover{
    width:max-content;
    top:100%;
    bottom:unset
}
.bonus-component .casino-rating:hover .dropdown-element-hover{
    top:calc(100% - 1px)
}
.bonus-component .list-style{
    display:grid;
    gap:.75rem
}
.bonus-component .list-style .item{
    display:grid;
    grid-auto-flow:column;
    justify-content:space-between;
    gap:.5rem
}
.bonus-component .list-style .item .title-item{
    margin-bottom:0;
    margin-top:0;
    color:#020202;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:.75rem
}
.bonus-component .list-style .item .value{
    color:#0969f9;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:.75rem;
    text-align:right
}
@media all and (min-width:992px){
    .bonus-component .terms-conditions{
        border-top:none;
        padding-top:0
    }
}
.bonus-component .terms-conditions .terms-small{
    font-size:11px;
    line-height:.875rem;
    display:block;
    opacity:.7;
    color:#020202
}
.bonus-component .terms-conditions .terms-small a{
    text-decoration:underline;
    color:#020202
}
.bonus-component .terms-conditions .terms-small.text-left{
    text-align:left
}
.bonus-component .terms-conditions .terms-small .terms-small .modal-trigger{
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#222
}
.bonus-component .terms-conditions .terms-small .terms-and-cond-trigger{
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#222;
    cursor:pointer
}
.bonus-component .terms-conditions .overlay-modal{
    position:absolute;
    border-radius:8px;
    transition:all .35s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .35s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .35s cubic-bezier(.45,.26,0,1)
}
.bonus-component .terms-conditions.modal-active .overlay-modal{
    transition:all .35s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .35s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .35s cubic-bezier(.45,.26,0,1);
    background-color:rgba(0,0,0,.6);
    height:100%;
    width:100%;
    z-index:3;
    top:0;
    left:0
}
.bonus-component .terms-conditions .terms-cond-modal{
    position:absolute;
    width:100%;
    left:50%;
    transform:translate(-50%);
    height:0;
    opacity:0;
    padding:1rem;
    overflow-y:auto;
    border-radius:8px;
    bottom:-2rem;
    transition:all .35s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .35s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .35s cubic-bezier(.45,.26,0,1)
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar{
    width:.625rem;
    height:.625rem;
    background-color:#f5f5f5
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-thumb{
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    background-color:#d9d9d9
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-track{
    box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    border-radius:10px;
    background-color:#f5f5f5
}
.bonus-component .terms-conditions .terms-cond-modal.show{
    box-shadow:0 5px 40px 0 rgba(0,0,0,.0392156863);
    background-color:#fff;
    max-height:25vh;
    height:max-content;
    bottom:0;
    opacity:1;
    z-index:4
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    margin-bottom:1rem
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-header .modal-title-text{
    font-size:.875rem;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    line-height:1.125rem;
    color:#020202
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-body p{
    font-size:13px;
    line-height:1.25rem
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-body p:last-child{
    margin-bottom:0
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-close{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    background:#ebebeb;
    border:none;
    border-radius:50%;
    height:1.25rem;
    width:1.25rem;
    cursor:pointer;
    padding:.5rem
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-close span{
    font-size:.875rem;
    color:#616163;
    pointer-events:none
}
.bonus-component .tab-wrapper .tab{
    gap:.5rem;
    border-bottom:1px solid #f0f0f0;
    border-top:1px solid #f0f0f0;
    padding:.75rem 0;
    cursor:pointer;
    font-size:.875rem
}
.bonus-component .tab-wrapper .tab.highlighted{
    border-bottom:1px solid rgba(9,105,249,.2);
    border-top:1px solid rgba(9,105,249,.2);
    position:relative
}
.bonus-component .tab-wrapper .tab .tab-item{
    font-family:"Roboto",sans-serif;
    letter-spacing:.25px
}
.bonus-component .tab-wrapper .tab p,.bonus-component .tab-wrapper .tab span{
    font-size:.75rem;
    margin-bottom:0;
    color:#0969f9
}
.bonus-component .tab-wrapper .tab .arrow-tabs{
    color:#0969f9;
    font-size:.875rem;
    padding:.25rem
}
.bonus-component .tab-wrapper .tab-content-text{
    transition:none
}
.bonus-component .tab-wrapper .tab-content-text.bonus-explained ul li{
    font-size:13px;
    line-height:1rem
}
.bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width:100%;
    position:relative
}
@media all and (min-width:992px){
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal{
        border:none;
        padding-bottom:1rem
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal .dropdown-element-hover{
        width:31.25rem;
        top:100%;
        bottom:unset
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal:hover .dropdown-element-hover{
        top:calc(100% + .5rem)
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal .dropdown-element-hover{
        left:50%;
        transform:translateX(-50%)
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal .dropdown-element-hover .dropdown-stats-list .dropdown-stats-item .rating-bar .rating-value{
        width:2.5rem
    }
}
.bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .claim-bonus-heading{
    color:#020202;
    font-size:.75rem;
    line-height:1rem;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    margin-bottom:.5rem
}
.bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .modal-content .rating-value{
    width:2.5rem
}
.bonus-component .tab-wrapper .tab-content-text.casino-main-review.show{
    display:grid
}
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .cons ol,.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .pros ol{
    font-size:.875rem
}
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .cons ol li,.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .pros ol li{
    font-family:"Roboto",sans-serif
}
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .review-container span{
    font-size:.875rem;
    line-height:1.25rem;
    font-family:"Roboto",sans-serif;
    color:#020202;
    opacity:.8;
    margin-bottom:.875rem;
    display:block
}
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .title-verdict .tooltip-element{
    padding-bottom:1rem
}
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .modal-content .rating-value{
    width:2.5rem
}
@media all and (min-width:992px){
    .bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .tooltip-modal{
        left:50%;
        transform:translateX(-50%)
    }
    .bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .tooltip-modal .dropdown-stats-list .dropdown-stats-item .rating-bar .rating-value{
        width:2.25rem
    }
}
.bonus-component .tab-wrapper .tab-content-text.show{
    margin-top:-1px;
    box-shadow:none;
    border-bottom:none;
    padding-bottom:.5rem;
    padding-top:.5rem
}
.bonus-component .tab-wrapper .tab-content-text.show.casino-main-review{
    border-bottom:none;
    padding-bottom:0
}
.bonus-component .tab-wrapper .tab-content-text.show .division-list{
    gap:0
}
.bonus-component .tab-wrapper .tab-content-text.show .division-list .division{
    box-shadow:0 5px 40px 0 rgba(0,0,0,.04)
}
.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .cons,.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .pros{
    box-shadow:0 5px 40px 0 rgba(0,0,0,.04)
}
.bonus-component .tab-wrapper .tab-content-text.show .verdict-container{
    box-shadow:0 5px 40px 0 rgba(0,0,0,.04);
    font-size:.875rem
}
.bonus-component .tab-wrapper .tab-content-text.show{
    margin-top:-1px;
    box-shadow:none;
    border-bottom:none;
    padding-bottom:.5rem;
    padding-top:.5rem
}
.bonus-component .tab-wrapper .tab-content-text.show.casino-main-review{
    border-bottom:none;
    padding-bottom:0
}
.bonus-component .tab-wrapper .tab-content-text.show .division-list{
    gap:0
}
.bonus-component .tab-wrapper .tab-content-text.show .division-list .division{
    box-shadow:0 5px 40px 0 rgba(0,0,0,.04)
}
.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .cons,.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .pros{
    box-shadow:0 5px 40px 0 rgba(0,0,0,.04)
}
.bonus-component .tab-wrapper .tab-content-text.show .verdict-container{
    box-shadow:0 5px 40px 0 rgba(0,0,0,.04);
    font-size:.875rem
}
.bonus-component .tab-wrapper .tab-content-text .payment-methods-wrapper{
    display:grid;
    grid-auto-flow:column;
    gap:.5rem
}
.bonus-component .tab-wrapper .tab-content-text .payment-methods-wrapper img{
    height:38px;
    width:auto
}
.bonus-component .tab-wrapper .tab-content-text ol{
    margin:0
}
.bonus-component .tab-wrapper .tab-content-text h3,.bonus-component .tab-wrapper .tab-content-text h4{
    margin:0
}
@media all and (min-width:992px){
    .bonus-component .tab-wrapper .tab-content-text.casino-details{
        padding-bottom:1rem
    }
}
@media all and (min-width:992px){
    .bonus-component .tab-wrapper .tab-content-text.show{
        margin-top:0;
        border-bottom:1px solid rgba(151,151,151,.2);
        padding-bottom:0;
        padding-top:0
    }
    .bonus-component .tab-wrapper .tab-content-text.show .division-list{
        gap:1rem
    }
    .bonus-component .tab-wrapper .tab-content-text.show .division-list .division{
        box-shadow:0 5px 40px rgba(0,0,0,.04)
    }
    .bonus-component .card-wrapper .card-wrapper-title{
        font-size:.875rem
    }
    .bonus-component .btn-and-badges-wrapper .info-below-play{
        font-size:.75rem
    }
    .bonus-component .casino-bonus-title{
        border-radius:5px;
        padding:.875rem .5rem
    }
    .bonus-component .tooltip-modal{
        left:0;
        z-index:9;
        font-size:.75rem;
        line-height:1rem;
        color:#020202;
        padding:1rem;
        width:31.25rem
    }
    .bonus-component .tooltip-modal .dropdown-element-hover{
        width:max-content;
        top:100%;
        bottom:unset
    }
    .bonus-component .tooltip-modal:hover .dropdown-element-hover{
        top:calc(100% - 1px)
    }
    .bonus-component .tooltip-modal ul{
        display:grid;
        gap:.625rem
    }
    .bonus-component .tooltip-modal ul li{
        line-height:1.25rem
    }
}
.bonus-component .division-list .division .tooltip-trigger .title{
    pointer-events:none
}
.bonus-component .division-list .division .tooltip-trigger .question-mark-container{
    pointer-events:none
}
.bonus-component .division-list .division .tooltip-trigger .question-mark-container .question-mark{
    pointer-events:none;
    pointer-events:none
}
@media all and (min-width:992px){
    .bonus-component .division-list .division .tooltip-modal{
        width:100%;
        top:calc(100% + .5rem)
    }
    .bonus-component .division-list .division .tooltip-modal .modal-close{
        color:#020202;
        margin-bottom:0;
        top:0;
        right:0
    }
}
.bonus-component .division-item .title .dropdown .dropdown-element{
    padding:.5rem
}
.bonus-component .division-item .title .dropdown .dropdown-element ol li,.bonus-component .division-item .title .dropdown .dropdown-element ul li{
    font-family:"Roboto",sans-serif
}
.bonus-component .division-item.division-item-more{
    position:relative
}
.bonus-component .division-item.division-item-more .division-val{
    margin-left:auto;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:90px
}
@media all and (min-width:1010px) and (max-width:1140px){
    .bonus-component .division-item.division-item-more .division-val{
        max-width:75px
    }
}
@media all and (min-width:992px) and (max-width:1010px){
    .bonus-component .division-item.division-item-more .division-val{
        max-width:66px
    }
}
@media all and (min-width:992px){
    .bonus-component .division-item.division-item-more .division-val{
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:110px
    }
}
@media all and (min-width:576px){
    .bonus-component .division-item.division-item-more .division-val{
        overflow:visible;
        text-overflow:initial;
        max-width:unset
    }
}
.bonus-component .bonus-modal .modal-content{
    width:90vw;
    padding:.875rem;
    max-height:80vh;
    height:auto;
    background:#fff;
    border-radius:8px;
    overflow-y:auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar{
    width:.625rem;
    height:.625rem;
    background-color:#f5f5f5
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-thumb{
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    background-color:#d9d9d9
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-track{
    box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    border-radius:10px;
    background-color:#f5f5f5
}
@media all and (min-width:576px){
    .bonus-component .bonus-modal .modal-content{
        width:75vw;
        padding:1.5rem
    }
}
.bonus-component .tooltip-modal .modal-content .modal-close{
    margin-bottom:0;
    top:1.25rem;
    right:1rem
}
.bonus-component .tooltip-modal .modal-content .modal-close::before{
    color:#020202
}
.bonus-component .tooltip-modal .modal-content .bonus-tooltip-details{
    margin-top:1.25rem
}
.bonus-component .tooltip-modal .modal-content .bonus-tooltip-details .division-item{
    padding:.875rem 0;
    border-top:1px solid #f0f0f0;
    box-shadow:none;
    font-size:.875rem;
    margin-bottom:0
}
.bonus-component .tooltip-modal .modal-content .bonus-tooltip-details .division-item:last-child{
    padding-bottom:0
}
.bonus-component .tooltip-modal .modal-content h4{
    color:#020202;
    font-size:1rem
}
.bonus-component .dropdown-trigger,.bonus-component .dropdown-trigger-hover{
    cursor:pointer
}
.bonus-component .dropdown-trigger .icon-info,.bonus-component .dropdown-trigger-hover .icon-info{
    font-size:.875rem;
    pointer-events:none;
    font-family:icomoon
}
.bonus-component .dropdown-trigger .icon-info::before,.bonus-component .dropdown-trigger-hover .icon-info::before{
    color:#0969f9
}
.bonus-component .card-wrapper{
    border-radius:.25rem;
    overflow:hidden
}
.bonus-component .card-wrapper:last-child .bonus-slider{
    margin-bottom:-.5rem
}
.bonus-component .card-wrapper .splide .splide__arrow{
    background:0 0
}
.bonus-component .card-wrapper .splide .splide__arrow svg{
    fill:#0969F9
}
.bonus-component .card-wrapper .card-wrapper-title{
    font-size:13px;
    margin-bottom:.75rem;
    line-height:1.125rem;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#020202
}
.bonus-component .card-wrapper .card-list{
    list-style:none;
    margin:0;
    padding:0;
    height:87px
}
.bonus-component .card-wrapper .card-list .card-list-element{
    background:#fff;
    border-radius:.25rem;
    padding:.5rem;
    font-size:13px;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#222;
    text-align:center;
    line-height:1.125rem;
    margin-bottom:0;
    width:140px!important;
    height:67px;
    box-shadow:0 5px 40px 0 rgba(0,0,0,.039);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
@media all and (min-width:992px){
    .bonus-component .card-wrapper .card-list .card-list-element{
        font-size:.75rem
    }
}
.bonus-component .card-wrapper .card-list .card-list-element .card-title{
    font-size:inherit;
    margin-bottom:0;
    line-height:1rem;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    color:#020202
}
.bonus-component .card-wrapper .card-list .card-list-element::before{
    display:none
}
.bonus-component .card-wrapper .card-list .card-list-element img{
    height:2rem;
    margin-bottom:.25rem
}
.bonus-component .card-wrapper.no-title{
    margin-bottom:0
}
.bonus-component .card-wrapper.no-title .bonus-slider{
    height:3.5rem;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.bonus-component .card-wrapper.no-title .bonus-slider::-webkit-scrollbar{
    width:0;
    height:0
}
.bonus-component .card-wrapper.no-title .bonus-slider::after{
    height:2.25rem
}
.bonus-component .card-wrapper.no-title .bonus-slider .splide__arrow{
    top:17px
}
.bonus-component .card-wrapper.no-title .bonus-slider .splide__arrow::before{
    height:2.25rem
}
.bonus-component .card-wrapper.no-title .bonus-slider .card-list{
    height:3.5rem
}
.bonus-component .card-wrapper.no-title .bonus-slider .card-list .card-list-element{
    width:3.75rem!important;
    height:2.25rem
}
.bonus-component .card-wrapper.no-title .bonus-slider .card-list .card-list-element img{
    height:2.25rem;
    margin-bottom:0
}
.bonus-component .bonus-slider{
    scrollbar-width:none;
    -ms-overflow-style:none;
    margin-bottom:0
}
.bonus-component .bonus-slider::-webkit-scrollbar{
    width:0;
    height:0
}
.bonus-component .bonus-slider .lightbox-gallery-list .lightbox-gallery-element{
    width:10rem!important;
    height:6rem
}
.bonus-component .bonus-slider .lightbox-gallery-list .lightbox-gallery-element img{
    width:inherit;
    height:inherit
}
@media all and (min-width:576px){
    .bonus-component .bonus-slider .lightbox-gallery-list .lightbox-gallery-element{
        width:12.5rem!important;
        height:7.5rem
    }
}
.bonus-component .bonus-slider::after{
    height:2.25rem
}
.bonus-component .bonus-slider .splide__arrow{
    top:17px
}
.bonus-component .splide__arrows{
    transition:opacity .3s ease
}
.bonus-component .splide__arrows .splide__arrow{
    top:calc(50% - .5rem)
}
.bonus-component .splide__arrows .splide__arrow:disabled{
    opacity:0;
    pointer-events:none
}
.bonus-component .splide__arrows .splide__arrow::before{
    content:"";
    position:absolute;
    width:90px;
    height:67px;
    display:block;
    background:linear-gradient(-90deg,#fff 45%,rgba(247,247,247,0) 100%);
    z-index:-1
}
@media all and (min-width:992px){
    .bonus-component .splide__arrows .splide__arrow::before{
        background:linear-gradient(-90deg,#f7f7f7 45%,rgba(247,247,247,0) 100%)
    }
}
.bonus-component .splide__arrows .splide__arrow--prev::before{
    transform:scaleX(-1)
}
.bonus-component .splide:not(.is-overflow) .splide__arrows{
    display:none
}
.splide.is-initialized{
    overflow-x:hidden
}
.progress-red{
    background:#dc4b29
}
.progress-orange{
    background:#eba943
}
.progress-yellow{
    background:#e6ea24
}
.progress-green{
    background:#07af5e
}
.progress-blue{
    background:#0969f9
}
.dropdown-stats-list{
    display:grid;
    grid-template-columns:auto;
    grid-template-rows:auto;
    gap:.5rem
}
.dropdown-stats-list .dropdown-stats-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    position:relative;
    gap:.75rem
}
.dropdown-stats-list .dropdown-stats-item:not(:first-child):before{
    content:"";
    height:1px;
    width:100%;
    display:block;
    position:absolute;
    top:-5px;
    left:0
}
.dropdown-stats-list .dropdown-stats-item .rating-title{
    font-family:"Roboto",sans-serif;
    font-size:.75rem;
    line-height:1rem;
    text-align:left;
    color:#020202
}
.dropdown-stats-list .dropdown-stats-item .rating-bar{
    display:grid;
    grid-template-columns:auto auto;
    gap:.625rem;
    align-items:center
}
@media all and (max-width:300px){
    .dropdown-stats-list .dropdown-stats-item .rating-bar meter{
        width:3.75em
    }
}
.dropdown-stats-list .dropdown-stats-item .rating-bar .rating-value{
    font-family:"Roboto",sans-serif;
    font-weight:700;
    font-size:.75rem;
    line-height:1rem;
    text-align:right;
    color:#222;
    width:3rem;
    white-space:nowrap
}
.dropdown-read-review{
    margin-top:1rem;
    padding-top:.75rem;
    border-top:1px solid rgba(151,151,151,.2);
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    gap:.5rem
}
.dropdown-read-review .review-link{
    line-height:1rem;
    font-size:.75rem
}
@media all and (min-width:576px){
    .dropdown-read-review .review-link{
        font-size:.875rem
    }
}
.container-recommendation{
    width:max-content;
    height:35px;
    padding:0 1rem;
    display:grid;
    grid-auto-flow:column;
    gap:.5rem;
    align-items:center;
    background:#fff;
    box-shadow:0 5px 40px rgba(0,0,0,.04);
    border-radius:40px;
    position:static
}
.container-recommendation .dropdown-element-hover{
    width:max-content;
    top:100%;
    bottom:unset
}
.container-recommendation:hover .dropdown-element-hover{
    top:calc(100% + .5rem)
}
.container-recommendation.bonus-container-not-recommended,.container-recommendation.casino-container-not-recommended{
    border:1px solid #e91010
}
.container-recommendation.bonus-container-barely-recommended,.container-recommendation.casino-container-barely-recommended{
    border:1px solid #e95e10
}
.container-recommendation.bonus-container-recommended,.container-recommendation.casino-container-recommended{
    border:1px solid #1aa260
}
.container-recommendation.bonus-container-highly-recommended,.container-recommendation.casino-container-highly-recommended{
    border:1px solid #1aa260
}
.container-recommendation.bonus-container-strongly-recommended{
    border:1px solid #1aa260
}
.container-recommendation.bonus-container-excellent,.container-recommendation.casino-container-excellent{
    border:1px solid #1aa260
}
.container-recommendation .text-recommendation{
    font-size:.75rem;
    line-height:1rem;
    font-family:"Roboto",sans-serif;
    font-weight:500
}
.container-recommendation .text-recommendation.text-excellent{
    color:#1aa260
}
.container-recommendation .text-recommendation.text-strongly-recommended{
    color:#1aa260
}
.container-recommendation .text-recommendation.text-highly-recommended{
    color:#1aa260
}
.container-recommendation .text-recommendation.text-recommended{
    color:#1aa260
}
.container-recommendation .text-recommendation.text-barely-recommended{
    color:#e95e10
}
.container-recommendation .text-recommendation.text-not-recommended{
    color:#e91010
}
.container-recommendation .icon-recommendation{
    font-family:icomoon
}
.container-recommendation .icon-recommendation::before{
    font-family:icomoon
}
.container-recommendation .icon-recommendation.icon-excellent{
    color:#1aa260
}
.container-recommendation .icon-recommendation.icon-excellent::before{
    content:"\e90c"
}
.container-recommendation .icon-recommendation.icon-strongly-recommended{
    color:#1aa260
}
.container-recommendation .icon-recommendation.icon-strongly-recommended::before{
    content:"\e90c"
}
.container-recommendation .icon-recommendation.icon-highly-recommended{
    color:#1aa260
}
.container-recommendation .icon-recommendation.icon-highly-recommended::before{
    content:"\e90c"
}
.container-recommendation .icon-recommendation.icon-recommended{
    color:#1aa260
}
.container-recommendation .icon-recommendation.icon-recommended::before{
    content:"\e90c"
}
.container-recommendation .icon-recommendation.icon-barely-recommended{
    color:#e95e10
}
.container-recommendation .icon-recommendation.icon-barely-recommended::before{
    content:"\e93b"
}
.container-recommendation .icon-recommendation.icon-not-recommended{
    color:#e91010
}
.container-recommendation .icon-recommendation.icon-not-recommended::before{
    content:"\e93b"
}
.container-recommendation .icon-info{
    font-family:icomoon;
    color:#0969f9;
    font-size:.875rem
}
@media all and (min-width:576px){
    .container-recommendation{
        position:relative
    }
}
@media all and (max-width:350px){
    .container-recommendation{
        padding:.25rem .5rem
    }
}
.bonus-box-v1 .bonus-top-badges .main-badges-item:nth-child(3){
    display:none
}
.bonus-box-v1 .btn-and-badges-wrapper .badge-item-copy{
    border:1px dashed rgba(226,14,0,.4);
    margin-right:0;
    padding:.375rem .5rem
}
@media all and (min-width:576px){
    .bonus-box-v1 .btn-and-badges-wrapper .badge-item-copy{
        padding:.5rem
    }
}
.bonus-box-v1 .btn-and-badges-wrapper .main-badges{
    justify-self:flex-end
}
.bonus-box-v1 .btn-and-badges-wrapper .info-below-play{
    font-size:.75rem;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    line-height:normal;
    margin-bottom:0;
    opacity:.8;
    color:#07af5e;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row
}
.bonus-box-v1 .casino-specifications.tab-wrapper{
    gap:0
}
.bonus-box-v1 .casino-specifications.tab-wrapper .tab{
    width:100%;
    justify-content:space-between;
    border-top:0
}
.bonus-box-v1 .casino-specifications.tab-wrapper .tab:first-child{
    padding-top:0
}
.bonus-box-v1 .casino-specifications.tab-wrapper .tab:nth-last-child(2){
    border-bottom:none;
    padding-bottom:0
}
.bonus-box-v1 .casino-specifications.tab-wrapper .tab.highlighted{
    border-top:none;
    border-bottom:1px solid rgba(9,105,249,.2);
    padding-bottom:.75rem
}
.bonus-box-v1 .casino-specifications.tab-wrapper .tab .tab-item{
    color:#0969f9;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:.875rem
}
@media all and (min-width:992px){
    .bonus-box-v1 .bonus-top-badges .main-badges-item:nth-child(3){
        display:flex
    }
    .bonus-box-v1 .casino-specifications.tab-wrapper{
        gap:1rem
    }
    .bonus-box-v1 .casino-specifications.tab-wrapper .tab{
        justify-content:center
    }
    .bonus-box-v1 .casino-specifications.tab-wrapper .tab:first-child{
        padding-top:.75rem
    }
    .bonus-box-v1 .casino-specifications.tab-wrapper .tab:nth-last-child(2){
        border-bottom:1px solid #f0f0f0
    }
}
.bonus-component.blue-border{
    border:1px solid #0969f9
}
.bonus-component.pink-border{
    border:1px solid #db00c5
}
.bonus-component.expired .casino-bonus-title{
    background:#f0f0f0
}
.bonus-component.expired .btn-and-badges-wrapper .badge-item-copy{
    pointer-events:none;
    border:1px dashed #bdbdbd
}
.bonus-component.expired .btn-and-badges-wrapper .badge-item-copy .badge-item-value{
    color:#9a9a9a
}
.bonus-component.expired .btn-and-badges-wrapper .action-buttons .button{
    background-color:#bdbdbd
}
.bonus-component .btn-and-badges-wrapper .badge-item-copy{
    border:1px dashed rgba(226,14,0,.4);
    margin-right:0;
    padding:.375rem .5rem
}
@media all and (min-width:576px){
    .bonus-component .btn-and-badges-wrapper .badge-item-copy{
        padding:.5rem
    }
}
.bonus-component .btn-and-badges-wrapper .info-below-play{
    font-size:11px;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    line-height:normal;
    margin-bottom:0;
    opacity:.8;
    color:#07af5e;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row
}
.bonus-component .casino-name a{
    font-family:inherit;
    font-size:inherit
}
.bonus-component .casino-rating .modal-content .rating-value{
    width:1rem
}
.bonus-component .casino-rating .casino-main-text>*{
    pointer-events:none
}
.bonus-component .casino-rating .casino-main-text .casino-main-rating .icon-info{
    margin-left:2px
}
.bonus-component .casino-rating .casino-main-text .casino-main-rating .icon-info::before{
    color:#0969f9
}
.bonus-component .casino-rating .stars-container .rating-stars{
    pointer-events:none
}
.bonus-component .casino-rating .stars-container .rating-stars .icon-star-solid{
    pointer-events:inherit
}
.bonus-component .casino-rating .stars-container .rating-stars-text{
    pointer-events:none
}
.bonus-component .casino-rating .stars-container .rating-stars-text .rating{
    pointer-events:inherit
}
.bonus-component .casino-rating .tooltip-modal{
    transition:none
}
.bonus-component .casino-rating .tooltip-modal .modal-close{
    color:#020202;
    margin-bottom:0
}
@media all and (min-width:992px){
    .bonus-component .casino-rating .tooltip-modal .modal-close{
        top:0;
        right:0
    }
}
.bonus-component .casino-rating .tooltip-modal .dropdown-read-review,.bonus-component .casino-rating .tooltip-modal .dropdown-stats-list{
    margin-left:.5rem;
    margin-right:.5rem
}
.bonus-component .casino-rating .tooltip-modal h4{
    margin-bottom:.375rem;
    line-height:1.25rem;
    padding-left:.5rem
}
.bonus-component .casino-rating .tooltip-modal .rating-modal{
    padding-left:.5rem;
    padding-right:.5rem;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    margin-bottom:1rem;
    line-height:.875rem
}
.bonus-component .casino-rating .tooltip-modal .rating-modal .icon-star-solid{
    margin-right:.25rem
}
.bonus-component .casino-rating .tooltip-modal .rating-modal .rating-value{
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:.75rem;
    color:#0969f9;
    width:max-content;
    margin-right:.125rem
}
.bonus-component .casino-rating .tooltip-modal .rating-modal .rating-total{
    font-family:"Roboto",sans-serif;
    font-size:.75rem;
    color:#020202
}
.bonus-component .casino-rating .dropdown-element-hover{
    width:max-content;
    top:100%;
    bottom:unset
}
.bonus-component .casino-rating:hover .dropdown-element-hover{
    top:calc(100% - 1px)
}
.bonus-component .list-style{
    display:grid;
    gap:.75rem
}
.bonus-component .list-style .item{
    display:grid;
    grid-auto-flow:column;
    justify-content:space-between;
    gap:.5rem
}
.bonus-component .list-style .item .title-item{
    margin-bottom:0;
    margin-top:0;
    color:#020202;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:.75rem
}
.bonus-component .list-style .item .value{
    color:#0969f9;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:.75rem;
    text-align:right
}
@media all and (min-width:992px){
    .bonus-component .terms-conditions{
        border-top:none;
        padding-top:0
    }
}
.bonus-component .terms-conditions .terms-small{
    font-size:11px;
    line-height:.875rem;
    display:block;
    opacity:.7;
    color:#020202
}
.bonus-component .terms-conditions .terms-small a{
    text-decoration:underline;
    color:#020202
}
.bonus-component .terms-conditions .terms-small.text-left{
    text-align:left
}
.bonus-component .terms-conditions .terms-small .terms-small .modal-trigger{
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#222
}
.bonus-component .terms-conditions .terms-small .terms-and-cond-trigger{
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#222;
    cursor:pointer
}
.bonus-component .terms-conditions .overlay-modal{
    position:absolute;
    border-radius:8px;
    transition:all .35s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .35s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .35s cubic-bezier(.45,.26,0,1)
}
.bonus-component .terms-conditions.modal-active .overlay-modal{
    transition:all .35s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .35s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .35s cubic-bezier(.45,.26,0,1);
    background-color:rgba(0,0,0,.6);
    height:100%;
    width:100%;
    z-index:3;
    top:0;
    left:0
}
.bonus-component .terms-conditions .terms-cond-modal{
    position:absolute;
    width:100%;
    left:50%;
    transform:translate(-50%);
    height:0;
    opacity:0;
    padding:1rem;
    overflow-y:auto;
    border-radius:8px;
    bottom:-2rem;
    transition:all .35s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .35s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .35s cubic-bezier(.45,.26,0,1)
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar{
    width:.625rem;
    height:.625rem;
    background-color:#f5f5f5
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-thumb{
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    background-color:#d9d9d9
}
.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-track{
    box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    border-radius:10px;
    background-color:#f5f5f5
}
.bonus-component .terms-conditions .terms-cond-modal.show{
    box-shadow:0 5px 40px 0 rgba(0,0,0,.0392156863);
    background-color:#fff;
    max-height:25vh;
    height:max-content;
    bottom:0;
    opacity:1;
    z-index:4
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    margin-bottom:1rem
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-header .modal-title-text{
    font-size:.875rem;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    line-height:1.125rem;
    color:#020202
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-body p{
    font-size:13px;
    line-height:1.25rem
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-body p:last-child{
    margin-bottom:0
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-close{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    background:#ebebeb;
    border:none;
    border-radius:50%;
    height:1.25rem;
    width:1.25rem;
    cursor:pointer;
    padding:.5rem
}
.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-close span{
    font-size:.875rem;
    color:#616163;
    pointer-events:none
}
.bonus-component .tab-wrapper .tab{
    gap:.5rem;
    border-bottom:1px solid #f0f0f0;
    border-top:1px solid #f0f0f0;
    padding:.75rem 0;
    cursor:pointer;
    font-size:.875rem
}
.bonus-component .tab-wrapper .tab.highlighted{
    border-bottom:1px solid rgba(9,105,249,.2);
    border-top:1px solid rgba(9,105,249,.2);
    position:relative
}
.bonus-component .tab-wrapper .tab .tab-item{
    font-family:"Roboto",sans-serif;
    letter-spacing:.25px
}
.bonus-component .tab-wrapper .tab p,.bonus-component .tab-wrapper .tab span{
    font-size:.75rem;
    margin-bottom:0;
    color:#0969f9
}
.bonus-component .tab-wrapper .tab .arrow-tabs{
    color:#0969f9;
    font-size:.875rem;
    padding:.25rem
}
.bonus-component .tab-wrapper .tab-content-text{
    transition:none
}
.bonus-component .tab-wrapper .tab-content-text.bonus-explained ul li{
    font-size:13px;
    line-height:1rem
}
.bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width:100%;
    position:relative
}
@media all and (min-width:992px){
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal{
        border:none;
        padding-bottom:1rem
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal .dropdown-element-hover{
        width:31.25rem;
        top:100%;
        bottom:unset
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal:hover .dropdown-element-hover{
        top:calc(100% + .5rem)
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal .dropdown-element-hover{
        left:50%;
        transform:translateX(-50%)
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal .dropdown-element-hover .dropdown-stats-list .dropdown-stats-item .rating-bar .rating-value{
        width:2.5rem
    }
}
.bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .claim-bonus-heading{
    color:#020202;
    font-size:.75rem;
    line-height:1rem;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    margin-bottom:.5rem
}
.bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .modal-content .rating-value{
    width:2.5rem
}
.bonus-component .tab-wrapper .tab-content-text.casino-main-review.show{
    display:grid
}
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .cons ol,.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .pros ol{
    font-size:.875rem
}
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .cons ol li,.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .pros ol li{
    font-family:"Roboto",sans-serif
}
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .review-container span{
    font-size:.875rem;
    line-height:1.25rem;
    font-family:"Roboto",sans-serif;
    color:#020202;
    opacity:.8;
    margin-bottom:.875rem;
    display:block
}
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .title-verdict .tooltip-element{
    padding-bottom:1rem
}
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .modal-content .rating-value{
    width:2.5rem
}
@media all and (min-width:992px){
    .bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .tooltip-modal{
        left:50%;
        transform:translateX(-50%)
    }
    .bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .tooltip-modal .dropdown-stats-list .dropdown-stats-item .rating-bar .rating-value{
        width:2.25rem
    }
}
.bonus-component .tab-wrapper .tab-content-text.show{
    margin-top:-1px;
    box-shadow:none;
    border-bottom:none;
    padding-bottom:.5rem;
    padding-top:.5rem
}
.bonus-component .tab-wrapper .tab-content-text.show.casino-main-review{
    border-bottom:none;
    padding-bottom:0
}
.bonus-component .tab-wrapper .tab-content-text.show .division-list{
    gap:0
}
.bonus-component .tab-wrapper .tab-content-text.show .division-list .division{
    box-shadow:0 5px 40px 0 rgba(0,0,0,.04)
}
.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .cons,.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .pros{
    box-shadow:0 5px 40px 0 rgba(0,0,0,.04)
}
.bonus-component .tab-wrapper .tab-content-text.show .verdict-container{
    box-shadow:0 5px 40px 0 rgba(0,0,0,.04);
    font-size:.875rem
}
.bonus-component .tab-wrapper .tab-content-text.show{
    margin-top:-1px;
    box-shadow:none;
    border-bottom:none;
    padding-bottom:.5rem;
    padding-top:.5rem
}
.bonus-component .tab-wrapper .tab-content-text.show.casino-main-review{
    border-bottom:none;
    padding-bottom:0
}
.bonus-component .tab-wrapper .tab-content-text.show .division-list{
    gap:0
}
.bonus-component .tab-wrapper .tab-content-text.show .division-list .division{
    box-shadow:0 5px 40px 0 rgba(0,0,0,.04)
}
.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .cons,.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .pros{
    box-shadow:0 5px 40px 0 rgba(0,0,0,.04)
}
.bonus-component .tab-wrapper .tab-content-text.show .verdict-container{
    box-shadow:0 5px 40px 0 rgba(0,0,0,.04);
    font-size:.875rem
}
.bonus-component .tab-wrapper .tab-content-text .payment-methods-wrapper{
    display:grid;
    grid-auto-flow:column;
    gap:.5rem
}
.bonus-component .tab-wrapper .tab-content-text .payment-methods-wrapper img{
    height:38px;
    width:auto
}
.bonus-component .tab-wrapper .tab-content-text ol{
    margin:0
}
.bonus-component .tab-wrapper .tab-content-text h3,.bonus-component .tab-wrapper .tab-content-text h4{
    margin:0
}
@media all and (min-width:992px){
    .bonus-component .tab-wrapper .tab-content-text.casino-details{
        padding-bottom:1rem
    }
}
@media all and (min-width:992px){
    .bonus-component .tab-wrapper .tab-content-text.show{
        margin-top:0;
        border-bottom:1px solid rgba(151,151,151,.2);
        padding-bottom:0;
        padding-top:0
    }
    .bonus-component .tab-wrapper .tab-content-text.show .division-list{
        gap:1rem
    }
    .bonus-component .tab-wrapper .tab-content-text.show .division-list .division{
        box-shadow:0 5px 40px rgba(0,0,0,.04)
    }
    .bonus-component .card-wrapper .card-wrapper-title{
        font-size:.875rem
    }
    .bonus-component .btn-and-badges-wrapper .info-below-play{
        font-size:.75rem
    }
    .bonus-component .casino-bonus-title{
        border-radius:5px;
        padding:.875rem .5rem
    }
    .bonus-component .tooltip-modal{
        left:0;
        z-index:9;
        font-size:.75rem;
        line-height:1rem;
        color:#020202;
        padding:1rem;
        width:31.25rem
    }
    .bonus-component .tooltip-modal .dropdown-element-hover{
        width:max-content;
        top:100%;
        bottom:unset
    }
    .bonus-component .tooltip-modal:hover .dropdown-element-hover{
        top:calc(100% - 1px)
    }
    .bonus-component .tooltip-modal ul{
        display:grid;
        gap:.625rem
    }
    .bonus-component .tooltip-modal ul li{
        line-height:1.25rem
    }
}
.bonus-component .division-list .division .tooltip-trigger .title{
    pointer-events:none
}
.bonus-component .division-list .division .tooltip-trigger .question-mark-container{
    pointer-events:none
}
.bonus-component .division-list .division .tooltip-trigger .question-mark-container .question-mark{
    pointer-events:none;
    pointer-events:none
}
@media all and (min-width:992px){
    .bonus-component .division-list .division .tooltip-modal{
        width:100%;
        top:calc(100% + .5rem)
    }
    .bonus-component .division-list .division .tooltip-modal .modal-close{
        color:#020202;
        margin-bottom:0;
        top:0;
        right:0
    }
}
.bonus-component .division-item .title .dropdown .dropdown-element{
    padding:.5rem
}
.bonus-component .division-item .title .dropdown .dropdown-element ol li,.bonus-component .division-item .title .dropdown .dropdown-element ul li{
    font-family:"Roboto",sans-serif
}
.bonus-component .division-item.division-item-more{
    position:relative
}
.bonus-component .division-item.division-item-more .division-val{
    margin-left:auto;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:90px
}
@media all and (min-width:1010px) and (max-width:1140px){
    .bonus-component .division-item.division-item-more .division-val{
        max-width:75px
    }
}
@media all and (min-width:992px) and (max-width:1010px){
    .bonus-component .division-item.division-item-more .division-val{
        max-width:66px
    }
}
@media all and (min-width:992px){
    .bonus-component .division-item.division-item-more .division-val{
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:110px
    }
}
@media all and (min-width:576px){
    .bonus-component .division-item.division-item-more .division-val{
        overflow:visible;
        text-overflow:initial;
        max-width:unset
    }
}
.bonus-component .bonus-modal .modal-content{
    width:90vw;
    padding:.875rem;
    max-height:80vh;
    height:auto;
    background:#fff;
    border-radius:8px;
    overflow-y:auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar{
    width:.625rem;
    height:.625rem;
    background-color:#f5f5f5
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-thumb{
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    background-color:#d9d9d9
}
.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-track{
    box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    border-radius:10px;
    background-color:#f5f5f5
}
@media all and (min-width:576px){
    .bonus-component .bonus-modal .modal-content{
        width:75vw;
        padding:1.5rem
    }
}
.bonus-component .tooltip-modal .modal-content .modal-close{
    margin-bottom:0;
    top:1.25rem;
    right:1rem
}
.bonus-component .tooltip-modal .modal-content .modal-close::before{
    color:#020202
}
.bonus-component .tooltip-modal .modal-content .bonus-tooltip-details{
    margin-top:1.25rem
}
.bonus-component .tooltip-modal .modal-content .bonus-tooltip-details .division-item{
    padding:.875rem 0;
    border-top:1px solid #f0f0f0;
    box-shadow:none;
    font-size:.875rem;
    margin-bottom:0
}
.bonus-component .tooltip-modal .modal-content .bonus-tooltip-details .division-item:last-child{
    padding-bottom:0
}
.bonus-component .tooltip-modal .modal-content h4{
    color:#020202;
    font-size:1rem
}
.bonus-component .dropdown-trigger,.bonus-component .dropdown-trigger-hover{
    cursor:pointer
}
.bonus-component .dropdown-trigger .icon-info,.bonus-component .dropdown-trigger-hover .icon-info{
    font-size:.875rem;
    pointer-events:none;
    font-family:icomoon
}
.bonus-component .dropdown-trigger .icon-info::before,.bonus-component .dropdown-trigger-hover .icon-info::before{
    color:#0969f9
}
.bonus-component .card-wrapper{
    border-radius:.25rem;
    overflow:hidden
}
.bonus-component .card-wrapper:last-child .bonus-slider{
    margin-bottom:-.5rem
}
.bonus-component .card-wrapper .splide .splide__arrow{
    background:0 0
}
.bonus-component .card-wrapper .splide .splide__arrow svg{
    fill:#0969F9
}
.bonus-component .card-wrapper .card-wrapper-title{
    font-size:13px;
    margin-bottom:.75rem;
    line-height:1.125rem;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#020202
}
.bonus-component .card-wrapper .card-list{
    list-style:none;
    margin:0;
    padding:0;
    height:87px
}
.bonus-component .card-wrapper .card-list .card-list-element{
    background:#fff;
    border-radius:.25rem;
    padding:.5rem;
    font-size:13px;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#222;
    text-align:center;
    line-height:1.125rem;
    margin-bottom:0;
    width:140px!important;
    height:67px;
    box-shadow:0 5px 40px 0 rgba(0,0,0,.039);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
@media all and (min-width:992px){
    .bonus-component .card-wrapper .card-list .card-list-element{
        font-size:.75rem
    }
}
.bonus-component .card-wrapper .card-list .card-list-element .card-title{
    font-size:inherit;
    margin-bottom:0;
    line-height:1rem;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    color:#020202
}
.bonus-component .card-wrapper .card-list .card-list-element::before{
    display:none
}
.bonus-component .card-wrapper .card-list .card-list-element img{
    height:2rem;
    margin-bottom:.25rem
}
.bonus-component .card-wrapper.no-title{
    margin-bottom:0
}
.bonus-component .card-wrapper.no-title .bonus-slider{
    height:3.5rem;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.bonus-component .card-wrapper.no-title .bonus-slider::-webkit-scrollbar{
    width:0;
    height:0
}
.bonus-component .card-wrapper.no-title .bonus-slider::after{
    height:2.25rem
}
.bonus-component .card-wrapper.no-title .bonus-slider .splide__arrow{
    top:17px
}
.bonus-component .card-wrapper.no-title .bonus-slider .splide__arrow::before{
    height:2.25rem
}
.bonus-component .card-wrapper.no-title .bonus-slider .card-list{
    height:3.5rem
}
.bonus-component .card-wrapper.no-title .bonus-slider .card-list .card-list-element{
    width:3.75rem!important;
    height:2.25rem
}
.bonus-component .card-wrapper.no-title .bonus-slider .card-list .card-list-element img{
    height:2.25rem;
    margin-bottom:0
}
.bonus-component .bonus-slider{
    scrollbar-width:none;
    -ms-overflow-style:none;
    margin-bottom:0
}
.bonus-component .bonus-slider::-webkit-scrollbar{
    width:0;
    height:0
}
.bonus-component .bonus-slider .lightbox-gallery-list .lightbox-gallery-element{
    width:10rem!important;
    height:6rem
}
.bonus-component .bonus-slider .lightbox-gallery-list .lightbox-gallery-element img{
    width:inherit;
    height:inherit
}
@media all and (min-width:576px){
    .bonus-component .bonus-slider .lightbox-gallery-list .lightbox-gallery-element{
        width:12.5rem!important;
        height:7.5rem
    }
}
.bonus-component .bonus-slider::after{
    height:2.25rem
}
.bonus-component .bonus-slider .splide__arrow{
    top:17px
}
.bonus-component .splide__arrows{
    transition:opacity .3s ease
}
.bonus-component .splide__arrows .splide__arrow{
    top:calc(50% - .5rem)
}
.bonus-component .splide__arrows .splide__arrow:disabled{
    opacity:0;
    pointer-events:none
}
.bonus-component .splide__arrows .splide__arrow::before{
    content:"";
    position:absolute;
    width:90px;
    height:67px;
    display:block;
    background:linear-gradient(-90deg,#fff 45%,rgba(247,247,247,0) 100%);
    z-index:-1
}
@media all and (min-width:992px){
    .bonus-component .splide__arrows .splide__arrow::before{
        background:linear-gradient(-90deg,#f7f7f7 45%,rgba(247,247,247,0) 100%)
    }
}
.bonus-component .splide__arrows .splide__arrow--prev::before{
    transform:scaleX(-1)
}
.bonus-component .splide:not(.is-overflow) .splide__arrows{
    display:none
}
.splide.is-initialized{
    overflow-x:hidden
}
.progress-red{
    background:#dc4b29
}
.progress-orange{
    background:#eba943
}
.progress-yellow{
    background:#e6ea24
}
.progress-green{
    background:#07af5e
}
.progress-blue{
    background:#0969f9
}
.dropdown-stats-list{
    display:grid;
    grid-template-columns:auto;
    grid-template-rows:auto;
    gap:.5rem
}
.dropdown-stats-list .dropdown-stats-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    position:relative;
    gap:.75rem
}
.dropdown-stats-list .dropdown-stats-item:not(:first-child):before{
    content:"";
    height:1px;
    width:100%;
    display:block;
    position:absolute;
    top:-5px;
    left:0
}
.dropdown-stats-list .dropdown-stats-item .rating-title{
    font-family:"Roboto",sans-serif;
    font-size:.75rem;
    line-height:1rem;
    text-align:left;
    color:#020202
}
.dropdown-stats-list .dropdown-stats-item .rating-bar{
    display:grid;
    grid-template-columns:auto auto;
    gap:.625rem;
    align-items:center
}
@media all and (max-width:300px){
    .dropdown-stats-list .dropdown-stats-item .rating-bar meter{
        width:3.75em
    }
}
.dropdown-stats-list .dropdown-stats-item .rating-bar .rating-value{
    font-family:"Roboto",sans-serif;
    font-weight:700;
    font-size:.75rem;
    line-height:1rem;
    text-align:right;
    color:#222;
    width:3rem;
    white-space:nowrap
}
.dropdown-read-review{
    margin-top:1rem;
    padding-top:.75rem;
    border-top:1px solid rgba(151,151,151,.2);
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    gap:.5rem
}
.dropdown-read-review .review-link{
    line-height:1rem;
    font-size:.75rem
}
@media all and (min-width:576px){
    .dropdown-read-review .review-link{
        font-size:.875rem
    }
}
.container-recommendation{
    width:max-content;
    height:35px;
    padding:0 1rem;
    display:grid;
    grid-auto-flow:column;
    gap:.5rem;
    align-items:center;
    background:#fff;
    box-shadow:0 5px 40px rgba(0,0,0,.04);
    border-radius:40px;
    position:static
}
.container-recommendation .dropdown-element-hover{
    width:max-content;
    top:100%;
    bottom:unset
}
.container-recommendation:hover .dropdown-element-hover{
    top:calc(100% + .5rem)
}
.container-recommendation.bonus-container-not-recommended,.container-recommendation.casino-container-not-recommended{
    border:1px solid #e91010
}
.container-recommendation.bonus-container-barely-recommended,.container-recommendation.casino-container-barely-recommended{
    border:1px solid #e95e10
}
.container-recommendation.bonus-container-recommended,.container-recommendation.casino-container-recommended{
    border:1px solid #1aa260
}
.container-recommendation.bonus-container-highly-recommended,.container-recommendation.casino-container-highly-recommended{
    border:1px solid #1aa260
}
.container-recommendation.bonus-container-strongly-recommended{
    border:1px solid #1aa260
}
.container-recommendation.bonus-container-excellent,.container-recommendation.casino-container-excellent{
    border:1px solid #1aa260
}
.container-recommendation .text-recommendation{
    font-size:.75rem;
    line-height:1rem;
    font-family:"Roboto",sans-serif;
    font-weight:500
}
.container-recommendation .text-recommendation.text-excellent{
    color:#1aa260
}
.container-recommendation .text-recommendation.text-strongly-recommended{
    color:#1aa260
}
.container-recommendation .text-recommendation.text-highly-recommended{
    color:#1aa260
}
.container-recommendation .text-recommendation.text-recommended{
    color:#1aa260
}
.container-recommendation .text-recommendation.text-barely-recommended{
    color:#e95e10
}
.container-recommendation .text-recommendation.text-not-recommended{
    color:#e91010
}
.container-recommendation .icon-recommendation{
    font-family:icomoon
}
.container-recommendation .icon-recommendation::before{
    font-family:icomoon
}
.container-recommendation .icon-recommendation.icon-excellent{
    color:#1aa260
}
.container-recommendation .icon-recommendation.icon-excellent::before{
    content:"\e90c"
}
.container-recommendation .icon-recommendation.icon-strongly-recommended{
    color:#1aa260
}
.container-recommendation .icon-recommendation.icon-strongly-recommended::before{
    content:"\e90c"
}
.container-recommendation .icon-recommendation.icon-highly-recommended{
    color:#1aa260
}
.container-recommendation .icon-recommendation.icon-highly-recommended::before{
    content:"\e90c"
}
.container-recommendation .icon-recommendation.icon-recommended{
    color:#1aa260
}
.container-recommendation .icon-recommendation.icon-recommended::before{
    content:"\e90c"
}
.container-recommendation .icon-recommendation.icon-barely-recommended{
    color:#e95e10
}
.container-recommendation .icon-recommendation.icon-barely-recommended::before{
    content:"\e93b"
}
.container-recommendation .icon-recommendation.icon-not-recommended{
    color:#e91010
}
.container-recommendation .icon-recommendation.icon-not-recommended::before{
    content:"\e93b"
}
.container-recommendation .icon-info{
    font-family:icomoon;
    color:#0969f9;
    font-size:.875rem
}
@media all and (min-width:576px){
    .container-recommendation{
        position:relative
    }
}
@media all and (max-width:350px){
    .container-recommendation{
        padding:.25rem .5rem
    }
}
.bonus-box-v2{
    grid-template-areas:"bonusImg casinoBadgesRating" "casinoBonusTitle casinoBonusTitle" "btnBadges btnBadges" "bonusDescription bonusDescription" "terms terms"
}
.bonus-box-v2.bonus-component .terms-conditions{
    border-top:none
}
.bonus-box-v2 .terms-conditions{
    padding-top:0
}
.bonus-box-v2 .casino-logo{
    position:relative
}
.bonus-box-v2 .casino-logo-counter{
    background-color:#0969f9;
    width:1.125rem;
    height:1.125rem;
    position:absolute;
    top:0;
    left:0;
    color:#fff;
    border-radius:4px 0;
    font-size:11px;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    text-align:center;
    line-height:1.125rem
}
.bonus-box-v2 .bonus-rating-badges .bonus-top-badges{
    margin-bottom:.625rem;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row
}
.bonus-box-v2 .bonus-rating-badges .bonus-top-badges .main-badges-item:not(:first-child){
    display:none
}
.bonus-box-v2 .casino-specifications.tab-wrapper{
    grid-template-columns:1fr;
    border-bottom:1px solid #f0f0f0;
    border-top:1px solid #f0f0f0;
    padding-top:.75rem;
    padding-bottom:.75rem;
    margin-top:0
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab{
    justify-content:center;
    border-bottom:none;
    border-top:none;
    padding-top:0;
    padding-bottom:0
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab .tab-item{
    position:relative;
    font-size:.875rem;
    color:#020202;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    padding-bottom:2px
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab .tab-item::after{
    display:block;
    content:"";
    width:calc(100% + 22.5px);
    height:2px;
    background-color:#0969f9;
    position:absolute;
    bottom:0
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab .arrow-tabs{
    padding-bottom:2px
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab .arrow-tabs::before{
    color:#020202;
    font-weight:600;
    font-size:.75rem
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text{
    border-bottom:none
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained.show{
    margin-top:.75rem;
    border-bottom:none
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .division-list{
    margin-bottom:.875rem
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .division-list:last-child{
    margin-bottom:0
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .division-list .division-item{
    margin-bottom:.75rem;
    padding:.75rem
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .division-list .division-item:last-child{
    margin-bottom:0
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .more-bonuses-controller{
    background-color:#fff;
    padding:.75rem;
    border-radius:.25rem;
    box-shadow:0 5px 40px 0 rgba(0,0,0,.04);
    font-size:13px
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .more-bonuses-controller .modal .modal-content{
    padding:1.25rem 1rem
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .more-bonuses-controller .bonus-tooltip-details .division-item{
    padding:.875rem 0
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .more-bonuses-controller .bonus-tooltip-details .division-item:last-child{
    padding-bottom:0
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .more-bonuses-controller .division-list{
    margin-bottom:0
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .more-bonuses-controller .division-list .tooltip-element{
    padding-bottom:.625rem
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .more-bonuses-controller .division-list .tooltip-element:last-child{
    padding-bottom:0
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-details-info{
    display:flex;
    align-items:center;
    justify-content:start;
    flex-direction:row;
    margin-bottom:.75rem
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-details-info-title{
    font-size:.875rem;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#020202;
    opacity:.8
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .content-icon{
    border-radius:3rem;
    width:1.875rem;
    height:1.875rem;
    display:block;
    margin-right:.75rem;
    text-align:center;
    position:relative
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .content-icon::before{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .content-icon.icon-claim-bonus{
    border:1px solid #0969f9
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .content-icon.icon-claim-bonus::before{
    font-size:1rem;
    color:#0969f9
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .content-icon.icon-important-terms{
    border:1px solid #e91010
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .content-icon.icon-important-terms::before{
    font-size:1rem;
    color:#e91010
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .content-icon.icon-more-bonuses{
    border:1px solid #f8ca2a
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .content-icon.icon-more-bonuses::before{
    font-size:1rem;
    color:#f8ca2a
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content{
    background-color:#fff;
    padding:.75rem;
    border-radius:.25rem;
    box-shadow:0 5px 40px 0 rgba(0,0,0,.04);
    font-size:13px;
    margin-bottom:.875rem
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content p:not(.bonus-details-info-title){
    font-family:"Roboto",sans-serif;
    font-size:13px
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content p:not(.bonus-details-info-title):last-child{
    margin-bottom:0
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content:last-child{
    margin-bottom:0
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul{
    margin-bottom:1rem
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul:not(.splide__pagination,.bonuses-list){
    margin:0;
    margin-bottom:1rem;
    padding-left:1rem;
    list-style-type:disc
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li{
    font-family:"Roboto",sans-serif;
    margin-bottom:.875rem;
    position:relative;
    padding-top:0;
    font-size:.875rem
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li:last-child{
    margin-bottom:0
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li.no-collapse{
    padding:.625rem
}
@media all and (min-width:540px){
    .bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li.no-collapse{
        padding:1rem
    }
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li a{
    text-decoration:none
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li.bonus-component{
    padding:.75rem
}
@media all and (min-width:992px){
    .bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li.bonus-component{
        padding-top:1rem
    }
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul.red li:before{
    background-color:#e91010
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul:last-child{
    margin-bottom:0
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ul li{
    font-family:"Roboto",sans-serif;
    font-size:13px;
    margin-bottom:.625rem
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ol{
    margin-bottom:1rem
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ol:last-child{
    margin-bottom:0
}
.bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text .bonus-text-content ol li{
    font-family:"Roboto",sans-serif;
    font-size:13px;
    margin-bottom:.625rem
}
@media all and (min-width:992px){
    .bonus-box-v2{
        grid-template-areas:"bonusImg casinoBadgesRating btnBadges" "casinoBonusTitle casinoBonusTitle casinoBonusTitle" "bonusDescription bonusDescription bonusDescription" "terms terms terms"
    }
    .bonus-box-v2 .bonus-top-badges .main-badges-item:not(:first-child){
        display:flex
    }
    .bonus-box-v2 .casino-specifications.tab-wrapper{
        padding-bottom:1rem;
        margin-top:.25rem
    }
    .bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained.show{
        margin-top:.125rem
    }
    .bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .division-list{
        margin-bottom:.75rem
    }
    .bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .division-list .division-item{
        margin-bottom:0
    }
    .bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .more-bonuses-controller .modal{
        padding:1.25rem 1rem
    }
    .bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .more-bonuses-controller .modal .modal-content{
        padding:0
    }
    .bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .more-bonuses-controller .division-list .tooltip-element{
        padding-bottom:0
    }
    .bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .bonus-text-content{
        margin-bottom:.75rem
    }
    .bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .bonus-text-content:last-child{
        margin-bottom:0
    }
    .bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .bonus-tooltip-details .division-item{
        padding:.75rem 0
    }
    .bonus-box-v2 .casino-specifications.tab-wrapper .tab-content-text.bonus-explained .bonus-tooltip-details .division-item:last-child{
        padding-bottom:0
    }
}
.modal-trigger,.modal-trigger-ajax{
    cursor:pointer
}
.modal-trigger-ajax>*,.modal-trigger>*{
    pointer-events:none
}
.modal{
    transition:all .25s cubic-bezier(.45,.26,0,1)
}
.modal.show{
    visibility:visible;
    opacity:1;
    transform:scale(1)
}
.modal .modal-content .modal-close{
    cursor:pointer;
    transition:1s linear
}
@media all and (min-width:991px){
    .modal .modal-content .modal-close:not(.hero-section-info-modal .modal-content .modal-close):not(.ad-disclosure .modal-close):not(.tooltip-division .modal-close):not(.bonus-component .modal-close):not(.general-tab-wrapper .modal-close){
        display:none
    }
}
.modal .modal-content .modal-close:focus,.modal .modal-content .modal-close:hover{
    color:#333;
    text-decoration:none;
    cursor:pointer
}
.modal .modal-content .modal-img{
    width:100%
}
@media all and (min-width:991px){
    .hero-section-info-modal .modal-content .modal-close{
        top:0
    }
}
@media all and (min-width:991px){
    .hero-section-info-modal .modal-content .modal-header .modal-close{
        top:0;
        right:0
    }
}
@media all and (min-width:576px){
    #modalPopup .modal-header .icon-times-regular{
        font-size:1.75rem
    }
}
#modalPopup .modal-content{
    height:auto;
    background:#deefff;
    padding:1.5rem;
    width:80vw
}
@media all and (min-width:576px){
    #modalPopup .modal-content{
        padding:2rem
    }
}
#modalPopup .modal-content .modal-header{
    justify-content:end
}
#modalPopup .modal-content .modal-body{
    text-align:center
}
#modalPopup .modal-content .modal-body .modal-message{
    color:#e91010;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:1rem;
    display:none
}
#modalPopup .modal-content .modal-body .modal-message.visible{
    display:block
}
#modalPopup .modal-content .modal-body .modal-img{
    position:relative;
    left:0;
    top:0;
    right:0;
    bottom:0;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    width:110px;
    height:auto;
    margin:0 auto 2rem
}
#modalPopup .modal-content .modal-body .modal-img .image-modal{
    width:100%;
    height:max-content
}
@media all and (min-width:768px){
    #modalPopup .modal-content .modal-body .modal-img{
        width:145px;
        height:auto
    }
}
#modalPopup .modal-content .modal-body .black-text{
    font-family:"Roboto",sans-serif;
    font-weight:700;
    font-size:1.25rem;
    color:#020202;
    margin-bottom:0;
    text-align:center
}
@media all and (min-width:375px){
    #modalPopup .modal-content .modal-body .black-text{
        font-size:1.5rem
    }
}
@media all and (min-width:768px){
    #modalPopup .modal-content .modal-body .black-text{
        font-size:1.75rem
    }
}
#modalPopup .modal-content .modal-body .blue-text{
    font-family:"Roboto",sans-serif;
    font-weight:700;
    color:#0969f9;
    font-size:1.375rem;
    line-height:2rem;
    text-align:center
}
@media all and (min-width:375px){
    #modalPopup .modal-content .modal-body .blue-text{
        font-size:1.25rem;
        line-height:26px
    }
}
@media all and (min-width:768px){
    #modalPopup .modal-content .modal-body .blue-text{
        font-size:1.5rem;
        line-height:2.625rem
    }
}
#modalPopup .modal-content .modal-body form{
    position:relative;
    margin-top:1rem;
    display:flex;
    flex-wrap:wrap
}
#modalPopup .modal-content .modal-body form input{
    background-color:#fff;
    border:1px solid #d7d8db
}
#modalPopup .modal-content .modal-body form input:active,#modalPopup .modal-content .modal-body form input:focus,#modalPopup .modal-content .modal-body form input:hover{
    background:#fff
}
#modalPopup .modal-content .modal-body form input:invalid{
    border:2px solid #e91010
}
#modalPopup .modal-content .modal-body form input::placeholder{
    font-size:13px
}
#modalPopup .modal-content .modal-body form input:-webkit-autofill,#modalPopup .modal-content .modal-body form input:-webkit-autofill:active,#modalPopup .modal-content .modal-body form input:-webkit-autofill:focus,#modalPopup .modal-content .modal-body form input:-webkit-autofill:hover{
    background:#fff!important
}
#modalPopup .modal-content .modal-body form button{
    width:100%;
    margin-top:1rem;
    height:55px;
    color:#fff;
    cursor:pointer;
    font-size:1rem;
    line-height:1.25rem;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    border-radius:8px;
    border:none;
    transition:all .25s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .25s cubic-bezier(.45,.26,0,1);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row
}
#modalPopup .modal-content .modal-body form button:hover{
    color:#fff;
    background-color:#1b60b2
}
#modalPopup .modal-content .modal-body form button:active,#modalPopup .modal-content .modal-body form button:focus{
    background-color:#1b60b2;
    color:#fff
}
#modalPopup .modal-content .modal-body form button:active{
    transform:scale(.98);
    -webkit-transform:scale(.98);
    -moz-transform:scale(.98)
}
@media all and (max-width:540px){
    #modalPopup .modal-content .modal-body form button{
        padding-left:1.25rem;
        padding-right:1.25rem
    }
}
@media all and (max-width:360px){
    #modalPopup .modal-content .modal-body form button{
        padding-left:.625rem;
        padding-right:.625rem
    }
}
#modalPopup .modal-content .modal-body form button.no-click{
    pointer-events:none
}
#modalPopup .modal-content .modal-body form button.no-click:active{
    background-image:linear-gradient(to right,#0969f9,#0969f9,#0969f9,#1ec6c6,#1ec69c,#37b678,#218756,#218756)
}
#modalPopup .modal-content .modal-body form button.no-click:hover{
    background-image:linear-gradient(to right,#0969f9,#0969f9,#0969f9,#1ec6c6,#1ec69c,#37b678,#218756,#218756)
}
#modalPopup .modal-content .modal-body .subscribe-message{
    display:block;
    width:100%;
    color:#e91010;
    margin-top:.5rem;
    margin-bottom:0;
    animation:move .12s ease-in-out;
    animation-iteration-count:1;
    position:relative
}
@keyframes move{
    0%{
        left:0
    }
    25%{
        left:10px
    }
    50%{
        left:-10px
    }
    100%{
        left:0
    }
}
#modalPopup .modal-content .modal-body .text-terms{
    margin-bottom:0;
    margin-top:.5rem;
    font-size:.75rem;
    line-height:1.25rem
}
#modalPopup .modal-content .modal-body .text-terms a{
    text-decoration:underline;
    font-size:inherit;
    font-family:inherit
}
#modalPopup .modal-content .modal-body .subscribe-confirmation-info{
    font-size:1rem;
    line-height:1.5rem
}
#modalPopup .modal-content .modal-body .subscribe-confirmation-info .email-span{
    font-family:"Roboto",sans-serif;
    font-weight:700
}
@media all and (min-width:768px){
    #modalPopup .modal-content .modal-body .subscribe-confirmation-info{
        font-size:1.125rem;
        line-height:1.75rem
    }
}
#modalPopup .modal-content .modal-body .subscribe-confirmation-text{
    font-size:1rem;
    line-height:1.5rem;
    font-family:"Roboto",sans-serif;
    font-weight:700
}
@media all and (min-width:768px){
    #modalPopup .modal-content .modal-body .subscribe-confirmation-text{
        font-size:1.125rem;
        line-height:1.75rem
    }
}
#modalPopup .modal-content .modal-body .resend-div{
    font-size:.875rem;
    line-height:1.25rem;
    color:#020202
}
#modalPopup .modal-content .modal-body .resend-div .resend-link{
    font-size:.875rem
}
#modalPopup .modal-content .modal-body .resend-div .resend-link::after{
    content:"\e976";
    font-family:icomoon;
    font-size:.875rem;
    margin-left:.25rem;
    color:#0969f9
}
#modalPopup .modal-content .modal-body .content-timer{
    margin-bottom:1.25rem;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
#modalPopup .modal-content .modal-body .content-timer .modal-image-text{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    margin-right:0;
    margin-bottom:10px
}
#modalPopup .modal-content .modal-body .content-timer .modal-image-text .modal-img{
    justify-content:center;
    width:auto;
    margin-bottom:1rem
}
@media all and (min-width:576px){
    #modalPopup .modal-content .modal-body .content-timer .modal-image-text .modal-img{
        margin-bottom:0
    }
}
#modalPopup .modal-content .modal-body .content-timer .modal-image-text .modal-img .image-modal{
    width:90px
}
@media all and (min-width:375px){
    #modalPopup .modal-content .modal-body .content-timer .modal-image-text .modal-img .image-modal{
        width:110px;
        height:auto
    }
}
@media all and (min-width:768px){
    #modalPopup .modal-content .modal-body .content-timer .modal-image-text .modal-img .image-modal{
        width:100%;
        height:auto
    }
}
#modalPopup .modal-content .modal-body .text-limited{
    margin:0;
    font-size:.875rem
}
#modalPopup .modal-content .modal-body .modal-timer{
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
#modalPopup .modal-content .modal-body .modal-timer .modal-text{
    justify-content:center;
    margin-bottom:.625rem
}
#modalPopup .modal-content .modal-body .modal-timer .modal-text p{
    text-align:center
}
#modalPopup .modal-content .modal-body .modal-timer .modal-text .black-text{
    font-size:1.25rem;
    line-height:26px
}
@media all and (min-width:710px){
    #modalPopup .modal-content .modal-body .modal-timer .modal-text .black-text{
        font-size:1.25rem
    }
}
@media all and (min-width:375px){
    #modalPopup .modal-content .modal-body .modal-timer .modal-text .black-text{
        font-size:22px;
        line-height:32px
    }
}
#modalPopup .modal-content .modal-body .modal-timer .modal-text .blue-text{
    font-size:1.25rem;
    line-height:26px
}
@media all and (min-width:710px){
    #modalPopup .modal-content .modal-body .modal-timer .modal-text .blue-text{
        font-size:1.25rem
    }
}
@media all and (min-width:375px){
    #modalPopup .modal-content .modal-body .modal-timer .modal-text .blue-text{
        font-size:22px;
        line-height:32px
    }
}
#modalPopup .modal-content .modal-body .modal-timer .modal-countdown{
    display:flex;
    justify-content:center
}
#modalPopup .modal-content .modal-body .modal-timer .modal-countdown .square{
    border-radius:15px;
    background:#3b3868;
    width:70px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center
}
@media all and (min-width:440px){
    #modalPopup .modal-content .modal-body .modal-timer .modal-countdown .square{
        width:85px;
        height:85px
    }
}
#modalPopup .modal-content .modal-body .modal-timer .modal-countdown .minutes{
    margin-right:1.25rem
}
#modalPopup .modal-content .modal-body .modal-timer .modal-countdown .min-number{
    color:#fff;
    font-size:36px;
    font-family:"Roboto",sans-serif;
    font-weight:500
}
@media all and (min-width:440px){
    #modalPopup .modal-content .modal-body .modal-timer .modal-countdown .min-number{
        font-size:48px
    }
}
#modalPopup .modal-content .modal-body .modal-timer .modal-countdown .sec-number{
    color:#fff;
    font-size:36px;
    font-family:"Roboto",sans-serif;
    font-weight:500
}
@media all and (min-width:440px){
    #modalPopup .modal-content .modal-body .modal-timer .modal-countdown .sec-number{
        font-size:48px
    }
}
@media all and (min-width:768px){
    #modalPopup .modal-content .modal-body .modal-timer .modal-countdown{
        justify-content:center
    }
}
@media all and (min-width:414px){
    #modalPopup .modal-content{
        width:70vw
    }
}
@media all and (min-width:768px){
    #modalPopup .modal-content{
        width:60vw;
        padding:1rem
    }
}
@media all and (min-width:992px){
    #modalPopup .modal-content{
        width:max-content
    }
}
.bonus-subscribe-wrapper{
    background:#fff;
    border-radius:8px;
    border:1px solid #b900e8;
    box-shadow:0 5px 40px 0 rgba(0,0,0,.102);
    display:grid;
    gap:.75rem;
    padding:.625rem .625rem .75rem
}
.bonus-subscribe-wrapper:last-child{
    margin-bottom:0
}
.bonus-subscribe-wrapper:first-child{
    margin-top:0
}
.bonus-subscribe-wrapper .bonus-subscribe-info{
    display:grid;
    grid-template-columns:140px auto;
    grid-template-rows:auto;
    grid-template-areas:"img badges" "img review" "img alphaRating";
    column-gap:.75rem;
    row-gap:.125rem;
    align-items:center;
    padding-top:.75rem
}
@media all and (min-width:768px){
    .bonus-subscribe-wrapper .bonus-subscribe-info{
        padding-top:1rem
    }
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-img img{
    width:50px
}
.bonus-subscribe-wrapper .bonus-subscribe-info .badge-subscribe{
    margin-bottom:.625rem;
    display:flex;
    width:max-content
}
.bonus-subscribe-wrapper .bonus-subscribe-info .stars-container .rating-stars{
    pointer-events:none
}
.bonus-subscribe-wrapper .bonus-subscribe-info .stars-container .rating-stars .icon-star-solid{
    font-size:.75rem;
    pointer-events:inherit
}
.bonus-subscribe-wrapper .bonus-subscribe-info .stars-container .rating-stars-text{
    font-size:11px;
    line-height:.875rem;
    color:#64666a;
    pointer-events:none;
    font-family:"Roboto",sans-serif;
    font-weight:500
}
.bonus-subscribe-wrapper .bonus-subscribe-info .stars-container .rating-stars-text .rating{
    color:#1b1b1b;
    font-size:17px;
    line-height:17px;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    pointer-events:inherit
}
.bonus-subscribe-wrapper .bonus-subscribe-info .stars-container .icon-info{
    font-size:.75rem
}
.bonus-subscribe-wrapper .bonus-subscribe-title{
    margin:0;
    font-size:1.125rem;
    color:#020202;
    text-align:center;
    background:#f5f9ff;
    border-radius:5px;
    padding:.875rem .5rem;
    box-shadow:0 5px 40px 0 rgba(0,0,0,.0392156863)
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-note{
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-style:italic;
    color:#020202;
    grid-column:1/-1;
    margin-bottom:1rem;
    font-size:.75rem
}
@media all and (min-width:768px){
    .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-note{
        font-size:.875rem
    }
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form{
    display:grid;
    grid-template-columns:1fr 132px;
    grid-template-rows:auto;
    justify-content:flex-start;
    margin-bottom:1rem
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input{
    padding:0 .625rem;
    height:40px;
    color:#595959;
    border:1px solid #b900e8;
    box-shadow:0 5px 14px rgba(172,205,255,.25);
    border-radius:5px 0 0 5px;
    z-index:2;
    font-size:1rem;
    width:100%;
    transition:all .25s cubic-bezier(.45,.26,0,1)
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input:hover{
    border:1px solid #c7c7c7
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input:focus{
    outline:0;
    border:1px solid #a1a1a1
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .button-subscribe{
    padding:.5rem;
    border-radius:.25rem;
    background:#b900e8;
    color:#fff;
    border:none;
    height:2.5rem;
    text-transform:uppercase;
    font-size:.75rem;
    line-height:1rem;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    width:auto;
    gap:.5rem;
    transition:all .25s cubic-bezier(.45,.26,0,1);
    position:relative;
    left:-.25rem;
    z-index:10
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .button-subscribe span{
    font-size:.75rem
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .button-subscribe:hover{
    background:#a502ce
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .button-subscribe:active{
    background:#9c03c2
}
@media all and (min-width:768px){
    .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .button-subscribe{
        width:195px
    }
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .subscribe__fail.visible{
    display:block;
    margin-top:.5rem;
    width:100%;
    animation:subscribeFail .12s ease-in-out;
    animation-iteration-count:1;
    position:relative;
    color:#e91010
}
@keyframes subscribeFail{
    0%{
        left:0
    }
    25%{
        left:10px
    }
    50%{
        left:-10px
    }
    100%{
        left:0
    }
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-disclaimer{
    font-size:11px;
    line-height:1.25rem;
    font-family:"Roboto",sans-serif;
    color:#020202
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-disclaimer:last-child{
    margin-bottom:0
}
@media all and (min-width:768px){
    .bonus-subscribe-wrapper{
        padding:1rem
    }
    .bonus-subscribe-wrapper .bonus-subscribe-info{
        column-gap:1rem;
        row-gap:0
    }
    .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form{
        grid-template-columns:repeat(2,auto)
    }
    .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input{
        width:327px
    }
    .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .btn{
        width:132px
    }
}
.main-badges-item .main-badges-img{
    font-family:icomoon;
    font-size:.625rem;
    line-height:.625rem;
    padding-right:.25rem
}
.badge-new-casino{
    background-color:#5e06ee;
    color:#fff
}
.badge-subscribe{
    background-color:#b900e8;
    color:#fff;
    gap:.25rem;
    justify-self:flex-start;
    padding-top:0;
    padding-bottom:0;
    height:1.25rem;
    margin-right:0
}
.badge-subscribe .icon-mail{
    font-size:.625rem;
    font-family:icomoon
}
.badge-user-choice{
    background-color:#e10095;
    color:#fff
}
.badge-latest-added{
    background-color:#00a8dd;
    color:#fff
}
.badge-expired{
    background-color:#e91010;
    color:#fff
}
.badge-expired .icon-report::before{
    color:#fff
}
.badge-top-pick{
    background-color:#fe8900;
    color:#fff
}
.badge-top-pick .icon-star-solid::before{
    color:#fff
}
.badge-trending{
    background-color:#07af5e;
    color:#fff
}
.badge-item-copy{
    border-radius:2px;
    border:1px dashed rgba(226,14,0,.4);
    background:#fff;
    position:relative;
    cursor:pointer
}
.badge-item-copy.active-notification{
    animation:scaleElement .45s;
    animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)
}
@keyframes scaleElement{
    0%{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    20%{
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        transform:scale3d(.97,.97,.97)
    }
    100%{
        opacity:1;
        transform:scale3d(1,1,1)
    }
}
.badge-item-copy .copy-notification{
    display:none;
    font-family:"Roboto",sans-serif;
    font-size:11px;
    position:absolute;
    color:#fff;
    top:-1.5rem;
    left:50%;
    transform:translateX(-50%);
    background:#0969f9;
    padding:0 5px;
    border-radius:8px
}
.badge-item-copy .badge-item-text{
    color:#020202;
    text-align:center;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:11px;
    font-style:normal;
    text-transform:uppercase;
    line-height:normal;
    margin-right:.25rem
}
.badge-item-copy .badge-item-value{
    color:#e20e00;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    font-size:11px;
    font-style:normal;
    line-height:normal;
    padding-left:0;
    text-transform:uppercase
}
.badge-item-copy .badge-item-value.ellipsis{
    max-width:135px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
@media all and (max-width:1000px){
    .badge-item-copy .badge-item-value.ellipsis{
        width:50px
    }
}
.badge-item-copy .icon-copy-code{
    display:inline-block;
    margin-left:.25rem;
    padding-right:0;
    font-family:icomoon;
    font-size:.75rem;
    line-height:.75rem
}
.progress-bar{
    background-color:#e7e7e7;
    border-radius:1rem;
    overflow:hidden;
    height:.25rem;
    width:5rem;
    max-width:100%
}
.progress-bar .progress{
    border-radius:1rem;
    height:100%;
    width:0;
    transition:all .15s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .15s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .15s cubic-bezier(.45,.26,0,1)
}
.tab-wrapper .tab{
    cursor:pointer
}
.tab-wrapper .tab>*{
    pointer-events:none
}
.tab-wrapper .tab .icon-deposit{
    aspect-ratio:1/1
}
.tab-wrapper .tab .arrow-tabs{
    transition:all .25s cubic-bezier(.45,.26,0,1);
    pointer-events:none
}
.tab-wrapper .tab .arrow-tabs.rotate{
    transform:rotate(-180deg)
}
.tab-wrapper .tab-content-text{
    transition:all .25s cubic-bezier(.45,.26,0,1)
}
.tab-wrapper .tab-content-text.show{
    height:auto;
    opacity:1;
    overflow:visible;
    display:grid
}
.table-section{
    margin-bottom:1.5rem
}
.table-section~h2,.table-section~h3,.table-section~h4{
    margin-top:0
}
.table-section:last-child{
    margin-bottom:0
}
.table-section .table{
    border-radius:.5rem;
    border:1px solid rgba(151,151,151,.2);
    background:#fff;
    border-spacing:0
}
.table-section .table.table-column{
    width:100%
}
.table-section .table.table-column .tbody tr{
    display:grid;
    grid-template-columns:170px 1fr
}
.table-section .table.table-column .tbody tr:nth-child(2n){
    background:#fafafa
}
.table-section .table.table-column .tbody tr td{
    padding:.75rem 1rem;
    text-align:left;
    font-size:.875rem;
    line-height:1.125rem;
    letter-spacing:-.08px;
    color:#020202;
    font-weight:inherit;
    vertical-align:middle;
    word-break:break-all
}
.table-section .table.table-column .tbody tr td *{
    font-family:"Roboto",sans-serif
}
.table-section .table.table-column .tbody tr td:first-child{
    color:rgba(2,2,2,.6)
}
.table-section .table.table-column .tbody tr td .table-element-val{
    line-height:inherit;
    margin-bottom:0;
    display:inline-block;
    margin-bottom:.25rem
}
.table-section .table.table-column .tbody tr td .table-element-val.ellipsis{
    max-width:50px;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:clip;
    margin-bottom:0
}
@media all and (min-width:1000px){
    .table-section .table.table-column .tbody tr td .table-element-val.ellipsis{
        max-width:105px
    }
}
.table-section .table.table-column .tbody tr td .show-trigger{
    cursor:pointer;
    line-height:inherit;
    vertical-align:top;
    color:#0969f9;
    position:relative;
    transition:all .25s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .25s cubic-bezier(.45,.26,0,1)
}
.table-section .table.table-column .tbody tr td .show-trigger.add-and::before{
    content:"&";
    display:inline-block;
    color:#020202;
    margin-right:.25rem;
    pointer-events:none
}
.table-section .table.table-row .thead tr th{
    padding:.75rem 1rem;
    font-size:.75rem;
    line-height:1.125rem;
    color:rgba(2,2,2,.48);
    vertical-align:middle;
    word-break:break-all;
    border-bottom:1px solid rgba(151,151,151,.2);
    background:#f9f9f9;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-weight:500
}
.table-section .table.table-row .tbody tr td{
    padding:.75rem 1rem;
    text-align:center;
    border-bottom:1px solid rgba(151,151,151,.2);
    font-size:.75rem;
    color:#020202
}
.table-section .table.table-row .tbody tr:last-child td{
    border-bottom:none
}
.table-section .table.white-header .thead tr{
    background-color:#fff
}
.table-section .table.white-header .thead tr th{
    padding:.75rem 1.5rem;
    text-align:left;
    background:#fff
}
.table-section .table.white-header .tbody tr:nth-child(odd){
    background:#f7f7f7
}
.table-section .table.white-header .tbody tr td{
    padding:1.25rem 1.5rem;
    text-align:left
}
.table-section .table.white-header .tbody tr td.element-bold{
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#020202;
    font-size:.875rem
}
.table-section .table.no-header .tbody tr:nth-child(odd){
    background:#f7f7f7
}
.table-section .table.no-header .tbody tr td{
    text-align:left;
    padding:1.25rem 1.5rem;
    font-size:.875rem
}
.table-section .table.no-header .tbody tr td .icon-check-regular{
    color:#1aa260;
    display:inline-block;
    margin-right:.5rem
}
.table-section .table.no-header .tbody tr td .icon-times-regular{
    color:#e91010;
    display:inline-block;
    margin-right:.5rem
}
.table-section .table.table-full-width{
    width:100%
}
.table-section .table.table-full-width .tbody tr td,.table-section .table.table-full-width .thead tr th{
    text-align:left
}
.table-section .table .tbody tr td{
    vertical-align:middle;
    text-align:center;
    padding:1.25rem
}
.table-section .table .tbody tr td img{
    height:2.5rem;
    width:auto
}
.table-section .table.table-left tbody.tbody tr td{
    text-align:left
}
.table-section .table .icon-check-regular{
    color:#1aa260;
    display:inline-block;
    margin-right:.5rem
}
.table-section .table .icon-times-regular{
    color:#e91010;
    display:inline-block;
    margin-right:.5rem
}
.table-section .table .title-bold{
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#020202;
    font-size:1rem
}
.table-section .table .blue-text{
    color:#0969f9!important;
    font-family:"Roboto",sans-serif;
    font-weight:500
}
.table-section .table img{
    height:1.875rem;
    width:auto
}
@media all and (min-width:992px){
    .table-section .table.table-column .tbody tr td{
        word-break:normal
    }
}
.table-section.has-table-scroll{
    width:auto;
    overflow-x:auto;
    background:0 0;
    box-shadow:none;
    border-radius:unset;
    overflow-y:visible;
    padding-top:.5rem;
    padding-bottom:.25rem
}
.table-section.has-table-scroll::-webkit-scrollbar{
    width:.625rem;
    height:.625rem;
    background-color:#f5f5f5
}
.table-section.has-table-scroll::-webkit-scrollbar-thumb{
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    background-color:#d9d9d9
}
.table-section.has-table-scroll::-webkit-scrollbar-track{
    box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    border-radius:10px;
    background-color:#f5f5f5
}
.table-section.has-table-scroll .table-scroll{
    background:#fff;
    box-shadow:0 0 10px rgba(0,0,0,.1);
    border-radius:.25rem;
    width:max-content;
    max-width:798px
}
.table-section.table-sticky-section{
    overflow-x:auto;
    max-width:100%;
    border:1px solid rgba(151,151,151,.2);
    border-radius:8px
}
.table-section.table-sticky-section::-webkit-scrollbar{
    width:.625rem;
    height:.625rem;
    background-color:#f5f5f5
}
.table-section.table-sticky-section::-webkit-scrollbar-thumb{
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    background-color:#d9d9d9
}
.table-section.table-sticky-section::-webkit-scrollbar-track{
    box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    border-radius:10px;
    background-color:#f5f5f5
}
.table-section.table-sticky-section .table-sticky{
    border-collapse:collapse;
    width:100%;
    border:none
}
.table-section.table-sticky-section tr{
    display:grid;
    grid-auto-flow:column
}
.table-section.table-sticky-section tr td,.table-section.table-sticky-section tr th{
    width:150px;
    padding:8px;
    text-align:left;
    border:none;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:1px solid rgba(151,151,151,.2)
}
.table-section.table-sticky-section tr td:first-child,.table-section.table-sticky-section tr th:first-child{
    position:sticky;
    left:0;
    z-index:1;
    width:150px;
    box-shadow:0 6px 8px -6px rgba(24,39,75,.12),0 8px 16px -6px rgba(24,39,75,.08);
    filter:drop-shadow(0px 0px 1px rgba(10,16,32,.16))
}
.table-section.table-sticky-section tr th{
    background-color:#f7f7f7;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:.75rem;
    line-height:1rem;
    text-align:center;
    color:rgba(2,2,2,.48);
    padding:.75rem .5rem
}
.table-section.table-sticky-section tr th:first-child{
    width:150px;
    background-color:#f7f7f7
}
.table-section.table-sticky-section tr td{
    font-family:"Roboto",sans-serif;
    font-size:.75rem;
    line-height:1rem;
    text-align:center;
    letter-spacing:-.08px;
    color:#020202;
    padding:1rem .5rem;
    background:#fff
}
.table-section.table-sticky-section tr td img{
    height:35px
}
.table-show-more.expand-section{
    overflow-x:hidden
}
.table-show-more.expand-section .table-section{
    overflow-x:auto
}
.table-show-more.expand-section .table-section::-webkit-scrollbar{
    width:.625rem;
    height:.625rem;
    background-color:#f5f5f5
}
.table-show-more.expand-section .table-section::-webkit-scrollbar-thumb{
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    background-color:#d9d9d9
}
.table-show-more.expand-section .table-section::-webkit-scrollbar-track{
    box-shadow:inset 0 0 6px rgba(0,0,0,.1);
    border-radius:10px;
    background-color:#f5f5f5
}
.table-show-more.expand-section .triggers .trigger{
    border:none;
    background:0 0;
    text-decoration:none;
    text-transform:capitalize;
    color:#020202;
    position:relative;
    padding-left:0;
    padding-right:0;
    margin:0 auto;
    height:max-content;
    border-radius:0;
    padding-bottom:.5rem;
    border-bottom:2px solid #0969f9;
    gap:.5rem
}
.table-show-more.expand-section .triggers .trigger .icon-chevron-down-regular{
    transform:rotate(-90deg);
    font-size:.75rem
}
.table-show-more.expand-section .triggers .trigger .icon-chevron-down-regular::before{
    color:#020202
}
.table-show-more.expand-section.show .table-section .table .tbody tr{
    display:table-row
}
.container-tables{
    overflow-x:auto;
    margin-bottom:2rem;
    max-width:calc(100vw - 4rem);
    border-radius:8px
}
.container-tables::-webkit-scrollbar{
    width:1.25rem
}
.container-tables::-webkit-scrollbar-thumb{
    background-color:#0969f9;
    border-radius:1.25rem;
    border:3px solid #e6e6e6
}
.container-tables::-webkit-scrollbar-track{
    background:#e6e6e6;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px
}
.atable{
    width:100%;
    border-spacing:0
}
.atable-special_colors tbody tr .atable-cell{
    width:40%;
    min-width:unset
}
.atable-special_colors tbody tr .atable-cell--head{
    width:60%;
    min-width:unset
}
.atable-special_colors tr td:first-of-type{
    border-bottom:solid 0 #fff
}
.atable-special_colors tbody:nth-child(odd){
    color:#222
}
.atable-special_colors tbody:nth-child(odd) th{
    background-color:#e3f0ff;
    border:none
}
.atable-special_colors tbody:nth-child(odd) th p{
    margin-bottom:0;
    color:#020202
}
.atable-special_colors tbody:nth-child(odd) td{
    background-color:#fff;
    border:none
}
.atable-special_colors tbody:nth-child(odd) td p{
    margin-bottom:0;
    color:#020202
}
.atable-special_colors tbody :nth-child(2n){
    color:#222
}
.atable-special_colors tbody :nth-child(2n) th{
    background-color:#d3e7ff;
    border:none
}
.atable-special_colors tbody :nth-child(2n) th p{
    margin-bottom:0
}
.atable-special_colors tbody :nth-child(2n) td{
    background-color:#f4f7fc;
    border:none
}
.atable-special_colors tbody :nth-child(2n) td p{
    margin-bottom:0
}
.atable h3,.atable h4,.atable h5{
    color:#fff;
    text-align:center;
    vertical-align:middle;
    line-height:auto;
    margin:0;
    margin-bottom:0
}
.atable tr{
    width:100%
}
.atable tr td:first-of-type{
    border-bottom:solid 1px #e4e4e4;
    border-left:none
}
.atable tr:last-of-type .atable-cell{
    border-bottom:none
}
.atable tbody tr:nth-of-type(2n) .atable-cell:not(.atable-cell--head){
    background-color:#f4f7fc
}
.atable tbody tr:nth-of-type(odd) .atable-cell:not(.atable-cell--head){
    background-color:#fff
}
.atable .column-head{
    width:100%;
    display:table
}
.atable .column-head tr:first-of-type :first-child{
    border-radius:8px 0 0 0
}
.atable .column-head tr:first-of-type :last-child{
    border-radius:0 8px 0 0
}
.atable .column-body{
    display:table;
    width:100%
}
.atable--scroll{
    flex-wrap:wrap;
    position:relative
}
.atable-cell{
    box-sizing:border-box;
    flex-grow:1;
    font-weight:400;
    padding:1.25rem .625rem;
    overflow:hidden;
    list-style:none;
    text-align:center;
    vertical-align:middle;
    border-left:solid 1px #e4e4e4;
    border-bottom:solid 1px #e4e4e4;
    line-height:1.25rem;
    word-break:break-word;
    font-size:.875rem;
    font-family:"Roboto",sans-serif
}
.atable-cell .button{
    background:#0969f9;
    border-color:transparent
}
.atable-cell .button:hover{
    color:#fff;
    background-color:#0457d4
}
.atable-cell .button:active,.atable-cell .button:focus{
    background-color:#04419c;
    color:#fff
}
.atable-cell .button:active{
    transform:scale(.98);
    -webkit-transform:scale(.98);
    -moz-transform:scale(.98)
}
.atable-cell.compare_up::after{
    content:"\e90b";
    font-family:icomoon;
    font-size:1.5rem;
    display:block;
    margin:auto;
    margin-top:.625rem;
    color:#1aa260
}
.atable-cell.compare_down::after{
    content:"\e90a";
    font-family:icomoon;
    font-size:1.5rem;
    display:block;
    margin:auto;
    margin-top:.625rem;
    color:#e91010
}
.atable-cell.compare_equal::after{
    content:"\e924";
    font-family:icomoon;
    font-size:1.5rem;
    display:block;
    margin:auto;
    margin-top:.625rem;
    color:#b900e8
}
.atable-cell :is(.h1,.h2,.h3,.h4,.h5,.h6){
    margin:0
}
.atable-cell .stars{
    display:flex;
    flex-direction:column
}
.atable-cell .stars .span-rating-stars{
    margin-top:.625rem;
    font-weight:500
}
.atable-cell .stars .rating-stars{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row
}
.atable-cell img{
    border-radius:8px;
    height:65px;
    width:auto;
    margin:0 auto .625rem
}
.atable-cell p{
    margin-bottom:0
}
.atable-cell p:last-of-type{
    margin-bottom:0
}
.atable-cell--head{
    background-color:#0969f9;
    border-color:#0969f9;
    color:#fff;
    padding:1.25rem 10px
}
.atable-cell--head a{
    text-decoration:underline;
    font-size:inherit;
    color:#fff
}
.atable--2cols .atable-cell{
    width:50%;
    min-width:200px
}
.atable--6cols .atable-cell,.atable--6cols .atable-cell--head{
    width:16.6%;
    min-width:150px
}
.atable--6cols tr:first-of-type :first-child{
    border-radius:8px 0 0 0
}
.atable--6cols tr:first-of-type :last-child{
    border-radius:0 8px 0 0
}
.atable--6cols tr:last-of-type :first-child{
    border-radius:0 0 0 8px
}
.atable--6cols tr:last-of-type :last-child{
    border-radius:0 0 8px 0
}
.atable--big_table{
    table-layout:fixed
}
.atable--big_table .atable-cell{
    min-width:130px
}
.atable--big_table tr:first-of-type:first-child{
    border-radius:8px 0 0 0
}
.atable--big_table tr:first-of-type:last-child{
    border-radius:0 8px 0 0
}
.atable--big_table tr:first-of-type.sticky-col{
    position:-webkit-sticky;
    position:sticky
}
.atable--big_table tr:first-of-type.first-col{
    width:130px;
    min-width:130px;
    max-width:130px;
    left:0
}
.atable--big_table tr:last-of-type:first-child{
    border-radius:0 0 0 8px
}
.atable--big_table tr:last-of-type:last-child{
    border-radius:0 0 8px 0
}
.atable--sticky_col tr .atable-cell:first-of-type{
    position:-webkit-sticky;
    position:sticky;
    width:130px;
    left:0
}
.atable--sticky_col tr .atable-cell:first-of-type:not(.atable-cell--head){
    border-right:solid 1px #e4e4e4
}
.atable--sticky_col tr .atable-cell:nth-child(2){
    border-left:solid 0 #e4e4e4
}
.atable-vertical-rows{
    min-width:25rem
}
.atable-vertical-rows tr .atable-cell{
    padding:.875rem
}
.atable-vertical-rows tr .atable-cell:first-child{
    text-align:left;
    border:none;
    border-bottom:1px solid rgba(151,151,151,.2);
    transition:all .25s cubic-bezier(.45,.26,0,1);
    background-color:#e8f2ff;
    color:#0969f9;
    font-weight:500;
    font-size:.875rem;
    line-height:1rem;
    width:160px
}
.atable-vertical-rows tr .atable-cell:nth-child(2){
    text-align:left;
    border-bottom:1px solid rgba(151,151,151,.2);
    line-height:1rem;
    font-size:.875rem;
    vertical-align:middle
}
.atable-vertical-rows tr .atable-cell:nth-child(2) .first_showed{
    display:inline
}
.atable-vertical-rows tr .atable-cell:first-of-type{
    border-right:1px solid rgba(151,151,151,.2)
}
.atable-vertical-rows tr .atable-cell:first-of-type :first-child{
    border-radius:0
}
.atable-vertical-rows tr .atable-cell:first-of-type :last-child{
    border-radius:0
}
.expand-section.show .container-tables .atable .column-body tr{
    display:table-row
}
.icon-star-half-alt-solid:before{
    content:"\e935"
}
.icon-star-regular:before{
    content:"\e936"
}
.wrapper-alert-message{
    transition:all .25s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .25s cubic-bezier(.45,.26,0,1)
}
.wrapper-alert-message.show{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    animation:opacity .4s ease-in-out;
    animation-iteration-count:1;
    opacity:1;
    bottom:2.5rem
}
.wrapper-alert-message.show .icon-error-octagon{
    display:block
}
@keyframes opacity{
    0%{
        opacity:0;
        bottom:.625rem
    }
    100%{
        opacity:.95;
        bottom:2.5rem
    }
}
.wrapper-alert-message .icon-alert{
    font-size:1rem
}
.wrapper-alert-message .alert-content .alert-message-title{
    font-size:1rem;
    margin-bottom:0;
    margin-left:1rem;
    font-family:"Roboto",sans-serif;
    font-weight:500
}
@media all and (min-width:576px){
    .wrapper-alert-message .alert-content .alert-message-title{
        font-size:1.25rem
    }
}
.wrapper-alert-message .alert-content .alert-message{
    font-size:.875rem;
    margin-bottom:0;
    margin-left:1rem;
    color:#020202
}
@media all and (min-width:576px){
    .wrapper-alert-message .alert-content .alert-message{
        font-size:1rem
    }
}
.wrapper-alert-message.red{
    background:#fae3e3;
    border-color:rgba(151,151,151,.2);
    border-left:4px solid #e91010
}
.wrapper-alert-message.red .icon-error-octagon{
    font-size:2rem
}
.wrapper-alert-message.red p{
    color:#e91010
}
.wrapper-alert-message.green{
    background:#e3f9f1;
    border-color:#1aa260
}
.wrapper-alert-message.green .icon-wrapper{
    background:#1aa260
}
.wrapper-alert-message.green .icon-wrapper .icon-alert{
    color:#fff
}
.wrapper-alert-message.green .icon-wrapper .icon-alert::before{
    content:"\e954"
}
.wrapper-alert-message.green p{
    color:#1aa260
}
.page-details .author-element{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    font-size:.875rem;
    width:max-content
}
.page-details .author-element .author-profile-image{
    height:1.5rem;
    width:1.5rem;
    border-radius:50%;
    margin-right:.625rem
}
@media all and (max-width:350px){
    .page-details .author-element .author-profile-image{
        margin-right:3px
    }
}
.page-details .author-element .author-name{
    font-family:"Roboto",sans-serif;
    font-weight:700;
    color:#000;
    font-size:.75rem;
    line-height:1rem;
    transition:all .25s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .25s cubic-bezier(.45,.26,0,1)
}
.page-details .casinos-number{
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:.75rem;
    line-height:1rem;
    color:#020202;
    width:max-content
}
.page-details .casinos-number:before{
    content:"• ";
    color:#bebebe;
    margin-right:6px;
    width:4.74px
}
.page-details .casinos-number:first-child::before{
    content:"";
    display:none
}
.page-details .time-to-read{
    font-family:"Roboto",sans-serif;
    font-weight:700;
    font-size:.75rem;
    line-height:1rem;
    color:#000;
    width:max-content
}
.page-details .time-to-read:before{
    content:"• ";
    color:#bebebe;
    margin-right:6px;
    width:4.74px
}
.page-details .deals-available{
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:.75rem;
    line-height:1rem;
    color:#020202;
    margin-right:.375rem;
    width:max-content
}
.page-details .deals-available a{
    color:#020202
}
.page-details .deals-available a .offers-number{
    color:#0969f9
}
.page-details .deals-available::before{
    content:"• ";
    color:#bebebe;
    margin-right:.375rem;
    width:4.74px
}
.page-details>.date-published:nth-child(2):before{
    content:"• ";
    color:#bebebe;
    margin-right:6px;
    width:4.74px
}
.page-details .facts-checked{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    width:max-content;
    justify-self:flex-start;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#0969f9
}
.page-details .facts-checked .dropdown-element-hover{
    width:360px;
    top:100%;
    bottom:unset
}
.page-details .facts-checked:hover .dropdown-element-hover{
    top:calc(100% + 0px)
}
.page-details .facts-checked .author-element .author-profile-image{
    width:1.5rem;
    height:1.5rem;
    border-radius:50%;
    margin-right:.625rem
}
.page-details .facts-checked .author-element .author-name{
    color:#0969f9;
    font-size:.75rem;
    line-height:1rem;
    font-family:"Roboto",sans-serif
}
.page-details .facts-checked .tooltip-trigger{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row
}
.page-details .facts-checked .tooltip-trigger .icon-facts-checked{
    font-size:1rem;
    margin-right:6px;
    width:1rem;
    height:1rem
}
.page-details .facts-checked .tooltip-trigger .facts-checked-text{
    font-size:.75rem;
    line-height:1rem
}
.page-details .facts-checked .facts-checked-modal .modal-content{
    font-family:"Roboto",sans-serif;
    color:#020202
}
.page-details .facts-checked .facts-checked-modal .modal-content .modal-close{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    position:relative;
    top:0;
    right:0;
    background-color:transparent;
    border:none;
    height:1.25rem;
    width:1.25rem;
    margin-bottom:.25rem;
    cursor:pointer
}
.page-details .facts-checked .facts-checked-modal .modal-content .modal-close .icon-times-regular{
    color:#020202;
    font-size:1rem;
    pointer-events:none
}
.page-details .facts-checked .facts-checked-modal .modal-content .modal-body{
    display:grid;
    grid-template-columns:auto;
    grid-template-rows:auto;
    gap:.5rem
}
.page-details .facts-checked .facts-checked-modal .modal-content .modal-body .author-element-container{
    display:grid;
    grid-template-columns:auto;
    grid-template-rows:auto;
    gap:.5rem
}
.page-details .facts-checked .facts-checked-modal .modal-content .modal-body .author-element-container .author-element{
    padding:0
}
.page-details .facts-checked .facts-checked-modal .modal-content .modal-body p{
    font-size:.75rem;
    line-height:1rem;
    color:#020202;
    margin-bottom:0
}
@media all and (min-width:992px){
    .page-details .facts-checked .facts-checked-modal{
        transition:none;
        color:#020202;
        padding:1rem;
        display:grid;
        grid-template-columns:auto;
        grid-template-rows:auto;
        gap:.5rem;
        background:#fff;
        border:1px solid rgba(151,151,151,.2);
        border-radius:8px;
        list-style:none;
        top:100%;
        padding:1rem
    }
    .page-details .facts-checked .facts-checked-modal .modal-content .modal-close{
        display:none
    }
    .page-details .facts-checked .facts-checked-modal .modal-content .author-element-container{
        display:grid;
        grid-template-columns:auto;
        grid-template-rows:auto;
        gap:.5rem
    }
    .page-details .facts-checked .facts-checked-modal .modal-content .author-element-container .author-element{
        padding:0
    }
    .page-details .facts-checked .facts-checked-modal .modal-content p{
        font-size:.75rem;
        line-height:1rem;
        color:#020202;
        margin-bottom:0
    }
}
.page-details .facts-checked:before{
    content:"• ";
    font-size:.75rem;
    color:#bebebe;
    margin-right:6px;
    width:4.74px
}
.page-details .facts-checked:first-child::before{
    content:"";
    display:none
}
.how-we-review-el{
    position:static
}
.how-we-review-el .tooltip-trigger{
    color:#020202;
    font-size:.75rem;
    line-height:1rem;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row
}
.how-we-review-el .tooltip-trigger span{
    font-size:1rem;
    margin-left:.25rem
}
.how-we-review-el-modal .modal-content .modal-title-text{
    font-size:1rem;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    margin-bottom:1rem;
    margin-top:0;
    color:#020202
}
.ad-disclosure-modal .modal-content .modal-title-text a,.how-we-review-el-modal .modal-content .modal-title-text a{
    font-weight:inherit;
    font-size:inherit
}
.ad-disclosure-modal .modal-content .modal-close,.how-we-review-el-modal .modal-content .modal-close{
    position:absolute;
    top:.75rem;
    right:.75rem;
    background-color:transparent;
    border:none;
    cursor:pointer
}
.how-we-review-el-modal .modal-content .modal-body p{
    font-size:.75rem;
    line-height:1rem
}
.info-blockquotes-container{
    overflow:hidden;
    border-radius:8px;
    margin-bottom:1rem;
    margin-top:1rem
}
.info-blockquotes{
    padding:1rem;
    background:#fafbfc;
    text-align:left
}
.info-blockquotes .info-blockquotes-title{
    margin-bottom:0;
    margin-top:0;
    line-height:1.25rem;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:1rem;
    color:#020202;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-direction:row
}
.info-blockquotes .info-blockquotes-title:last-child{
    margin-bottom:0
}
.info-blockquotes .info-blockquotes-title .icon-bubble{
    border-radius:50%;
    width:1.25rem;
    height:1.25rem;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row
}
.info-blockquotes .info-blockquotes-title .icon-bubble::before{
    font-size:.75rem
}
.info-blockquotes .blockquotes-content{
    font-size:.875rem;
    font-family:"Roboto",sans-serif;
    line-height:1.5rem;
    color:#020202
}
.info-blockquotes .blockquotes-content ol,.info-blockquotes .blockquotes-content p,.info-blockquotes .blockquotes-content ul{
    font-family:inherit;
    margin-top:1rem
}
.info-blockquotes .blockquotes-content>p{
    margin-bottom:0
}
.info-blockquotes.purple{
    box-shadow:inset .25rem 0 #6941c6
}
.info-blockquotes.purple .icon-bubble{
    background-color:#ede4ff
}
.info-blockquotes.green{
    box-shadow:inset .25rem 0 #1aa260
}
.info-blockquotes.green ul li:before{
    background-color:#196842
}
.info-blockquotes.green ol li:before{
    color:#1aa260
}
.info-blockquotes.green .info-blockquotes-title .icon-bubble{
    background-color:#e3f9f1
}
.info-blockquotes.red{
    box-shadow:inset .25rem 0 #ec722e
}
.info-blockquotes.red ul li:before{
    background-color:#e91010
}
.info-blockquotes.red ol li:before{
    color:#e91010
}
.info-blockquotes.red .icon-bubble{
    background-color:#fae3e3
}
.info-blockquotes.blue,.info-blockquotes.disclaimer{
    box-shadow:inset .25rem 0 #0969f9
}
.info-blockquotes.blue .icon-bubble,.info-blockquotes.disclaimer .icon-bubble{
    background-color:#e8f2ff
}
.info-blockquotes.methodology-bubble{
    background-color:#fff;
    border:1px solid rgba(151,151,151,.2);
    box-shadow:rgba(88,102,126,.08) 0 4px 24px,rgba(88,102,126,.12) 0 1px 2px;
    background-color:#fff
}
.info-blockquotes.methodology-bubble .info-blockquotes-title{
    justify-content:flex-start
}
.info-blockquotes.methodology-bubble .info-blockquotes-title .icon-tips{
    font-size:1.25rem;
    line-height:1.25rem;
    margin-right:.625rem;
    display:inline-block;
    margin-right:1rem
}
.info-blockquotes.methodology-bubble .info-blockquotes-title .icon-tips::before{
    color:#0969f9
}
.info-blockquotes.example{
    box-shadow:inset .25rem 0 #0969f9
}
.info-blockquotes.example .icon-bubble{
    background-color:#e8f2ff
}
@media all and (min-width:992px){
    .info-blockquotes{
        padding:1rem 1.5rem
    }
}
.pagination-wrapper{
    padding-top:2.5rem;
    padding-bottom:2rem;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    width:100%
}
.pagination-wrapper .pagination{
    display:grid;
    grid-auto-flow:column;
    justify-content:space-between;
    gap:.25rem;
    padding:.625rem;
    max-width:100%;
    width:100%;
    box-shadow:0 5px 40px rgba(0,0,0,.04);
    border-radius:5rem;
    background:#fff
}
@media all and (min-width:330px){
    .pagination-wrapper .pagination{
        gap:.625rem;
        padding:.75rem
    }
}
@media all and (min-width:375px){
    .pagination-wrapper .pagination{
        gap:1rem;
        padding:.75rem 1.25rem;
        max-width:440px;
        justify-content:center
    }
}
.pagination-wrapper .pagination .pagination-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    font-size:.75rem;
    line-height:1.125rem;
    font-family:"Roboto",sans-serif;
    color:#424242;
    height:25px;
    border-radius:50%;
    transition:all .25s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .25s cubic-bezier(.45,.26,0,1)
}
.pagination-wrapper .pagination .pagination-btn .pagination-btn-content,.pagination-wrapper .pagination .pagination-btn .pagination-btn-next,.pagination-wrapper .pagination .pagination-btn .pagination-btn-prev{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    width:100%;
    height:100%
}
.pagination-wrapper .pagination .pagination-btn .pagination-btn-content{
    cursor:pointer;
    color:#424242
}
.pagination-wrapper .pagination .pagination-btn .pagination-dots{
    color:#424242;
    opacity:.5
}
.pagination-wrapper .pagination .pagination-btn.btn-page{
    width:25px
}
.pagination-wrapper .pagination .pagination-btn.btn-page.active{
    background-color:#0969f9;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    pointer-events:none
}
.pagination-wrapper .pagination .pagination-btn.btn-page.active>*{
    color:#fff
}
.pagination-wrapper .pagination .pagination-btn.btn-page:not(.active):hover{
    background-color:#e8f2ff
}
.pagination-wrapper .pagination .pagination-btn.btn-page:active,.pagination-wrapper .pagination .pagination-btn.btn-page:focus{
    background-color:#04419c
}
.pagination-wrapper .pagination .pagination-btn.btn-prev{
    width:auto;
    cursor:pointer
}
.pagination-wrapper .pagination .pagination-btn.btn-prev .prev-text{
    line-height:1.125rem;
    margin-left:6px
}
.pagination-wrapper .pagination .pagination-btn.btn-prev .icon-longarrow-right{
    line-height:1.125rem;
    font-size:.875rem
}
.pagination-wrapper .pagination .pagination-btn.btn-next{
    width:auto;
    cursor:pointer
}
.pagination-wrapper .pagination .pagination-btn.btn-next .next-text{
    line-height:1.125rem;
    margin-right:6px
}
.pagination-wrapper .pagination .pagination-btn.btn-next .icon-longarrow-right{
    line-height:1.125rem;
    transform:rotate(-180deg);
    font-size:.875rem
}
.pagination-wrapper .pagination .pagination-btn.disabled>*{
    cursor:default;
    color:#424242;
    opacity:.5
}
.pagination-wrapper .pagination .pagination-btn.disabled:hover{
    pointer-events:none
}
.pagination-wrapper .pagination .pagination-btn.btn-page-mobile{
    width:calc(100% - 110px);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    background-color:#0969f9;
    color:#fff
}
.pagination-wrapper .pagination .pagination-btn.btn-page-mobile:hover{
    border-color:#0969f9
}
@media all and (min-width:768px){
    .pagination-wrapper .pagination .pagination-btn.btn-page-mobile{
        display:none
    }
}
input[type=email],input[type=number],input[type=password],input[type=text],textarea{
    font-size:.875rem;
    line-height:1;
    font-family:"Roboto",sans-serif;
    color:#222;
    width:100%;
    max-width:100%;
    padding:.75rem;
    border:none;
    border-radius:.25rem;
    background-color:#fff;
    border:1px solid #eee;
    transition:all .25s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .25s cubic-bezier(.45,.26,0,1)
}
input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{
    outline:0;
    -webkit-outline:none
}
input[type=email]:-moz-placeholder,input[type=email]:-ms-input-placeholder,input[type=email]::-moz-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]:-moz-placeholder,input[type=number]:-ms-input-placeholder,input[type=number]::-moz-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]:-moz-placeholder,input[type=password]:-ms-input-placeholder,input[type=password]::-moz-placeholder,input[type=password]::-webkit-input-placeholder,textarea:-moz-placeholder,textarea:-ms-input-placeholder,textarea::-moz-placeholder,textarea::-webkit-input-placeholder{
    color:#020202
}
@media all and (max-width:991px){
    input[type=email],input[type=number],input[type=password],textarea{
        font-size:1rem
    }
}
input[type=submit]{
    display:block;
    width:100%
}
textarea{
    min-height:8.75rem
}
.form-item{
    position:relative;
    display:block;
    width:100%
}
.form-item label{
    font-size:.875rem;
    line-height:1rem;
    font-family:"Roboto",sans-serif;
    color:#222;
    display:block;
    margin-bottom:.5rem
}
.form-item input[type=submit]{
    border:none
}
.form-item.checkbox label,.form-item.radio label{
    font-size:1rem;
    line-height:1;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    color:#0969f9;
    cursor:pointer;
    text-align:center;
    background-color:#e8f2ff;
    border:2px solid transparent;
    border-radius:5px;
    padding:1rem;
    width:100%;
    display:inline-block;
    vertical-align:middle;
    white-space:nowrap;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    transition:all .25s cubic-bezier(.45,.26,0,1);
    -webkit-transition:all .25s cubic-bezier(.45,.26,0,1);
    -moz-transition:all .25s cubic-bezier(.45,.26,0,1)
}
@media all and (max-width:1399px){
    .form-item.checkbox label,.form-item.radio label{
        padding:1rem .625rem
    }
}
@media all and (max-width:1199px){
    .form-item.checkbox label,.form-item.radio label{
        font-size:13px;
        padding:.625rem 5px
    }
}
.form-item.checkbox label:hover,.form-item.radio label:hover{
    border-color:#0969f9
}
.form-item.checkbox input[type=checkbox],.form-item.checkbox input[type=radio],.form-item.radio input[type=checkbox],.form-item.radio input[type=radio]{
    width:0;
    height:0;
    visibility:hidden;
    position:absolute;
    opacity:0
}
.form-item.checkbox input[type=checkbox]:checked+label,.form-item.checkbox input[type=radio]:checked+label,.form-item.radio input[type=checkbox]:checked+label,.form-item.radio input[type=radio]:checked+label{
    border-color:#0969f9
}
label:not(.comment-form-cookies-consent label):active{
    transform:scale(.95)
}
.comments-wrapper .comments-header{
    font-size:14px;
    line-height:21px;
    font-weight:400;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-direction:row;
    margin-bottom:1.5rem
}
.comments-wrapper .comments-header .no-comments{
    margin-right:2rem
}
.comments-wrapper .comments-header .sort-wrapper .dropdown-trigger{
    font-family:"Roboto",sans-serif;
    text-transform:uppercase
}
.comments-wrapper .comments-header .sort-wrapper .dropdown-element{
    list-style:none;
    margin:0;
    padding:0;
    width:max-content;
    padding:10px 0
}
.comments-wrapper .comments-header .sort-wrapper .dropdown-element .sort-by-dropdown-element{
    font-size:14px;
    line-height:1;
    font-weight:400;
    text-transform:none;
    padding:.625rem 1.25rem;
    cursor:pointer
}
.comments-wrapper .comments-header .sort-wrapper .icon-filter-light{
    font-size:1rem;
    margin-right:.5rem;
    pointer-events:none
}
.section-hero-info-container{
    background-color:#fff;
    padding:.75rem;
    border-radius:.25rem;
    display:grid;
    grid-template-columns:auto;
    grid-template-rows:auto;
    gap:1rem;
    margin-bottom:.5rem
}
.section-hero-info-container-title{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row
}
.section-hero-info-container-title .icon-how-we-tested{
    color:#0969f9;
    font-size:1.25rem;
    margin-right:.5rem
}
.section-hero-info-container-title-text{
    font-family:"Roboto",sans-serif;
    font-weight:700;
    font-size:.875rem;
    line-height:1.125rem;
    color:#424242;
    margin-bottom:0;
    margin-top:0
}
.section-hero-info-container-content{
    font-family:"Roboto",sans-serif;
    font-size:.875rem;
    color:#020202;
    margin-bottom:0
}
.section-hero-info-container-content.expand-section{
    margin-bottom:1rem
}
.section-hero-info-container-content p:last-child{
    margin-bottom:0
}
.section-hero-info-container-content .trigger{
    text-decoration:none
}
.filters-section{
    margin-bottom:.625rem
}
.section-generic:not(.section-list) ol li,.section-generic:not(.section-list) p,.section-generic:not(.section-list) ul li{
    color:#020202
}
.section-generic.section-list .section-intro p:last-child{
    margin-bottom:0
}
.container-disclosure-title h2{
    margin-bottom:0
}
.container-disclosure-title .ad-disclosure-container .ad-disclosure{
    padding:0 0 .25rem;
    padding:0 0 2.5px 0
}
.container-disclosure-title .ad-disclosure-container .ad-disclosure .dropdown-element-hover{
    width:100%;
    top:100%;
    bottom:unset
}
.container-disclosure-title .ad-disclosure-container .ad-disclosure:hover .dropdown-element-hover{
    top:calc(100% - 1px)
}
@media all and (min-width:992px){
    .container-disclosure-title .ad-disclosure-container .ad-disclosure{
        padding:0 0 .25rem
    }
}
.section-hero .section-hero-content{
    padding:1rem
}
@media all and (min-width:992px){
    .section-hero .section-hero-content{
        padding:2rem 1rem
    }
}
.section-hero .section-hero-content .section-hero-content-info .expand-section ul:not(.splide__pagination,.bonuses-list){
    margin:0;
    margin-bottom:1rem;
    padding-left:1rem;
    list-style-type:disc
}
.section-hero .section-hero-content .section-hero-content-info .expand-section ul li{
    font-family:"Roboto",sans-serif;
    margin-bottom:.875rem;
    position:relative;
    padding-top:0;
    font-size:.875rem
}
.section-hero .section-hero-content .section-hero-content-info .expand-section ul li:last-child{
    margin-bottom:0
}
.section-hero .section-hero-content .section-hero-content-info .expand-section ul li.no-collapse{
    padding:.625rem
}
@media all and (min-width:540px){
    .section-hero .section-hero-content .section-hero-content-info .expand-section ul li.no-collapse{
        padding:1rem
    }
}
.section-hero .section-hero-content .section-hero-content-info .expand-section ul li a{
    text-decoration:none
}
.section-hero .section-hero-content .section-hero-content-info .expand-section ul li.bonus-component{
    padding:.75rem
}
@media all and (min-width:992px){
    .section-hero .section-hero-content .section-hero-content-info .expand-section ul li.bonus-component{
        padding-top:1rem
    }
}
.section-hero .section-hero-content .section-hero-content-info .expand-section ul.red li:before{
    background-color:#e91010
}
.general-tab-wrapper .general-tab-trigger.tab-trigger-should.active{
    border-radius:.25rem .25rem 0 0
}
.general-tab-wrapper .general-tab-trigger.tab-trigger-toc1.active .tab-item{
    color:#0969f9
}
.general-tab-wrapper .general-tab-trigger.tab-trigger-toc1:first-child{
    margin-top:0
}
.general-tab-wrapper .general-tab-trigger.tab-trigger-toc2:nth-child(3){
    margin-top:0
}
.general-tab-wrapper .general-tab-trigger.tab-trigger-toc2.active .tab-item{
    color:#0969f9
}
.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ol{
    list-style-type:none;
    padding-left:0!important
}
.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ol::marker,.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ul::marker{
    display:none
}
.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ol li{
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:.875rem;
    line-height:1.5rem
}
.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ol li a{
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ol li a:only-child{
    font-family:"Roboto",sans-serif;
    font-weight:500;
    text-decoration:underline;
    text-underline-offset:5px;
    text-decoration-color:#0969F9
}
.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ol li:before{
    content:none
}
.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper>div>*{
    margin-bottom:.75rem;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:.875rem;
    line-height:1.5rem
}
.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper>div>:last-child{
    margin-bottom:0
}
.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper table tbody tr td{
    padding-bottom:.75rem;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:.875rem;
    line-height:1.5rem
}
.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper table tbody tr:last-child td{
    padding-bottom:0
}
.general-tab-wrapper .tab-content-text ul:not(.splide__pagination,.bonuses-list){
    margin:0;
    margin-bottom:1rem;
    padding-left:1rem;
    list-style-type:disc
}
.general-tab-wrapper .tab-content-text ul li.no-collapse{
    padding:.625rem
}
@media all and (min-width:540px){
    .general-tab-wrapper .tab-content-text ul li.no-collapse{
        padding:1rem
    }
}
.general-tab-wrapper .tab-content-text ul li.bonus-component{
    padding:.75rem
}
@media all and (min-width:992px){
    .general-tab-wrapper .tab-content-text ul li.bonus-component{
        padding-top:1rem
    }
}
.general-tab-wrapper .tab-content-text ul.red li:before{
    background-color:#e91010
}
.general-tab-wrapper .tab-content-text ol:first-child{
    margin-top:0
}
.general-tab-wrapper .tab-content-text ol:last-child{
    margin-bottom:0
}
.general-tab-wrapper .tab-content-text ol>li h2,.general-tab-wrapper .tab-content-text ol>li h3,.general-tab-wrapper .tab-content-text ol>li h4,.general-tab-wrapper .tab-content-text ol>li h5{
    margin-top:0;
    margin-bottom:0
}
.general-tab-wrapper .tab-content-text ol>li h2:not(:only-child),.general-tab-wrapper .tab-content-text ol>li h3:not(:only-child),.general-tab-wrapper .tab-content-text ol>li h4:not(:only-child),.general-tab-wrapper .tab-content-text ol>li h5:not(:only-child){
    margin-bottom:.5rem
}
.general-tab-wrapper .tab-content-text ol>li h2,.general-tab-wrapper .tab-content-text ol>li h3,.general-tab-wrapper .tab-content-text ol>li h4,.general-tab-wrapper .tab-content-text ol>li h5{
    margin-top:0;
    margin-bottom:0
}
.general-tab-wrapper .tab-content-text ol>li h2:not(:only-child),.general-tab-wrapper .tab-content-text ol>li h3:not(:only-child),.general-tab-wrapper .tab-content-text ol>li h4:not(:only-child),.general-tab-wrapper .tab-content-text ol>li h5:not(:only-child){
    margin-bottom:.5rem
}
.general-tab-wrapper .tab-content-text ol>li>a{
    text-decoration:none;
    font-family:inherit;
    margin-bottom:0;
    font-size:inherit;
    line-height:inherit
}
.general-tab-wrapper .tab-content-text ol>li>a ol:last-child,.general-tab-wrapper .tab-content-text ol>li>a ul:last-child,.general-tab-wrapper .tab-content-text ol>li>span ol:last-child,.general-tab-wrapper .tab-content-text ol>li>span ul:last-child{
    margin-bottom:0
}
.general-tab-wrapper .tab-content-text .modal-element ul:not(.splide__pagination,.bonuses-list){
    margin:0;
    margin-bottom:1rem;
    padding-left:1rem;
    list-style-type:disc
}
.general-tab-wrapper .tab-content-text .modal-element ul li{
    font-family:"Roboto",sans-serif;
    margin-bottom:.875rem;
    position:relative;
    padding-top:0;
    font-size:.875rem
}
.general-tab-wrapper .tab-content-text .modal-element ul li:last-child{
    margin-bottom:0
}
.general-tab-wrapper .tab-content-text .modal-element ul li.no-collapse{
    padding:.625rem
}
@media all and (min-width:540px){
    .general-tab-wrapper .tab-content-text .modal-element ul li.no-collapse{
        padding:1rem
    }
}
.general-tab-wrapper .tab-content-text .modal-element ul li a{
    text-decoration:none
}
.general-tab-wrapper .tab-content-text .modal-element ul li.bonus-component{
    padding:.75rem
}
@media all and (min-width:992px){
    .general-tab-wrapper .tab-content-text .modal-element ul li.bonus-component{
        padding-top:1rem
    }
}
.general-tab-wrapper .tab-content-text .modal-element ul.red li:before{
    background-color:#e91010
}
.general-tab-wrapper .tab-content-text .modal-element ul>li a{
    text-decoration:none;
    font-family:inherit;
    margin-bottom:0;
    font-size:inherit;
    line-height:inherit
}
.general-tab-wrapper .tab-content-text .modal-element ol:first-child{
    margin-top:0
}
.general-tab-wrapper .tab-content-text .modal-element ol:last-child{
    margin-bottom:0
}
.general-tab-wrapper .tab-content-text .modal-element ol>li h2,.general-tab-wrapper .tab-content-text .modal-element ol>li h3,.general-tab-wrapper .tab-content-text .modal-element ol>li h4,.general-tab-wrapper .tab-content-text .modal-element ol>li h5{
    margin-top:0;
    margin-bottom:0
}
.general-tab-wrapper .tab-content-text .modal-element ol>li h2:not(:only-child),.general-tab-wrapper .tab-content-text .modal-element ol>li h3:not(:only-child),.general-tab-wrapper .tab-content-text .modal-element ol>li h4:not(:only-child),.general-tab-wrapper .tab-content-text .modal-element ol>li h5:not(:only-child){
    margin-bottom:.5rem
}
.general-tab-wrapper .tab-content-text .modal-element ol>li h2,.general-tab-wrapper .tab-content-text .modal-element ol>li h3,.general-tab-wrapper .tab-content-text .modal-element ol>li h4,.general-tab-wrapper .tab-content-text .modal-element ol>li h5{
    margin-top:0;
    margin-bottom:0
}
.general-tab-wrapper .tab-content-text .modal-element ol>li h2:not(:only-child),.general-tab-wrapper .tab-content-text .modal-element ol>li h3:not(:only-child),.general-tab-wrapper .tab-content-text .modal-element ol>li h4:not(:only-child),.general-tab-wrapper .tab-content-text .modal-element ol>li h5:not(:only-child){
    margin-bottom:.5rem
}
.general-tab-wrapper .tab-content-text .modal-element ol>li>a{
    text-decoration:none;
    font-family:inherit;
    margin-bottom:0;
    font-size:inherit;
    line-height:inherit
}
.general-tab-wrapper .tab-content-text .modal-element ol>li>a ol:last-child,.general-tab-wrapper .tab-content-text .modal-element ol>li>a ul:last-child,.general-tab-wrapper .tab-content-text .modal-element ol>li>span ol:last-child,.general-tab-wrapper .tab-content-text .modal-element ol>li>span ul:last-child{
    margin-bottom:0
}
.general-tab-wrapper .tab-content-text .read-less-trigger{
    cursor:pointer
}
.general-tab-wrapper .tab-content-text .read-less-trigger .icon-chevron-circle{
    pointer-events:none
}
.general-tab-wrapper .tab-content-text.tab-content-text-should.show{
    border-radius:0 0 .25rem .25rem
}
.section-generic.section-generic-background{
    display:grid
}

/* style css */
@charset "UTF-8";
/*Fonts*/
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2');
    font-display: swap;
    font-weight: 300;
    font-style: normal;

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

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

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

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

}

@font-face {
    font-family: icomoon;
    src: url("../fonts/icomoon.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*variables*/
:root {
    --dark: #020202;
    --dark-grey: #222;
    --grey: #e6e6e6;
    --white: #fff;
    --yellow: #f8ca2a;
    --blue: #0969f9;
    --link-blue: #0969f9;
    --link-hover-blue: #063D8E;
    --red: #e91010;
    --green: #1aa260;
    --purple: #b900e8;
    --pink: #db00c5;
    --orange: #e95e10;
    --grey-dark: #575656;
    --btn-action-one-first: #0969f9;
    --btn-action-one-second: #5b9dff;
    --btn-action-two-first: #b900e8;
    --btn-action-two-second: #c563de;
    --btn-action-three-first: #e95e10;
    --btn-action-three-second: #ffa481;
}

/*Basic styling*/
body {
    font-family: "Roboto", sans-serif;
}

body p:not(.modal-title) {
    margin-bottom: 0.875rem;
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
}

body p:not(.modal-title) a {
    font-family: inherit;
}

body p:not(.modal-title):empty {
    display: none;
}

body p:not(.modal-title):last-child {
    margin-bottom: 0;
}

h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 1rem;
    margin-top: 0;
}

@media all and (max-width: 576px) {
    h1 {
        font-size: 2rem;
        line-height: 2.25rem;
    }
}
h2 {
    font-size: 2rem;
    line-height: 2.25rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: var(--dark-grey);
    margin-bottom: 1.875rem;
    margin-top: 1.875rem;
    position: relative;
}

@media all and (max-width: 576px) {
    h2 {
        font-size: 1.75rem;
        line-height: 1.875rem;
    }
}
h2::after {
    content: "";
    display: block;
    width: 120px;
    height: 2px;
    background-color: var(--blue);
    margin-top: 0.25rem;
}

h2:first-child {
    margin-top: 0;
}

h2.no_underline::after {
    display: none;
}

h3 {
    font-size: 1.75rem;
    line-height: 1.75rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: var(--dark-grey);
    margin-top: 0;
}

h3:not(.accordion-trigger) {
    margin-bottom: 1rem;
}

@media all and (max-width: 576px) {
    h3 {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
}

h4 {
    color: var(--dark-grey);
}

h4 {
    font-size: 1.5rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 0;
}
@media all and (max-width: 576px) {
    h4 {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
}

h5 {
    font-size: 1.25rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 0;
}
@media all and (max-width: 576px) {
    h5 {
        font-size: 1.15rem;
        line-height: 1.25rem;
    }
}
h6 {
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 0;
}
@media all and (max-width: 576px) {
    h6 {
        font-size: 1.05rem;
        line-height: 1.25rem;
    }
}
[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-star-solid {
    color: var(--yellow);
}

.icon-star-solid::before {
    color: var(--yellow);
}

.icon-fire-alt-duotone {
    color: var(--red);
}

.icon-trust-editor-pick:before {
    content: "\e978";
}

.icon-casinos-list:before {
    content: "\e976";
}

.icon-toc-list:before {
    content: "\e977";
}

.icon-chevron-circle:before {
    content: "\e975";
}

.icon-trust-users:before {
    content: "\e971";
}

.icon-trust-check-mark:before {
    content: "\e972";
}

.icon-trust-experts:before {
    content: "\e973";
}

.icon-expand:before {
    content: "\e9c3";
}

.icon-error-octagon:before {
    content: "\e9bb";
}

.icon-info:before {
    content: "\e9a3";
    color: var(--blue);
}

.icon-hamburger:before {
    content: "\e9a2";
}

.icon-ad-light:before {
    content: "\e900";
}

.icon-chevron-down-regular:before {
    content: "\e90d";
}

.icon-chevron-left-regular:before {
    content: "\e90e";
}

.icon-chevron-right-regular:before {
    content: "\e90f";
}

.icon-chevron-up-regular:before {
    content: "\e910";
}

.icon-search-regular:before {
    content: "\e934";
}

.icon-times-regular:before {
    content: "\e93b";
}

a,
article,
body,
div,
form,
header,
html,
iframe,
img,
label,
li,
nav,
ol,
p,
section,
span,
strong,
time,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

article,
header,
nav,
section {
    display: block;
}

*,
:after,
:before {
    box-sizing: border-box;
}

.button {
    font-size: 1rem;
    line-height: 45px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    height: 45px;
    border-radius: 0.25rem;
    text-decoration: none;
    color: var(--white);
    letter-spacing: 0.75px;
    appearance: none;
    text-align: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.button.blue-full {
    background: var(--blue);
    border-color: transparent;
}

.container-fluid {
    width: 100%;
    max-width: 1435px;
    margin: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.grid-container {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    padding: 1rem;
    max-width: 100%;
    gap: 1rem;
}

.grid-container .main-content {
    order: 0;
    grid-column: 1/-1;
    display: grid;
    align-items: flex-start;
    gap: 1.25rem;
}

.grid-container .sidebar {
    grid-column: 1/-1;
    order: 1;
}

ol {
    margin: 0;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

ol li {
    position: relative;
    margin-bottom: 0.875rem;
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
}

ol li:last-child {
    margin-bottom: 0;
}

* {
    -webkit-text-size-adjust: 100%;
}

body {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "Roboto", sans-serif;
    color: var(--dark);
    background: #fafbfc;
    -webkit-font-smoothing: antialiased;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
}

body br {
    display: none;
}

body .section-generic:first-child {
    margin-top: 0;
}

body .section-generic ul li {
    font-family: "Roboto", sans-serif;
    margin-bottom: 0.875rem;
    position: relative;
    padding-top: 0;
    font-size: 1rem;
}

body .section-generic ul li a {
    text-decoration: none;
}

body .section-generic ul li.bonus-component {
    padding: 0.75rem;
}

@media all and (min-width: 992px) {
    .grid-container {
        max-width: 1140px;
        display: grid;
        grid-template-columns: 230px calc(100% - 230px - 2rem);
        grid-template-rows: auto;
        gap: 2rem;
        margin: 0 auto;
        align-items: flex-start;
        padding: 2rem 1rem;
    }
    .grid-container .main-content {
        grid-column: 2/-1;
    }
    .grid-container .sidebar {
        grid-column: 1;
    }
    .grid-container .main-content {
        order: 1;
    }
    .grid-container .sidebar {
        order: 0;
    }
    body .section-generic ul li.bonus-component {
        padding-top: 1rem;
    }
}
.icon-error-octagon {
    display: none;
}

a {
    color: var(--link-blue);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    text-decoration: none;
}
a:hover {
    color: var(--link-hover-blue);
    text-decoration: underline;
}

.section-generic {
    margin-top: 1.875rem;
}

.section-generic .bonus-component {
    margin-bottom: 1rem;
}

.backtotop {
    position: fixed;
    right: 0.625rem;
    bottom: 80px;
    background: #e8f2ff;
    height: 40px;
    width: 40px;
    border-radius: 8px;
    display: none;
    opacity: 0;
    z-index: 2;
}

.backtotop span {
    font-size: 1.5rem;
}

body #header-main {
    background-color: var(--white);
    position: sticky;
    top: 0;
    z-index: 99;
    border-bottom: 1px solid #f0f0f0;
    height: 3.875rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    box-shadow: 0 0 1px rgba(10, 16, 32, 0.16), 0 6px 8px -6px rgba(24, 39, 75, 0.12), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
}

body #header-main .container-fluid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    height: 100%;
    box-shadow: none;
}

body #header-main .container-fluid .logo-and-language-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
}

body #header-main .container-fluid .logo-and-language-container .btn-toggle-menu {
    background: 0 0;
    padding: 5px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

body #header-main .container-fluid .logo-and-language-container .btn-toggle-menu .icon-hamburger {
    font-size: 1rem;
    color: var(--dark);
}

body #header-main .container-fluid .logo-and-language-container #logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    line-height: 1;
    margin-bottom: 0;
    min-width: 175px;
}

body #header-main .container-fluid .logo-and-language-container #logo .logo-img {
    height: 35px;
    width: auto;
    margin-right: 0.5rem;
}

@media all and (max-width: 320px) {
    body #header-main .container-fluid .logo-and-language-container #logo .logo-img {
        height: 1.25rem;
        margin-right: 0.25rem;
    }
}
body #header-main .container-fluid .logo-and-language-container #logo .logo-text {
    height: 35px;
    width: auto;
    margin-right: 0.5rem;
    margin-top: 1.25rem;
    color: var(--dark);
    text-overflow: clip;
    overflow: hidden;
}
body #header-main .container-fluid .logo-and-language-container #logo .logo-text:hover,
body #header-main .container-fluid .logo-and-language-container #logo .logo-text:focus {
    color: var(--blue);
}
body #header-main .container-fluid .logo-and-language-container a {
    text-decoration: none;
}

body #header-main .container-fluid #main-nav {
    display: none;
}

body #header-main .header-dropdown-mobile {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 99;
    padding: 1rem;
    background-color: var(--white);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
}

body #header-main .header-dropdown-mobile .accordion-mobile-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (pointer: coarse) {
    body #header-main .header-dropdown-mobile .accordion-mobile-list {
        padding-bottom: 110px;
    }
}
@media all and (min-width: 992px) {
    body #header-main .container-fluid .logo-and-language-container .btn-toggle-menu {
        display: none;
    }
    body #header-main .container-fluid .logo-and-language-container {
        justify-content: flex-start;
        width: auto;
    }
    body #header-main .header-dropdown-mobile {
        display: none;
    }
    body #header-main {
        height: 4.5rem;
    }
    body #header-main .container-fluid #main-nav {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }
    body #header-main .container-fluid #main-nav .nav {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        list-style: none;
        height: inherit;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item {
        height: inherit;
        margin-right: 1.5rem;
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover {
        width: 100%;
        top: 100%;
        bottom: unset;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-trigger-hover {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1rem;
        color: var(--dark);
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-trigger-hover .icon-chevron-down-regular {
        font-size: 0.625rem;
        margin-left: 0.25rem;
        transform: rotate(0);
        transform-origin: center;
        display: inline-block;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover {
        border-radius: 0;
        display: grid;
        place-items: center;
        padding: 0;
        box-shadow: 0 0 1px rgba(10, 16, 32, 0.16), 0 6px 8px -6px rgba(24, 39, 75, 0.12), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
        position: absolute;
        right: 0;
        max-height: 0;
        visibility: hidden;
        opacity: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        font-family: "Roboto", sans-serif;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container {
        max-width: 1140px;
        width: 100%;
        padding: 2rem;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: auto;
        column-gap: 2rem;
        row-gap: 3rem;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element,
    body #header-main .container-fluid #main-nav .nav .nav-item a .nav-menu-element-title {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a,
    body #header-main .container-fluid #main-nav .nav .nav-item a {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: row;
        padding: 0;
        color: var(--dark);
        font-size: 0.75rem;
        line-height: 1rem;
        text-decoration: none;
        word-break: break-word;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-img {
        min-width: 48px;
        max-width: 48px;
        min-height: 48px;
        max-height: 48px;
        margin-right: 1rem;
        line-height: 0;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        gap: 0.25rem;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text .nav-menu-element-title,
    body #header-main .container-fluid #main-nav .nav .nav-item a .nav-menu-element-text .nav-menu-element-title {
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-family: "Roboto", sans-serif;
        font-weight: 500;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text .nav-menu-element-description {
        font-size: 0.75rem;
        line-height: 1rem;
        color: rgba(2, 2, 2, 0.56);
    }
}
@media all and (min-width: 992px) and (max-width: 991px) and (min-width: 1199px) {
    body #header-main .container-fluid #main-nav .nav .nav-item {
        margin-right: 1rem;
    }
}
html .search-container {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
}

html .search-container #search-trigger {
    padding: 0.75rem 1rem;
    background-color: var(--white);
    border: 1px solid #f0f0f0;
    border-radius: 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    height: 2.5rem;
}

html .search-container #search-trigger .icon-search-regular::before {
    color: var(--dark);
    font-size: 13px;
}

html .search-container #search-trigger .search-trigger-text {
    font-size: 13px;
    color: var(--dark);
    opacity: 0.5;
    margin-left: 0.625rem;
}

html .search-container .dropdown-element {
    position: absolute;
    border-radius: 8px;
    width: 100%;
    top: calc(100% - 3.75rem);
    visibility: unset;
    right: 0;
    left: unset;
}

html .search-container .dropdown-element #search {
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 2;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

html .search-container .dropdown-element #search #search-text {
    width: 100%;
    display: block;
    padding: 0.625rem 1.25rem;
    background-color: var(--white);
    box-shadow: none;
    border: 0;
    outline: 0;
    position: relative;
    z-index: 2;
    font-size: 0.875rem;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

html .search-container .dropdown-element #search > .search-btn {
    font-size: 0.875rem;
    line-height: 21px;
    font-family: "Roboto", sans-serif;
    z-index: 3;
    background-color: var(--white);
    border: none;
    margin-right: -3px;
    padding-left: 0.625rem;
    padding-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

html .search-container .dropdown-element #search > .search-btn span:before {
    color: #a6b0c3;
}

html .search-container .dropdown-element #search #search-close {
    padding-right: 0.625rem;
    top: 0;
    right: 0;
    z-index: 3;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

html .search-container .dropdown-element #search #search-close span {
    border-radius: 50%;
    background-color: #cfd6e4;
    height: 1.35rem;
    width: 1.35rem;
    line-height: 1.35rem;
    font-size: 0.875rem;
    text-align: center;
    vertical-align: middle;
    color: var(--white);
}

html .search-container .dropdown-element .default-search-results {
    background-color: var(--white);
    z-index: 1;
    background-color: var(--white);
    border-radius: 8px;
}

html .search-container .dropdown-element .default-search-results .trending-title {
    padding-left: 0.625rem;
}

html .search-container .dropdown-element .default-search-results .trending-title .icon-fire-alt-duotone {
    font-size: 0.875rem;
    margin-right: 0.25rem;
}

html .search-container .dropdown-element .default-search-results .trending-title .trending-text {
    font-family: "Roboto", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #808a9d;
}

html .search-container .dropdown-element .default-search-results .search-results-list-trending {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 0;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
}

html .search-container .dropdown-element .default-search-results .search-results-list-trending li a:not(.button) {
    font-size: 13px;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--dark-grey);
    display: block;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

html .search-container .dropdown-element .default-search-results .search-results-list-trending li a:not(.button) .search-text {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--dark-grey);
    line-height: 17px;
}

html .search-container .dropdown-element .default-search-results .search-results-list-trending li a:not(.button) img {
    width: 2rem;
    height: 2rem;
    border-radius: 5px;
    object-fit: cover;
    object-position: center;
    margin-right: 10px;
}

@media all and (min-width: 1200px) {
    html .search-container .dropdown-element .default-search-results .search-results-list-trending li a:not(.button) img {
        margin-right: 15px;
    }
    html .search-container .dropdown-element .default-search-results .search-results-list-trending li a:not(.button) {
        font-size: 0.875rem;
    }
}
html .search-container .dropdown-element .default-search-results .search-results-list-trending li:first-child > a {
    padding-top: 10px;
}

#lang-switcher {
    margin-left: 0.5rem;
}

#lang-switcher .language-switch-trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    border: 1px solid rgba(2, 2, 2, 0.16);
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
}

#lang-switcher .language-switch-trigger .lang-image {
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
}

#lang-switcher .lang-dropdown {
    padding: 0;
    min-width: 180px;
    background-color: var(--white);
    border: 1px solid #f0f0f0;
    padding: 1.25rem;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 0.75rem;
}

#lang-switcher .lang-dropdown > * {
    opacity: 0;
}

#lang-switcher .lang-dropdown span {
    display: block;
    font-size: 0.75rem;
    line-height: 0.875rem;
}

#lang-switcher .lang-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 0.75rem;
}

#lang-switcher .lang-dropdown ul li a {
    padding: 0;
    font-size: 0.75rem;
    line-height: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

#lang-switcher .lang-dropdown ul li a .lang-switch-element {
    border: 1px solid rgba(2, 2, 2, 0.16);
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    margin-right: 10px;
}

#lang-switcher .lang-dropdown ul li a .lang-switch-element .lang-image {
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
}

.sidebar #sidebar-filters {
    border-radius: 8px;
    background-color: transparent;
    padding: 0;
    box-shadow: none;
}

.sidebar #sidebar-filters .accordion-wrapper {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar #sidebar-filters .accordion-wrapper .accordion {
    margin-bottom: 1rem;
    border-bottom: none;
    border-radius: 8px;
    background-color: var(--white);
    padding: 0;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1);
}

.sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-trigger {
    color: var(--dark-grey);
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 0;
    padding: 1rem;
}

.sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-trigger .icon-chevron-down-regular {
    font-size: 1rem;
    font-weight: 600;
}

.sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element {
    list-style: none;
    background-color: var(--white);
    position: relative;
    opacity: 0;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1.25rem;
    padding-top: 0;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
}

.sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element li {
    margin-bottom: 1.25rem;
    font-weight: 400;
    position: relative;
    padding: 10px 0;
    padding-left: 1rem;
    padding-top: 0;
    margin-bottom: 10px;
}

.sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element li a {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-family: "Roboto", sans-serif;
    color: var(--dark);
    display: block;
    text-decoration: none;
    font-weight: 300;
}
.sidebar #sidebar-filters .sidebar-divider {
    color: var(--grey);
}
@media all and (min-width: 414px) {
    .sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media all and (min-width: 768px) {
    .grid-container .main-content {
        gap: 1.875rem;
    }
    .sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element {
        grid-template-columns: repeat(3, 1fr);
    }
}
footer .footer-main .container-menu .footer-category-element .footer-category-title {
    line-height: 1.25rem;
    font-size: 0.875rem;
    position: relative;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    width: max-content;
}

footer .footer-main .container-menu .footer-category-element .footer-category-title::after {
    position: absolute;
    top: 22px;
    left: 0;
    content: "";
    background-color: var(--blue);
    height: 2px;
    width: 100%;
}

@media all and (min-width: 992px) {
    html .search-container {
        margin-left: 1rem;
        margin-bottom: unset;
        margin-top: unset;
        max-width: 240px;
    }
    html .search-container .dropdown-element {
        width: 400px;
        max-width: 400px;
    }
    html .search-container .dropdown-element #search {
        max-width: 400px;
    }
    .sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-trigger {
        padding: 0;
    }
    .sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-trigger .icon-chevron-down-regular {
        display: none;
    }
    .sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element {
        opacity: 1;
        visibility: visible;
        max-height: unset;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        grid-template-columns: repeat(1, 1fr);
    }
    .sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element li {
        padding: 0;
        margin-bottom: 1.25rem;
    }
    .sidebar #sidebar-filters {
        box-shadow: rgba(88, 102, 126, 0.08) 0 4px 24px, rgba(88, 102, 126, 0.12) 0 1px 2px;
        background-color: var(--white);
        padding: 1.25rem;
        background-color: var(--white);
    }
    .sidebar #sidebar-filters .accordion-wrapper .accordion {
        margin-bottom: 15px;
        box-shadow: none;
    }
    .sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-trigger {
        margin-bottom: 1rem;
    }
    .sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element {
        opacity: 1;
        visibility: visible;
        max-height: max-content;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        box-shadow: none;
        padding-top: 0;
    }
    .tooltip-element {
        position: relative;
    }
    .tooltip-element .tooltip-modal {
        border: 1px solid rgba(151, 151, 151, 0.2);
        list-style: none;
        background: var(--white);
        border-radius: 0.25rem;
        box-shadow: 0.25rem 0.25rem 10px rgba(37, 37, 37, 0.02);
        position: absolute;
        display: none;
        opacity: 0;
        top: 1.75rem;
        width: max-content;
        height: max-content;
        max-width: 350px;
        padding: 1rem;
    }
    .tooltip-element .tooltip-modal .modal-content {
        left: 0;
        top: 0;
        width: 100%;
        padding: 0;
        position: relative;
        transform: unset;
        border: none;
    }
}
.accordion-mobile-list {
    list-style-type: none;
}

.accordion {
    position: relative;
    margin-bottom: 0;
    width: 100%;
}

.accordion .accordion-trigger {
    color: var(--dark);
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    margin-bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.accordion .accordion-trigger span {
    font-size: 0.5rem;
    margin-left: 0.375rem;
    transform: rotate(0);
    display: inline-block;
}

.accordion .accordion-element {
    background: var(--white);
    position: relative;
    opacity: 0;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    font-size: 1rem;
}

.accordion .accordion-element li {
    margin-right: 0;
    margin-bottom: 1rem;
}

.accordion .accordion-element li a {
    padding: 0;
    text-decoration: none;
    color: var(--dark);
    display: block;
    font-family: "Roboto", sans-serif;
}

.dropdown {
    position: relative;
    margin-bottom: 0;
}

.dropdown .dropdown-trigger {
    color: var(--dark);
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.dropdown .dropdown-element {
    background: var(--white);
    width: 13rem;
    position: absolute;
    display: block;
    top: 100%;
    overflow: hidden;
    border: 1px solid rgba(151, 151, 151, 0.2);
    right: 0;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    border-radius: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.dropdown .dropdown-element li {
    margin-right: 0;
    margin-bottom: 0;
}

.dropdown .dropdown-element li a {
    padding: 0.75rem 1rem;
    text-decoration: none;
    color: var(--dark);
    display: block;
    word-break: break-word;
}

#breadcrumbs nav {
    display: inline-block;
}

#breadcrumbs nav .breadcrumb-element {
    display: inline-block;
    word-break: break-all;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    margin-left: 0.625rem;
    margin-bottom: 0;
}

#breadcrumbs nav .breadcrumb-element span {
    color: #4d4d4d;
}

#breadcrumbs nav .breadcrumb-element a,
#breadcrumbs nav .breadcrumb-element span {
    font-size: 0.75rem;
    line-height: 22px;
    word-break: break-all;
    display: inline-block;
}

#breadcrumbs nav .breadcrumb-element:before {
    content: "\e90f";
    font-family: icomoon;
    color: var(--dark);
    font-size: 0.5rem;
    line-height: 0.75rem;
    margin-right: 0.625rem;
    vertical-align: middle;
}

#breadcrumbs nav .breadcrumb-element a {
    color: var(--blue);
    text-decoration: none;
}

#breadcrumbs nav .breadcrumb-element:first-child {
    margin-left: 0;
}

#breadcrumbs nav .breadcrumb-element:first-child:before {
    content: none;
}

.expand-section {
    margin-bottom: 1.5rem;
}

.expand-section .bonuses-list {
    margin-bottom: 0.875rem;
}

.expand-section .trigger {
    display: flex;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.125rem;
    display: inline-block;
    color: #060307;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

.expand-section .trigger > * {
    vertical-align: middle;
    line-height: 1rem;
}

.expand-section .trigger.expand-trigger {
    margin-left: 0.25rem;
    color: var(--blue);
    font-size: 1rem;
}

.expand-section .trigger.minimize-trigger .icon-expand {
    transform: rotate(-180deg);
    margin-bottom: 2px;
}

.expand-section .trigger.hidden {
    display: none !important;
    opacity: 0 !important;
    height: 0 !important;
}

.expand-section .icon-expand {
    margin-left: 0.25rem;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
}

.expand-section .expand-element {
    opacity: 0;
    height: 0;
    overflow: hidden;
    display: none;
}

body .cookie-banner {
    background-color: rgba(255, 255, 255, 0.95);
    padding: 0.625rem;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    box-shadow: 0 -4px 0.625rem rgba(0, 0, 0, 0.05);
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

body .cookie-banner p {
    width: calc(100% - 94px);
    font-size: 0.625rem;
    line-height: 13px;
    margin-bottom: 0;
}

body .cookie-banner .cookie-button {
    width: 5.875rem;
    padding: 0.625rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    margin-left: 0.625rem;
    height: 2.5rem;
    text-transform: none;
}

@media all and (min-width: 768px) {
    body .cookie-banner {
        padding: 1rem 2rem;
    }
    body .cookie-banner p {
        font-size: 1rem;
        line-height: 1rem;
    }
    body .cookie-banner .cookie-button {
        font-size: 0.875rem;
        margin-left: 2rem;
        width: 170px;
        height: 45px;
    }
}
.general-accordion-section-content {
    font-size: 1rem;
    color: var(--dark);
    overflow: hidden;
    position: relative;
}

.general-accordion-section-content::-webkit-scrollbar {
    width: 0.25rem;
    background-color: #f5f5f5;
}

.general-accordion-section-content-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    margin-bottom: 1rem;
    max-height: 36.75rem;
    overflow-y: auto;
    padding-right: 1rem;
}

.general-accordion-section-content-wrapper li {
    font-family: "Roboto", sans-serif;
    margin-bottom: 0.875rem;
    position: relative;
    padding-top: 0;
    font-size: 1rem;
}

.general-accordion-section-content-wrapper li:last-child {
    margin-bottom: 0;
}

.general-accordion-section-content-wrapper li a {
    text-decoration: none;
}

.general-accordion-section-content-wrapper::-webkit-scrollbar {
    width: 0.625rem;
    height: 0.625rem;
    background-color: #f5f5f5;
}

.general-accordion-section-content-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #d9d9d9;
}

.general-accordion-section-content-wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.general-accordion-section-content-wrapper li.toc-list-item {
    width: 100%;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    color: var(--dark);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

.general-accordion-section-content-wrapper li.toc-list-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.general-accordion-section-content-wrapper li.toc-list-item a {
    color: var(--blue);
    text-decoration: none;
}

.lightbox-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: grid;
    background: rgba(1, 59, 117, 0.65);
    place-items: center;
    z-index: -1;
    display: none;
}

.lightbox-container .lightbox-image-wrapper {
    gap: 1.5rem;
    display: grid;
    justify-items: center;
    position: relative;
    top: -2rem;
}

.lightbox-container .lightbox-image-wrapper .lightbox-img {
    max-height: 75vh;
    max-width: 80vw;
    border-radius: 0.25rem;
    position: relative;
}

.lightbox-container .lightbox-image-wrapper .lightbox-btn {
    background: 0 0;
    height: 2.5rem;
    width: 2.5rem;
    color: var(--blue);
    opacity: 0.55;
    border-radius: 50%;
    background: var(--white);
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.lightbox-container .lightbox-image-wrapper .lightbox-btn.right {
    right: -20px;
}

.lightbox-container .lightbox-image-wrapper .lightbox-btn.right .icon-chevron-right-regular {
    position: relative;
    right: -3px;
}

.lightbox-container .lightbox-image-wrapper .lightbox-btn.left {
    left: -20px;
}

.lightbox-container .lightbox-image-wrapper .lightbox-btn.left .icon-chevron-left-regular {
    position: relative;
    left: -3px;
}

.lightbox-container .lightbox-image-wrapper .lightbox-btn span {
    font-size: 1.5rem;
}

.lightbox-container .lightbox-image-wrapper .lightbox-bullets {
    display: grid;
    grid-auto-flow: column;
    background: var(--white);
    padding: 1rem;
    border-radius: 1.5rem;
    gap: 0.75rem;
    position: absolute;
    bottom: calc(-48px - 1rem);
}

.bonus-box-v1 {
    grid-template-areas: "bagdesTop bagdesTop " "casinoTitleAndBadges casinoTitleAndBadges" "bonusImg bonusInfo" "casinoBonusTitle casinoBonusTitle" "btnBadges btnBadges" "bonusDescription bonusDescription" "terms terms" "review review";
}

.bonus-box-v1 .bonus-top-badges {
    grid-area: bagdesTop;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.bonus-box-v1 .casino-name {
    margin-top: -0.625rem;
}

.bonus-box-v1 .casino-name .bonus-component-casino-title {
    font-size: 1.25rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

.bonus-box-v1 .btn-and-badges-wrapper {
    grid-area: btnBadges;
    justify-self: flex-end;
    align-self: flex-start;
    row-gap: 0.5rem;
    column-gap: 0.875rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
}

.bonus-box-v1 .btn-and-badges-wrapper .bonus-buttons {
    gap: 0.75rem;
    display: grid;
    justify-content: center;
}

.bonus-box-v1 .btn-and-badges-wrapper .bonus-buttons .button {
    height: 1.875rem;
    width: 13.5rem;
    background-color: var(--blue);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.bonus-box-v1 .btn-and-badges-wrapper .bonus-buttons .button::after {
    content: url("../images/demo-images/lock.svg");
    display: inline-block;
    color: var(--white);
    margin-left: 0.375rem;
    width: 0.75rem;
    height: auto;
    display: flex;
}

.bonus-box-v1 .casino-bonus-title {
    grid-area: casinoBonusTitle;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    color: var(--dark);
    text-align: center;
    background: #f5f9ff;
    border-radius: 5px;
    padding: 0.875rem 0.5rem;
    margin-bottom: 0;
    text-transform: uppercase;
}

.bonus-box-v1 .division-list .division-item {
    padding: 0.75rem;
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.04);
    margin-bottom: 0.75rem;
}

.bonus-box-v1 .division-list .division-item:last-child {
    margin-bottom: 0;
}

@media all and (min-width: 576px) {
    .bonus-box-v1 .bonus-top-badges {
        justify-content: flex-start;
    }
}
@media all and (min-width: 992px) {
    .bonus-box-v1 {
        grid-template-areas: "bagdesTop bagdesTop bagdesTop" "bonusImg casinoTitleAndBadges btnBadges" "bonusImg bonusInfo btnBadges" "casinoBonusTitle casinoBonusTitle casinoBonusTitle" "bonusDescription bonusDescription bonusDescription" "terms terms terms" "review review review";
    }
    .bonus-box-v1 .casino-name {
        margin-top: 0;
    }
    .bonus-box-v1 .casino-specifications.tab-wrapper .tab-content-text .division-list {
        padding-bottom: 1rem;
    }
    .bonus-box-v1 .division-list .division-item {
        margin-bottom: 0;
    }
}
.bonuses-list {
    overflow: visible;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 1rem;
    align-items: flex-start;
    padding-left: 0;
}

.bonuses-list:last-child {
    margin-bottom: 0;
}

.bonus-component {
    display: grid;
    grid-template-columns: 140px auto;
    grid-template-rows: auto;
    background: var(--white);
    width: 100%;
    padding: 0.75rem;
    position: relative;
    overflow: visible;
    box-shadow: 0 5px 1.25rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    gap: 0.75rem;
    align-items: center;
    padding-top: 1rem;
}

.bonus-component::before {
    display: none;
}

.bonus-component .casino-logo {
    grid-area: bonusImg;
    width: 140px;
    height: 70px;
    border-radius: 0.25rem;
    align-self: flex-start;
    overflow: hidden;
}
.review .bonus-component .casino-logo {
    grid-area: bonusImg;
    width: 140px;
    border-radius: 0.25rem;
    align-self: flex-start;
    overflow: hidden;
}
.bonus-component .casino-logo img {
    width: 100%;
    aspect-ratio: 2/1;
    object-fit: cover;
    height: 100%;
}

.bonus-component .btn-and-badges-wrapper {
    grid-area: btnBadges;
    justify-self: center;
    align-self: flex-start;
    margin-top: 0.5rem;
    gap: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.bonus-component .btn-and-badges-wrapper .bonus-buttons {
    gap: 0.75rem;
    display: grid;
    margin-bottom: 0.5rem;
    justify-content: center;
}

.bonus-component .btn-and-badges-wrapper .bonus-buttons .button {
    height: 1.875rem;
    width: 13.5rem;
    background-color: var(--blue);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    height: 2rem;
    justify-self: center;
    font-size: 0.75rem;
    line-height: 1rem;
}

@media all and (min-width: 992px) {
    .bonus-component .btn-and-badges-wrapper .bonus-buttons .button {
        width: 170px;
        justify-self: flex-end;
    }
}
.bonus-component .btn-and-badges-wrapper .bonus-buttons .button::after {
    content: url("../images/demo-images/lock.svg");
    display: inline-block;
    color: var(--white);
    margin-left: 0.375rem;
    width: 0.75rem;
    height: auto;
    display: flex;
}

.bonus-component .casino-name {
    grid-area: casinoTitleAndBadges;
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    gap: 0.5rem;
    padding-top: 0;
    margin-bottom: -0.125rem;
}

.bonus-component .casino-name .bonus-component-casino-title {
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    margin-top: 0;
    line-height: 1.5rem;
}

.bonus-component .casino-rating {
    grid-area: bonusInfo;
    display: grid;
    grid-auto-flow: row;
    justify-content: flex-start;
    align-self: center;
    gap: 0.25rem;
    width: max-content;
    padding-bottom: 0;
    position: static;
}

.bonus-component .casino-rating .stars-container {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: auto;
    justify-content: flex-start;
    align-items: center;
    gap: 0.25rem;
    line-height: 0.875rem;
    background-color: #eff2fe;
    border-radius: 1.25rem;
    padding: 0.125rem 0.5rem;
    width: max-content;
}

.bonus-component .casino-rating .stars-container .rating-stars .icon-star-solid {
    font-size: 13px;
}

.bonus-component .casino-rating .stars-container .rating-stars-text {
    font-size: 11px;
    line-height: 0.875rem;
    color: #64666a;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

.bonus-component .casino-rating .stars-container .rating-stars-text .rating {
    color: #1b1b1b;
    font-size: 17px;
    line-height: 22px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

.bonus-component .casino-rating .stars-container .icon-info {
    font-size: 0.875rem;
}

.bonus-component .terms-conditions {
    grid-area: terms;
    width: 100%;
    border-top: 1px solid rgba(151, 151, 151, 0.2);
    padding-top: 0.75rem;
    text-align: center;
}

.bonus-component .tab-wrapper {
    grid-area: bonusDescription;
    align-items: flex-start;
    position: relative;
    gap: 1rem;
}

.bonus-component .tab-wrapper .tab-content-text {
    position: relative;
    background-color: var(--white);
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review {
    gap: 1rem;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 0.875rem;
    margin-top: 0;
    margin-bottom: 0;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .cons,
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .pros {
    padding: 1rem;
    background: var(--white);
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.04);
    border-radius: 0.25rem;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .cons ul,
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .pros ul {
    font-size: 0.875rem;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .cons .title-pros-cons,
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .pros .title-pros-cons {
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.125rem;
    color: var(--dark);
    display: block;
    margin-bottom: 0.75rem;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .pros ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 0.75rem;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .pros ul li {
    font-size: 13px;
    line-height: 1rem;
    padding-left: 1.5rem;
    position: relative;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .pros ul li:before {
    color: #0A5C35;
    content: "\e90c";
    font-family: icomoon;
    background-color: transparent;
    top: 0;
    left: 0;
    font-size: 1rem;
    width: unset;
    height: unset;
    position: absolute;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .cons ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 0.75rem;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .cons ul li {
    font-size: 13px;
    line-height: 1rem;
    padding-left: 1.5rem;
    position: relative;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .cons ul li:before {
    color: #cd1b0f;
    content: "\e93b";
    font-family: icomoon;
    background-color: transparent;
    top: 0;
    left: 0;
    font-size: 1rem;
    width: unset;
    height: unset;
    position: absolute;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container {
    padding: 1rem;
    background: var(--white);
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.04);
    border-radius: 0.25rem;
    position: relative;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .review-container p {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-family: "Roboto", sans-serif;
    color: var(--dark);
    opacity: 0.8;
    margin-bottom: 0.875rem;
    display: block;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .review-container .read-more-link {
    color: var(--blue);
    display: flex;
    margin-left: 0;
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .title-verdict {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .title-verdict .title-text {
    font-size: 0.875rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1rem;
    color: var(--dark);
    margin-right: 1rem;
    margin-bottom: 0;
    padding-bottom: 1rem;
}

@media all and (max-width: 350px) {
    .bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .title-verdict .title-text {
        margin-right: 0.25rem;
    }
}
@media all and (max-width: 320px) {
    .bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .title-verdict {
        flex-direction: column;
        align-items: flex-start;
    }
    .bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .title-verdict .title-text {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
}
.bonus-component .tab-wrapper .tab-content-text ul {
    margin: 0;
}

@media all and (min-width: 992px) {
    .bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        gap: 1rem;
    }
    .bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .title-verdict .title-text {
        line-height: 1.125rem;
    }
    .bonus-component .tab-wrapper .tab-content-text {
        border-bottom: 1px solid rgba(151, 151, 151, 0.2);
    }
    .bonus-component .tab-wrapper .tab-content-text.casino-main-review {
        padding-bottom: 1rem;
    }
    .bonus-component {
        display: grid;
        grid-template-columns: 140px auto auto;
        grid-template-rows: auto;
        padding: 1rem;
        column-gap: 0.75rem;
        row-gap: 0.5rem;
    }
    .bonus-component .casino-name {
        justify-content: flex-start;
    }
    .bonus-component .casino-rating {
        padding-bottom: 0.5rem;
    }
    .bonus-component .btn-and-badges-wrapper {
        flex-direction: row;
        justify-self: flex-end;
        justify-content: flex-start;
        align-items: flex-start;
        row-gap: 0.5rem;
        column-gap: 0.875rem;
        margin-top: 0;
    }
    .bonus-component .btn-and-badges-wrapper .bonus-buttons {
        margin-bottom: 0;
    }
}
.bonus-component .division-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    box-shadow: none;
    gap: 0.75rem;
}

.bonus-component .division-list .tooltip-division {
    padding-bottom: 0.875rem;
}

.bonus-component .division-list .tooltip-division:last-child {
    padding-bottom: 0;
}

.bonus-component .division-list .division {
    background: var(--white);
    padding: 0.75rem;
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
}

.bonus-component .division-list .division .tooltip-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0;
}

.bonus-component .division-list .division .tooltip-trigger .title {
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    margin-bottom: 0;
    width: calc(100% - 1.875rem);
}

.bonus-component .division-list .division .tooltip-trigger .title .division-title {
    font-size: 0.75rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--dark);
    opacity: 0.8;
    margin: 0;
}

.bonus-component .division-list .division .tooltip-trigger .title .title-bold {
    color: var(--blue);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1rem;
    margin-top: 0.25rem;
}

.bonus-component .division-list .division .tooltip-trigger .question-mark-container {
    background-color: var(--blue);
    border: 2px solid var(--white);
    height: 1.875rem;
    width: 1.875rem;
    border-radius: 50%;
    box-shadow: 1px 0.625rem 1.25rem rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.bonus-component .division-list .division .tooltip-trigger .question-mark-container .question-mark {
    font-family: "Roboto", sans-serif;
    font-size: 0.75rem;
    color: var(--white);
    margin: auto;
}

.bonus-component .division-item {
    background: var(--white);
    font-size: 13px;
    border-radius: 5px;
    display: grid;
}

.bonus-component .division-item:last-child {
    margin-bottom: 0;
}

.bonus-component .division-item .title {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 0.5rem;
    font-size: inherit;
}

.bonus-component .division-item .title .division-title {
    color: var(--dark);
    opacity: 0.8;
    font-size: inherit;
    line-height: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

.bonus-component .division-item .title .division-val {
    color: var(--dark-grey);
    font-size: inherit;
    line-height: 1.125rem;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    text-align: right;
}

@media all and (min-width: 992px) {
    .bonus-component .division-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        gap: 1rem;
    }
    .bonus-component .division-list .tooltip-division {
        padding-bottom: 0;
    }
    .bonus-component .division-item {
        font-size: 0.75rem;
    }
    .bonus-component .division-item .title .division-val {
        text-align: end;
    }
}

.modal-trigger-ajax.tooltip-trigger,
.modal-trigger.tooltip-trigger {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.modal-trigger-ajax.tooltip-trigger::before,
.modal-trigger.tooltip-trigger::before {
    color: #646060;
}

.modal {
    display: block;
    visibility: hidden;
    opacity: 0;
    transform: scale(1.3);
    position: fixed;
    z-index: 9999;
    padding-top: 50px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal .modal-content {
    background-color: var(--white);
    border-radius: 8px;
    border: 1px solid rgba(151, 151, 151, 0.2);
    padding: 1rem;
    width: 90%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: grid;
}

@media all and (min-width: 992px) {
    .modal {
        padding-top: 100px;
    }
    .modal .modal-content {
        padding: 2rem;
        width: 60%;
    }
}
.modal .modal-content .modal-title {
    font-size: 1.125rem;
    margin-top: 0;
}

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

.modal .modal-content .modal-close {
    color: var(--red);
    line-height: 1rem;
    font-size: 1rem;
    justify-self: end;
    margin-bottom: 0.5rem;
    background: 0 0;
    border: none;
}

.modal.tooltip-modal .modal-title {
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.modal.tooltip-modal .modal-close {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
}

.modal-element {
    display: flex;
}

.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    grid-area: img;
    height: 70px;
    border-radius: 0.25rem;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-color: #f7f2ff;
    width: 100%;
}

.bonus-subscribe-wrapper .bonus-subscribe-info .stars-container {
    grid-area: review;
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: auto;
    justify-content: flex-start;
    align-items: center;
    gap: 0.25rem;
    line-height: 0.875rem;
    background-color: #eff2fe;
    border-radius: 1.25rem;
    padding: 0.25rem 0.5rem;
    width: max-content;
}

.bonus-subscribe-wrapper .bonus-subscribe-info .alpha-rating {
    grid-area: alphaRating;
    font-size: 0.75rem;
    line-height: 1;
    color: var(--dark);
    font-family: "Roboto", sans-serif;
    margin-top: 0.125rem;
}

.bonus-subscribe-wrapper .bonus-subscribe-bottom .subscribe__fail {
    display: none;
}

.main-badges-item {
    padding: 5px 0.5rem;
    border-radius: 0.25rem;
    border: none;
    margin-right: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    height: auto;
}

.main-badges-item:last-child {
    margin-right: 0;
}

.main-badges-item .ranking {
    color: var(--white);
    text-transform: uppercase;
    font-size: 9px;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding-top: 1px;
    padding-left: 4px;
}

.badge-place {
    padding: 0.25rem;
    color: #004199;
    background-color: #eff2fe;
}

.badge-place .ranking {
    font-size: 0.75rem;
    text-transform: unset;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    letter-spacing: unset;
    color: #004199;
}

.tab-wrapper {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: unset;
    gap: 1rem;
}

.tab-wrapper .tab {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.tab-wrapper .tab .arrow-tabs {
    transform: rotate(0);
    transform-origin: center;
}

.tab-wrapper .tab-content-text {
    overflow: hidden;
    opacity: 0;
    display: none;
}

@media all and (min-width: 992px) {
    .tab-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    .tab-wrapper .tab-content-text {
        grid-column: 1/-1;
        grid-row: 2;
    }
}
.icon-star-solid:before {
    content: "\e937";
}

.wrapper-alert-message {
    position: fixed;
    bottom: 0.625rem;
    left: 0.625rem;
    right: 0.625rem;
    padding: 0.625rem 1.25rem;
    border: 1px solid rgba(151, 151, 151, 0.2);
    border-radius: 0 8px 8px 0;
    z-index: 999;
    display: none;
    opacity: 0.95;
    text-align: left;
}

@media all and (min-width: 576px) {
    .wrapper-alert-message {
        padding: 1.25rem 2rem;
        bottom: 2.5rem;
        left: 2.5rem;
        right: 2.5rem;
    }
}
.page-details {
    border-top: 1px solid #d7d8db;
    border-bottom: 1px solid #d7d8db;
    font-family: "Roboto", sans-serif;
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.625rem;
    row-gap: 1rem;
    align-items: center;
    position: relative;
    padding-top: 1rem;
    padding-bottom: 0.875rem;
}

.page-details .date-published {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--dark);
    width: max-content;
}

.page-details .date-published:before {
    content: "• ";
    color: #bebebe;
    margin-right: 6px;
    width: 4.74px;
}

.page-details .date-published:first-child::before {
    content: "";
    display: none;
}

.ad-disclosure {
    position: static;
}

.ad-disclosure .tooltip-trigger {
    color: var(--dark);
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.ad-disclosure .tooltip-trigger span {
    font-size: 1rem;
    margin-left: 0.25rem;
}

.ad-disclosure-modal .modal-content .modal-title-text {
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 0;
    color: var(--dark);
}

.ad-disclosure-modal .modal-content .modal-close {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background-color: transparent;
    border: none;
}

.ad-disclosure-modal .modal-content .modal-body p {
    font-size: 0.75rem;
    line-height: 1rem;
}

input[type=text] {
    font-size: 0.875rem;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    color: var(--dark-grey);
    width: 100%;
    max-width: 100%;
    padding: 0.75rem;
    border: none;
    border-radius: 0.25rem;
    background-color: var(--white);
    border: 1px solid #eee;
}

input[type=text]:-moz-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=text]::-moz-placeholder,
input[type=text]::-webkit-input-placeholder {
    color: var(--dark);
}

@media all and (max-width: 991px) {
    input[type=text] {
        font-size: 1rem;
    }
}

.section-generic.section-list {
    display: grid;
    margin-top: 0;
}

.container-disclosure-title {
    position: relative;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    margin-bottom: 0.75rem;
}

.container-disclosure-title .ad-disclosure-container {
    position: relative;
}

.container-disclosure-title .ad-disclosure-container .ad-disclosure {
    width: max-content;
    position: static;
    padding: 0 0 0.25rem;
    padding: 0 0 2.5px;
}

.container-disclosure-title .ad-disclosure-container .ad-disclosure .ad-disclosure-modal {
    width: 100%;
    max-width: unset;
}

.section-hero {
    width: 100%;
    display: grid;
    place-items: center;
    background: url("/images/theme/bg-section-hero-generic.svg") center center no-repeat;
    background-size: cover;
}

.section-hero .section-hero-content {
    padding: 1rem;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    max-width: 100%;
    gap: 1rem;
    width: 100%;
}

.section-hero .section-hero-content h1 {
    margin-bottom: 0;
}

.section-hero .section-hero-content .section-hero-content-text {
    color: var(--dark);
    margin-bottom: 0.5rem;
}

@media all and (min-width: 992px) {
    .container-disclosure-title .ad-disclosure-container .ad-disclosure {
        padding: 0 0 0.25rem;
    }
    .container-disclosure-title {
        margin-bottom: 1rem;
    }
    .section-hero .section-hero-content {
        padding: 2rem 1rem;
        grid-column: 1/-1;
        max-width: 1140px;
    }
    .section-hero .section-hero-content .section-hero-content-text {
        margin-bottom: 1.5rem;
    }
}
.section-hero .section-hero-content .section-hero-content-info {
    position: relative;
}

.section-hero .section-hero-content .section-hero-content-info .expand-section .first_showed {
    display: inline;
    vertical-align: middle;
}

.section-hero .general-tab-wrapper {
    margin-top: 1.25rem;
}

.general-tab-wrapper {
    gap: 0;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1rem;
}

.general-tab-wrapper .general-tab-section {
    grid-column: 1/-1;
}

.general-tab-wrapper .general-tab-trigger {
    justify-content: space-between;
    background: var(--white);
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: 1.25rem;
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.0392156863);
    padding: 0.75rem;
    grid-column: 1/-1;
}

.general-tab-wrapper .general-tab-trigger .tab-item {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    color: var(--dark);
    margin-bottom: 0;
}

.general-tab-wrapper .general-tab-trigger .arrow-tabs {
    color: var(--blue);
}

.general-tab-wrapper .general-tab-trigger.tab-trigger-should {
    grid-column: 1/-1;
    grid-row: 1;
    padding: 0.75rem;
    border-radius: 0.25rem;
    font-size: 1rem;
    height: 3rem;
}

.general-tab-wrapper .general-tab-trigger.tab-trigger-toc1,
.general-tab-wrapper .general-tab-trigger.tab-trigger-toc2 {
    height: 2.5rem;
}

.general-tab-wrapper .general-tab-trigger.tab-trigger-toc1 {
    grid-column: 1;
    grid-row: 3;
    margin-top: 1rem;
    padding: 0.875rem 0.75rem;
    border-radius: 0.25rem;
    font-size: 1rem;
    height: 2.5rem;
}

.general-tab-wrapper .general-tab-trigger.tab-trigger-toc2 {
    grid-column: 2;
    grid-row: 3;
    margin-top: 1rem;
    padding: 0.875rem 0.75rem;
    border-radius: 0.25rem;
    font-size: 1rem;
    height: 2.5rem;
}

@media all and (min-width: 768px) {
    .general-accordion-section-content-wrapper {
        max-height: 21.75rem;
    }
    .page-details {
        padding-bottom: 1rem;
    }
    .section-hero .general-tab-wrapper {
        margin-top: 1.5rem;
    }
    .general-tab-wrapper .general-tab-trigger {
        height: 3.75rem;
        padding: 1.25rem;
    }
    .general-tab-wrapper .general-tab-trigger.tab-trigger-should {
        height: 3.75rem;
    }
    .general-tab-wrapper .general-tab-trigger.tab-trigger-toc1,
    .general-tab-wrapper .general-tab-trigger.tab-trigger-toc2 {
        height: 3.75rem;
    }
    .general-tab-wrapper .general-tab-trigger.tab-trigger-should,
    .general-tab-wrapper .general-tab-trigger.tab-trigger-toc1,
    .general-tab-wrapper .general-tab-trigger.tab-trigger-toc2 {
        padding: 1.25rem;
    }
    .general-tab-wrapper .tab-content-text.show-first {
        height: auto;
        opacity: 1;
        overflow: visible;
        display: grid;
    }
}
.general-tab-wrapper .tab-content-text {
    padding: 0.75rem;
    background: var(--white);
    padding-top: 0;
    grid-column: 1/-1;
}

.general-tab-wrapper .tab-content-text h3 {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper {
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 1.25rem;
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ul {
    list-style-type: none;
    padding-left: 0 !important;
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ul li {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ul li a {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ul li a:only-child {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-color: var(--blue);
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ul li:before {
    content: none;
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper a {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-color: var(--blue);
    font-family: inherit;
    font-size: inherit;
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 1.25rem;
}

.general-tab-wrapper .tab-content-text ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.general-tab-wrapper .tab-content-text ul li {
    font-family: "Roboto", sans-serif;
    margin-bottom: 0.875rem;
    position: relative;
    padding-top: 0;
    font-size: 0.875rem;
}

.general-tab-wrapper .tab-content-text ul li:last-child {
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text ul li a {
    text-decoration: none;
}

.general-tab-wrapper .tab-content-text ul:last-child {
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text ul > li a {
    text-decoration: none;
    font-family: inherit;
    margin-bottom: 0;
    font-size: inherit;
    line-height: inherit;
}

.general-tab-wrapper .tab-content-text ol {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: item;
}

.general-tab-wrapper .tab-content-text ol > li {
    counter-increment: item;
    position: relative;
    margin-bottom: 1rem;
    padding-left: calc(5px + 1.25rem);
}

.general-tab-wrapper .tab-content-text ol > li:last-of-type {
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text ol > li > span {
    text-decoration: none;
    font-family: inherit;
    margin-bottom: 0;
    font-size: inherit;
    line-height: inherit;
}

.general-tab-wrapper .tab-content-text ol > li::before {
    content: counter(item) ".";
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: var(--dark);
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.general-tab-wrapper .tab-content-text ol > li:last-child {
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text .tab-list {
    display: grid;
    grid-template-columns: 1fr;
}

.general-tab-wrapper .tab-content-text .tab-list__element {
    position: relative;
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 1rem;
    align-items: center;
    color: var(--dark);
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
}

.general-tab-wrapper .tab-content-text .tab-list__element .tab-item {
    font-family: "Roboto", sans-serif;
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-align: left;
}

.general-tab-wrapper .tab-content-text .tab-list__element::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(2, 2, 2, 0.1);
}

.general-tab-wrapper .tab-content-text .tab-list__element .icon {
    font-size: 1.25rem;
    color: var(--dark);
}

.general-tab-wrapper .tab-content-text .tab-list__element:first-child {
    padding-left: 0;
}

.general-tab-wrapper .tab-content-text .tab-list__element:not(:first-child) {
    padding-left: 0;
}

.general-tab-wrapper .tab-content-text .tab-list__element:last-child {
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text .tab-list__element:last-child::after {
    display: none;
}

@media all and (min-width: 576px) {
    .general-tab-wrapper .tab-content-text .tab-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .general-tab-wrapper .tab-content-text .tab-list__element {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        padding-bottom: 1.25rem;
        margin-bottom: 1.25rem;
        gap: 1.5rem;
    }
    .general-tab-wrapper .tab-content-text .tab-list__element .icon {
        font-size: 1.875rem;
    }
    .general-tab-wrapper .tab-content-text .tab-list__element::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 1px;
        background: rgba(2, 2, 2, 0.1);
    }
    .general-tab-wrapper .tab-content-text .tab-list__element:first-child {
        padding-bottom: 0;
    }
    .general-tab-wrapper .tab-content-text .tab-list__element:first-child::after {
        height: 100%;
        width: 1px;
        right: 0;
        left: unset;
    }
    .general-tab-wrapper .tab-content-text .tab-list__element:nth-child(2) {
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 1.25rem;
    }
    .general-tab-wrapper .tab-content-text .tab-list__element:nth-child(2)::after {
        display: none;
    }
    .general-tab-wrapper .tab-content-text .tab-list__element:nth-child(3) {
        padding-left: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .general-tab-wrapper .tab-content-text .tab-list__element:nth-child(3)::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        left: unset;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 1px;
        background: rgba(2, 2, 2, 0.1);
    }
    .general-tab-wrapper .tab-content-text .tab-list__element:nth-child(4) {
        padding-left: 1.25rem;
    }
}
@media all and (min-width: 991px) {
    .ad-disclosure .modal-content .modal-header .modal-close {
        top: 0;
        right: 0;
    }
    .general-tab-wrapper .tab-content-text .tab-list {
        grid-template-columns: repeat(4, 1fr);
    }
    .general-tab-wrapper .tab-content-text .tab-list__element {
        margin-bottom: 0;
    }
    .general-tab-wrapper .tab-content-text .tab-list__element:nth-child(2) {
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .general-tab-wrapper .tab-content-text .tab-list__element:nth-child(2)::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        left: unset;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 1px;
        background: rgba(2, 2, 2, 0.1);
    }
    .general-tab-wrapper .tab-content-text .tab-list__element:nth-child(3) {
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}
.general-tab-wrapper .tab-content-text .modal-element {
    justify-content: center;
}

.general-tab-wrapper .tab-content-text .modal-element ol {
    list-style: none;
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: item;
}

.general-tab-wrapper .tab-content-text .modal-element ol > li {
    counter-increment: item;
    position: relative;
    margin-bottom: 1rem;
    padding-left: calc(5px + 1.25rem);
}

.general-tab-wrapper .tab-content-text .modal-element ol > li:last-of-type {
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text .modal-element ol > li > span {
    text-decoration: none;
    font-family: inherit;
    margin-bottom: 0;
    font-size: inherit;
    line-height: inherit;
}

.general-tab-wrapper .tab-content-text .modal-element ol > li::before {
    content: counter(item) ".";
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: var(--dark);
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.general-tab-wrapper .tab-content-text .modal-element ol > li:last-child {
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text .modal-element .modal-close {
    display: block;
}

.general-tab-wrapper .tab-content-text .modal-element .tab__link.modal-trigger {
    color: var(--blue);
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    justify-self: center;
    margin-top: 1.25rem;
    margin-bottom: 0;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.general-tab-wrapper .tab-content-text .modal-element .modal .modal-content {
    max-height: 75vh;
    overflow-y: auto;
}

.general-tab-wrapper .tab-content-text .modal-element .modal .modal-content::-webkit-scrollbar {
    width: 0.625rem;
    height: 0.625rem;
    background-color: #f5f5f5;
}

.general-tab-wrapper .tab-content-text .modal-element .modal .modal-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #d9d9d9;
}

.general-tab-wrapper .tab-content-text .modal-element .modal .modal-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.general-tab-wrapper .tab-content-text .read-less-trigger {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.5rem;
    padding-top: 1.25rem;
    justify-self: center;
}

.general-tab-wrapper .tab-content-text .read-less-trigger .icon-chevron-circle {
    font-size: 0.875rem;
}

.general-tab-wrapper .tab-content-text.tab-content-text-should {
    grid-column: 1/-1;
    grid-row: 2;
    padding: 0 0.75rem 0.75rem;
}

.general-tab-wrapper .tab-content-text.tab-content-text-should::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    margin-bottom: 0.75rem;
}

.general-tab-wrapper .tab-content-text.tab-content-text-toc1,
.general-tab-wrapper .tab-content-text.tab-content-text-toc2 {
    grid-column: 1/-1;
    grid-row: 4;
    border-radius: 0.5rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media all and (min-width: 768px) {
    .general-tab-wrapper .tab-content-text .modal-element .tab__link.modal-trigger {
        margin-top: 1.5rem;
    }
    .general-tab-wrapper .tab-content-text.tab-content-text-toc1,
    .general-tab-wrapper .tab-content-text.tab-content-text-toc2 {
        margin-top: 1.5rem;
    }
    .general-tab-wrapper .tab-content-text {
        padding: 0 1.25rem 1.25rem;
    }
    .general-tab-wrapper .tab-content-text.tab-content-text-should {
        padding: 0 1.25rem 1.25rem;
    }
    .general-tab-wrapper .tab-content-text.tab-content-text-should::before {
        content: "";
        width: 100%;
        height: 1px;
        background: #e6e6e6;
        margin-bottom: 1.25rem;
    }
    .general-tab-wrapper .tab-content-text.tab-content-text-toc1,
    .general-tab-wrapper .tab-content-text.tab-content-text-toc2 {
        margin-top: 1rem;
    }
    .general-tab-wrapper .tab-content-text.tab-content-text-toc1,
    .general-tab-wrapper .tab-content-text.tab-content-text-toc2 {
        padding: 1.25rem;
    }
}

table td,
table th,
table td span,
table th span {
    word-break: auto-phrase;
}

.red-score {
    color: #e3693b;
}

.orange-score {
    color: #f49c16;
}

.yellow-score {
    color: #ffdf00;
}

.light-green-score {
    color: #b1dd78;
}

.green-score {
    color: #54b368;
}

.blue {
    color: var(--blue);
}

.purple {
    color: var(--purple);
}

.green {
    color: #0A5C35;
}

.orange {
    color: #f98c28;
}

.red {
    color: var(--red);
}

.text_right {
    text-align: right;
}

.text_center {
    text-align: center;
}

body p:not(.modal-title) img {
    width: 100%;
    height: auto;
}

body cite {
    font-style: normal;
}

body .small,
body small {
    font-size: 0.625rem;
    line-height: 1rem;
    font-family: "Roboto", sans-serif;
    color: var(--dark);
}

#top .h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 1rem;
    margin-top: 0;
}

#top .h1 a,
h1 a {
    font-weight: inherit;
    font-size: inherit;
}

@media all and (max-width: 576px) {
    #top .h1 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}
#top .h2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: var(--dark-grey);
    margin-bottom: 1.875rem;
    margin-top: 1.875rem;
    position: relative;
}

@media all and (max-width: 576px) {
    #top .h2 {
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
}
#top .h2::after {
    content: "";
    display: block;
    width: 120px;
    height: 2px;
    background-color: var(--blue);
    margin-top: 0.25rem;
}

#top .h2:first-child {
    margin-top: 0;
}

#top .h2.no_line,
h2.no_line {
    padding-left: 0;
}

#top .h2.no_line::before,
h2.no_line::before {
    display: none;
}

#top .h2.no_underline::after {
    display: none;
}

#top .h2 a,
h2 a {
    font-weight: inherit;
    font-size: inherit;
}

#top .h3 {
    font-size: 1rem;
    line-height: 1.75rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: var(--dark-grey);
    margin-top: 0;
}

#top .h3:not(.accordion-trigger) {
    margin-bottom: 1rem;
}

#top .h3 a,
h3 a {
    font-weight: inherit;
    font-size: inherit;
}

#top .h3.highlighted,
h3.highlighted {
    color: var(--white);
    background: var(--blue);
    border-bottom-right-radius: 2rem;
    display: inline-block;
    vertical-align: top;
    padding: 1.25rem;
    padding-right: 2rem;
}

.icon-star-half-alt-solid,
.icon-star-regular {
    color: var(--yellow);
}

.icon-star-half-alt-solid::before,
.icon-star-regular::before {
    color: var(--yellow);
}

.icon-mail:before {
    content: "\e96f";
    color: var(--white);
}

.icon-crown-duotone {
    color: var(--blue);
}

.icon-trophy-alt-duotone {
    color: #e95e10;
}

.icon-alarm-exclamation-duotone {
    color: var(--purple);
}

.icon-full-circle {
    color: #f49c16;
}

.icon-trust-free-spins:before {
    content: "\e979";
}

.icon-trust-low-deposit:before {
    content: "\e97a";
}

.icon-trust-new-casinos:before {
    content: "\e97b";
}

.icon-trust-top-rated-casino:before {
    content: "\e97c";
}

.icon-trust-users-choicein:before {
    content: "\e97d";
}

.icon-trust-bonuses:before {
    content: "\e974";
}

.icon-cloud:before {
    content: "\e971";
}

.icon-arrow-accordion:before {
    content: "\e970";
}

.icon-copy-code:before {
    content: "\e96e";
    color: grey;
}

.icon-arrow-left:before {
    content: "\e96c";
}

.icon-arrow-right:before {
    content: "\e96d";
}

.icon-badge-latest:before {
    content: "\e968";
    color: var(--white);
}

.icon-badge-new-casino:before {
    content: "\e969";
    color: var(--white);
}

.icon-badge-user:before {
    content: "\e96a";
    color: var(--white);
}

.icon-badge-trending:before {
    content: "\e96b";
    color: var(--white);
}

.icon-lock:before {
    content: "\e967";
}

.icon-make-fullscreen:before {
    content: "\e915";
}

.icon-make-smallscreen:before {
    content: "\e917";
}

.icon-refresh:before {
    content: "\e965";
}

.icon-report-game:before {
    content: "\e966";
}

.icon-rate:before {
    content: "\e914";
}

.icon-filter-regular:before {
    content: "\e909";
    color: var(--dark);
    opacity: 0.48;
}

.icon-filter-regular:after {
    content: "\e913";
    margin-left: -1em;
    color: var(--dark);
    opacity: 0.144;
}

.icon-cash-filter:before {
    content: "\e908";
    color: var(--blue);
}

.icon-arrow-right-circle:before {
    content: "\e9d6";
}

.icon-tips:before {
    content: "\e9d5";
    color: #07af5e;
}

.icon-shield-safety:before {
    content: "\e9d4";
    color: var(--blue);
}

.icon-modal:before {
    content: "\e9d3";
    color: var(--white);
}

.icon-report:before {
    content: "\e9d2";
    color: #e01003;
}

.icon-thumbs-down:before {
    content: "\e9d0";
    color: #b4b8bd;
}

.icon-thumbs-up:before {
    content: "\e9d1";
    color: #b4b8bd;
}

.icon-longarrow-right:before {
    content: "\e9cf";
    color: var(--blue);
}

.icon-banking-sidebar:before {
    content: "\e9c6";
    color: var(--white);
}

.icon-free-spins-sidebar:before {
    content: "\e9c7";
    color: var(--white);
}

.icon-game-providers-sidebar:before {
    content: "\e9c8";
    color: var(--white);
}

.icon-guides-sidebar:before {
    content: "\e9c9";
    color: var(--white);
}

.icon-live-dealer-sidebar:before {
    content: "\e9ca";
    color: var(--white);
}

.icon-slots-sidebar:before {
    content: "\e9cb";
    color: var(--white);
}

.icon-top-bonuses-sidebar:before {
    content: "\e9cc";
    color: var(--white);
}

.icon-top-casinos-sidebar:before {
    content: "\e9cd";
    color: var(--white);
}

.icon-top-filters-sidebar:before {
    content: "\e9ce";
    color: var(--white);
}

.icon-facts-checked:before {
    content: "\e9c4";
    color: var(--blue);
}

.icon-how-we-tested:before {
    content: "\e9c5";
    color: var(--blue);
}

.icon-2_deposit:before {
    content: "\e947";
    color: var(--blue);
}

.icon-3_deposit:before {
    content: "\e948";
    color: var(--blue);
}

.icon-4_deposit:before {
    content: "\e963";
    color: var(--blue);
}

.icon-5_deposit:before {
    content: "\e964";
    color: var(--blue);
}

.icon-cashback:before {
    content: "\e9c2";
    color: var(--blue);
}

.icon-claim-bonus:before {
    content: "\e939";
    color: var(--white);
}

.icon-important-terms:before {
    content: "\e93a";
}

.icon-more-bonuses:before {
    content: "\e93d";
    color: var(--white);
}

.icon-deposit_spins:before {
    content: "\e93e";
    color: var(--blue);
}

.icon-first_deposit:before {
    content: "\e91b";
    color: var(--blue);
}

.icon-no_deposit:before {
    content: "\e91c";
    color: var(--blue);
}

.icon-copy:before {
    content: "\e918";
}

.icon-methodology:before {
    content: "\e9c1";
}

.icon-betting-guides:before {
    content: "\e9ac";
    color: #1e6ac6;
}

.icon-poker-guides:before {
    content: "\e9be";
    color: #1e6ac6;
}

.icon-blackjack-guides:before {
    content: "\e9bf";
    color: #1e6ac6;
}

.icon-casino-guides:before {
    content: "\e9c0";
    color: #1e6ac6;
}

.icon-reload:before {
    content: "\e9ba";
}

.icon-bookmark:before {
    content: "\e9b8";
}

.icon-comment:before {
    content: "\e9b9";
}

.icon-comment-dots-regular:before {
    content: "\e9b4";
}

.icon-thumb_down_con:before {
    content: "\e9b5";
}

.icon-thumb_up_pro:before {
    content: "\e9b6";
}

.icon-write_review:before {
    content: "\e9b7";
}

.icon-list:before {
    content: "\e9ad";
}

.icon-plus-regular:before {
    content: "\e9ab";
}

.icon-arrow:before {
    content: "\e9aa";
    color: #1e6ac6;
}

.icon-filter:before {
    content: "\e9a9";
}

.icon-lightbulb:before {
    content: "\e9a8";
}

.icon-open-tab:before {
    content: "\e9a7";
}

.icon-twitter:before {
    content: "\e9a5";
}

.icon-linkedin:before {
    content: "\e9a6";
}

.icon-empty-circle:before {
    content: "\e961";
}

.icon-full-circle:before {
    content: "\e962";
}

.icon-company-checks:before {
    content: "\e957";
}

.icon-company-hours:before {
    content: "\e958";
}

.icon-company-partners:before {
    content: "\e959";
}

.icon-company-reviews:before {
    content: "\e95a";
}

.icon-content-job:before {
    content: "\e95b";
}

.icon-open-position-icon:before {
    content: "\e95c";
}

.icon-values-perseverence:before {
    content: "\e95d";
}

.icon-values-responsability:before {
    content: "\e95e";
}

.icon-values-teamwork:before {
    content: "\e95f";
}

.icon-values-trust:before {
    content: "\e960";
}

.icon-trash-alt-regular:before {
    content: "\e956";
}

.icon-thank-you:before {
    content: "\e954";
}

.icon-expired:before {
    content: "\e955";
}

.icon-send:before {
    content: "\e953";
}

.icon-comments:before {
    content: "\e94d";
}

.icon-game-providers:before {
    content: "\e94e";
}

.icon-how-to-get-this-bonus:before {
    content: "\e94f";
}

.icon-compare-with-other-casinos:before {
    content: "\e950";
}

.icon-payment-withdrawal-methods:before {
    content: "\e951";
}

.icon-industry-standards:before {
    content: "\e952";
}

.icon-nav-next:before {
    content: "\e949";
}

.icon-nav-before:before {
    content: "\e94a";
}

.icon-last-page:before {
    content: "\e94b";
}

.icon-first-page:before {
    content: "\e94c";
}

.icon-progress:before {
    content: "\e921";
}

.icon-money-management:before {
    content: "\e922";
}

.icon-minus:before {
    content: "\e945";
}

.icon-plus-light:before {
    content: "\e946";
}

.icon-book-light:before {
    content: "\e92d";
}

.icon-fist-raised-light:before {
    content: "\e931";
}

.icon-hourglass-light:before {
    content: "\e932";
}

.icon-lightbulb-on-light:before {
    content: "\e942";
}

.icon-pen-nib-light:before {
    content: "\e943";
}

.icon-university-light:before {
    content: "\e944";
}

.icon-eye-light:before {
    content: "\e92b";
}

.icon-list-ul-light:before {
    content: "\e92a";
}

.icon-new-casinos:before {
    content: "\e929";
}

.icon-chevron-down-light:before {
    content: "\e907";
}

.icon-payment-methods:before {
    content: "\e904";
}

.icon-registration-process:before {
    content: "\e905";
}

.icon-responsible-gambling:before {
    content: "\e906";
}

.icon-casino-overview:before {
    content: "\e903";
}

.icon-bell-light:before {
    content: "\e901";
}

.icon-book-reader-light:before {
    content: "\e902";
}

.icon-chart-line-down-regular:before {
    content: "\e90a";
}

.icon-chart-line-regular:before {
    content: "\e90b";
}

.icon-check-regular:before {
    content: "\e90c";
}

.icon-clock-light:before {
    content: "\e911";
}

.icon-comments-light:before {
    content: "\e912";
}

.icon-coupon-codes:before {
    content: "\e916";
}

.icon-file-check-light:before {
    content: "\e919";
}

.icon-filter-light:before {
    content: "\e91a";
}

.icon-free-spins:before {
    content: "\e91d";
}

.icon-games:before {
    content: "\e91e";
}

.icon-gift-regular:before {
    content: "\e91f";
}

.icon-globe-light:before {
    content: "\e920";
}

.icon-home-lg-alt-light:before {
    content: "\e923";
}

.icon-horizontal-rule-regular:before {
    content: "\e924";
}

.icon-independency:before {
    content: "\e925";
}

.icon-info-circle-light:before {
    content: "\e926";
}

.icon-integrity:before {
    content: "\e927";
}

.icon-latest-added:before {
    content: "\e928";
}

.icon-no-deposit:before {
    content: "\e92c";
}

.icon-pencil-light:before {
    content: "\e92e";
}

.icon-player-control:before {
    content: "\e92f";
}

.icon-pro-cons:before {
    content: "\e930";
}

.icon-safety:before {
    content: "\e933";
}

.icon-star-half-alt-solid:before {
    content: "\e935";
}

.icon-star-regular:before {
    content: "\e936";
}

.icon-support:before {
    content: "\e938";
}

.icon-top-casino:before {
    content: "\e93c";
}

.icon-usd-circle-light:before {
    content: "\e93f";
}

.icon-ux:before {
    content: "\e940";
}

.icon-vip:before {
    content: "\e941";
}

abbr,
acronym,
address,
applet,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
hgroup,
i,
ins,
kbd,
legend,
mark,
menu,
object,
output,
pre,
q,
ruby,
s,
samp,
small,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

aside,
details,
figcaption,
figure,
footer,
hgroup,
menu {
    display: block;
}

a,
button,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent;
}

.button {
    cursor: pointer;
    transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
}

.button.expand-trigger trigger {
    text-decoration: none;
    text-transform: uppercase;
}

.button.button-filter {
    text-transform: capitalize;
}

.button.blue-full:hover {
    color: var(--white);
    background-color: #0457d4;
}

.button.blue-full:active {
    background-color: #04419c;
    color: var(--white);
}

.button.blue-full:active {
    transform: scale(0.98);
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
}

.button.blue-full-lighter {
    background-color: #e8f2ff;
    border-color: transparent;
    color: var(--dark);
    width: 100%;
}

@media all and (min-width: 576px) {
    .button.blue-full-lighter {
        width: max-content;
    }
}
.button.blue-full-lighter:hover {
    background-color: #c7ddf8;
    color: var(--blue);
}

.button.blue-full-lighter:active {
    background-color: #c7ddf8;
    color: var(--blue);
}

.button.outlined-blue {
    background-color: var(--white);
    border: 1px solid var(--blue);
    color: var(--blue);
}

.button.outlined-blue:hover {
    background-color: rgba(30, 106, 197, 0.1);
}

.button.outlined-blue:active {
    background-color: rgba(30, 106, 197, 0.2);
    color: #04419c;
}

.button.green-full {
    background: #0A5C35;
}

.button.green-full:hover {
    color: var(--white);
    background: #1b7449;
}

.button.green-full:active {
    background: #196842;
}

.button.green-full:active {
    transform: scale(0.98);
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
}

.button.green-full-lighter {
    background-color: #e3f9f1;
    color: #035e4f;
}

.button.green-full-lighter:hover {
    background-color: #d1fcec;
}

.button.green-full-lighter:active {
    background-color: #b8fce3;
    border-color: transparent;
    outline: 0;
    -webkit-outline: none;
}

.button.outlined-green {
    background-color: transparent;
    border: 2px solid #0A5C35;
    color: #0A5C35;
}

.button.outlined-green:hover {
    background-color: rgba(30, 106, 197, 0.1);
}

.button.outlined-green:active {
    background-color: rgba(30, 106, 197, 0.2);
}

.button.outlined-white {
    background-color: transparent;
    border: 2px solid var(--white);
    color: var(--white);
}

.button.outlined-white:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.button.outlined-white:active {
    background-color: rgba(255, 255, 255, 0.15);
}

.button.red-full {
    background-color: var(--red);
    border-color: transparent;
    max-width: max-content;
}

.button.red-full:hover {
    color: var(--white);
    background-color: #db5d64;
    border-color: transparent;
}

.button.red-full:active {
    background-color: #bf5157;
    border-color: transparent;
    outline: 0;
    -webkit-outline: none;
}

.button.btn-disabled {
    pointer-events: none;
    user-select: none;
}

.button.arrow {
    font-size: 1rem;
    line-height: 1.25rem;
    border: none;
    border-radius: 8px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding-left: 2rem;
    padding-right: 2.5rem;
    position: relative;
    background: var(--blue);
    max-width: 180px;
    height: 45px;
}

.button.arrow:after {
    content: "\e90f";
    font-family: icomoon;
    font-weight: 400;
    font-size: 1.25rem;
    color: var(--blue);
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background-color: var(--white);
    border-radius: 50%;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
    position: absolute;
    right: -18px;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.button.arrow:active,
.button.arrow:focus,
.button.arrow:hover {
    background: #04419c;
    color: var(--white);
}

.button:active {
    transform: scale(0.95);
}

.expand-trigger trigger {
    max-width: max-content;
}

input:active,
input:focus {
    outline: 0;
    box-shadow: 0;
}

.link_review_centered {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    font-size: 0.75rem;
    position: relative;
    width: max-content;
    margin: 0 auto 1.5rem auto;
    color: var(--dark);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

.link_review_centered:hover {
    color: var(--dark);
}

.link_review_centered::before {
    content: "\e90f";
    font-family: icomoon;
    color: var(--dark);
    font-size: 0.75rem;
    margin-left: 0.5rem;
}

.link_review_centered::after {
    content: "";
    height: 2px;
    width: 100%;
    top: calc(100% + 0.125rem);
    background: var(--blue);
    display: block;
    position: absolute;
    bottom: 0;
}

.load-more-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
}

.load-more-progress:last-child {
    margin-bottom: 0;
}

.load-more-progress .progress-bar-load-text {
    font-size: 0.75rem;
    color: rgba(2, 2, 2, 0.7);
    margin-bottom: 0.625rem;
}

.load-more-progress .progress-bar-load {
    margin-bottom: 1rem;
    background: rgba(2, 2, 2, 0.08);
    overflow: hidden;
    height: 0.5rem;
    width: 100%;
    max-width: 18.5rem;
}

.btn-load-more {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    max-width: max-content;
    height: 50px;
    color: var(--blue);
    font-size: 0.875rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: normal;
    text-transform: initial;
    border-radius: 100px;
    box-shadow: 0 2px 4px -6px rgba(24, 39, 75, 0.08), 0 0 1px 0 rgba(10, 16, 32, 0.16);
}

.btn-load-more .icon-plus-light {
    text-align: left;
    margin-right: 0.25rem;
}

.btn-load-more:active {
    transform: scale(0.98);
}

.btn-load-more.spinning {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.btn-load-more.spinning:before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    position: relative;
    border: 3px solid var(--blue);
    border-right: 3px solid var(--white);
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
    animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
}

@-webkit-keyframes rotate360 {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotate360 {
    100% {
        transform: rotate(360deg);
    }
}
.img-landscape {
    width: 100%;
    height: auto;
}

@media all and (min-width: 992px) {
    .grid-container .home-section {
        grid-column: 1/-1;
    }
}
.container-full {
    padding: 1rem;
    max-width: 100%;
}

@media all and (min-width: 992px) {
    .container-full {
        max-width: 1140px;
        margin: 0 auto;
        padding: 2rem;
    }
}
.container {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin: auto;
}

@media all and (min-width: 576px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media all and (min-width: 768px) {
    .container {
        max-width: 100%;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}
@media all and (min-width: 992px) {
    .container {
        max-width: 1140px;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}
@media all and (min-width: 1200px) {
    .container {
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}
.filters {
    overflow-x: hidden;
    display: grid;
}

.filters .filter-container {
    height: 4.375rem;
}

.filters .filter-container .filter-list {
    height: 4.375rem;
}

.filters .filter-container .filter-list .form-item {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.039);
    border-radius: 5rem;
    pointer-events: all;
    height: 2.5rem;
}

.filters .filter-container .filter-list .form-item:last-of-type {
    margin-right: 0;
}

.filters .filter-container .filter-list .form-item .button {
    background: var(--white);
    border: 1px solid #e5e3e3;
    border-radius: 5rem;
    color: #1a1d1f;
    line-height: 1rem;
    font-size: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    height: 100%;
    font-family: "Roboto", sans-serif;
}

.filters .filter-container .filter-list .form-item .button.button-active {
    border: 1px solid var(--blue);
    color: var(--blue);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

@media all and (min-width: 992px) {
    .filters .filter-container .filter-list .form-item .button {
        font-size: 0.875rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}
.filters-reset {
    overflow: initial;
}

.filters-reset .filter-container {
    height: auto;
}

.filters-reset .filter-container .filter-list {
    height: auto;
}

dl {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    width: 100%;
}

body.overflow-hidden {
    overflow: hidden;
}

body .figure-content img,
body img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    overflow: hidden;
    line-height: 1;
}

body .bonus-component img {
    width: auto;
    border-radius: 0;
}

body figure {
    margin-bottom: 1rem;
}

body figure figcaption {
    font-size: 0.75rem;
}

body .load-more-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 1.875rem;
}

body .load-more-wrapper:last-child {
    margin-bottom: 0;
}

body .iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

body .iframe-wrapper:last-child {
    margin-bottom: 0;
}

body .iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body .block-expand {
    margin-bottom: 1.5rem;
}

body .block-expand:last-child {
    margin-bottom: 0;
}

body .splide__arrow--prev:not(.bonus-slider .splide__arrow--prev) svg {
    display: none;
}

body .splide__arrow--prev:not(.bonus-slider .splide__arrow--prev)::before {
    content: "\e96c";
    font-family: icomoon;
}

body .splide__arrow--next:not(.bonus-slider .splide__arrow--next) svg {
    display: none;
}

body .splide__arrow--next:not(.bonus-slider .splide__arrow--next)::before {
    content: "\e96d";
    font-family: icomoon;
}

body .splide:not(.is-overflow) {
    padding-bottom: 0;
}

body .about-authors .splide,
body .section-latest-guides .splide,
body .section-latest-news .splide,
body .section-recommended .splide {
    margin-bottom: 1.5rem;
}

body .about-authors .splide__list,
body .section-latest-guides .splide__list,
body .section-latest-news .splide__list,
body .section-recommended .splide__list {
    display: flex;
}

body .about-authors .splide__list .splide__slide,
body .section-latest-guides .splide__list .splide__slide,
body .section-latest-news .splide__list .splide__slide,
body .section-recommended .splide__list .splide__slide {
    margin-bottom: 0;
    padding-bottom: 0.875rem;
}

body .about-authors .splide__list .splide__slide .card-list-element,
body .about-authors .splide__list .splide__slide .small-card-element,
body .section-latest-guides .splide__list .splide__slide .card-list-element,
body .section-latest-guides .splide__list .splide__slide .small-card-element,
body .section-latest-news .splide__list .splide__slide .card-list-element,
body .section-latest-news .splide__list .splide__slide .small-card-element,
body .section-recommended .splide__list .splide__slide .card-list-element,
body .section-recommended .splide__list .splide__slide .small-card-element {
    height: 100%;
}

body .bonus-slider.lightbox-gallery-wrapper .splide__arrow--next,
body .bonus-slider.lightbox-gallery-wrapper .splide__arrow--prev {
    display: none;
}

body .section-generic .section-generic-content {
    background-color: var(--white);
    border-radius: 8px;
    padding: 1rem;
    box-shadow: rgba(88, 102, 126, 0.08) 0 4px 24px, rgba(88, 102, 126, 0.12) 0 1px 2px;
}

@media all and (min-width: 992px) {
    body .section-generic .section-generic-content {
        padding: 1.5rem;
    }
}
body .section-generic .section-generic-content > :first-child {
    margin-top: 0;
}

body .section-generic .section-generic-content > :last-child {
    margin-bottom: 0;
}

body .section-generic ul:not(.splide__pagination, .bonuses-list) {
    margin: 0;
    margin-bottom: 1rem;
    padding-left: 1rem;
    list-style-type: disc;
}

body .section-generic ul li.no-collapse {
    padding: 0.625rem;
}

@media all and (min-width: 540px) {
    body .section-generic ul li.no-collapse {
        padding: 1rem;
    }
}
body .section-generic ul.red li:before {
    background-color: var(--red);
}

body .section-generic ol.toc {
    list-style: none;
    margin: 0;
    padding: 0;
}

body .section-generic ol.toc li {
    margin-bottom: 0.875rem;
}

body .section-generic:empty {
    display: none;
}

body .section-generic.section-generic-background {
    overflow-x: hidden;
    border-radius: 0.5rem;
    background: var(--white);
    box-shadow: 0 0 1px rgba(10, 16, 32, 0.16), 0 6px 8px -6px rgba(24, 39, 75, 0.12), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
    padding: 0.75rem;
}

body .section-generic.section-generic-background:last-child {
    margin-bottom: 0;
}

@media all and (min-width: 992px) {
    body .section-generic.section-generic-background {
        padding: 1.5rem;
    }
}
body .section-list > h2 {
    margin-top: 0;
}

a {
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

a:hover {
    color: #0457d4;
}

a:active,
a:focus {
    color: #04419c;
}

a.expand-section_text {
    font-size: 1rem;
    line-height: 2rem;
    position: relative;
    padding-right: 1.25rem;
    display: inline;
}

a.expand-section_text:after {
    content: "\e902";
    font-family: icomoon;
    font-size: 0.875rem;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 5px;
}

a.expand-section_text:hover:after {
    text-decoration: none;
}

label.solid {
    font-size: 13px;
    line-height: 1.25rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
    color: var(--blue);
    background-color: #e8f2ff;
    border-radius: 4px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    padding: 0.625rem 1rem;
}

@media all and (min-width: 768px) {
    label.solid {
        line-height: 18px;
        padding: 6px 1.25rem;
    }
}
@media all and (min-width: 1200px) {
    label.solid {
        font-size: 12px;
        line-height: 18px;
        padding: 6px 2rem;
    }
}
label.solid.blue {
    background-color: #e8f2ff;
    color: var(--blue);
}

label.solid.green {
    background-color: #e3f9f1;
    color: #196842;
}

label.solid.red {
    background-color: #fae3e3;
    color: var(--red);
}

label.solid.purple {
    background-color: #ede6f7;
    color: var(--purple);
}

label.icon {
    font-size: 11px;
    line-height: 1rem;
    font-family: "Roboto", sans-serif;
    padding: 5px 0.625rem;
    border: 1px solid #d7d8db;
    border-radius: 8px;
    display: flex;
    align-items: stretch;
    white-space: nowrap;
}

@media all and (min-width: 768px) {
    label.icon {
        font-size: 12px;
        line-height: 18px;
    }
}
label.icon span[class^=icon-] {
    font-size: 1rem;
    background-color: #e8f2ff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 5px 0.625rem;
    margin: -5px -10px;
    margin-right: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.move-to-section > * {
    pointer-events: none;
}

.section-generic .section-title-wrapper {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.section-generic .section-title-wrapper .section-title {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    margin: 0;
}

@media all and (min-width: 768px) {
    .section-generic .section-title-wrapper {
        margin-bottom: 2rem;
        justify-content: flex-start;
    }
}
.backtotop {
    transition: opacity 0.3s;
    text-decoration: none;
}

.backtotop:hover {
    text-decoration: none;
}

.backtotop span {
    pointer-events: none;
}

.backtotop.element-visible {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    opacity: 0.7;
}

.backtotop.element-visible:hover {
    opacity: 1;
}

.backtotop.element-visible:active {
    transform: scale(0.98);
}

body #header-main .container-fluid .logo-and-language-container .btn-toggle-menu {
    cursor: pointer;
}

body #header-main .container-fluid .logo-and-language-container .btn-toggle-menu .icon-times-regular {
    font-size: 1rem;
    color: var(--dark);
}

body #header-main .container-fluid .logo-and-language-container #logo .logo-text {
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion {
    width: 100%;
    background-color: var(--white);
    margin-bottom: 0.5rem;
}

body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion:last-child {
    margin-bottom: 0;
}

body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-trigger {
    font-size: 1.125rem;
    line-height: 1.25rem;
    color: var(--dark-grey);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 0.75rem 0;
}

body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-trigger span {
    color: var(--dark);
    opacity: 0.5;
    font-size: 0.875rem;
}

body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element {
    box-shadow: unset;
    list-style: none;
    margin: 0;
    padding: 0;
}

body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element.show {
    box-shadow: -1px 0 0 #efefef;
}

body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 0.875rem;
    padding-left: 1.5rem;
    margin: 0.75rem 0;
}

body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 0.25rem 0;
}

body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a .nav-menu-element-img {
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    margin-right: 0.625rem;
    line-height: 0;
}

body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a .nav-menu-element-text {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a .nav-menu-element-text .nav-menu-element-title {
    font-size: 1rem;
    line-height: 1.25rem;
}

body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .nav-menu-container .nav-menu-element a .nav-menu-element-text .nav-menu-element-description {
    display: none;
}

body #header-main .header-dropdown-mobile .accordion-mobile-list .accordion .accordion-element .navbar-link-quiz {
    display: none;
}

body #header-main .header-dropdown-mobile .accordion-mobile-list .no-collapse-elements {
    width: 100%;
    margin-bottom: 1rem;
    background-color: var(--white);
    font-size: 1.125rem;
    color: var(--dark-grey);
}

body #header-main .header-dropdown-mobile.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    height: calc(100vh - 61px);
}

@media all and (min-width: 992px) {
    body #header-main .container-fluid #main-nav .nav .nav-item {
        cursor: pointer;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item:hover .dropdown-element-hover {
        top: calc(100% - 1px);
    }
}
@media all and (min-width: 992px) {
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-trigger-hover .icon-chevron-down-regular {
        transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
        pointer-events: none;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover {
        transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
        -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
        -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
        pointer-events: none;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a:hover {
        background-color: transparent;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text .nav-menu-element-title {
        transition: all 0.2s cubic-bezier(0.45, 0.26, 0, 1);
        -webkit-transition: all 0.2s cubic-bezier(0.45, 0.26, 0, 1);
        -moz-transition: all 0.2s cubic-bezier(0.45, 0.26, 0, 1);
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text:hover,
    body #header-main .container-fluid #main-nav .nav .nav-item a .nav-menu-element-text .nav-menu-element-title:hover {
        cursor: pointer;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .nav-menu-container .nav-menu-element a .nav-menu-element-text:hover .nav-menu-element-title,
    body #header-main .container-fluid #main-nav .nav .nav-item a .nav-menu-element-text .nav-menu-element-title:hover {
        color: var(--blue);
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .navbar-link-quiz {
        width: 100%;
        background-color: rgba(9, 105, 249, 0.06);
        padding: 1rem;
        font-size: 0.875rem;
        line-height: 1.125rem;
        color: var(--blue);
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        display: none;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }
}
@media all and (min-width: 992px) and (min-width: 992px) {
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .navbar-link-quiz {
        display: block;
    }
}
@media all and (min-width: 992px) {
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .navbar-link-quiz:hover {
        color: #0457d4;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item .dropdown-element-hover .navbar-link-quiz span {
        font-size: 0.75rem;
        margin-left: 0.5rem;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item:hover .dropdown-trigger-hover {
        color: var(--blue);
        position: relative;
    }
    body #header-main .container-fluid #main-nav .nav .nav-item:hover .dropdown-trigger-hover .icon-chevron-down-regular {
        transform: rotate(-180deg);
    }
    body #header-main .container-fluid #main-nav .nav .nav-item:hover .dropdown-element-hover {
        opacity: 1;
        z-index: 100;
        box-shadow: rgba(88, 102, 126, 0.08) 0 4px 24px, rgba(88, 102, 126, 0.12) 0 1px 2px;
        background-color: var(--white);
        visibility: visible;
        max-height: 400px;
        pointer-events: all;
    }
    body #header-main .container-fluid #main-nav .nav .no-collapse-elements:last-child {
        margin-right: 0;
    }
    body #header-main .container-fluid #main-nav .nav .no-collapse-elements a {
        font-size: 0.875rem;
        line-height: 1rem;
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        color: var(--dark);
    }
    body #header-main .container-fluid #main-nav .nav .no-collapse-elements a:hover {
        color: var(--blue);
    }
}
html .search-container #search-trigger > * {
    pointer-events: none;
}

html .search-container .dropdown-element.show {
    top: calc(100% - 3.125rem);
    visibility: unset;
}

@media all and (max-width: 320px) {
    html .search-container .dropdown-element.show {
        top: calc(100% - 2.65rem);
    }
}
html .search-container .dropdown-element #search #search-text {
    transition: all 0s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0s cubic-bezier(0.45, 0.26, 0, 1);
}

html .search-container .dropdown-element #search #search-text::placeholder {
    font-size: 1rem;
    color: #a6b0c3;
    font-family: "Roboto", sans-serif;
}

html .search-container .dropdown-element #search #search-text:active,
html .search-container .dropdown-element #search #search-text:focus {
    box-shadow: none;
    border: 0;
    outline: 0;
}

html .search-container .dropdown-element #search #search-close {
    cursor: pointer;
}

html .search-container .dropdown-element #search.search-active-form #search-results {
    opacity: 1;
    visibility: visible;
}

html .search-container .dropdown-element .default-search-results {
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

html .search-container .dropdown-element .default-search-results .trending-results .search-results-list:last-of-type {
    border-bottom: none;
}

html .search-container .dropdown-element .default-search-results.invisible {
    opacity: 0;
    visibility: hidden;
    display: none;
}

html .search-container .dropdown-element .default-search-results .search-results-list-trending li a:not(.button) .search-text + span {
    color: #5f5f5f;
    display: inline-block;
    margin-left: 0.25rem;
}

html .search-container .dropdown-element .default-search-results .search-results-list-trending li a:not(.button) .icon-list-ul-light {
    width: 1.875rem;
    height: 1.875rem;
    color: var(--white);
    background: var(--blue);
    border-radius: 5px;
    margin-left: 0;
    margin-right: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

html .search-container .dropdown-element .default-search-results .search-results-list-trending li a:not(.button):hover {
    background-color: #f7f7f7;
    color: var(--blue);
}

html .search-container .dropdown-element .default-search-results .search-results-list-trending li a:not(.button):hover .search-text {
    color: inherit;
}

html .search-container .dropdown-element #search-results {
    background-color: var(--white);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

html .search-container .dropdown-element #search-results.visible {
    opacity: 1;
    visibility: visible;
    display: block;
}

html .search-container .dropdown-element #search-results .search-toggles {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
}

html .search-container .dropdown-element #search-results .search-toggles .form-item {
    position: relative;
    display: block;
    width: 100%;
    margin-right: 0.5rem;
}

html .search-container .dropdown-element #search-results .search-toggles .form-item label {
    font-size: 0.875rem;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--blue);
    cursor: pointer;
    text-align: center;
    background-color: #e8f2ff;
    border: 2px solid transparent;
    border-radius: 5px;
    padding: 1rem;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    user-select: none;
    margin-bottom: 0;
    transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
}

html .search-container .dropdown-element #search-results .search-toggles .form-item label:focus,
html .search-container .dropdown-element #search-results .search-toggles .form-item label:hover {
    border: 2px solid var(--blue);
}

html .search-container .dropdown-element #search-results .search-toggles .form-item label:active {
    transform: scale(0.95);
}

@media all and (min-width: 1200px) {
    html .search-container .dropdown-element #search-results .search-toggles .form-item label {
        font-size: 1rem;
    }
}
@media all and (max-width: 375px) {
    html .search-container .dropdown-element #search-results .search-toggles .form-item label {
        font-size: 0.75rem;
    }
}
html .search-container .dropdown-element #search-results .search-toggles .form-item input {
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
    opacity: 0;
}

html .search-container .dropdown-element #search-results .search-toggles .form-item:last-child {
    margin-right: 0;
}

html .search-container .dropdown-element #search-results .loader-search {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

html .search-container .dropdown-element #search-results .loader-search .lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

html .search-container .dropdown-element #search-results .loader-search .lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--blue);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

html .search-container .dropdown-element #search-results .loader-search .lds-ellipsis div:first-child,
html .search-container .dropdown-element #search-results .loader-search .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

html .search-container .dropdown-element #search-results .loader-search .lds-ellipsis div:nth-child(3) {
    left: 2rem;
    animation: lds-ellipsis2 0.6s infinite;
}

html .search-container .dropdown-element #search-results .loader-search .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}
html .search-container .dropdown-element #search-results .search-results-list {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 0;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
}

html .search-container .dropdown-element #search-results .search-results-list .search-category-span {
    font-family: "Roboto", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 0.875rem;
    display: flex;
    color: #808a9d;
}

html .search-container .dropdown-element #search-results .search-results-list li a:not(.button) {
    font-size: 13px;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--dark-grey);
    display: block;
    padding: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

html .search-container .dropdown-element #search-results .search-results-list li a:not(.button) .search-text {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--dark-grey);
    line-height: 1.125rem;
}

html .search-container .dropdown-element #search-results .search-results-list li a:not(.button) .search-text + span {
    color: #5f5f5f;
    display: inline-block;
    margin-left: 0.25rem;
}

html .search-container .dropdown-element #search-results .search-results-list li a:not(.button) img {
    width: 2rem;
    height: 2rem;
    border-radius: 0.25rem;
    object-fit: cover;
    object-position: center;
    margin-right: 0.625rem;
}

@media all and (min-width: 1200px) {
    html .search-container .dropdown-element #search-results .search-results-list li a:not(.button) img {
        margin-right: 1rem;
    }
}
html .search-container .dropdown-element #search-results .search-results-list li a:not(.button) .icon-list-ul-light {
    width: 1.875rem;
    height: 1.875rem;
    color: var(--white);
    background: var(--blue);
    border-radius: 5px;
    margin-left: 0;
    margin-right: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

html .search-container .dropdown-element #search-results .search-results-list li a:not(.button):hover {
    background-color: #f7f7f7;
    color: var(--blue);
}

html .search-container .dropdown-element #search-results .search-results-list li a:not(.button):hover .search-text {
    color: inherit;
}

@media all and (min-width: 1200px) {
    html .search-container .dropdown-element #search-results .search-results-list li a:not(.button) {
        font-size: 0.875rem;
    }
}
html .search-container .dropdown-element #search-results .search-results-list li:first-child > a {
    padding-top: 10px;
}

html .search-container .dropdown-element #search-results .load-more .load-more-btn {
    width: 100%;
    border: none;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
}

html .search-container .dropdown-element #search-results .load-more .load-more-btn:hover {
    text-decoration: none;
    background: #f7f7f7;
}

html .search-container .dropdown-element #search-results .load-more .load-more-btn.active {
    background: #eee;
}

@media all and (min-width: 992px) {
    html .search-container .dropdown-element #search-results {
        position: relative;
        padding-top: 0;
        overflow: auto;
        display: none;
    }
}
#lang-switcher.active .icon-chevron-down-regular {
    transform: rotate(180deg);
}

#lang-switcher .language-switch-trigger .lang-image {
    pointer-events: none;
}

#lang-switcher .language-switch-trigger.lang_active {
    background-color: #f7f7f7;
    color: var(--blue);
    text-decoration: none;
}

#lang-switcher .language-switch-trigger .icon-chevron-down-regular,
#lang-switcher .language-switch-trigger .icon-globe-light {
    margin-left: 5px;
    font-size: inherit;
    pointer-events: none;
}

#lang-switcher .lang-dropdown ul li a .lang-switch-element .lang-image {
    pointer-events: none;
}

#lang-switcher .lang-dropdown.show > * {
    opacity: 1;
}

.sidebar #sidebar-filters .div-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-trigger {
    pointer-events: auto;
}

@media all and (min-width: 992px) {
    .sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-trigger {
        pointer-events: none;
    }
}
.sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element.show {
    box-shadow: 0 -1px 0 rgba(151, 151, 151, 0.2);
    opacity: 1;
    visibility: visible;
    max-height: 500px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-top: 1rem;
}

.sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element li:last-of-type {
    margin-bottom: 0;
}

.sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element li a:hover {
    color: var(--blue);
}

.sidebar #sidebar-filters .accordion-wrapper .accordion:last-of-type {
    margin-bottom: 0;
}

.sidebar #sidebar-filters .accordion-wrapper .accordion:last-of-type .aside-list {
    margin-bottom: 0;
}

.sidebar #sidebar-filters .accordion-wrapper .accordion:last-of-type .aside-list li:last-of-type {
    margin-bottom: 0;
}

@media all and (min-width: 992px) {
    .sidebar #sidebar-filters .accordion-wrapper .accordion .accordion-element.show {
        box-shadow: none;
        padding-top: 0;
    }
}
.sidebar #sidebar-filters .casino-search {
    position: relative;
    margin: 10px 0;
    margin-bottom: 1rem;
}

.sidebar #sidebar-filters .casino-search button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: transparent;
    border-radius: 0;
    padding: 0 1rem;
    font-size: 0.875rem;
}

.sidebar #sidebar-filters .casino-search button .icon-search-blue {
    color: var(--blue);
}

.sidebar #sidebar-filters .casino-search button .icon-search-blue:before {
    color: var(--blue);
}

@media all and (min-width: 992px) {
    .sidebar #sidebar-filters .casino-search button {
        font-size: 1rem;
    }
}
.sidebar #sidebar-filters .casino-search input {
    width: 100%;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 45px;
    padding-left: 1rem;
}

footer {
    font-size: 0.8125rem;
    line-height: 1.75rem;
    font-family: "Roboto", sans-serif;
    color: var(--dark);
    background-color: var(--white);
}

footer .footer-logo {
    height: auto;
}

footer ul:not(.accordion-element ul) {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer .footer-main {
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
    border-top: 1px solid rgba(151, 151, 151, 0.2);
    padding-top: 3rem;
}

footer .footer-main .container-menu {
    padding-top: 0;
    padding-bottom: 1.5rem;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 2rem;
}

footer .footer-main .container-menu .footer-category-element {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 1.125rem;
}

footer .footer-main .container-menu .footer-category-element .footer-category-nav .footer-category-list li {
    margin-bottom: 0.5rem;
    font-family: "Roboto", sans-serif;
    color: #4b5157;
    font-size: 0.75rem;
    line-height: 1.25rem;
}

footer .footer-main .container-menu .footer-category-element .footer-category-nav .footer-category-list li a {
    line-height: inherit;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
}

footer .footer-main .container-menu .footer-category-element .social-links {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 1rem;
}

footer .footer-main .container-menu .footer-category-element .social-links .social-links-element {
    transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
}

footer .footer-main .container-menu .footer-category-element .social-links .social-links-element a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    color: #4b5157;
}

footer .footer-main .container-menu .footer-category-element .social-links .social-links-element a img {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.625rem;
    opacity: 0.75;
}

footer .footer-main .container-menu .footer-category-element .social-links .social-links-element:last-child {
    margin-right: 0;
}

footer .footer-main .container-menu .footer-category-element .social-links .social-links-element:hover {
    opacity: 1;
}

footer .footer-main .container-menu .description-element {
    grid-column: 1/-1;
}

footer .footer-main .container-menu .description-element p {
    font-size: 0.75rem;
    line-height: 1.25rem;
    color: var(--dark);
    font-family: "Roboto", sans-serif;
}

footer .footer-main .container-menu .description-element p:last-child {
    margin-bottom: 0;
}

@media all and (min-width: 360px) {
    footer .footer-main .container-menu {
        grid-template-columns: repeat(2, auto);
    }
}
@media all and (min-width: 550px) {
    footer .footer-main .container-menu {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media all and (min-width: 800px) {
    footer .footer-main .container-menu {
        grid-template-columns: 30% repeat(4, 1fr);
    }
    footer .footer-main .container-menu .description-element {
        grid-column: 1;
    }
}
@media all and (min-width: 992px) {
    footer .footer-main .container-menu {
        gap: 4rem;
    }
}
footer .footer-main .footer-notice {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding-top: 0;
    padding-top: 2.5rem;
    margin-right: auto;
}

footer .footer-main .footer-notice .accordion-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

footer .footer-main .footer-notice .accordion-trigger .accordion-trigger-title {
    font-size: 0.875rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: 1.125rem;
    margin-left: 0;
}

footer .footer-main .footer-notice .accordion-element {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

footer .footer-main .footer-notice .accordion-element::-webkit-scrollbar {
    width: 0;
    height: 0;
}

footer .footer-main .footer-notice ul {
    margin-bottom: 0;
}

footer .footer-main .footer-notice ul:not(.splide__pagination, .bonuses-list) {
    margin: 0;
    margin-bottom: 1rem;
    padding-left: 1rem;
    list-style-type: disc;
}

footer .footer-main .footer-notice ul li {
    font-family: "Roboto", sans-serif;
    margin-bottom: 0.875rem;
    position: relative;
    padding-top: 0;
    font-size: 0.875rem;
}

footer .footer-main .footer-notice ul li:last-child {
    margin-bottom: 0;
}

footer .footer-main .footer-notice ul li.no-collapse {
    padding: 0.625rem;
}

@media all and (min-width: 540px) {
    footer .footer-main .footer-notice ul li.no-collapse {
        padding: 1rem;
    }
}
footer .footer-main .footer-notice ul li a {
    text-decoration: none;
}

footer .footer-main .footer-notice ul li.bonus-component {
    padding: 0.75rem;
}

@media all and (min-width: 992px) {
    footer .footer-main .footer-notice ul li.bonus-component {
        padding-top: 1rem;
    }
}
footer .footer-main .footer-notice ul.red li:before {
    background-color: var(--red);
}

footer .footer-main .footer-notice ul li {
    font-size: 13px;
    line-height: 26px;
}

footer .footer-main .footer-notice ul li a {
    color: var(--blue);
    display: inline;
}

footer .footer-main .footer-notice ul li a:hover {
    color: #0457d4;
}

@media all and (min-width: 414px) {
    footer .footer-main {
        padding-bottom: 1.5rem;
    }
}
footer .footer-bottom {
    text-align: center;
}

footer .footer-bottom .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

@media all and (min-width: 800px) {
    footer .footer-bottom .container {
        flex-direction: row;
    }
}
footer .footer-bottom .container .footer-logos {
    gap: 0.75rem;
    margin-bottom: 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
}

footer .footer-bottom .container .footer-logos li {
    margin-bottom: 0;
    text-align: center;
}

footer .footer-bottom .container .footer-logos li img {
    mix-blend-mode: luminosity;
    opacity: 0.3;
    width: auto;
    object-fit: contain;
    max-width: 80px;
    max-height: 40px;
}

footer .footer-bottom .container .footer-logos li img.gamble-aware {
    height: 1rem;
}

footer .footer-bottom .container .footer-logos li img.dcma {
    height: 2rem;
}

footer .footer-bottom .container .footer-logos li img.gamcare {
    height: 1.5rem;
}

footer .footer-bottom .container .footer-logos li img.gamstop {
    height: 2rem;
}

footer .footer-bottom .container .footer-logos li img.play-responsibly {
    height: 1.875rem;
}

footer .footer-bottom .container .footer-logos li:last-child {
    grid-column: 1/-1;
}

@media all and (min-width: 800px) {
    footer .footer-bottom .container .footer-logos {
        gap: 2rem;
    }
}
@media all and (min-width: 820px) {
    footer .footer-bottom .container .footer-logos {
        grid-template-columns: repeat(5, max-content);
    }
}
@media all and (min-width: 414px) {
    footer .footer-bottom .container .footer-logos {
        grid-template-columns: repeat(4, 1fr);
    }
    footer .footer-bottom .container .footer-logos li {
        text-align: center;
    }
    footer .footer-bottom .container .footer-logos li:last-child {
        grid-column: 1/-1;
        text-align: center;
    }
}
footer .footer-bottom .container .footer-rights-reserved {
    font-size: 0.875rem;
    margin-bottom: 0;
    line-height: 1.25rem;
    color: #58595B;
}

@media all and (max-width: 767px) {
    footer .footer-bottom {
        text-align: left;
    }
}
@media all and (min-width: 992px) {
    .tooltip-element .tooltip-modal.show {
        display: block;
        opacity: 1;
        transform: translateX(-50%);
        left: 50%;
        animation: tooltipDropdown all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    }
    @keyframes tooltipDropdown {
        from {
            opacity: 0.5;
            top: 0.75rem;
        }
        to {
            opacity: 1;
            top: 1.125rem;
        }
    }
}
.accordion .accordion-trigger {
    cursor: pointer;
}

.accordion .accordion-trigger span {
    pointer-events: none;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.accordion .accordion-trigger span.rotate {
    transform: rotate(-180deg);
}

.accordion .accordion-trigger:has(.accordion-trigger-text) {
    gap: 0.25rem;
}

.accordion .accordion-trigger .accordion-trigger-text {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.accordion .accordion-trigger > * {
    pointer-events: none;
}

.accordion .accordion-element.show {
    padding-top: 1rem;
    opacity: 1;
    visibility: visible;
    max-height: 500px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.accordion .accordion-element li a {
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.accordion .accordion-element li a:hover {
    color: var(--blue);
}

.accordion .accordion-element li:last-child {
    margin-bottom: 0;
}

.accordion:last-child {
    margin-right: 0;
}

.dropdown .dropdown-trigger {
    cursor: pointer;
}

.dropdown .dropdown-trigger .icon-chevron-down-regular {
    font-size: 0.5rem;
    margin-left: 0.375rem;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    transform: rotate(0);
    transform-origin: center;
    pointer-events: none;
}

.dropdown .dropdown-trigger .icon-chevron-down-regular.rotate {
    transform: rotate(-180deg);
}

.dropdown .dropdown-element {
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.dropdown .dropdown-element li a {
    transition: all all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.dropdown .dropdown-element li a:hover {
    background: #e8f2ff;
    color: var(--blue);
}

.dropdown .dropdown-element.show {
    opacity: 1;
    z-index: 100;
    max-height: max-content;
    height: max-content;
    top: calc(100% + 0.5rem);
    box-shadow: rgba(88, 102, 126, 0.08) 0 4px 24px, rgba(88, 102, 126, 0.12) 0 1px 2px;
    background-color: var(--white);
    visibility: visible;
}

.review-link .dropdown-trigger {
    color: var(--blue);
}

#breadcrumbs:last-child {
    margin-bottom: 0;
}

#breadcrumbs nav .breadcrumb-element a span:hover {
    color: #04419c;
}

#breadcrumbs nav .breadcrumb-element .icon-home-lg-alt-light {
    display: inline-block;
    margin-right: 10px;
    color: var(--blue);
}

#breadcrumbs nav .breadcrumb-element:last-child a {
    color: var(--dark-grey);
}

.expand-section .trigger {
    cursor: pointer;
}

.expand-section .trigger > * {
    pointer-events: none;
}

.expand-section .triggers {
    display: flex;
    justify-content: center;
    grid-column: 1/-1;
}

.expand-section .triggers .trigger {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--blue);
}

.expand-section .triggers .blue-full-lighter.trigger {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--drak-grey);
}

.expand-section .expand-element ol,
.expand-section .expand-element ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

.expand-section .expand-element ul:not(.splide__pagination, .bonuses-list) {
    margin: 0;
    margin-bottom: 1rem;
    padding-left: 1rem;
    list-style-type: disc;
}

.expand-section .expand-element ul li {
    font-family: "Roboto", sans-serif;
    margin-bottom: 0.875rem;
    position: relative;
    padding-top: 0;
    font-size: 0.875rem;
}

.expand-section .expand-element ul li:last-child {
    margin-bottom: 0;
}

.expand-section .expand-element ul li.no-collapse {
    padding: 0.625rem;
}

@media all and (min-width: 540px) {
    .expand-section .expand-element ul li.no-collapse {
        padding: 1rem;
    }
}
.expand-section .expand-element ul li a {
    text-decoration: none;
}

.expand-section .expand-element ul li.bonus-component {
    padding: 0.75rem;
}

@media all and (min-width: 992px) {
    .expand-section .expand-element ul li.bonus-component {
        padding-top: 1rem;
    }
}
.expand-section .expand-element ul.red li:before {
    background-color: var(--red);
}

.expand-section.show p:first-child {
    margin-bottom: 1rem;
}

.expand-section.show .expand-element {
    height: auto;
    opacity: 1;
    display: grid;
    margin-top: 1rem;
}

.black-text {
    color: var(--dark);
}

body .cookie-banner p a {
    font-size: 0.625rem;
    line-height: 13px;
}

body .cookie-banner.cookie-fade {
    display: none;
}

body .cookie-banner .cookie-hide,
body .cookie-banner.cookie-hide {
    display: none;
}

.section-faq .accordion {
    box-shadow: 0 6px 8px -6px rgba(24, 39, 75, 0.1215686275), 0 0 1px 0 rgba(10, 16, 32, 0.1607843137);
    background: var(--white);
    margin-bottom: 0.875rem;
    border-radius: 0.5rem;
}

.section-faq .accordion:last-child {
    margin-bottom: 0;
}

.section-faq .accordion .accordion-trigger {
    justify-content: space-between;
    font-size: 1rem;
    padding: 1rem 0.75rem;
    line-height: 1.25rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

@media all and (min-width: 576px) {
    .section-faq .accordion .accordion-trigger {
        padding: 1.25rem;
    }
}
.section-faq .accordion .accordion-trigger .arrow-accordion {
    font-size: 1rem;
    color: var(--blue);
}

.section-faq .accordion .accordion-element {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

@media all and (min-width: 576px) {
    .section-faq .accordion .accordion-element {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}
.section-faq .accordion .accordion-element p {
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
}

.section-faq .accordion .accordion-element p:last-child {
    margin-bottom: 0;
}

.section-faq .accordion .accordion-element.show {
    padding-top: 0;
    padding-bottom: 1rem;
}

.author-section {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    align-items: flex-start;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
    margin-top: 1.875rem;
}

.author-section .author-element {
    display: grid;
    grid-template-columns: 88px 1fr;
    grid-template-rows: auto;
    column-gap: 0.625rem;
    row-gap: 1rem;
    grid-column: 1/-1;
    align-items: center;
    justify-items: flex-start;
    border-radius: 0.5rem;
    background: var(--white);
    box-shadow: 0 6px 8px -6px rgba(24, 39, 75, 0.12), 0 0 1px 0 rgba(10, 16, 32, 0.16);
    padding: 1rem 0.75rem;
}

.author-section .author-element .author-element-img {
    border-radius: 50%;
    overflow: hidden;
    width: 88px;
    height: 88px;
}

.author-section .author-element .author-element-img img {
    width: 100%;
    height: 100%;
}

.author-section .author-element .author-element-info {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.author-section .author-element .author-element-info .edited {
    color: rgba(2, 2, 2, 0.72);
    font-family: "Roboto", sans-serif;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
}

.author-section .author-element .author-element-info .author-title {
    margin-top: 0.375rem;
    margin-bottom: 0.625rem;
    color: var(--dark);
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: 1;
    font-size: 1rem;
    font-style: normal;
    line-height: normal;
    text-decoration-line: underline;
    text-underline-offset: 3px;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.author-section .author-element .author-element-info a.author-title:hover {
    color: var(--blue);
}

.author-section .author-element .author-element-info .author-type {
    font-size: 0.75rem;
    color: var(--dark);
    line-height: 1.2rem;
}

.author-section .author-element .author-social {
    width: max-content;
    grid-column: 1;
    line-height: 0;
}

.author-section .author-element .author-social .author-social-link {
    font-size: 1.5rem;
    display: inline-block;
    margin-right: 1rem;
    opacity: 0.75;
    line-height: 0;
    text-decoration: none;
}

.author-section .author-element .author-social .author-social-link:active,
.author-section .author-element .author-social .author-social-link:hover {
    opacity: 1;
}

.author-section .author-element .author-social .author-social-link span {
    font-size: inherit;
}

.author-section .author-element .author-social .author-social-link:last-child {
    margin-right: 0;
}

.author-section .author-element .author-description {
    grid-column: 1/-1;
    margin-bottom: 0;
    font-size: 0.875rem;
    line-height: 28px;
    padding-top: 0.875rem;
    border-top: 1px solid rgba(151, 151, 151, 0.2);
}

@media all and (min-width: 768px) {
    .author-section .author-element {
        row-gap: 0.875rem;
        padding: 1.25rem;
    }
    .author-section .author-element .author-social {
        width: 100%;
        grid-column: 1/-1;
    }
}
.general-accordion-section {
    background-color: var(--white);
    padding: 1rem;
    border-radius: 0.25rem;
    gap: 1rem;
}

.general-accordion-section-title.accordion-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.general-accordion-section-title .accordion-trigger-text,
.general-accordion-section-title-text {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: var(--dark);
}

.general-accordion-section-title .accordion-trigger-text {
    text-decoration: none;
    text-align: end;
}

.general-accordion-section-title .accordion-trigger-text .icon-expand {
    margin-left: 6px;
    font-size: 13px;
}

.general-accordion-section .accordion-element {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.general-accordion-section .accordion-element::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.general-accordion-section-content .shadow-trace {
    display: none;
}

.general-accordion-section-content .shadow-trace.shadow {
    height: 52px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, var(--white) 100%);
    z-index: 3;
    pointer-events: none;
}

.general-accordion-section-content p:last-child {
    margin-bottom: 0;
}

.general-accordion-section-content-wrapper:not(.splide__pagination, .bonuses-list) {
    margin: 0;
    margin-bottom: 1rem;
    padding-left: 1rem;
    list-style-type: disc;
}

.general-accordion-section-content-wrapper li.no-collapse {
    padding: 0.625rem;
}

@media all and (min-width: 540px) {
    .general-accordion-section-content-wrapper li.no-collapse {
        padding: 1rem;
    }
}
.general-accordion-section-content-wrapper li.bonus-component {
    padding: 0.75rem;
}

@media all and (min-width: 992px) {
    .general-accordion-section-content-wrapper li.bonus-component {
        padding-top: 1rem;
    }
}
.general-accordion-section-content-wrapper.red li:before {
    background-color: var(--red);
}

.general-accordion-section-content-wrapper li.toc-list-item::marker {
    color: var(--blue);
}

.lightbox-gallery-wrapper {
    margin-bottom: 2rem;
}

.lightbox-gallery-wrapper:last-child {
    margin-bottom: 0;
}

.lightbox-gallery-wrapper .lightbox-gallery-list {
    width: calc(100vw - 0.625rem - 0.625rem);
}

.lightbox-gallery-wrapper .lightbox-gallery-list:not(.section-gallery .lightbox-gallery-list) {
    display: grid;
    grid-auto-flow: column;
    justify-content: flex-start;
    gap: 0.75rem;
}

.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element {
    height: 140px;
    width: 140px;
    cursor: pointer;
    position: relative;
}

.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element > * {
    pointer-events: none;
}

.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element:hover::before {
    background: rgba(1, 59, 117, 0.5);
}

.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element:hover::after {
    opacity: 1;
}

.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element::after {
    content: "\e9d3";
    font-family: icomoon;
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    font-size: 0.5rem;
    padding: 0.35rem;
    color: var(--white);
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    pointer-events: none;
    background: var(--blue);
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(1, 59, 117, 0);
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    pointer-events: none;
}

.lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element img {
    border-radius: 0.25rem;
    height: 140px;
    width: 140px;
    object-fit: cover;
}

@media all and (min-width: 576px) {
    .lightbox-gallery-wrapper .lightbox-gallery-list {
        width: calc(100vw - 2rem - 2rem);
    }
    .lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element {
        width: 120px;
        height: 120px;
    }
    .lightbox-gallery-wrapper .lightbox-gallery-list .lightbox-gallery-element img {
        height: 120px;
        width: 120px;
    }
}
@media all and (min-width: 992px) {
    .lightbox-gallery-wrapper .lightbox-gallery-list {
        width: 100%;
    }
}
.lightbox-gallery-wrapper .lightbox-gallery-list::-webkit-scrollbar {
    width: 1.25rem;
}

.lightbox-gallery-wrapper .lightbox-gallery-list::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 1.25rem;
    border: 3px solid #e6e6e6;
}

.lightbox-gallery-wrapper .lightbox-gallery-list::-webkit-scrollbar-track {
    background: #e6e6e6;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.lightbox-container {
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.lightbox-container .lightbox-image-wrapper {
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.lightbox-container .lightbox-image-wrapper .icon-times-regular {
    height: 1.5rem;
    width: 1.5rem;
    background: var(--white);
    display: grid;
    place-items: center;
    position: absolute;
    top: -40px;
    right: 0;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    border: 1px solid rgba(151, 151, 151, 0.2);
    opacity: 0.75;
}

.lightbox-container .lightbox-image-wrapper .icon-times-regular::before {
    color: var(--dark);
    font-size: 1rem;
}

.lightbox-container .lightbox-image-wrapper .icon-times-regular:active {
    transform: scale(0.95);
}

.lightbox-container .lightbox-image-wrapper .icon-times-regular:hover {
    opacity: 1;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.lightbox-container .lightbox-image-wrapper .lightbox-btn {
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.lightbox-container .lightbox-image-wrapper .lightbox-btn.right:hover {
    right: -25px;
}

.lightbox-container .lightbox-image-wrapper .lightbox-btn.right:focus {
    background: #e8f2ff;
    opacity: 1;
}

.lightbox-container .lightbox-image-wrapper .lightbox-btn.left:hover {
    left: -25px;
}

.lightbox-container .lightbox-image-wrapper .lightbox-btn.left:focus {
    background: #e8f2ff;
    opacity: 1;
}

.lightbox-container .lightbox-image-wrapper .lightbox-btn:hover {
    background: #e8f2ff;
    opacity: 1;
}

.lightbox-container .lightbox-image-wrapper .lightbox-btn.inactive {
    opacity: 0;
    pointer-events: none;
}

.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet {
    background: rgba(1, 59, 117, 0.35);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet:active {
    transform: scale(0.95);
}

.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet:hover {
    background: rgba(1, 59, 117, 0.65);
}

.lightbox-container .lightbox-image-wrapper .lightbox-bullets .bullet.active {
    background: var(--blue);
}

.lightbox-container.active {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    justify-content: center;
}

.lightbox-container.active .lightbox-image-wrapper {
    position: relative;
    top: 0;
}

.bonus-component.blue-border {
    border: 1px solid var(--blue);
}

.bonus-component.pink-border {
    border: 1px solid var(--pink);
}

.bonus-component.expired .casino-bonus-title {
    background: #f0f0f0;
}

.bonus-component.expired .btn-and-badges-wrapper .badge-item-copy {
    pointer-events: none;
    border: 1px dashed #bdbdbd;
}

.bonus-component.expired .btn-and-badges-wrapper .badge-item-copy .badge-item-value {
    color: #9a9a9a;
}

.bonus-component.expired .btn-and-badges-wrapper .bonus-buttons .button {
    background-color: #bdbdbd;
}

.bonus-component .btn-and-badges-wrapper .badge-item-copy {
    border: 1px dashed rgba(226, 14, 0, 0.4);
    margin-right: 0;
    padding: 0.375rem 0.5rem;
}

@media all and (min-width: 576px) {
    .bonus-component .btn-and-badges-wrapper .badge-item-copy {
        padding: 0.5rem;
    }
}
.bonus-component .btn-and-badges-wrapper .info-below-play {
    font-size: 11px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
    opacity: 0.8;
    color: #07af5e;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.bonus-component .casino-name a {
    font-family: inherit;
    font-size: inherit;
}

.bonus-component .casino-rating .modal-content .rating-value {
    width: 1rem;
}

.bonus-component .casino-rating .casino-main-text > * {
    pointer-events: none;
}

.bonus-component .casino-rating .casino-main-text .casino-main-rating .icon-info {
    margin-left: 2px;
}

.bonus-component .casino-rating .casino-main-text .casino-main-rating .icon-info::before {
    color: var(--blue);
}

.bonus-component .casino-rating .stars-container .rating-stars {
    pointer-events: none;
}

.bonus-component .casino-rating .stars-container .rating-stars .icon-star-solid {
    pointer-events: inherit;
}

.bonus-component .casino-rating .stars-container .rating-stars-text {
    pointer-events: none;
}

.bonus-component .casino-rating .stars-container .rating-stars-text .rating {
    pointer-events: inherit;
}

.bonus-component .casino-rating .tooltip-modal {
    transition: none;
}

.bonus-component .casino-rating .tooltip-modal .modal-close {
    color: var(--dark);
    margin-bottom: 0;
}

@media all and (min-width: 992px) {
    .bonus-component .casino-rating .tooltip-modal .modal-close {
        top: 0;
        right: 0;
    }
}
.bonus-component .casino-rating .tooltip-modal .dropdown-read-review,
.bonus-component .casino-rating .tooltip-modal .dropdown-stats-list {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.bonus-component .casino-rating .tooltip-modal h4 {
    margin-bottom: 0.375rem;
    line-height: 1.25rem;
    padding-left: 0.5rem;
}

.bonus-component .casino-rating .tooltip-modal .rating-modal {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    margin-bottom: 1rem;
    line-height: 0.875rem;
}

.bonus-component .casino-rating .tooltip-modal .rating-modal .icon-star-solid {
    margin-right: 0.25rem;
}

.bonus-component .casino-rating .tooltip-modal .rating-modal .rating-value {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    color: var(--blue);
    width: max-content;
    margin-right: 0.125rem;
}

.bonus-component .casino-rating .tooltip-modal .rating-modal .rating-total {
    font-family: "Roboto", sans-serif;
    font-size: 0.75rem;
    color: var(--dark);
}

.bonus-component .casino-rating .dropdown-element-hover {
    width: max-content;
    top: 100%;
    bottom: unset;
}

.bonus-component .casino-rating:hover .dropdown-element-hover {
    top: calc(100% - 1px);
}

.bonus-component .list-style {
    display: grid;
    gap: 0.75rem;
}

.bonus-component .list-style .item {
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    gap: 0.5rem;
}

.bonus-component .list-style .item .title-item {
    margin-bottom: 0;
    margin-top: 0;
    color: var(--dark);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
}

.bonus-component .list-style .item .value {
    color: var(--blue);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    text-align: right;
}

@media all and (min-width: 992px) {
    .bonus-component .terms-conditions {
        border-top: none;
        padding-top: 0;
    }
}
.bonus-component .terms-conditions .terms-small {
    font-size: 11px;
    line-height: 0.875rem;
    display: block;
    opacity: 0.7;
    color: var(--dark);
}

.bonus-component .terms-conditions .terms-small a {
    text-decoration: underline;
    color: var(--dark);
}

.bonus-component .terms-conditions .terms-small.text-left {
    text-align: left;
}

.bonus-component .terms-conditions .terms-small .terms-small .modal-trigger {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--dark-grey);
}

.bonus-component .terms-conditions .terms-small .terms-and-cond-trigger {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--dark-grey);
    cursor: pointer;
}

.bonus-component .terms-conditions .overlay-modal {
    position: absolute;
    border-radius: 8px;
    transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
}

.bonus-component .terms-conditions.modal-active .overlay-modal {
    transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    z-index: 3;
    top: 0;
    left: 0;
}

.bonus-component .terms-conditions .terms-cond-modal {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translate(-50%);
    height: 0;
    opacity: 0;
    padding: 1rem;
    overflow-y: auto;
    border-radius: 8px;
    bottom: -2rem;
    transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
}

.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar {
    width: 0.625rem;
    height: 0.625rem;
    background-color: #f5f5f5;
}

.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #d9d9d9;
}

.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.bonus-component .terms-conditions .terms-cond-modal.show {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.0392156863);
    background-color: var(--white);
    max-height: 25vh;
    height: max-content;
    bottom: 0;
    opacity: 1;
    z-index: 4;
}

.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 1rem;
}

.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-header .modal-title-text {
    font-size: 0.875rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.125rem;
    color: var(--dark);
}

.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-body p {
    font-size: 13px;
    line-height: 1.25rem;
}

.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-body p:last-child {
    margin-bottom: 0;
}

.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background: #ebebeb;
    border: none;
    border-radius: 50%;
    height: 1.25rem;
    width: 1.25rem;
    cursor: pointer;
    padding: 0.5rem;
}

.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-close span {
    font-size: 0.875rem;
    color: #616163;
    pointer-events: none;
}

.bonus-component .tab-wrapper .tab {
    gap: 0.5rem;
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    padding: 0.75rem 0;
    cursor: pointer;
    font-size: 0.875rem;
}

.bonus-component .tab-wrapper .tab.highlighted {
    border-bottom: 1px solid rgba(9, 105, 249, 0.2);
    border-top: 1px solid rgba(9, 105, 249, 0.2);
    position: relative;
}

.bonus-component .tab-wrapper .tab .tab-item {
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
}

.bonus-component .tab-wrapper .tab p,
.bonus-component .tab-wrapper .tab span {
    font-size: 0.75rem;
    margin-bottom: 0;
    color: var(--blue);
}

.bonus-component .tab-wrapper .tab .arrow-tabs {
    color: var(--blue);
    font-size: 0.875rem;
    padding: 0.25rem;
}

.bonus-component .tab-wrapper .tab-content-text {
    transition: none;
}

.bonus-component .tab-wrapper .tab-content-text.bonus-explained ul li {
    font-size: 13px;
    line-height: 1rem;
}

.bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    position: relative;
}

@media all and (min-width: 992px) {
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal {
        border: none;
        padding-bottom: 1rem;
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal .dropdown-element-hover {
        width: 31.25rem;
        top: 100%;
        bottom: unset;
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal:hover .dropdown-element-hover {
        top: calc(100% + 0.5rem);
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal .dropdown-element-hover {
        left: 50%;
        transform: translateX(-50%);
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal .dropdown-element-hover .dropdown-stats-list .dropdown-stats-item .rating-bar .rating-value {
        width: 2.5rem;
    }
}
.bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .claim-bonus-heading {
    color: var(--dark);
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .modal-content .rating-value {
    width: 2.5rem;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review.show {
    display: grid;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .cons ol,
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .pros ol {
    font-size: 0.875rem;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .cons ol li,
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .pros ol li {
    font-family: "Roboto", sans-serif;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .review-container span {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-family: "Roboto", sans-serif;
    color: var(--dark);
    opacity: 0.8;
    margin-bottom: 0.875rem;
    display: block;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .title-verdict .tooltip-element {
    padding-bottom: 1rem;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .modal-content .rating-value {
    width: 2.5rem;
}

@media all and (min-width: 992px) {
    .bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .tooltip-modal {
        left: 50%;
        transform: translateX(-50%);
    }
    .bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .tooltip-modal .dropdown-stats-list .dropdown-stats-item .rating-bar .rating-value {
        width: 2.25rem;
    }
}
.bonus-component .tab-wrapper .tab-content-text.show {
    margin-top: -1px;
    box-shadow: none;
    border-bottom: none;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.bonus-component .tab-wrapper .tab-content-text.show.casino-main-review {
    border-bottom: none;
    padding-bottom: 0;
}

.bonus-component .tab-wrapper .tab-content-text.show .division-list {
    gap: 0;
}

.bonus-component .tab-wrapper .tab-content-text.show .division-list .division {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.04);
}

.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .cons,
.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .pros {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.04);
}

.bonus-component .tab-wrapper .tab-content-text.show .verdict-container {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.04);
    font-size: 0.875rem;
}

.bonus-component .tab-wrapper .tab-content-text.show {
    margin-top: -1px;
    box-shadow: none;
    border-bottom: none;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.bonus-component .tab-wrapper .tab-content-text.show.casino-main-review {
    border-bottom: none;
    padding-bottom: 0;
}

.bonus-component .tab-wrapper .tab-content-text.show .division-list {
    gap: 0;
}

.bonus-component .tab-wrapper .tab-content-text.show .division-list .division {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.04);
}

.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .cons,
.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .pros {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.04);
}

.bonus-component .tab-wrapper .tab-content-text.show .verdict-container {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.04);
    font-size: 0.875rem;
}

.bonus-component .tab-wrapper .tab-content-text .payment-methods-wrapper {
    display: grid;
    grid-auto-flow: column;
    gap: 0.5rem;
}

.bonus-component .tab-wrapper .tab-content-text .payment-methods-wrapper img {
    height: 38px;
    width: auto;
}

.bonus-component .tab-wrapper .tab-content-text ol {
    margin: 0;
}

.bonus-component .tab-wrapper .tab-content-text h3,
.bonus-component .tab-wrapper .tab-content-text h4 {
    margin: 0;
}

@media all and (min-width: 992px) {
    .bonus-component .tab-wrapper .tab-content-text.casino-details {
        padding-bottom: 1rem;
    }
}
@media all and (min-width: 992px) {
    .bonus-component .tab-wrapper .tab-content-text.show {
        margin-top: 0;
        border-bottom: 1px solid rgba(151, 151, 151, 0.2);
        padding-bottom: 0;
        padding-top: 0;
    }
    .bonus-component .tab-wrapper .tab-content-text.show .division-list {
        gap: 1rem;
    }
    .bonus-component .tab-wrapper .tab-content-text.show .division-list .division {
        box-shadow: 0 5px 40px rgba(0, 0, 0, 0.04);
    }
    .bonus-component .card-wrapper .card-wrapper-title {
        font-size: 0.875rem;
    }
    .bonus-component .btn-and-badges-wrapper .info-below-play {
        font-size: 0.75rem;
    }
    .bonus-component .tooltip-modal {
        left: 0;
        z-index: 9;
        font-size: 0.75rem;
        line-height: 1rem;
        color: var(--dark);
        padding: 1rem;
        width: 31.25rem;
    }
    .bonus-component .tooltip-modal .dropdown-element-hover {
        width: max-content;
        top: 100%;
        bottom: unset;
    }
    .bonus-component .tooltip-modal:hover .dropdown-element-hover {
        top: calc(100% - 1px);
    }
    .bonus-component .tooltip-modal ul {
        display: grid;
        gap: 0.625rem;
    }
    .bonus-component .tooltip-modal ul li {
        line-height: 1.25rem;
    }
}
.bonus-component .division-list .division .tooltip-trigger .title {
    pointer-events: none;
}

.bonus-component .division-list .division .tooltip-trigger .question-mark-container {
    pointer-events: none;
}

.bonus-component .division-list .division .tooltip-trigger .question-mark-container .question-mark {
    pointer-events: none;
    pointer-events: none;
}

@media all and (min-width: 992px) {
    .bonus-component .division-list .division .tooltip-modal {
        width: 100%;
        top: calc(100% + 0.5rem);
    }
    .bonus-component .division-list .division .tooltip-modal .modal-close {
        color: var(--dark);
        margin-bottom: 0;
        top: 0;
        right: 0;
    }
}
.bonus-component .division-item .title .dropdown .dropdown-element {
    padding: 0.5rem;
}

.bonus-component .division-item .title .dropdown .dropdown-element ol li,
.bonus-component .division-item .title .dropdown .dropdown-element ul li {
    font-family: "Roboto", sans-serif;
}

.bonus-component .division-item.division-item-more {
    position: relative;
}

.bonus-component .division-item.division-item-more .division-val {
    margin-left: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90px;
}

@media all and (min-width: 1010px) and (max-width: 1140px) {
    .bonus-component .division-item.division-item-more .division-val {
        max-width: 75px;
    }
}
@media all and (min-width: 992px) and (max-width: 1010px) {
    .bonus-component .division-item.division-item-more .division-val {
        max-width: 66px;
    }
}
@media all and (min-width: 992px) {
    .bonus-component .division-item.division-item-more .division-val {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 110px;
    }
}
@media all and (min-width: 576px) {
    .bonus-component .division-item.division-item-more .division-val {
        overflow: visible;
        text-overflow: initial;
        max-width: unset;
    }
}
.bonus-component .bonus-modal .modal-content {
    width: 90vw;
    padding: 0.875rem;
    max-height: 80vh;
    height: auto;
    background: var(--white);
    border-radius: 8px;
    overflow-y: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bonus-component .bonus-modal .modal-content::-webkit-scrollbar {
    width: 0.625rem;
    height: 0.625rem;
    background-color: #f5f5f5;
}

.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #d9d9d9;
}

.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #f5f5f5;
}

@media all and (min-width: 576px) {
    .bonus-component .bonus-modal .modal-content {
        width: 75vw;
        padding: 1.5rem;
    }
}
.bonus-component .tooltip-modal .modal-content .modal-close {
    margin-bottom: 0;
    top: 1.25rem;
    right: 1rem;
}

.bonus-component .tooltip-modal .modal-content .modal-close::before {
    color: var(--dark);
}

.bonus-component .tooltip-modal .modal-content .bonus-tooltip-details {
    margin-top: 1.25rem;
}

.bonus-component .tooltip-modal .modal-content .bonus-tooltip-details .division-item {
    padding: 0.875rem 0;
    border-top: 1px solid #f0f0f0;
    box-shadow: none;
    font-size: 0.875rem;
    margin-bottom: 0;
}

.bonus-component .tooltip-modal .modal-content .bonus-tooltip-details .division-item:last-child {
    padding-bottom: 0;
}

.bonus-component .tooltip-modal .modal-content h4 {
    color: var(--dark);
    font-size: 1rem;
}

.bonus-component .dropdown-trigger,
.bonus-component .dropdown-trigger-hover {
    cursor: pointer;
}

.bonus-component .dropdown-trigger .icon-info,
.bonus-component .dropdown-trigger-hover .icon-info {
    font-size: 0.875rem;
    pointer-events: none;
    font-family: icomoon;
}

.bonus-component .dropdown-trigger .icon-info::before,
.bonus-component .dropdown-trigger-hover .icon-info::before {
    color: var(--blue);
}

.bonus-component .card-wrapper {
    border-radius: 0.25rem;
    overflow: hidden;
}

.bonus-component .card-wrapper:last-child .bonus-slider {
    margin-bottom: -0.5rem;
}

.bonus-component .card-wrapper .splide .splide__arrow {
    background: 0 0;
}

.bonus-component .card-wrapper .splide .splide__arrow svg {
    fill: var(--blue);
}

.bonus-component .card-wrapper .card-wrapper-title {
    font-size: 13px;
    margin-bottom: 0.75rem;
    line-height: 1.125rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--dark);
}

.bonus-component .card-wrapper .card-list {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 87px;
}

.bonus-component .card-wrapper .card-list .card-list-element {
    background: var(--white);
    border-radius: 0.25rem;
    padding: 0.5rem;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--dark-grey);
    text-align: center;
    line-height: 1.125rem;
    margin-bottom: 0;
    width: 140px !important;
    height: 67px;
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.039);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media all and (min-width: 992px) {
    .bonus-component .card-wrapper .card-list .card-list-element {
        font-size: 0.75rem;
    }
}
.bonus-component .card-wrapper .card-list .card-list-element .card-title {
    font-size: inherit;
    margin-bottom: 0;
    line-height: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: var(--dark);
}

.bonus-component .card-wrapper .card-list .card-list-element::before {
    display: none;
}

.bonus-component .card-wrapper .card-list .card-list-element img {
    height: 2rem;
    margin-bottom: 0.25rem;
}

.bonus-component .card-wrapper.no-title {
    margin-bottom: 0;
}

.bonus-component .card-wrapper.no-title .bonus-slider {
    height: 3.5rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.bonus-component .card-wrapper.no-title .bonus-slider::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.bonus-component .card-wrapper.no-title .bonus-slider::after {
    height: 2.25rem;
}

.bonus-component .card-wrapper.no-title .bonus-slider .splide__arrow {
    top: 17px;
}

.bonus-component .card-wrapper.no-title .bonus-slider .splide__arrow::before {
    height: 2.25rem;
}

.bonus-component .card-wrapper.no-title .bonus-slider .card-list {
    height: 3.5rem;
}

.bonus-component .card-wrapper.no-title .bonus-slider .card-list .card-list-element {
    width: 3.75rem !important;
    height: 2.25rem;
}

.bonus-component .card-wrapper.no-title .bonus-slider .card-list .card-list-element img {
    height: 2.25rem;
    margin-bottom: 0;
}

.bonus-component .bonus-slider {
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-bottom: 0;
}

.bonus-component .bonus-slider::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.bonus-component .bonus-slider .lightbox-gallery-list .lightbox-gallery-element {
    width: 10rem !important;
    height: 6rem;
}

.bonus-component .bonus-slider .lightbox-gallery-list .lightbox-gallery-element img {
    width: inherit;
    height: inherit;
}

@media all and (min-width: 576px) {
    .bonus-component .bonus-slider .lightbox-gallery-list .lightbox-gallery-element {
        width: 12.5rem !important;
        height: 7.5rem;
    }
}
.bonus-component .bonus-slider::after {
    height: 2.25rem;
}

.bonus-component .bonus-slider .splide__arrow {
    top: 17px;
}

.bonus-component .splide__arrows {
    transition: opacity 0.3s ease;
}

.bonus-component .splide__arrows .splide__arrow {
    top: calc(50% - 0.5rem);
}

.bonus-component .splide__arrows .splide__arrow:disabled {
    opacity: 0;
    pointer-events: none;
}

.bonus-component .splide__arrows .splide__arrow::before {
    content: "";
    position: absolute;
    width: 90px;
    height: 67px;
    display: block;
    background: linear-gradient(-90deg, var(--white) 45%, rgba(247, 247, 247, 0) 100%);
    z-index: -1;
}

@media all and (min-width: 992px) {
    .bonus-component .splide__arrows .splide__arrow::before {
        background: linear-gradient(-90deg, #f7f7f7 45%, rgba(247, 247, 247, 0) 100%);
    }
}
.bonus-component .splide__arrows .splide__arrow--prev::before {
    transform: scaleX(-1);
}

.bonus-component .splide:not(.is-overflow) .splide__arrows {
    display: none;
}

.splide.is-initialized {
    overflow-x: hidden;
}

.progress-red {
    background: #dc4b29;
}

.progress-orange {
    background: #eba943;
}

.progress-yellow {
    background: #e6ea24;
}

.progress-green {
    background: #07af5e;
}

.progress-blue {
    background: var(--blue);
}

.dropdown-stats-list {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 0.5rem;
}

.dropdown-stats-list .dropdown-stats-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    position: relative;
    gap: 0.75rem;
}

.dropdown-stats-list .dropdown-stats-item:not(:first-child):before {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    top: -5px;
    left: 0;
}

.dropdown-stats-list .dropdown-stats-item .rating-title {
    font-family: "Roboto", sans-serif;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: left;
    color: var(--dark);
}

.dropdown-stats-list .dropdown-stats-item .rating-bar {
    display: grid;
    grid-template-columns: auto auto;
    gap: 0.625rem;
    align-items: center;
}

@media all and (max-width: 300px) {
    .dropdown-stats-list .dropdown-stats-item .rating-bar meter {
        width: 3.75em;
    }
}
.dropdown-stats-list .dropdown-stats-item .rating-bar .rating-value {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: right;
    color: var(--dark-grey);
    width: 3rem;
    white-space: nowrap;
}

.dropdown-read-review {
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(151, 151, 151, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 0.5rem;
}

.dropdown-read-review .review-link {
    line-height: 1rem;
    font-size: 0.75rem;
}

@media all and (min-width: 576px) {
    .dropdown-read-review .review-link {
        font-size: 0.875rem;
    }
}
.container-recommendation {
    width: max-content;
    height: 35px;
    padding: 0 1rem;
    display: grid;
    grid-auto-flow: column;
    gap: 0.5rem;
    align-items: center;
    background: var(--white);
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.04);
    border-radius: 40px;
    position: static;
}

.container-recommendation .dropdown-element-hover {
    width: max-content;
    top: 100%;
    bottom: unset;
}

.container-recommendation:hover .dropdown-element-hover {
    top: calc(100% + 0.5rem);
}

.container-recommendation.bonus-container-not-recommended,
.container-recommendation.casino-container-not-recommended {
    border: 1px solid var(--red);
}

.container-recommendation.bonus-container-barely-recommended,
.container-recommendation.casino-container-barely-recommended {
    border: 1px solid #e95e10;
}

.container-recommendation.bonus-container-recommended,
.container-recommendation.casino-container-recommended {
    border: 1px solid #0A5C35;
}

.container-recommendation.bonus-container-highly-recommended,
.container-recommendation.casino-container-highly-recommended {
    border: 1px solid #0A5C35;
}

.container-recommendation.bonus-container-strongly-recommended {
    border: 1px solid #0A5C35;
}

.container-recommendation.bonus-container-excellent,
.container-recommendation.casino-container-excellent {
    border: 1px solid #0A5C35;
}

.container-recommendation .text-recommendation {
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

.container-recommendation .text-recommendation.text-excellent {
    color: #0A5C35;
}

.container-recommendation .text-recommendation.text-strongly-recommended {
    color: #0A5C35;
}

.container-recommendation .text-recommendation.text-highly-recommended {
    color: #0A5C35;
}

.container-recommendation .text-recommendation.text-recommended {
    color: #0A5C35;
}

.container-recommendation .text-recommendation.text-barely-recommended {
    color: #e95e10;
}

.container-recommendation .text-recommendation.text-not-recommended {
    color: var(--red);
}

.container-recommendation .icon-recommendation {
    font-family: icomoon;
}

.container-recommendation .icon-recommendation::before {
    font-family: icomoon;
}

.container-recommendation .icon-recommendation.icon-excellent {
    color: #0A5C35;
}

.container-recommendation .icon-recommendation.icon-excellent::before {
    content: "\e90c";
}

.container-recommendation .icon-recommendation.icon-strongly-recommended {
    color: #0A5C35;
}

.container-recommendation .icon-recommendation.icon-strongly-recommended::before {
    content: "\e90c";
}

.container-recommendation .icon-recommendation.icon-highly-recommended {
    color: #0A5C35;
}

.container-recommendation .icon-recommendation.icon-highly-recommended::before {
    content: "\e90c";
}

.container-recommendation .icon-recommendation.icon-recommended {
    color: #0A5C35;
}

.container-recommendation .icon-recommendation.icon-recommended::before {
    content: "\e90c";
}

.container-recommendation .icon-recommendation.icon-barely-recommended {
    color: #e95e10;
}

.container-recommendation .icon-recommendation.icon-barely-recommended::before {
    content: "\e93b";
}

.container-recommendation .icon-recommendation.icon-not-recommended {
    color: var(--red);
}

.container-recommendation .icon-recommendation.icon-not-recommended::before {
    content: "\e93b";
}

.container-recommendation .icon-info {
    font-family: icomoon;
    color: var(--blue);
    font-size: 0.875rem;
}

@media all and (min-width: 576px) {
    .container-recommendation {
        position: relative;
    }
}
@media all and (max-width: 350px) {
    .container-recommendation {
        padding: 0.25rem 0.5rem;
    }
}
.bonus-box-v1 .bonus-top-badges .main-badges-item:nth-child(3) {
    display: none;
}

.bonus-box-v1 .btn-and-badges-wrapper .badge-item-copy {
    border: 1px dashed rgba(226, 14, 0, 0.4);
    margin-right: 0;
    padding: 0.375rem 0.5rem;
}

@media all and (min-width: 576px) {
    .bonus-box-v1 .btn-and-badges-wrapper .badge-item-copy {
        padding: 0.5rem;
    }
}
.bonus-box-v1 .btn-and-badges-wrapper .main-badges {
    justify-self: flex-end;
}

.bonus-box-v1 .btn-and-badges-wrapper .info-below-play {
    font-size: 0.75rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
    opacity: 0.8;
    color: #07af5e;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.bonus-box-v1 .casino-specifications.tab-wrapper {
    gap: 0;
}

.bonus-box-v1 .casino-specifications.tab-wrapper .tab {
    width: 100%;
    justify-content: space-between;
    border-top: 0;
}

.bonus-box-v1 .casino-specifications.tab-wrapper .tab:first-child {
    padding-top: 0;
}

.bonus-box-v1 .casino-specifications.tab-wrapper .tab:nth-last-child(2) {
    border-bottom: none;
    padding-bottom: 0;
}

.bonus-box-v1 .casino-specifications.tab-wrapper .tab.highlighted {
    border-top: none;
    border-bottom: 1px solid rgba(9, 105, 249, 0.2);
    padding-bottom: 0.75rem;
}

.bonus-box-v1 .casino-specifications.tab-wrapper .tab .tab-item {
    color: var(--blue);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
}

@media all and (min-width: 992px) {
    .bonus-box-v1 .bonus-top-badges .main-badges-item:nth-child(3) {
        display: flex;
    }
    .bonus-box-v1 .casino-specifications.tab-wrapper {
        gap: 1rem;
    }
    .bonus-box-v1 .casino-specifications.tab-wrapper .tab {
        justify-content: center;
    }
    .bonus-box-v1 .casino-specifications.tab-wrapper .tab:first-child {
        padding-top: 0.75rem;
    }
    .bonus-box-v1 .casino-specifications.tab-wrapper .tab:nth-last-child(2) {
        border-bottom: 1px solid #f0f0f0;
        padding-top: 0.25rem;
    }
}
.bonus-component.blue-border {
    border: 1px solid var(--blue);
}

.bonus-component.pink-border {
    border: 1px solid var(--pink);
}

.bonus-component.expired .casino-bonus-title {
    background: #f0f0f0;
}

.bonus-component.expired .btn-and-badges-wrapper .badge-item-copy {
    pointer-events: none;
    border: 1px dashed #bdbdbd;
}

.bonus-component.expired .btn-and-badges-wrapper .badge-item-copy .badge-item-value {
    color: #9a9a9a;
}

.bonus-component.expired .btn-and-badges-wrapper .bonus-buttons .button {
    background-color: #bdbdbd;
}

.bonus-component .btn-and-badges-wrapper .badge-item-copy {
    border: 1px dashed rgba(226, 14, 0, 0.4);
    margin-right: 0;
    padding: 0.375rem 0.5rem;
}

@media all and (min-width: 576px) {
    .bonus-component .btn-and-badges-wrapper .badge-item-copy {
        padding: 0.5rem;
    }
}
.bonus-component .btn-and-badges-wrapper .info-below-play {
    font-size: 11px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
    opacity: 0.8;
    color: #07af5e;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.bonus-component .casino-name a {
    font-family: inherit;
    font-size: inherit;
}

.bonus-component .casino-rating .modal-content .rating-value {
    width: 1rem;
}

.bonus-component .casino-rating .casino-main-text > * {
    pointer-events: none;
}

.bonus-component .casino-rating .casino-main-text .casino-main-rating .icon-info {
    margin-left: 2px;
}

.bonus-component .casino-rating .casino-main-text .casino-main-rating .icon-info::before {
    color: var(--blue);
}

.bonus-component .casino-rating .stars-container .rating-stars {
    pointer-events: none;
}

.bonus-component .casino-rating .stars-container .rating-stars .icon-star-solid {
    pointer-events: inherit;
}

.bonus-component .casino-rating .stars-container .rating-stars-text {
    pointer-events: none;
}

.bonus-component .casino-rating .stars-container .rating-stars-text .rating {
    pointer-events: inherit;
}

.bonus-component .casino-rating .tooltip-modal {
    transition: none;
}

.bonus-component .casino-rating .tooltip-modal .modal-close {
    color: var(--dark);
    margin-bottom: 0;
}

@media all and (min-width: 992px) {
    .bonus-component .casino-rating .tooltip-modal .modal-close {
        top: 0;
        right: 0;
    }
}
.bonus-component .casino-rating .tooltip-modal .dropdown-read-review,
.bonus-component .casino-rating .tooltip-modal .dropdown-stats-list {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.bonus-component .casino-rating .tooltip-modal h4 {
    margin-bottom: 0.375rem;
    line-height: 1.25rem;
    padding-left: 0.5rem;
}

.bonus-component .casino-rating .tooltip-modal .rating-modal {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    margin-bottom: 1rem;
    line-height: 0.875rem;
}

.bonus-component .casino-rating .tooltip-modal .rating-modal .icon-star-solid {
    margin-right: 0.25rem;
}

.bonus-component .casino-rating .tooltip-modal .rating-modal .rating-value {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    color: var(--blue);
    width: max-content;
    margin-right: 0.125rem;
}

.bonus-component .casino-rating .tooltip-modal .rating-modal .rating-total {
    font-family: "Roboto", sans-serif;
    font-size: 0.75rem;
    color: var(--dark);
}

.bonus-component .casino-rating .dropdown-element-hover {
    width: max-content;
    top: 100%;
    bottom: unset;
}

.bonus-component .casino-rating:hover .dropdown-element-hover {
    top: calc(100% - 1px);
}

.bonus-component .list-style {
    display: grid;
    gap: 0.75rem;
}

.bonus-component .list-style .item {
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    gap: 0.5rem;
}

.bonus-component .list-style .item .title-item {
    margin-bottom: 0;
    margin-top: 0;
    color: var(--dark);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
}

.bonus-component .list-style .item .value {
    color: var(--blue);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    text-align: right;
}

@media all and (min-width: 992px) {
    .bonus-component .terms-conditions {
        border-top: none;
        padding-top: 0;
    }
}
.bonus-component .terms-conditions .terms-small {
    font-size: 11px;
    line-height: 0.875rem;
    display: block;
    opacity: 0.7;
    color: var(--dark);
}

.bonus-component .terms-conditions .terms-small a {
    text-decoration: underline;
    color: var(--dark);
}

.bonus-component .terms-conditions .terms-small.text-left {
    text-align: left;
}

.bonus-component .terms-conditions .terms-small .terms-small .modal-trigger {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--dark-grey);
}

.bonus-component .terms-conditions .terms-small .terms-and-cond-trigger {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--dark-grey);
    cursor: pointer;
}

.bonus-component .terms-conditions .overlay-modal {
    position: absolute;
    border-radius: 8px;
    transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
}

.bonus-component .terms-conditions.modal-active .overlay-modal {
    transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    z-index: 3;
    top: 0;
    left: 0;
}

.bonus-component .terms-conditions .terms-cond-modal {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translate(-50%);
    height: 0;
    opacity: 0;
    padding: 1rem;
    overflow-y: auto;
    border-radius: 8px;
    bottom: -2rem;
    transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.35s cubic-bezier(0.45, 0.26, 0, 1);
}

.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar {
    width: 0.625rem;
    height: 0.625rem;
    background-color: #f5f5f5;
}

.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #d9d9d9;
}

.bonus-component .terms-conditions .terms-cond-modal::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.bonus-component .terms-conditions .terms-cond-modal.show {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.0392156863);
    background-color: var(--white);
    max-height: 25vh;
    height: max-content;
    bottom: 0;
    opacity: 1;
    z-index: 4;
}

.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 1rem;
}

.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-header .modal-title-text {
    font-size: 0.875rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.125rem;
    color: var(--dark);
}

.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-body p {
    font-size: 13px;
    line-height: 1.25rem;
}

.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-body p:last-child {
    margin-bottom: 0;
}

.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background: #ebebeb;
    border: none;
    border-radius: 50%;
    height: 1.25rem;
    width: 1.25rem;
    cursor: pointer;
    padding: 0.5rem;
}

.bonus-component .terms-conditions .terms-cond-modal .modal-content .modal-close span {
    font-size: 0.875rem;
    color: #616163;
    pointer-events: none;
}

.bonus-component .tab-wrapper .tab {
    gap: 0.5rem;
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    padding: 0.75rem 0;
    cursor: pointer;
    font-size: 0.875rem;
}

.bonus-component .tab-wrapper .tab.highlighted {
    border-bottom: 1px solid rgba(9, 105, 249, 0.2);
    border-top: 1px solid rgba(9, 105, 249, 0.2);
    position: relative;
}

.bonus-component .tab-wrapper .tab .tab-item {
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
}

.bonus-component .tab-wrapper .tab p,
.bonus-component .tab-wrapper .tab span {
    font-size: 0.75rem;
    margin-bottom: 0;
    color: var(--blue);
}

.bonus-component .tab-wrapper .tab .arrow-tabs {
    color: var(--blue);
    font-size: 0.875rem;
    padding: 0.25rem;
}

.bonus-component .tab-wrapper .tab-content-text {
    transition: none;
}

.bonus-component .tab-wrapper .tab-content-text.bonus-explained ul li {
    font-size: 13px;
    line-height: 1rem;
}

.bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    position: relative;
}

@media all and (min-width: 992px) {
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal {
        border: none;
        padding-bottom: 1rem;
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal .dropdown-element-hover {
        width: 31.25rem;
        top: 100%;
        bottom: unset;
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal:hover .dropdown-element-hover {
        top: calc(100% + 0.5rem);
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal .dropdown-element-hover {
        left: 50%;
        transform: translateX(-50%);
    }
    .bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .tooltip-modal .dropdown-element-hover .dropdown-stats-list .dropdown-stats-item .rating-bar .rating-value {
        width: 2.5rem;
    }
}
.bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .claim-bonus-heading {
    color: var(--dark);
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.bonus-component .tab-wrapper .tab-content-text.bonus-explained .claim-bonus-container .modal-content .rating-value {
    width: 2.5rem;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review.show {
    display: grid;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .cons ol,
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .pros ol {
    font-size: 0.875rem;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .cons ol li,
.bonus-component .tab-wrapper .tab-content-text.casino-main-review .pros-and-cons .pros ol li {
    font-family: "Roboto", sans-serif;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .review-container span {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-family: "Roboto", sans-serif;
    color: var(--dark);
    opacity: 0.8;
    margin-bottom: 0.875rem;
    display: block;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .title-verdict .tooltip-element {
    padding-bottom: 1rem;
}

.bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .modal-content .rating-value {
    width: 2.5rem;
}

@media all and (min-width: 992px) {
    .bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .tooltip-modal {
        left: 50%;
        transform: translateX(-50%);
    }
    .bonus-component .tab-wrapper .tab-content-text.casino-main-review .verdict-container .tooltip-modal .dropdown-stats-list .dropdown-stats-item .rating-bar .rating-value {
        width: 2.25rem;
    }
}
.bonus-component .tab-wrapper .tab-content-text.show {
    margin-top: -1px;
    box-shadow: none;
    border-bottom: none;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.bonus-component .tab-wrapper .tab-content-text.show.casino-main-review {
    border-bottom: none;
    padding-bottom: 0;
}

.bonus-component .tab-wrapper .tab-content-text.show .division-list {
    gap: 0;
}

.bonus-component .tab-wrapper .tab-content-text.show .division-list .division {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.04);
}

.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .cons,
.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .pros {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.04);
}

.bonus-component .tab-wrapper .tab-content-text.show .verdict-container {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.04);
    font-size: 0.875rem;
}

.bonus-component .tab-wrapper .tab-content-text.show {
    margin-top: -1px;
    box-shadow: none;
    border-bottom: none;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.bonus-component .tab-wrapper .tab-content-text.show.casino-main-review {
    border-bottom: none;
    padding-bottom: 0;
}

.bonus-component .tab-wrapper .tab-content-text.show .division-list {
    gap: 0;
}

.bonus-component .tab-wrapper .tab-content-text.show .division-list .division {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.04);
}

.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .cons,
.bonus-component .tab-wrapper .tab-content-text.show .pros-and-cons .pros {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.04);
}

.bonus-component .tab-wrapper .tab-content-text.show .verdict-container {
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.04);
    font-size: 0.875rem;
}

.bonus-component .tab-wrapper .tab-content-text .payment-methods-wrapper {
    display: grid;
    grid-auto-flow: column;
    gap: 0.5rem;
}

.bonus-component .tab-wrapper .tab-content-text .payment-methods-wrapper img {
    height: 38px;
    width: auto;
}

.bonus-component .tab-wrapper .tab-content-text ol {
    margin: 0;
}

.bonus-component .tab-wrapper .tab-content-text h3,
.bonus-component .tab-wrapper .tab-content-text h4 {
    margin: 0;
}

@media all and (min-width: 992px) {
    .bonus-component .tab-wrapper .tab-content-text.casino-details {
        padding-bottom: 1rem;
    }
}
@media all and (min-width: 992px) {
    .bonus-component .tab-wrapper .tab-content-text.show {
        margin-top: 0;
        border-bottom: 1px solid rgba(151, 151, 151, 0.2);
        padding-bottom: 0;
        padding-top: 0;
    }
    .bonus-component .tab-wrapper .tab-content-text.show .division-list {
        gap: 1rem;
    }
    .bonus-component .tab-wrapper .tab-content-text.show .division-list .division {
        box-shadow: 0 5px 40px rgba(0, 0, 0, 0.04);
    }
    .bonus-component .card-wrapper .card-wrapper-title {
        font-size: 0.875rem;
    }
    .bonus-component .btn-and-badges-wrapper .info-below-play {
        font-size: 0.75rem;
    }
    .bonus-component .tooltip-modal {
        left: 0;
        z-index: 9;
        font-size: 0.75rem;
        line-height: 1rem;
        color: var(--dark);
        padding: 1rem;
        width: 31.25rem;
    }
    .bonus-component .tooltip-modal .dropdown-element-hover {
        width: max-content;
        top: 100%;
        bottom: unset;
    }
    .bonus-component .tooltip-modal:hover .dropdown-element-hover {
        top: calc(100% - 1px);
    }
    .bonus-component .tooltip-modal ul {
        display: grid;
        gap: 0.625rem;
    }
    .bonus-component .tooltip-modal ul li {
        line-height: 1.25rem;
    }
}
.bonus-component .division-list .division .tooltip-trigger .title {
    pointer-events: none;
}

.bonus-component .division-list .division .tooltip-trigger .question-mark-container {
    pointer-events: none;
}

.bonus-component .division-list .division .tooltip-trigger .question-mark-container .question-mark {
    pointer-events: none;
    pointer-events: none;
}

@media all and (min-width: 992px) {
    .bonus-component .division-list .division .tooltip-modal {
        width: 100%;
        top: calc(100% + 0.5rem);
    }
    .bonus-component .division-list .division .tooltip-modal .modal-close {
        color: var(--dark);
        margin-bottom: 0;
        top: 0;
        right: 0;
    }
}
.bonus-component .division-item .title .dropdown .dropdown-element {
    padding: 0.5rem;
}

.bonus-component .division-item .title .dropdown .dropdown-element ol li,
.bonus-component .division-item .title .dropdown .dropdown-element ul li {
    font-family: "Roboto", sans-serif;
}

.bonus-component .division-item.division-item-more {
    position: relative;
}

.bonus-component .division-item.division-item-more .division-val {
    margin-left: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90px;
}

@media all and (min-width: 1010px) and (max-width: 1140px) {
    .bonus-component .division-item.division-item-more .division-val {
        max-width: 75px;
    }
}
@media all and (min-width: 992px) and (max-width: 1010px) {
    .bonus-component .division-item.division-item-more .division-val {
        max-width: 66px;
    }
}
@media all and (min-width: 992px) {
    .bonus-component .division-item.division-item-more .division-val {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 110px;
    }
}
@media all and (min-width: 576px) {
    .bonus-component .division-item.division-item-more .division-val {
        overflow: visible;
        text-overflow: initial;
        max-width: unset;
    }
}
.bonus-component .bonus-modal .modal-content {
    width: 90vw;
    padding: 0.875rem;
    max-height: 80vh;
    height: auto;
    background: var(--white);
    border-radius: 8px;
    overflow-y: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bonus-component .bonus-modal .modal-content::-webkit-scrollbar {
    width: 0.625rem;
    height: 0.625rem;
    background-color: #f5f5f5;
}

.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #d9d9d9;
}

.bonus-component .bonus-modal .modal-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #f5f5f5;
}

@media all and (min-width: 576px) {
    .bonus-component .bonus-modal .modal-content {
        width: 75vw;
        padding: 1.5rem;
    }
}
.bonus-component .tooltip-modal .modal-content .modal-close {
    margin-bottom: 0;
    top: 1.25rem;
    right: 1rem;
}

.bonus-component .tooltip-modal .modal-content .modal-close::before {
    color: var(--dark);
}

.bonus-component .tooltip-modal .modal-content .bonus-tooltip-details {
    margin-top: 1.25rem;
}

.bonus-component .tooltip-modal .modal-content .bonus-tooltip-details .division-item {
    padding: 0.875rem 0;
    border-top: 1px solid #f0f0f0;
    box-shadow: none;
    font-size: 0.875rem;
    margin-bottom: 0;
}

.bonus-component .tooltip-modal .modal-content .bonus-tooltip-details .division-item:last-child {
    padding-bottom: 0;
}

.bonus-component .tooltip-modal .modal-content h4 {
    color: var(--dark);
    font-size: 1rem;
}

.bonus-component .dropdown-trigger,
.bonus-component .dropdown-trigger-hover {
    cursor: pointer;
}

.bonus-component .dropdown-trigger .icon-info,
.bonus-component .dropdown-trigger-hover .icon-info {
    font-size: 0.875rem;
    pointer-events: none;
    font-family: icomoon;
}

.bonus-component .dropdown-trigger .icon-info::before,
.bonus-component .dropdown-trigger-hover .icon-info::before {
    color: var(--blue);
}

.bonus-component .card-wrapper {
    border-radius: 0.25rem;
    overflow: hidden;
}

.bonus-component .card-wrapper:last-child .bonus-slider {
    margin-bottom: -0.5rem;
}

.bonus-component .card-wrapper .splide .splide__arrow {
    background: 0 0;
}

.bonus-component .card-wrapper .splide .splide__arrow svg {
    fill: var(--blue);
}

.bonus-component .card-wrapper .card-wrapper-title {
    font-size: 13px;
    margin-bottom: 0.75rem;
    line-height: 1.125rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--dark);
}

.bonus-component .card-wrapper .card-list {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 87px;
}

.bonus-component .card-wrapper .card-list .card-list-element {
    background: var(--white);
    border-radius: 0.25rem;
    padding: 0.5rem;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--dark-grey);
    text-align: center;
    line-height: 1.125rem;
    margin-bottom: 0;
    width: 140px !important;
    height: 67px;
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.039);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media all and (min-width: 992px) {
    .bonus-component .card-wrapper .card-list .card-list-element {
        font-size: 0.75rem;
    }
}
.bonus-component .card-wrapper .card-list .card-list-element .card-title {
    font-size: inherit;
    margin-bottom: 0;
    line-height: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: var(--dark);
}

.bonus-component .card-wrapper .card-list .card-list-element::before {
    display: none;
}

.bonus-component .card-wrapper .card-list .card-list-element img {
    height: 2rem;
    margin-bottom: 0.25rem;
}

.bonus-component .card-wrapper.no-title {
    margin-bottom: 0;
}

.bonus-component .card-wrapper.no-title .bonus-slider {
    height: 3.5rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.bonus-component .card-wrapper.no-title .bonus-slider::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.bonus-component .card-wrapper.no-title .bonus-slider::after {
    height: 2.25rem;
}

.bonus-component .card-wrapper.no-title .bonus-slider .splide__arrow {
    top: 17px;
}

.bonus-component .card-wrapper.no-title .bonus-slider .splide__arrow::before {
    height: 2.25rem;
}

.bonus-component .card-wrapper.no-title .bonus-slider .card-list {
    height: 3.5rem;
}

.bonus-component .card-wrapper.no-title .bonus-slider .card-list .card-list-element {
    width: 3.75rem !important;
    height: 2.25rem;
}

.bonus-component .card-wrapper.no-title .bonus-slider .card-list .card-list-element img {
    height: 2.25rem;
    margin-bottom: 0;
}

.bonus-component .bonus-slider {
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-bottom: 0;
}

.bonus-component .bonus-slider::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.bonus-component .bonus-slider .lightbox-gallery-list .lightbox-gallery-element {
    width: 10rem !important;
    height: 6rem;
}

.bonus-component .bonus-slider .lightbox-gallery-list .lightbox-gallery-element img {
    width: inherit;
    height: inherit;
}

@media all and (min-width: 576px) {
    .bonus-component .bonus-slider .lightbox-gallery-list .lightbox-gallery-element {
        width: 12.5rem !important;
        height: 7.5rem;
    }
}
.bonus-component .bonus-slider::after {
    height: 2.25rem;
}

.bonus-component .bonus-slider .splide__arrow {
    top: 17px;
}

.bonus-component .splide__arrows {
    transition: opacity 0.3s ease;
}

.bonus-component .splide__arrows .splide__arrow {
    top: calc(50% - 0.5rem);
}

.bonus-component .splide__arrows .splide__arrow:disabled {
    opacity: 0;
    pointer-events: none;
}

.bonus-component .splide__arrows .splide__arrow::before {
    content: "";
    position: absolute;
    width: 90px;
    height: 67px;
    display: block;
    background: linear-gradient(-90deg, var(--white) 45%, rgba(247, 247, 247, 0) 100%);
    z-index: -1;
}

@media all and (min-width: 992px) {
    .bonus-component .splide__arrows .splide__arrow::before {
        background: linear-gradient(-90deg, #f7f7f7 45%, rgba(247, 247, 247, 0) 100%);
    }
}
.bonus-component .splide__arrows .splide__arrow--prev::before {
    transform: scaleX(-1);
}

.bonus-component .splide:not(.is-overflow) .splide__arrows {
    display: none;
}

.splide.is-initialized {
    overflow-x: hidden;
}

.progress-red {
    background: #dc4b29;
}

.progress-orange {
    background: #eba943;
}

.progress-yellow {
    background: #e6ea24;
}

.progress-green {
    background: #07af5e;
}

.progress-blue {
    background: var(--blue);
}

.dropdown-stats-list {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 0.5rem;
}

.dropdown-stats-list .dropdown-stats-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    position: relative;
    gap: 0.75rem;
}

.dropdown-stats-list .dropdown-stats-item:not(:first-child):before {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    top: -5px;
    left: 0;
}

.dropdown-stats-list .dropdown-stats-item .rating-title {
    font-family: "Roboto", sans-serif;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: left;
    color: var(--dark);
}

.dropdown-stats-list .dropdown-stats-item .rating-bar {
    display: grid;
    grid-template-columns: auto auto;
    gap: 0.625rem;
    align-items: center;
}

@media all and (max-width: 300px) {
    .dropdown-stats-list .dropdown-stats-item .rating-bar meter {
        width: 3.75em;
    }
}
.dropdown-stats-list .dropdown-stats-item .rating-bar .rating-value {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: right;
    color: var(--dark-grey);
    width: 3rem;
    white-space: nowrap;
}

.dropdown-read-review {
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(151, 151, 151, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 0.5rem;
}

.dropdown-read-review .review-link {
    line-height: 1rem;
    font-size: 0.75rem;
}

@media all and (min-width: 576px) {
    .dropdown-read-review .review-link {
        font-size: 0.875rem;
    }
}
.container-recommendation {
    width: max-content;
    height: 35px;
    padding: 0 1rem;
    display: grid;
    grid-auto-flow: column;
    gap: 0.5rem;
    align-items: center;
    background: var(--white);
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.04);
    border-radius: 40px;
    position: static;
}

.container-recommendation .dropdown-element-hover {
    width: max-content;
    top: 100%;
    bottom: unset;
}

.container-recommendation:hover .dropdown-element-hover {
    top: calc(100% + 0.5rem);
}

.container-recommendation.bonus-container-not-recommended,
.container-recommendation.casino-container-not-recommended {
    border: 1px solid var(--red);
}

.container-recommendation.bonus-container-barely-recommended,
.container-recommendation.casino-container-barely-recommended {
    border: 1px solid #e95e10;
}

.container-recommendation.bonus-container-recommended,
.container-recommendation.casino-container-recommended {
    border: 1px solid #0A5C35;
}

.container-recommendation.bonus-container-highly-recommended,
.container-recommendation.casino-container-highly-recommended {
    border: 1px solid #0A5C35;
}

.container-recommendation.bonus-container-strongly-recommended {
    border: 1px solid #0A5C35;
}

.container-recommendation.bonus-container-excellent,
.container-recommendation.casino-container-excellent {
    border: 1px solid #0A5C35;
}

.container-recommendation .text-recommendation {
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

.container-recommendation .text-recommendation.text-excellent {
    color: #0A5C35;
}

.container-recommendation .text-recommendation.text-strongly-recommended {
    color: #0A5C35;
}

.container-recommendation .text-recommendation.text-highly-recommended {
    color: #0A5C35;
}

.container-recommendation .text-recommendation.text-recommended {
    color: #0A5C35;
}

.container-recommendation .text-recommendation.text-barely-recommended {
    color: #e95e10;
}

.container-recommendation .text-recommendation.text-not-recommended {
    color: var(--red);
}

.container-recommendation .icon-recommendation {
    font-family: icomoon;
}

.container-recommendation .icon-recommendation::before {
    font-family: icomoon;
}

.container-recommendation .icon-recommendation.icon-excellent {
    color: #0A5C35;
}

.container-recommendation .icon-recommendation.icon-excellent::before {
    content: "\e90c";
}

.container-recommendation .icon-recommendation.icon-strongly-recommended {
    color: #0A5C35;
}

.container-recommendation .icon-recommendation.icon-strongly-recommended::before {
    content: "\e90c";
}

.container-recommendation .icon-recommendation.icon-highly-recommended {
    color: #0A5C35;
}

.container-recommendation .icon-recommendation.icon-highly-recommended::before {
    content: "\e90c";
}

.container-recommendation .icon-recommendation.icon-recommended {
    color: #0A5C35;
}

.container-recommendation .icon-recommendation.icon-recommended::before {
    content: "\e90c";
}

.container-recommendation .icon-recommendation.icon-barely-recommended {
    color: #e95e10;
}

.container-recommendation .icon-recommendation.icon-barely-recommended::before {
    content: "\e93b";
}

.container-recommendation .icon-recommendation.icon-not-recommended {
    color: var(--red);
}

.container-recommendation .icon-recommendation.icon-not-recommended::before {
    content: "\e93b";
}

.container-recommendation .icon-info {
    font-family: icomoon;
    color: var(--blue);
    font-size: 0.875rem;
}

@media all and (min-width: 576px) {
    .container-recommendation {
        position: relative;
    }
}
@media all and (max-width: 350px) {
    .container-recommendation {
        padding: 0.25rem 0.5rem;
    }
}
.modal-trigger,
.modal-trigger-ajax {
    cursor: pointer;
}

.modal-trigger-ajax > *,
.modal-trigger > * {
    pointer-events: none;
}

.modal {
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.modal.show {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.modal .modal-content .modal-close {
    cursor: pointer;
    transition: 1s linear;
}

@media all and (min-width: 991px) {
    .modal .modal-content .modal-close:not(.hero-section-info-modal .modal-content .modal-close):not(.ad-disclosure .modal-close):not(.tooltip-division .modal-close):not(.bonus-component .modal-close):not(.general-tab-wrapper .modal-close) {
        display: none;
    }
}
.modal .modal-content .modal-close:focus,
.modal .modal-content .modal-close:hover {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

.modal .modal-content .modal-img {
    width: 100%;
}

@media all and (min-width: 991px) {
    .hero-section-info-modal .modal-content .modal-close {
        top: 0;
    }
}
@media all and (min-width: 991px) {
    .hero-section-info-modal .modal-content .modal-header .modal-close {
        top: 0;
        right: 0;
    }
}
@media all and (min-width: 576px) {
    #modalPopup .modal-header .icon-times-regular {
        font-size: 1.75rem;
    }
}
#modalPopup .modal-content {
    height: auto;
    background: #deefff;
    padding: 1.5rem;
    width: 80vw;
}

@media all and (min-width: 576px) {
    #modalPopup .modal-content {
        padding: 2rem;
    }
}
#modalPopup .modal-content .modal-header {
    justify-content: end;
}

#modalPopup .modal-content .modal-body {
    text-align: center;
}

#modalPopup .modal-content .modal-body .modal-message {
    color: var(--red);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    display: none;
}

#modalPopup .modal-content .modal-body .modal-message.visible {
    display: block;
}

#modalPopup .modal-content .modal-body .modal-img {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 110px;
    height: auto;
    margin: 0 auto 2rem;
}

#modalPopup .modal-content .modal-body .modal-img .image-modal {
    width: 100%;
    height: max-content;
}

@media all and (min-width: 768px) {
    #modalPopup .modal-content .modal-body .modal-img {
        width: 145px;
        height: auto;
    }
}
#modalPopup .modal-content .modal-body .black-text {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--dark);
    margin-bottom: 0;
    text-align: center;
}

@media all and (min-width: 375px) {
    #modalPopup .modal-content .modal-body .black-text {
        font-size: 1.5rem;
    }
}
@media all and (min-width: 768px) {
    #modalPopup .modal-content .modal-body .black-text {
        font-size: 1.75rem;
    }
}
#modalPopup .modal-content .modal-body .blue-text {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: var(--blue);
    font-size: 1.375rem;
    line-height: 2rem;
    text-align: center;
}

@media all and (min-width: 375px) {
    #modalPopup .modal-content .modal-body .blue-text {
        font-size: 1.25rem;
        line-height: 26px;
    }
}
@media all and (min-width: 768px) {
    #modalPopup .modal-content .modal-body .blue-text {
        font-size: 1.5rem;
        line-height: 2.625rem;
    }
}
#modalPopup .modal-content .modal-body form {
    position: relative;
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
}

#modalPopup .modal-content .modal-body form input {
    background-color: var(--white);
    border: 1px solid #d7d8db;
}

#modalPopup .modal-content .modal-body form input:active,
#modalPopup .modal-content .modal-body form input:focus,
#modalPopup .modal-content .modal-body form input:hover {
    background: var(--white);
}

#modalPopup .modal-content .modal-body form input:invalid {
    border: 2px solid var(--red);
}

#modalPopup .modal-content .modal-body form input::placeholder {
    font-size: 13px;
}

#modalPopup .modal-content .modal-body form input:-webkit-autofill,
#modalPopup .modal-content .modal-body form input:-webkit-autofill:active,
#modalPopup .modal-content .modal-body form input:-webkit-autofill:focus,
#modalPopup .modal-content .modal-body form input:-webkit-autofill:hover {
    background: var(--white) !important;
}

#modalPopup .modal-content .modal-body form button {
    width: 100%;
    margin-top: 1rem;
    height: 55px;
    color: var(--white);
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    border-radius: 8px;
    border: none;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

#modalPopup .modal-content .modal-body form button:hover {
    color: var(--white);
    background-color: #1b60b2;
}

#modalPopup .modal-content .modal-body form button:active,
#modalPopup .modal-content .modal-body form button:focus {
    background-color: #1b60b2;
    color: var(--white);
}

#modalPopup .modal-content .modal-body form button:active {
    transform: scale(0.98);
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
}

@media all and (max-width: 540px) {
    #modalPopup .modal-content .modal-body form button {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}
@media all and (max-width: 360px) {
    #modalPopup .modal-content .modal-body form button {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
}
#modalPopup .modal-content .modal-body form button.no-click {
    pointer-events: none;
}

#modalPopup .modal-content .modal-body form button.no-click:active {
    background-image: linear-gradient(to right, var(--blue), var(--blue), var(--blue), #1ec6c6, #1ec69c, #37b678, #218756, #218756);
}

#modalPopup .modal-content .modal-body form button.no-click:hover {
    background-image: linear-gradient(to right, var(--blue), var(--blue), var(--blue), #1ec6c6, #1ec69c, #37b678, #218756, #218756);
}

#modalPopup .modal-content .modal-body .subscribe-message {
    display: block;
    width: 100%;
    color: var(--red);
    margin-top: 0.5rem;
    margin-bottom: 0;
    animation: move 0.12s ease-in-out;
    animation-iteration-count: 1;
    position: relative;
}

@keyframes move {
    0% {
        left: 0;
    }
    25% {
        left: 10px;
    }
    50% {
        left: -10px;
    }
    100% {
        left: 0;
    }
}
#modalPopup .modal-content .modal-body .text-terms {
    margin-bottom: 0;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    line-height: 1.25rem;
}

#modalPopup .modal-content .modal-body .text-terms a {
    text-decoration: underline;
    font-size: inherit;
    font-family: inherit;
}

#modalPopup .modal-content .modal-body .subscribe-confirmation-info {
    font-size: 1rem;
    line-height: 1.5rem;
}

#modalPopup .modal-content .modal-body .subscribe-confirmation-info .email-span {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

@media all and (min-width: 768px) {
    #modalPopup .modal-content .modal-body .subscribe-confirmation-info {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}
#modalPopup .modal-content .modal-body .subscribe-confirmation-text {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

@media all and (min-width: 768px) {
    #modalPopup .modal-content .modal-body .subscribe-confirmation-text {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}
#modalPopup .modal-content .modal-body .resend-div {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--dark);
}

#modalPopup .modal-content .modal-body .resend-div .resend-link {
    font-size: 0.875rem;
}

#modalPopup .modal-content .modal-body .resend-div .resend-link::after {
    content: "\e976";
    font-family: icomoon;
    font-size: 0.875rem;
    margin-left: 0.25rem;
    color: var(--blue);
}

#modalPopup .modal-content .modal-body .content-timer {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#modalPopup .modal-content .modal-body .content-timer .modal-image-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: 0;
    margin-bottom: 10px;
}

#modalPopup .modal-content .modal-body .content-timer .modal-image-text .modal-img {
    justify-content: center;
    width: auto;
    margin-bottom: 1rem;
}

@media all and (min-width: 576px) {
    #modalPopup .modal-content .modal-body .content-timer .modal-image-text .modal-img {
        margin-bottom: 0;
    }
}
#modalPopup .modal-content .modal-body .content-timer .modal-image-text .modal-img .image-modal {
    width: 90px;
}

@media all and (min-width: 375px) {
    #modalPopup .modal-content .modal-body .content-timer .modal-image-text .modal-img .image-modal {
        width: 110px;
        height: auto;
    }
}
@media all and (min-width: 768px) {
    #modalPopup .modal-content .modal-body .content-timer .modal-image-text .modal-img .image-modal {
        width: 100%;
        height: auto;
    }
}
#modalPopup .modal-content .modal-body .text-limited {
    margin: 0;
    font-size: 0.875rem;
}

#modalPopup .modal-content .modal-body .modal-timer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#modalPopup .modal-content .modal-body .modal-timer .modal-text {
    justify-content: center;
    margin-bottom: 0.625rem;
}

#modalPopup .modal-content .modal-body .modal-timer .modal-text p {
    text-align: center;
}

#modalPopup .modal-content .modal-body .modal-timer .modal-text .black-text {
    font-size: 1.25rem;
    line-height: 26px;
}

@media all and (min-width: 710px) {
    #modalPopup .modal-content .modal-body .modal-timer .modal-text .black-text {
        font-size: 1.25rem;
    }
}
@media all and (min-width: 375px) {
    #modalPopup .modal-content .modal-body .modal-timer .modal-text .black-text {
        font-size: 22px;
        line-height: 32px;
    }
}
#modalPopup .modal-content .modal-body .modal-timer .modal-text .blue-text {
    font-size: 1.25rem;
    line-height: 26px;
}

@media all and (min-width: 710px) {
    #modalPopup .modal-content .modal-body .modal-timer .modal-text .blue-text {
        font-size: 1.25rem;
    }
}
@media all and (min-width: 375px) {
    #modalPopup .modal-content .modal-body .modal-timer .modal-text .blue-text {
        font-size: 22px;
        line-height: 32px;
    }
}
#modalPopup .modal-content .modal-body .modal-timer .modal-countdown {
    display: flex;
    justify-content: center;
}

#modalPopup .modal-content .modal-body .modal-timer .modal-countdown .square {
    border-radius: 15px;
    background: #3b3868;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media all and (min-width: 440px) {
    #modalPopup .modal-content .modal-body .modal-timer .modal-countdown .square {
        width: 85px;
        height: 85px;
    }
}
#modalPopup .modal-content .modal-body .modal-timer .modal-countdown .minutes {
    margin-right: 1.25rem;
}

#modalPopup .modal-content .modal-body .modal-timer .modal-countdown .min-number {
    color: var(--white);
    font-size: 36px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

@media all and (min-width: 440px) {
    #modalPopup .modal-content .modal-body .modal-timer .modal-countdown .min-number {
        font-size: 48px;
    }
}
#modalPopup .modal-content .modal-body .modal-timer .modal-countdown .sec-number {
    color: var(--white);
    font-size: 36px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

@media all and (min-width: 440px) {
    #modalPopup .modal-content .modal-body .modal-timer .modal-countdown .sec-number {
        font-size: 48px;
    }
}
@media all and (min-width: 768px) {
    #modalPopup .modal-content .modal-body .modal-timer .modal-countdown {
        justify-content: center;
    }
}
@media all and (min-width: 414px) {
    #modalPopup .modal-content {
        width: 70vw;
    }
}
@media all and (min-width: 768px) {
    #modalPopup .modal-content {
        width: 60vw;
        padding: 1rem;
    }
}
@media all and (min-width: 992px) {
    #modalPopup .modal-content {
        width: max-content;
    }
}
.bonus-subscribe-wrapper {
    background: var(--white);
    border-radius: 8px;
    border: 1px solid var(--purple);
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.102);
    padding-top: 2rem;
    display: grid;
    gap: 0.75rem;
    padding: 0.625rem 0.625rem 0.75rem;
}

.bonus-subscribe-wrapper:last-child {
    margin-bottom: 0;
}

.bonus-subscribe-wrapper:first-child {
    margin-top: 0;
}

.bonus-subscribe-wrapper .bonus-subscribe-info {
    display: grid;
    grid-template-columns: 140px auto;
    grid-template-rows: auto;
    grid-template-areas: "img badges" "img review" "img alphaRating";
    column-gap: 0.75rem;
    row-gap: 0.125rem;
    align-items: center;
    padding-top: 0.75rem;
}

@media all and (min-width: 768px) {
    .bonus-subscribe-wrapper .bonus-subscribe-info {
        padding-top: 1rem;
    }
}
.bonus-subscribe-wrapper .bonus-subscribe-info .bonus-subscribe-img img {
    width: 50px;
}

.bonus-subscribe-wrapper .bonus-subscribe-info .badge-subscribe {
    margin-bottom: 0.625rem;
    display: flex;
    width: max-content;
}

.bonus-subscribe-wrapper .bonus-subscribe-info .stars-container .rating-stars {
    pointer-events: none;
}

.bonus-subscribe-wrapper .bonus-subscribe-info .stars-container .rating-stars .icon-star-solid {
    font-size: 0.75rem;
    pointer-events: inherit;
}

.bonus-subscribe-wrapper .bonus-subscribe-info .stars-container .rating-stars-text {
    font-size: 11px;
    line-height: 0.875rem;
    color: #64666a;
    pointer-events: none;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

.bonus-subscribe-wrapper .bonus-subscribe-info .stars-container .rating-stars-text .rating {
    color: #1b1b1b;
    font-size: 17px;
    line-height: 17px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    pointer-events: inherit;
}

.bonus-subscribe-wrapper .bonus-subscribe-info .stars-container .icon-info {
    font-size: 0.75rem;
}

.bonus-subscribe-wrapper .bonus-subscribe-title {
    margin: 0;
    font-size: 1.125rem;
    color: var(--dark);
    text-align: center;
    background: #f5f9ff;
    border-radius: 5px;
    padding: 0.875rem 0.5rem;
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.0392156863);
}

.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-note {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
    color: var(--dark);
    grid-column: 1/-1;
    margin-bottom: 1rem;
    font-size: 0.75rem;
}

@media all and (min-width: 768px) {
    .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-note {
        font-size: 0.875rem;
    }
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form {
    display: grid;
    grid-template-columns: 1fr 132px;
    grid-template-rows: auto;
    justify-content: flex-start;
    margin-bottom: 1rem;
}

.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input {
    padding: 0 0.625rem;
    height: 40px;
    color: #595959;
    border: 1px solid var(--purple);
    box-shadow: 0 5px 14px rgba(172, 205, 255, 0.25);
    border-radius: 5px 0 0 5px;
    z-index: 2;
    font-size: 1rem;
    width: 100%;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input:hover {
    border: 1px solid #c7c7c7;
}

.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input:focus {
    outline: 0;
    border: 1px solid #a1a1a1;
}

.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .button-subscribe {
    padding: 0.5rem;
    border-radius: 0.25rem;
    background: var(--purple);
    color: var(--white);
    border: none;
    height: 2.5rem;
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    width: auto;
    gap: 0.5rem;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    position: relative;
    left: -0.25rem;
    z-index: 10;
}

.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .button-subscribe span {
    font-size: 0.75rem;
}

.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .button-subscribe:hover {
    background: #a502ce;
}

.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .button-subscribe:active {
    background: #9c03c2;
}

@media all and (min-width: 768px) {
    .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .button-subscribe {
        width: 195px;
    }
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .subscribe__fail.visible {
    display: block;
    margin-top: 0.5rem;
    width: 100%;
    animation: subscribeFail 0.12s ease-in-out;
    animation-iteration-count: 1;
    position: relative;
    color: var(--red);
}

@keyframes subscribeFail {
    0% {
        left: 0;
    }
    25% {
        left: 10px;
    }
    50% {
        left: -10px;
    }
    100% {
        left: 0;
    }
}
.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-disclaimer {
    font-size: 11px;
    line-height: 1.25rem;
    font-family: "Roboto", sans-serif;
    color: var(--dark);
}

.bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-disclaimer:last-child {
    margin-bottom: 0;
}

@media all and (min-width: 768px) {
    .bonus-subscribe-wrapper {
        padding: 1rem;
    }
    .bonus-subscribe-wrapper .bonus-subscribe-info {
        column-gap: 1rem;
        row-gap: 0;
    }
    .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form {
        grid-template-columns: repeat(2, auto);
    }
    .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form #subscribe-bonus-input {
        width: 327px;
    }
    .bonus-subscribe-wrapper .bonus-subscribe-bottom .bonus-subscribe-form .btn {
        width: 132px;
    }
}
.main-badges-item .main-badges-img {
    font-family: icomoon;
    font-size: 0.625rem;
    line-height: 0.625rem;
    padding-right: 0.25rem;
}

.badge-new-casino {
    background-color: #5e06ee;
    color: var(--white);
}

.badge-subscribe {
    background-color: var(--purple);
    color: var(--white);
    gap: 0.25rem;
    justify-self: flex-start;
    padding-top: 0;
    padding-bottom: 0;
    height: 1.25rem;
    margin-right: 0;
}

.badge-subscribe .icon-mail {
    font-size: 0.625rem;
    font-family: icomoon;
}

.badge-user-choice {
    background-color: #e10095;
    color: var(--white);
}

.badge-latest-added {
    background-color: #00a8dd;
    color: var(--white);
}

.badge-expired {
    background-color: var(--red);
    color: var(--white);
}

.badge-expired .icon-report::before {
    color: var(--white);
}

.badge-top-pick {
    background-color: #fe8900;
    color: var(--white);
}

.badge-top-pick .icon-star-solid::before {
    color: var(--white);
}

.badge-trending {
    background-color: #07af5e;
    color: var(--white);
}

.badge-item-copy {
    border-radius: 2px;
    border: 1px dashed rgba(226, 14, 0, 0.4);
    background: var(--white);
    position: relative;
    cursor: pointer;
}

.badge-item-copy.active-notification {
    animation: scaleElement 0.45s;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes scaleElement {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}
.badge-item-copy .copy-notification {
    display: none;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    position: absolute;
    color: var(--white);
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    background: var(--blue);
    padding: 0 5px;
    border-radius: 8px;
}

.badge-item-copy .badge-item-text {
    color: var(--dark);
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
    line-height: normal;
    margin-right: 0.25rem;
}

.badge-item-copy .badge-item-value {
    color: #e20e00;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    padding-left: 0;
    text-transform: uppercase;
}

.badge-item-copy .badge-item-value.ellipsis {
    max-width: 135px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media all and (max-width: 1000px) {
    .badge-item-copy .badge-item-value.ellipsis {
        width: 50px;
    }
}
.badge-item-copy .icon-copy-code {
    display: inline-block;
    margin-left: 0.25rem;
    padding-right: 0;
    font-family: icomoon;
    font-size: 0.75rem;
    line-height: 0.75rem;
}

.progress-bar {
    background-color: #e7e7e7;
    border-radius: 1rem;
    overflow: hidden;
    height: 0.25rem;
    width: 5rem;
    max-width: 100%;
}

.progress-bar .progress {
    border-radius: 1rem;
    height: 100%;
    width: 0;
    transition: all 0.15s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.15s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.15s cubic-bezier(0.45, 0.26, 0, 1);
}

.tab-wrapper .tab {
    cursor: pointer;
}

.tab-wrapper .tab > * {
    pointer-events: none;
}

.tab-wrapper .tab .icon-deposit {
    aspect-ratio: 1/1;
}

.tab-wrapper .tab .arrow-tabs {
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    pointer-events: none;
}

.tab-wrapper .tab .arrow-tabs.rotate {
    transform: rotate(-180deg);
}

.tab-wrapper .tab-content-text {
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.tab-wrapper .tab-content-text.show {
    height: auto;
    opacity: 1;
    overflow: visible;
    display: grid;
}

.table-section {
    margin-bottom: 1.5rem;
}

.table-section ~ h2,
.table-section ~ h3,
.table-section ~ h4 {
    margin-top: 0;
}

.table-section:last-child {
    margin-bottom: 0;
}

.table-section .table {
    border-radius: 0.5rem;
    border: 1px solid rgba(151, 151, 151, 0.2);
    background: var(--white);
    border-spacing: 0;
}

.table-section .table.table-column {
    width: 100%;
}

.table-section .table.table-column .tbody tr {
    display: grid;
    grid-template-columns: 170px 1fr;
}

.table-section .table.table-column .tbody tr:nth-child(2n) {
    background: #fafafa;
}

.table-section .table.table-column .tbody tr td {
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: -0.08px;
    color: var(--dark);
    font-weight: inherit;
    vertical-align: middle;
    word-break: auto-phrase;
}

.table-section .table.table-column .tbody tr td * {
    font-family: "Roboto", sans-serif;
}

.table-section .table.table-column .tbody tr td:first-child {
    color: rgba(2, 2, 2, 0.6);
}

.table-section .table.table-column .tbody tr td .table-element-val {
    line-height: inherit;
    margin-bottom: 0;
    display: inline-block;
    margin-bottom: 0.25rem;
}

.table-section .table.table-column .tbody tr td .table-element-val.ellipsis {
    max-width: 50px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    margin-bottom: 0;
}

@media all and (min-width: 1000px) {
    .table-section .table.table-column .tbody tr td .table-element-val.ellipsis {
        max-width: 105px;
    }
}
.table-section .table.table-column .tbody tr td .show-trigger {
    cursor: pointer;
    line-height: inherit;
    vertical-align: top;
    color: var(--blue);
    position: relative;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.table-section .table.table-column .tbody tr td .show-trigger.add-and::before {
    content: "&";
    display: inline-block;
    color: var(--dark);
    margin-right: 0.25rem;
    pointer-events: none;
}

.table-section .table.table-row .thead tr th {
    padding: 0.75rem 1rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    color: rgba(2, 2, 2, 0.48);
    vertical-align: middle;
    word-break: auto-phrase;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
    background: #f9f9f9;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-weight: 500;
}

.table-section .table.table-row .tbody tr td {
    padding: 0.75rem 1rem;
    text-align: center;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
    font-size: 0.75rem;
    color: var(--dark);
}

.table-section .table.table-row .tbody tr:last-child td {
    border-bottom: none;
}

.table-section .table.white-header .thead tr {
    background-color: var(--white);
}

.table-section .table.white-header .thead tr th {
    padding: 0.75rem 1.5rem;
    text-align: left;
    background: var(--white);
}

.table-section .table.white-header .tbody tr:nth-child(odd) {
    background: #f7f7f7;
}

.table-section .table.white-header .tbody tr td {
    padding: 1.25rem 1.5rem;
    text-align: left;
}

.table-section .table.white-header .tbody tr td.element-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--dark);
    font-size: 0.875rem;
}

.table-section .table.no-header .tbody tr:nth-child(odd) {
    background: #f7f7f7;
}

.table-section .table.no-header .tbody tr td {
    text-align: left;
    padding: 1.25rem 1.5rem;
    font-size: 0.875rem;
}

.table-section .table.no-header .tbody tr td .icon-check-regular {
    color: #0A5C35;
    display: inline-block;
    margin-right: 0.5rem;
}

.table-section .table.no-header .tbody tr td .icon-times-regular {
    color: var(--red);
    display: inline-block;
    margin-right: 0.5rem;
}

.table-section .table.table-full-width {
    width: 100%;
}

.table-section .table.table-full-width .tbody tr td,
.table-section .table.table-full-width .thead tr th {
    text-align: left;
}

.table-section .table .tbody tr td {
    vertical-align: middle;
    text-align: center;
    padding: 1.25rem;
}

.table-section .table .tbody tr td img {
    height: 2.5rem;
    width: auto;
}

.table-section .table.table-left tbody.tbody tr td {
    text-align: left;
}

.table-section .table .icon-check-regular {
    color: #0A5C35;
    display: inline-block;
    margin-right: 0.5rem;
}

.table-section .table .icon-times-regular {
    color: var(--red);
    display: inline-block;
    margin-right: 0.5rem;
}

.table-section .table .title-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--dark);
    font-size: 1rem;
}

.table-section .table .blue-text {
    color: var(--blue) !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

.table-section .table img {
    height: 1.875rem;
    width: auto;
}

@media all and (min-width: 992px) {
    .table-section .table.table-column .tbody tr td {
        word-break: auto-phrase;
    }
}
.table-section.has-table-scroll {
    width: auto;
    overflow-x: auto;
    background: 0 0;
    box-shadow: none;
    border-radius: unset;
    overflow-y: visible;
    padding-top: 0.5rem;
    padding-bottom: 0.25rem;
}

.table-section.has-table-scroll::-webkit-scrollbar {
    width: 0.625rem;
    height: 0.625rem;
    background-color: #f5f5f5;
}

.table-section.has-table-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #d9d9d9;
}

.table-section.has-table-scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.table-section.has-table-scroll .table-scroll {
    background: var(--white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 0.25rem;
    width: max-content;
    max-width: 798px;
}

.table-section.table-sticky-section {
    overflow-x: auto;
    max-width: 100%;
    border: 1px solid rgba(151, 151, 151, 0.2);
    border-radius: 8px;
}

.table-section.table-sticky-section::-webkit-scrollbar {
    width: 0.625rem;
    height: 0.625rem;
    background-color: #f5f5f5;
}

.table-section.table-sticky-section::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #d9d9d9;
}

.table-section.table-sticky-section::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.table-section.table-sticky-section .table-sticky {
    border-collapse: collapse;
    width: 100%;
    border: none;
}

.table-section.table-sticky-section tr {
    display: grid;
    grid-auto-flow: column;
}

.table-section.table-sticky-section tr td,
.table-section.table-sticky-section tr th {
    width: 150px;
    padding: 8px;
    text-align: left;
    border: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
}

.table-section.table-sticky-section tr td:first-child,
.table-section.table-sticky-section tr th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    width: 150px;
    box-shadow: 0 6px 8px -6px rgba(24, 39, 75, 0.12), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
    filter: drop-shadow(0px 0px 1px rgba(10, 16, 32, 0.16));
}

.table-section.table-sticky-section tr th {
    background-color: #f7f7f7;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: center;
    color: rgba(2, 2, 2, 0.48);
    padding: 0.75rem 0.5rem;
}

.table-section.table-sticky-section tr th:first-child {
    width: 150px;
    background-color: #f7f7f7;
}

.table-section.table-sticky-section tr td {
    font-family: "Roboto", sans-serif;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: center;
    letter-spacing: -0.08px;
    color: var(--dark);
    padding: 1rem 0.5rem;
    background: var(--white);
}

.table-section.table-sticky-section tr td img {
    height: 35px;
}

.table-show-more.expand-section {
    overflow-x: hidden;
}

.table-show-more.expand-section .table-section {
    overflow-x: auto;
}

.table-show-more.expand-section .table-section::-webkit-scrollbar {
    width: 0.625rem;
    height: 0.625rem;
    background-color: #f5f5f5;
}

.table-show-more.expand-section .table-section::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #d9d9d9;
}

.table-show-more.expand-section .table-section::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.table-show-more.expand-section .triggers .trigger {
    border: none;
    background: 0 0;
    text-decoration: none;
    text-transform: capitalize;
    color: var(--dark);
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
    height: max-content;
    border-radius: 0;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--blue);
    gap: 0.5rem;
}

.table-show-more.expand-section .triggers .trigger .icon-chevron-down-regular {
    transform: rotate(-90deg);
    font-size: 0.75rem;
}

.table-show-more.expand-section .triggers .trigger .icon-chevron-down-regular::before {
    color: var(--dark);
}

.table-show-more.expand-section.show .table-section .table .tbody tr {
    display: table-row;
}

.container-tables {
    overflow-x: auto;
    margin-bottom: 2rem;
    max-width: calc(100vw - 4rem);
    border-radius: 8px;
}

.container-tables::-webkit-scrollbar {
    width: 1.25rem;
}

.container-tables::-webkit-scrollbar-thumb {
    background-color: var(--blue);
    border-radius: 1.25rem;
    border: 3px solid #e6e6e6;
}

.container-tables::-webkit-scrollbar-track {
    background: #e6e6e6;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.atable {
    width: 100%;
    border-spacing: 0;
}

.atable-special_colors tbody tr .atable-cell {
    width: 40%;
    min-width: unset;
}

.atable-special_colors tbody tr .atable-cell--head {
    width: 60%;
    min-width: unset;
}

.atable-special_colors tr td:first-of-type {
    border-bottom: solid 0 var(--white);
}

.atable-special_colors tbody:nth-child(odd) {
    color: var(--dark-grey);
}

.atable-special_colors tbody:nth-child(odd) th {
    background-color: #e3f0ff;
    border: none;
}

.atable-special_colors tbody:nth-child(odd) th p {
    margin-bottom: 0;
    color: var(--dark);
}

.atable-special_colors tbody:nth-child(odd) td {
    background-color: var(--white);
    border: none;
}

.atable-special_colors tbody:nth-child(odd) td p {
    margin-bottom: 0;
    color: var(--dark);
}

.atable-special_colors tbody :nth-child(2n) {
    color: var(--dark-grey);
}

.atable-special_colors tbody :nth-child(2n) th {
    background-color: #d3e7ff;
    border: none;
}

.atable-special_colors tbody :nth-child(2n) th p {
    margin-bottom: 0;
}

.atable-special_colors tbody :nth-child(2n) td {
    background-color: #fbfcff;
    border: none;
}

.atable-special_colors tbody :nth-child(2n) td p {
    margin-bottom: 0;
}

.atable h3,
.atable h4,
.atable h5 {
    color: var(--white);
    text-align: center;
    vertical-align: middle;
    line-height: auto;
    margin: 0;
    margin-bottom: 0;
}

.atable tr {
    width: 100%;
}

.atable tr td:first-of-type {
    border-bottom: solid 1px #e4e4e4;
    border-left: none;
}

.atable tr:last-of-type .atable-cell {
    border-bottom: none;
}

.atable tbody tr:nth-of-type(2n) .atable-cell:not(.atable-cell--head) {
    background-color: #fbfcff;
}

.atable tbody tr:nth-of-type(odd) .atable-cell:not(.atable-cell--head) {
    background-color: var(--white);
}

.atable .column-head {
    width: 100%;
    display: table;
}

.atable .column-head tr:first-of-type :first-child {
    border-radius: 8px 0 0 0;
}

.atable .column-head tr:first-of-type :last-child {
    border-radius: 0 8px 0 0;
}

.atable .column-body {
    display: table;
    width: 100%;
}

.atable--scroll {
    flex-wrap: wrap;
    position: relative;
}

.atable-cell {
    box-sizing: border-box;
    flex-grow: 1;
    font-weight: 400;
    padding: 1.25rem 0.625rem;
    overflow: hidden;
    list-style: none;
    text-align: center;
    vertical-align: middle;
    border-left: solid 1px #e4e4e4;
    border-bottom: solid 1px #e4e4e4;
    line-height: 1.25rem;
    word-break: auto-phrase;
    font-size: 0.875rem;
    font-family: "Roboto", sans-serif;
}

.atable-cell .button {
    background: var(--blue);
    border-color: transparent;
}

.atable-cell .button:hover {
    color: var(--white);
    background-color: #0457d4;
}

.atable-cell .button:active,
.atable-cell .button:focus {
    background-color: #04419c;
    color: var(--white);
}

.atable-cell .button:active {
    transform: scale(0.98);
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
}

.atable-cell.compare_up::after {
    content: "\e90b";
    font-family: icomoon;
    font-size: 1.5rem;
    display: block;
    margin: auto;
    margin-top: 0.625rem;
    color: #0A5C35;
}

.atable-cell.compare_down::after {
    content: "\e90a";
    font-family: icomoon;
    font-size: 1.5rem;
    display: block;
    margin: auto;
    margin-top: 0.625rem;
    color: var(--red);
}

.atable-cell.compare_equal::after {
    content: "\e924";
    font-family: icomoon;
    font-size: 1.5rem;
    display: block;
    margin: auto;
    margin-top: 0.625rem;
    color: var(--purple);
}

.atable-cell :is(.h1, .h2, .h3, .h4, .h5, .h6) {
    margin: 0;
}

.atable-cell .stars {
    display: flex;
    flex-direction: column;
}

.atable-cell .stars .span-rating-stars {
    margin-top: 0.625rem;
    font-weight: 500;
}

.atable-cell .stars .rating-stars {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.atable-cell img {
    border-radius: 8px;
    height: 65px;
    width: auto;
    margin: 0 auto 0.625rem;
}

.atable-cell p {
    margin-bottom: 0;
}

.atable-cell p:last-of-type {
    margin-bottom: 0;
}

.atable-cell--head {
    background-color: var(--blue);
    border-color: var(--blue);
    color: var(--white);
    padding: 1.25rem 10px;
}

.atable-cell--head a {
    text-decoration: underline;
    font-size: inherit;
    color: var(--white);
}

.atable--2cols .atable-cell {
    width: 50%;
}

.atable--6cols .atable-cell,
.atable--6cols .atable-cell--head {
    width: 16.6%;
    min-width: 150px;
}

.atable--6cols tr:first-of-type :first-child {
    border-radius: 8px 0 0 0;
}

.atable--6cols tr:first-of-type :last-child {
    border-radius: 0 8px 0 0;
}

.atable--6cols tr:last-of-type :first-child {
    border-radius: 0 0 0 8px;
}

.atable--6cols tr:last-of-type :last-child {
    border-radius: 0 0 8px 0;
}

.atable--big_table {
    table-layout: fixed;
}

.atable--big_table .atable-cell {
    min-width: 130px;
}

.atable--big_table tr:first-of-type:first-child {
    border-radius: 8px 0 0 0;
}

.atable--big_table tr:first-of-type:last-child {
    border-radius: 0 8px 0 0;
}

.atable--big_table tr:first-of-type.sticky-col {
    position: -webkit-sticky;
    position: sticky;
}

.atable--big_table tr:first-of-type.first-col {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    left: 0;
}

.atable--big_table tr:last-of-type:first-child {
    border-radius: 0 0 0 8px;
}

.atable--big_table tr:last-of-type:last-child {
    border-radius: 0 0 8px 0;
}

.atable--sticky_col tr .atable-cell:first-of-type {
    position: -webkit-sticky;
    position: sticky;
    width: 130px;
    left: 0;
}

.atable--sticky_col tr .atable-cell:first-of-type:not(.atable-cell--head) {
    border-right: solid 1px #e4e4e4;
}

.atable--sticky_col tr .atable-cell:nth-child(2) {
    border-left: solid 0 #e4e4e4;
}

.atable-vertical-rows {
    min-width: 25rem;
}

.atable-vertical-rows tr .atable-cell {
    padding: 0.875rem;
}

.atable-vertical-rows tr .atable-cell:first-child {
    text-align: left;
    border: none;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    background-color: #e8f2ff;
    color: var(--dark);
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1rem;
    width: 160px;
}

.atable-vertical-rows tr .atable-cell:nth-child(2) {
    text-align: left;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
    line-height: 1rem;
    font-size: 0.875rem;
    vertical-align: middle;
}

.atable-vertical-rows tr .atable-cell:nth-child(2) .first_showed {
    display: inline;
}

.atable-vertical-rows tr .atable-cell:first-of-type {
    border-right: 1px solid rgba(151, 151, 151, 0.2);
}

.atable-vertical-rows tr .atable-cell:first-of-type :first-child {
    border-radius: 0;
}

.atable-vertical-rows tr .atable-cell:first-of-type :last-child {
    border-radius: 0;
}
.atable tr th, .atable tr td {
    min-width: 150px;
}
.atable tr th.mw-auto, .atable tr td.mw-auto {
    min-width: auto;
}
.atable tr th.mw-10, .atable tr td.mw-10 {
    min-width: 10px;
}
.atable tr th.mw-20, .atable tr td.mw-20 {
    min-width: 20px;
}
.atable tr th.mw-30, .atable tr td.mw-30 {
    min-width: 30px;
}
.atable tr th.mw-40, .atable tr td.mw-40 {
    min-width: 40px;
}
.atable tr th.mw-50, .atable tr td.mw-50 {
    min-width: 50px;
}
.atable tr th.mw-60, .atable tr td.mw-60 {
    min-width: 60px;
}
.atable tr th.mw-70, .atable tr td.mw-70 {
    min-width: 70px;
}
.atable tr th.mw-80, .atable tr td.mw-80 {
    min-width: 80px;
}
.atable tr th.mw-90, .atable tr td.mw-90 {
    min-width: 90px;
}
.atable tr th.mw-100, .atable tr td.mw-100 {
    min-width: 100px;
}
.atable tr th.mw-120, .atable tr td.mw-120 {
    min-width: 120px;
}
.atable tr th.mw-150, .atable tr td.mw-150 {
    min-width: 150px;
}
.atable tr th.mw-200, .atable tr td.mw-200 {
    min-width: 200px;
}
.atable tr th.mw-250, .atable tr td.mw-250 {
    min-width: 250px;
}
.atable tr th.mw-300, .atable tr td.mw-300 {
    min-width: 300px;
}
.atable tr th.mw-350, .atable tr td.mw-350 {
    min-width: 350px;
}
.atable tr th.mw-400, .atable tr td.mw-400 {
    min-width: 400px;
}

.expand-section.show .container-tables .atable .column-body tr {
    display: table-row;
}

.icon-star-half-alt-solid:before {
    content: "\e935";
}

.icon-star-regular:before {
    content: "\e936";
}

.wrapper-alert-message {
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.wrapper-alert-message.show {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    animation: opacity 0.4s ease-in-out;
    animation-iteration-count: 1;
    opacity: 1;
    bottom: 2.5rem;
}

.wrapper-alert-message.show .icon-error-octagon {
    display: block;
}

@keyframes opacity {
    0% {
        opacity: 0;
        bottom: 0.625rem;
    }
    100% {
        opacity: 0.95;
        bottom: 2.5rem;
    }
}
.wrapper-alert-message .icon-alert {
    font-size: 1rem;
}

.wrapper-alert-message .alert-content .alert-message-title {
    font-size: 1rem;
    margin-bottom: 0;
    margin-left: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

@media all and (min-width: 576px) {
    .wrapper-alert-message .alert-content .alert-message-title {
        font-size: 1.25rem;
    }
}
.wrapper-alert-message .alert-content .alert-message {
    font-size: 0.875rem;
    margin-bottom: 0;
    margin-left: 1rem;
    color: var(--dark);
}

@media all and (min-width: 576px) {
    .wrapper-alert-message .alert-content .alert-message {
        font-size: 1rem;
    }
}
.wrapper-alert-message.red {
    background: #fae3e3;
    border-color: rgba(151, 151, 151, 0.2);
    border-left: 4px solid var(--red);
}

.wrapper-alert-message.red .icon-error-octagon {
    font-size: 2rem;
}

.wrapper-alert-message.red p {
    color: var(--red);
}

.wrapper-alert-message.green {
    background: #e3f9f1;
    border-color: #0A5C35;
}

.wrapper-alert-message.green .icon-wrapper {
    background: #0A5C35;
}

.wrapper-alert-message.green .icon-wrapper .icon-alert {
    color: var(--white);
}

.wrapper-alert-message.green .icon-wrapper .icon-alert::before {
    content: "\e954";
}

.wrapper-alert-message.green p {
    color: #0A5C35;
}

.page-details .author-element {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    font-size: 0.875rem;
    width: max-content;
}

.page-details .author-element .author-profile-image {
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 50%;
    margin-right: 0.625rem;
}

@media all and (max-width: 350px) {
    .page-details .author-element .author-profile-image {
        margin-right: 3px;
    }
}
.page-details .author-element .author-name {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 0.75rem;
    line-height: 1rem;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.page-details .casinos-number {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--dark);
    width: max-content;
}

.page-details .casinos-number:before {
    content: "• ";
    color: #bebebe;
    margin-right: 6px;
    width: 4.74px;
}

.page-details .casinos-number:first-child::before {
    content: "";
    display: none;
}

.page-details .time-to-read {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem;
    color: #000;
    width: max-content;
}

.page-details .time-to-read:before {
    content: "• ";
    color: #bebebe;
    margin-right: 6px;
    width: 4.74px;
}

.page-details .deals-available {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--dark);
    margin-right: 0.375rem;
    width: max-content;
}

.page-details .deals-available a {
    color: var(--dark);
}

.page-details .deals-available a .offers-number {
    color: var(--blue);
}

.page-details .deals-available::before {
    content: "• ";
    color: #bebebe;
    margin-right: 0.375rem;
    width: 4.74px;
}

.page-details > .date-published:nth-child(2):before {
    content: "• ";
    color: #bebebe;
    margin-right: 6px;
    width: 4.74px;
}

.page-details .facts-checked {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: max-content;
    justify-self: flex-start;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--blue);
}

.page-details .facts-checked .dropdown-element-hover {
    width: 360px;
    top: 100%;
    bottom: unset;
}

.page-details .facts-checked:hover .dropdown-element-hover {
    top: calc(100% + 0px);
}

.page-details .facts-checked .author-element .author-profile-image {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    margin-right: 0.625rem;
}

.page-details .facts-checked .author-element .author-name {
    color: var(--blue);
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: "Roboto", sans-serif;
}

.page-details .facts-checked .tooltip-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.page-details .facts-checked .tooltip-trigger .icon-facts-checked {
    font-size: 1rem;
    margin-right: 6px;
    width: 1rem;
    height: 1rem;
}

.page-details .facts-checked .tooltip-trigger .facts-checked-text {
    font-size: 0.75rem;
    line-height: 1rem;
}

.page-details .facts-checked .facts-checked-modal .modal-content {
    font-family: "Roboto", sans-serif;
    color: var(--dark);
}

.page-details .facts-checked .facts-checked-modal .modal-content .modal-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: relative;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    height: 1.25rem;
    width: 1.25rem;
    margin-bottom: 0.25rem;
    cursor: pointer;
}

.page-details .facts-checked .facts-checked-modal .modal-content .modal-close .icon-times-regular {
    color: var(--dark);
    font-size: 1rem;
    pointer-events: none;
}

.page-details .facts-checked .facts-checked-modal .modal-content .modal-body {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 0.5rem;
}

.page-details .facts-checked .facts-checked-modal .modal-content .modal-body .author-element-container {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 0.5rem;
}

.page-details .facts-checked .facts-checked-modal .modal-content .modal-body .author-element-container .author-element {
    padding: 0;
}

.page-details .facts-checked .facts-checked-modal .modal-content .modal-body p {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--dark);
    margin-bottom: 0;
}

@media all and (min-width: 992px) {
    .page-details .facts-checked .facts-checked-modal {
        transition: none;
        color: var(--dark);
        padding: 1rem;
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        gap: 0.5rem;
        background: var(--white);
        border: 1px solid rgba(151, 151, 151, 0.2);
        border-radius: 8px;
        list-style: none;
        top: 100%;
        padding: 1rem;
    }
    .page-details .facts-checked .facts-checked-modal .modal-content .modal-close {
        display: none;
    }
    .page-details .facts-checked .facts-checked-modal .modal-content .author-element-container {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        gap: 0.5rem;
    }
    .page-details .facts-checked .facts-checked-modal .modal-content .author-element-container .author-element {
        padding: 0;
    }
    .page-details .facts-checked .facts-checked-modal .modal-content p {
        font-size: 0.75rem;
        line-height: 1rem;
        color: var(--dark);
        margin-bottom: 0;
    }
}
.page-details .facts-checked:before {
    content: "• ";
    font-size: 0.75rem;
    color: #bebebe;
    margin-right: 6px;
    width: 4.74px;
}

.page-details .facts-checked:first-child::before {
    content: "";
    display: none;
}

.how-we-review-el {
    position: static;
}

.how-we-review-el .tooltip-trigger {
    color: var(--dark);
    font-size: 0.75rem;
    line-height: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.how-we-review-el .tooltip-trigger span {
    font-size: 1rem;
    margin-left: 0.25rem;
}

.how-we-review-el-modal .modal-content .modal-title-text {
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 0;
    color: var(--dark);
}

.ad-disclosure-modal .modal-content .modal-title-text a,
.how-we-review-el-modal .modal-content .modal-title-text a {
    font-weight: inherit;
    font-size: inherit;
}

.ad-disclosure-modal .modal-content .modal-close,
.how-we-review-el-modal .modal-content .modal-close {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.how-we-review-el-modal .modal-content .modal-body p {
    font-size: 0.75rem;
    line-height: 1rem;
}

.info-blockquotes-container {
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.info-blockquotes {
    padding: 1rem;
    background: #fafbfc;
    text-align: left;
}

.info-blockquotes .info-blockquotes-title {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.25rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: var(--dark);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
}

.info-blockquotes .info-blockquotes-title:last-child {
    margin-bottom: 0;
}

.info-blockquotes .info-blockquotes-title .icon-bubble {
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.info-blockquotes .info-blockquotes-title .icon-bubble::before {
    font-size: 0.75rem;
}

.info-blockquotes .blockquotes-content {
    font-size: 0.875rem;
    font-family: "Roboto", sans-serif;
    line-height: 1.5rem;
    color: var(--dark);
}

.info-blockquotes .blockquotes-content ol,
.info-blockquotes .blockquotes-content p,
.info-blockquotes .blockquotes-content ul {
    font-family: inherit;
    margin-top: 1rem;
}

.info-blockquotes .blockquotes-content > p {
    margin-bottom: 0;
}

.info-blockquotes.purple {
    box-shadow: inset 0.25rem 0 #6941c6;
}
.info-blockquotes.green {
    box-shadow: inset 0.25rem 0 #0A5C35;
}
.info-blockquotes.red {
    box-shadow: inset 0.25rem 0 #e20e00;
}
.info-blockquotes.orange {
    box-shadow: inset 0.25rem 0 var(--orange);
}
.info-blockquotes.blue,
.info-blockquotes.disclaimer {
    box-shadow: inset 0.25rem 0 #0969f9;
}

.info-blockquotes.blue .icon-bubble,
.info-blockquotes.disclaimer .icon-bubble {
    background-color: #e8f2ff;
}

.info-blockquotes.methodology-bubble {
    background-color: var(--white);
    border: 1px solid rgba(151, 151, 151, 0.2);
    box-shadow: rgba(88, 102, 126, 0.08) 0 4px 24px, rgba(88, 102, 126, 0.12) 0 1px 2px;
    background-color: var(--white);
}

.info-blockquotes.methodology-bubble .info-blockquotes-title {
    justify-content: flex-start;
}

.info-blockquotes.methodology-bubble .info-blockquotes-title .icon-tips {
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin-right: 0.625rem;
    display: inline-block;
    margin-right: 1rem;
}

.info-blockquotes.methodology-bubble .info-blockquotes-title .icon-tips::before {
    color: var(--blue);
}

.info-blockquotes.example {
    box-shadow: inset 0.25rem 0 var(--blue);
}

.info-blockquotes.example .icon-bubble {
    background-color: #e8f2ff;
}

@media all and (min-width: 992px) {
    .info-blockquotes {
        padding: 1rem 1.5rem;
    }
}
.pagination-wrapper {
    padding-top: 2.5rem;
    padding-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 100%;
}

.pagination-wrapper .pagination {
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    gap: 0.25rem;
    padding: 0.625rem;
    max-width: 100%;
    width: 100%;
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.04);
    border-radius: 5rem;
    background: var(--white);
}

@media all and (min-width: 330px) {
    .pagination-wrapper .pagination {
        gap: 0.625rem;
        padding: 0.75rem;
    }
}
@media all and (min-width: 375px) {
    .pagination-wrapper .pagination {
        gap: 1rem;
        padding: 0.75rem 1.25rem;
        max-width: 440px;
        justify-content: center;
    }
}
.pagination-wrapper .pagination .pagination-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-family: "Roboto", sans-serif;
    color: #424242;
    height: 25px;
    border-radius: 50%;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.pagination-wrapper .pagination .pagination-btn .pagination-btn-content,
.pagination-wrapper .pagination .pagination-btn .pagination-btn-next,
.pagination-wrapper .pagination .pagination-btn .pagination-btn-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    height: 100%;
}

.pagination-wrapper .pagination .pagination-btn .pagination-btn-content {
    cursor: pointer;
    color: #424242;
}

.pagination-wrapper .pagination .pagination-btn .pagination-dots {
    color: #424242;
    opacity: 0.5;
}

.pagination-wrapper .pagination .pagination-btn.btn-page {
    width: 25px;
}

.pagination-wrapper .pagination .pagination-btn.btn-page.active {
    background-color: var(--blue);
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    pointer-events: none;
}

.pagination-wrapper .pagination .pagination-btn.btn-page.active > * {
    color: var(--white);
}

.pagination-wrapper .pagination .pagination-btn.btn-page:not(.active):hover {
    background-color: #e8f2ff;
}

.pagination-wrapper .pagination .pagination-btn.btn-page:active,
.pagination-wrapper .pagination .pagination-btn.btn-page:focus {
    background-color: #04419c;
}

.pagination-wrapper .pagination .pagination-btn.btn-prev {
    width: auto;
    cursor: pointer;
}

.pagination-wrapper .pagination .pagination-btn.btn-prev .prev-text {
    line-height: 1.125rem;
    margin-left: 6px;
}

.pagination-wrapper .pagination .pagination-btn.btn-prev .icon-longarrow-right {
    line-height: 1.125rem;
    font-size: 0.875rem;
}

.pagination-wrapper .pagination .pagination-btn.btn-next {
    width: auto;
    cursor: pointer;
}

.pagination-wrapper .pagination .pagination-btn.btn-next .next-text {
    line-height: 1.125rem;
    margin-right: 6px;
}

.pagination-wrapper .pagination .pagination-btn.btn-next .icon-longarrow-right {
    line-height: 1.125rem;
    transform: rotate(-180deg);
    font-size: 0.875rem;
}

.pagination-wrapper .pagination .pagination-btn.disabled > * {
    cursor: default;
    color: #424242;
    opacity: 0.5;
}

.pagination-wrapper .pagination .pagination-btn.disabled:hover {
    pointer-events: none;
}

.pagination-wrapper .pagination .pagination-btn.btn-page-mobile {
    width: calc(100% - 110px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background-color: var(--blue);
    color: var(--white);
}

.pagination-wrapper .pagination .pagination-btn.btn-page-mobile:hover {
    border-color: var(--blue);
}

@media all and (min-width: 768px) {
    .pagination-wrapper .pagination .pagination-btn.btn-page-mobile {
        display: none;
    }
}
input[type=email],
input[type=number],
input[type=password],
input[type=text],
textarea {
    font-size: 0.875rem;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    color: var(--dark-grey);
    width: 100%;
    max-width: 100%;
    padding: 0.75rem;
    border: none;
    border-radius: 0.25rem;
    background-color: var(--white);
    border: 1px solid #eee;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    margin-bottom: 20px;
}
.search-container input[type=text] {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-top: 20px;
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
    outline: 0;
    -webkit-outline: none;
}

input[type=email]:-moz-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=email]::-moz-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=number]:-moz-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=number]::-moz-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]:-moz-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=password]::-moz-placeholder,
input[type=password]::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::-moz-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--dark);
}

@media all and (max-width: 991px) {
    input[type=email],
    input[type=number],
    input[type=password],
    textarea {
        font-size: 1rem;
    }
}
input[type=submit] {
    display: block;
    width: 100%;
}

textarea {
    min-height: 8.75rem;
}

.form-item {
    position: relative;
    display: block;
    width: 100%;
}

.form-item label {
    font-size: 0.875rem;
    line-height: 1rem;
    font-family: "Roboto", sans-serif;
    color: var(--dark-grey);
    display: block;
    margin-bottom: 0.5rem;
}

.form-item input[type=submit] {
    border: none;
}

.form-item.checkbox label,
.form-item.radio label {
    font-size: 1rem;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: var(--blue);
    cursor: pointer;
    text-align: center;
    background-color: #e8f2ff;
    border: 2px solid transparent;
    border-radius: 5px;
    padding: 1rem;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -webkit-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
    -moz-transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

@media all and (max-width: 1399px) {
    .form-item.checkbox label,
    .form-item.radio label {
        padding: 1rem 0.625rem;
    }
}
@media all and (max-width: 1199px) {
    .form-item.checkbox label,
    .form-item.radio label {
        font-size: 13px;
        padding: 0.625rem 5px;
    }
}
.form-item.checkbox label:hover,
.form-item.radio label:hover {
    border-color: var(--blue);
}

.form-item.checkbox input[type=checkbox],
.form-item.checkbox input[type=radio],
.form-item.radio input[type=checkbox],
.form-item.radio input[type=radio] {
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
    opacity: 0;
}

.form-item.checkbox input[type=checkbox]:checked + label,
.form-item.checkbox input[type=radio]:checked + label,
.form-item.radio input[type=checkbox]:checked + label,
.form-item.radio input[type=radio]:checked + label {
    border-color: var(--blue);
}

label:not(.comment-form-cookies-consent label):active {
    transform: scale(0.95);
}

.comments-wrapper .comments-header {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    margin-bottom: 1.5rem;
}

.comments-wrapper .comments-header .no-comments {
    margin-right: 2rem;
}

.comments-wrapper .comments-header .sort-wrapper .dropdown-trigger {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
}

.comments-wrapper .comments-header .sort-wrapper .dropdown-element {
    list-style: none;
    margin: 0;
    padding: 0;
    width: max-content;
    padding: 10px 0;
}

.comments-wrapper .comments-header .sort-wrapper .dropdown-element .sort-by-dropdown-element {
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    text-transform: none;
    padding: 0.625rem 1.25rem;
    cursor: pointer;
}

.comments-wrapper .comments-header .sort-wrapper .icon-filter-light {
    font-size: 1rem;
    margin-right: 0.5rem;
    pointer-events: none;
}

.section-hero-info-container {
    background-color: var(--white);
    padding: 0.75rem;
    border-radius: 0.25rem;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.section-hero-info-container-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.section-hero-info-container-title .icon-how-we-tested {
    color: var(--blue);
    font-size: 1.25rem;
    margin-right: 0.5rem;
}

.section-hero-info-container-title-text {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #424242;
    margin-bottom: 0;
    margin-top: 0;
}

.section-hero-info-container-content {
    font-family: "Roboto", sans-serif;
    font-size: 0.875rem;
    color: var(--dark);
    margin-bottom: 0;
}

.section-hero-info-container-content.expand-section {
    margin-bottom: 1rem;
}

.section-hero-info-container-content p:last-child {
    margin-bottom: 0;
}

.section-hero-info-container-content .trigger {
    text-decoration: none;
}

.filters-section {
    margin-bottom: 0.625rem;
}

.section-generic:not(.section-list) ol li,
.section-generic:not(.section-list) p,
.section-generic:not(.section-list) ul li {
    color: var(--dark);
}

.section-generic.section-list .section-intro p:last-child {
    margin-bottom: 0;
}

.container-disclosure-title h2 {
    margin-bottom: 0;
}

.container-disclosure-title .ad-disclosure-container .ad-disclosure {
    padding: 0 0 0.25rem 0;
    padding: 0 0 2.5px 0;
}

.container-disclosure-title .ad-disclosure-container .ad-disclosure .dropdown-element-hover {
    width: 100%;
    top: 100%;
    bottom: unset;
}

.container-disclosure-title .ad-disclosure-container .ad-disclosure:hover .dropdown-element-hover {
    top: calc(100% - 1px);
}

@media all and (min-width: 992px) {
    .container-disclosure-title .ad-disclosure-container .ad-disclosure {
        padding: 0 0 0.25rem 0;
    }
}
.section-hero .section-hero-content {
    padding: 1rem 1rem 1rem 1rem;
}

@media all and (min-width: 992px) {
    .section-hero .section-hero-content {
        padding: 2rem 1rem 2rem 1rem;
    }
}
.section-hero .section-hero-content .section-hero-content-info .expand-section ul:not(.splide__pagination, .bonuses-list) {
    margin: 0;
    margin-bottom: 1rem;
    padding-left: 1rem;
    list-style-type: disc;
}

.section-hero .section-hero-content .section-hero-content-info .expand-section ul li {
    font-family: "Roboto", sans-serif;
    margin-bottom: 0.875rem;
    position: relative;
    padding-top: 0;
    font-size: 1rem;
}

.section-hero .section-hero-content .section-hero-content-info .expand-section ul li:last-child {
    margin-bottom: 0;
}

.section-hero .section-hero-content .section-hero-content-info .expand-section ul li.no-collapse {
    padding: 0.625rem;
}

@media all and (min-width: 540px) {
    .section-hero .section-hero-content .section-hero-content-info .expand-section ul li.no-collapse {
        padding: 1rem;
    }
}
.section-hero .section-hero-content .section-hero-content-info .expand-section ul li a {
    text-decoration: none;
}

.section-hero .section-hero-content .section-hero-content-info .expand-section ul li.bonus-component {
    padding: 0.75rem;
}

@media all and (min-width: 992px) {
    .section-hero .section-hero-content .section-hero-content-info .expand-section ul li.bonus-component {
        padding-top: 1rem;
    }
}
.section-hero .section-hero-content .section-hero-content-info .expand-section ul.red li:before {
    background-color: var(--red);
}

.general-tab-wrapper .general-tab-trigger.tab-trigger-should.active {
    border-radius: 0.25rem 0.25rem 0 0;
}

.general-tab-wrapper .general-tab-trigger.tab-trigger-toc1.active .tab-item {
    color: var(--blue);
}

.general-tab-wrapper .general-tab-trigger.tab-trigger-toc1:first-child {
    margin-top: 0;
}

.general-tab-wrapper .general-tab-trigger.tab-trigger-toc2:nth-child(3) {
    margin-top: 0;
}

.general-tab-wrapper .general-tab-trigger.tab-trigger-toc2.active .tab-item {
    color: var(--blue);
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ol {
    list-style-type: none;
    padding-left: 0 !important;
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ol::marker,
.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ul::marker {
    display: none;
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ol li {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ol li a {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ol li a:only-child {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-color: var(--blue);
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper ol li:before {
    content: none;
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper > div > * {
    margin-bottom: 0.75rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper > div > :last-child {
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper table tbody tr td {
    padding-bottom: 0.75rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.general-tab-wrapper .tab-content-text .general-accordion-section-content-wrapper table tbody tr:last-child td {
    padding-bottom: 0;
}

.general-tab-wrapper .tab-content-text ul:not(.splide__pagination, .bonuses-list) {
    margin: 0;
    margin-bottom: 1rem;
    padding-left: 1rem;
    list-style-type: disc;
}

.general-tab-wrapper .tab-content-text ul li.no-collapse {
    padding: 0.625rem;
}

@media all and (min-width: 540px) {
    .general-tab-wrapper .tab-content-text ul li.no-collapse {
        padding: 1rem;
    }
}
.general-tab-wrapper .tab-content-text ul li.bonus-component {
    padding: 0.75rem;
}

@media all and (min-width: 992px) {
    .general-tab-wrapper .tab-content-text ul li.bonus-component {
        padding-top: 1rem;
    }
}
.general-tab-wrapper .tab-content-text ul.red li:before {
    background-color: var(--red);
}

.general-tab-wrapper .tab-content-text ol:first-child {
    margin-top: 0;
}

.general-tab-wrapper .tab-content-text ol:last-child {
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text ol > li h2,
.general-tab-wrapper .tab-content-text ol > li h3,
.general-tab-wrapper .tab-content-text ol > li h4,
.general-tab-wrapper .tab-content-text ol > li h5 {
    margin-top: 0;
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text ol > li h2:not(:only-child),
.general-tab-wrapper .tab-content-text ol > li h3:not(:only-child),
.general-tab-wrapper .tab-content-text ol > li h4:not(:only-child),
.general-tab-wrapper .tab-content-text ol > li h5:not(:only-child) {
    margin-bottom: 0.5rem;
}

.general-tab-wrapper .tab-content-text ol > li h2,
.general-tab-wrapper .tab-content-text ol > li h3,
.general-tab-wrapper .tab-content-text ol > li h4,
.general-tab-wrapper .tab-content-text ol > li h5 {
    margin-top: 0;
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text ol > li h2:not(:only-child),
.general-tab-wrapper .tab-content-text ol > li h3:not(:only-child),
.general-tab-wrapper .tab-content-text ol > li h4:not(:only-child),
.general-tab-wrapper .tab-content-text ol > li h5:not(:only-child) {
    margin-bottom: 0.5rem;
}

.general-tab-wrapper .tab-content-text ol > li > a {
    text-decoration: none;
    font-family: inherit;
    margin-bottom: 0;
    font-size: inherit;
    line-height: inherit;
}

.general-tab-wrapper .tab-content-text ol > li > a ol:last-child,
.general-tab-wrapper .tab-content-text ol > li > a ul:last-child,
.general-tab-wrapper .tab-content-text ol > li > span ol:last-child,
.general-tab-wrapper .tab-content-text ol > li > span ul:last-child {
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text .modal-element ul:not(.splide__pagination, .bonuses-list) {
    margin: 0;
    margin-bottom: 1rem;
    padding-left: 1rem;
    list-style-type: disc;
}

.general-tab-wrapper .tab-content-text .modal-element ul li {
    font-family: "Roboto", sans-serif;
    margin-bottom: 0.875rem;
    position: relative;
    padding-top: 0;
    font-size: 0.875rem;
}

.general-tab-wrapper .tab-content-text .modal-element ul li:last-child {
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text .modal-element ul li.no-collapse {
    padding: 0.625rem;
}

@media all and (min-width: 540px) {
    .general-tab-wrapper .tab-content-text .modal-element ul li.no-collapse {
        padding: 1rem;
    }
}
.general-tab-wrapper .tab-content-text .modal-element ul li a {
    text-decoration: none;
}

.general-tab-wrapper .tab-content-text .modal-element ul li.bonus-component {
    padding: 0.75rem;
}

@media all and (min-width: 992px) {
    .general-tab-wrapper .tab-content-text .modal-element ul li.bonus-component {
        padding-top: 1rem;
    }
}
.general-tab-wrapper .tab-content-text .modal-element ul.red li:before {
    background-color: var(--red);
}

.general-tab-wrapper .tab-content-text .modal-element ul > li a {
    text-decoration: none;
    font-family: inherit;
    margin-bottom: 0;
    font-size: inherit;
    line-height: inherit;
}

.general-tab-wrapper .tab-content-text .modal-element ol:first-child {
    margin-top: 0;
}

.general-tab-wrapper .tab-content-text .modal-element ol:last-child {
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text .modal-element ol > li h2,
.general-tab-wrapper .tab-content-text .modal-element ol > li h3,
.general-tab-wrapper .tab-content-text .modal-element ol > li h4,
.general-tab-wrapper .tab-content-text .modal-element ol > li h5 {
    margin-top: 0;
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text .modal-element ol > li h2:not(:only-child),
.general-tab-wrapper .tab-content-text .modal-element ol > li h3:not(:only-child),
.general-tab-wrapper .tab-content-text .modal-element ol > li h4:not(:only-child),
.general-tab-wrapper .tab-content-text .modal-element ol > li h5:not(:only-child) {
    margin-bottom: 0.5rem;
}

.general-tab-wrapper .tab-content-text .modal-element ol > li h2,
.general-tab-wrapper .tab-content-text .modal-element ol > li h3,
.general-tab-wrapper .tab-content-text .modal-element ol > li h4,
.general-tab-wrapper .tab-content-text .modal-element ol > li h5 {
    margin-top: 0;
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text .modal-element ol > li h2:not(:only-child),
.general-tab-wrapper .tab-content-text .modal-element ol > li h3:not(:only-child),
.general-tab-wrapper .tab-content-text .modal-element ol > li h4:not(:only-child),
.general-tab-wrapper .tab-content-text .modal-element ol > li h5:not(:only-child) {
    margin-bottom: 0.5rem;
}

.general-tab-wrapper .tab-content-text .modal-element ol > li > a {
    text-decoration: none;
    font-family: inherit;
    margin-bottom: 0;
    font-size: inherit;
    line-height: inherit;
}

.general-tab-wrapper .tab-content-text .modal-element ol > li > a ol:last-child,
.general-tab-wrapper .tab-content-text .modal-element ol > li > a ul:last-child,
.general-tab-wrapper .tab-content-text .modal-element ol > li > span ol:last-child,
.general-tab-wrapper .tab-content-text .modal-element ol > li > span ul:last-child {
    margin-bottom: 0;
}

.general-tab-wrapper .tab-content-text .read-less-trigger {
    cursor: pointer;
}

.general-tab-wrapper .tab-content-text .read-less-trigger .icon-chevron-circle {
    pointer-events: none;
}

.general-tab-wrapper .tab-content-text.tab-content-text-should.show {
    border-radius: 0 0 0.25rem 0.25rem;
}

.section-generic.section-generic-background {
    display: grid;
}

/*404 page*/
.container-404 {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 50px;
}
@media all and (max-width: 768px) and (max-height: 420px) {
    .container-404 {
        row-gap: 20px;
    }
}

.error-title-404 {
    color: var(--blue);
    font-size: 8rem;
    line-height: 8rem;
    margin-bottom: 0;
}
@media all and (max-width: 768px) {
    .error-title-404 {
        font-size: 6rem;
        line-height: 6rem;
    }
}

.error-text-404 {
    margin-bottom: 0;
    text-align: center;
}
@media all and (max-width: 768px) {
    .error-text-404 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.home-btn a:hover {
    text-decoration: none;
}

/*Search page*/
.results-value {
    color: var(--blue);
}

.container-search {
    flex-direction: column;
    min-height: 400px;
}

.search-results-list {
    list-style: none;
}
.search-results-list li {
    margin-bottom: 10px;
    padding: 20px 10px;
    background: var(--white);
    border-radius: 5px;
    box-shadow: rgba(88, 102, 126, 0.08) 0 4px 24px, rgba(88, 102, 126, 0.12) 0 1px 2px;
}
@media all and (max-width: 768px) {
    .search-results-list li {
        padding: 10px;
    }
}
.search-results-list li:last-of-type {
    margin-bottom: 0;
}

/*company details*/
.main-content .section-about-company .company-details {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 2rem;
}

@media all and (min-width: 768px) {
    .main-content .section-about-company .company-details {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}
.main-content .section-about-company .company-details .company-details-element {
    box-shadow: rgba(88, 102, 126, 0.08) 0 4px 24px, rgba(88, 102, 126, 0.12) 0 1px 2px;
    background-color: var(--white);
    border-radius: 8px;
    padding: 1rem;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    justify-content: space-between;
}

.main-content .section-about-company .company-details .company-details-element dt {
    font-family: "Roboto", sans-serif;
}

.main-content .section-about-company .company-details .company-details-element dd a {
    font-size: inherit;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

.main-content .section-about-company .company-details .company-details-element strong {
    word-break: break-word;
}

.page-about__h1 {
    margin-bottom: 0;
}

/*section hero bg*/
.section-hero-bg {
    box-shadow: inset 0 1.25px var(--white);
    width: 100%;
    display: grid;
    place-items: center;
    position: relative;
}

.section-hero-bg .background-image {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: calc(100% + 0.25rem);
    min-width: 100%;
    transform: translateX(-50%);
    z-index: 0;
    object-fit: cover;
    object-position: center 78%;
}

.section-hero-bg .container {
    max-width: 700px;
    text-align: center;
    align-items: center;
    padding: 1.875rem 1.5rem;
    display: grid;
    z-index: 1;
}

.section-hero-bg .container h1 {
    font-size: 1.875rem;
    line-height: 36px;
    text-align: center;
    margin-bottom: 1.875rem;
}

.section-hero-bg .as-seen-on {
    margin-top: 1.875rem;
    justify-self: center;
}

.section-hero-bg .as-seen-on .as-seen-on-title {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0;
    text-align: center;
    color: var(--dark);
    margin-bottom: 1.25rem;
}

.section-hero-bg .as-seen-on .img-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    justify-content: center;
}

.section-hero-bg .as-seen-on .img-list img {
    height: 1.625rem;
    width: max-content;
}

@media all and (min-width: 768px) {
    .section-hero-bg .container {
        padding: 2.5rem;
    }
    .section-hero-bg .container h1 {
        font-size: 3.5rem;
        line-height: 4rem;
        text-align: center;
        margin-bottom: 0;
    }
    .section-hero-bg .container .as-seen-on {
        margin-top: 2.5rem;
    }
    .section-hero-bg .container .as-seen-on .as-seen-on-title {
        font-size: 1.125rem;
        line-height: 23px;
        margin-bottom: 2rem;
    }
    .section-hero-bg .container .as-seen-on .img-list {
        gap: 2rem;
    }
}
.section-hero-bg .container .trigger {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: 1rem;
    text-decoration: none;
    justify-content: center;
    margin-bottom: 0;
}

.section-hero-bg .container .trigger .expand-trigger-text {
    text-decoration: underline;
}

@media all and (max-width: 991px) {
    .section-hero-bg .container .trigger.expand-trigger {
        display: block;
        margin: auto;
        margin-top: 0.5rem;
    }
}
.section-hero-bg .container .trigger .icon-minus,
.section-hero-bg .container .trigger .icon-plus-regular {
    font-size: 0.625rem;
    text-decoration: none;
    margin-right: 0.125rem;
    line-height: 1rem;
}

.section-hero-bg .container .trigger.minimize-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.section-hero-bg .container .trigger.minimize-trigger .icon-minus {
    margin-right: 0.25rem;
}

.section-hero-bg .section-hero-values {
    gap: 0.5rem;
    align-items: center;
    justify-items: center;
    width: 100%;
    margin-top: 1.875rem;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    justify-self: center;
}

@media all and (min-width: 992px) {
    .section-hero-bg .section-hero-values {
        grid-template-columns: repeat(3, auto);
        gap: 1.5rem;
        width: max-content;
    }
}
.section-hero-bg .section-hero-values .section-hero-value {
    padding: 0.75rem 1rem;
    background-color: var(--white);
    border-radius: 0.5rem;
    font-size: 0.875rem;
    line-height: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: var(--dark);
    width: 100%;
    text-align: left;
}

@media all and (min-width: 992px) {
    .section-hero-bg .section-hero-values .section-hero-value {
        width: max-content;
        text-align: center;
    }
}
.section-hero-bg .section-hero-values .section-hero-value .icon-check-regular {
    border-radius: 50%;
    border: 1px solid var(--blue);
    color: var(--blue);
    font-size: 0.5rem;
    padding: 0.125rem;
    margin-right: 0.5rem;
    font-weight: 600;
}

@media all and (min-width: 768px) {
    .section-hero-bg .container .section-hero-values {
        margin-top: 2.5rem;
    }
}
/*authors list*/
.authors-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 1.25rem;
}
@media all and (min-width: 768px) {
    .authors-list {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 1.875rem;
    }
}

.page_authors .main-content {
    grid-column: 1/-1;
    gap: 0;
}

.page_authors .main-content .why-trust-section {
    background: 0 0;
    border: none;
    margin-bottom: 0;
}

.page_authors .main-content .why-trust-section .small-card-list {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    margin-bottom: 1rem;
}

/*section topics*/
.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.page_authors .main-content .section-topics {
    margin-bottom: 1.875rem;
}

.page_authors .main-content .section-topics .splide-topics {
    display: grid;
    overflow: visible;
    padding-bottom: 2rem;
}

.page_authors .main-content .section-topics .splide-topics.is-initialized {
    overflow: visible;
}
.page_authors .main-content .section-topics .splide-topics.is-initialized .splide__sr {
    display: none !important;
}

.page_authors .main-content .section-topics .splide-topics.is-initialized .splide__track {
    overflow: hidden;
}

.page_authors .main-content .section-topics .splide-topics .splide__list {
    gap: 0;
    list-style: none;
}
.page_authors .main-content .section-topics .splide-topics .splide__list .splide__slide {
    flex-shrink: 0;
}

.page_authors .main-content .section-topics .splide-topics .splide__list .splide__slide:last-child {
    margin-bottom: 0.875rem;
}

.page_authors .main-content .section-topics .splide-topics .splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none;
    bottom: 1rem;
}
.page_authors .main-content .section-topics .splide-topics .splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto;
}
.page_authors .main-content .section-topics .splide-topics .splide__pagination .splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: 0.7;
    padding: 0;
    position: relative;
    transition: transform 0.2s linear;
    width: 8px;
}
@media all and (max-width: 768px) {
    .page_authors .main-content .section-topics .splide-topics .splide__pagination .splide__pagination__page {
        width: 12px;
        height: 12px;
        margin: 18px;
    }
}
.page_authors .main-content .section-topics .splide-topics .splide__pagination .splide__pagination__page.is-active {
    background: var(--blue);
    transform: scale(1.4);
    z-index: 1;
}
.page_authors .main-content .section-topics .splide-topics .splide__pagination .splide__pagination__page:hover {
    cursor: pointer;
    opacity: 0.9;
}
.page_authors .main-content .section-topics .splide-topics .splide__pagination .splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}
.page_authors .main-content .section-topics .splide-topics .splide__pagination .splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none;
    bottom: -1rem;
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto;
}

.page_authors .main-content .section-topics .splide-topics .splide__pagination li {
    margin-bottom: 0;
}

.page_authors .main-content .section-topics .splide-topics .splide__pagination li button {
    background: #d9d9d9;
}

.page_authors .main-content .section-topics .splide-topics .splide__pagination li button.is-active {
    background: var(--blue);
    width: 0.5rem;
    height: 0.5rem;
}

.page_authors .main-content .section-topics .splide-topics .splide__arrows {
    position: relative;
    top: -50px;
}

.page_authors .main-content .section-topics .splide-topics .splide__arrows .splide__arrow--next,
.page_authors .main-content .section-topics .splide-topics .splide__arrows .splide__arrow--prev {
    position: absolute;
    top: 0;
    background: var(--white);
    border: 1px solid rgba(151, 151, 151, 0.2);
    border-radius: 100px;
    width: 2rem;
    height: 2rem;
}
.page_authors .main-content .section-topics .splide-topics .splide__arrows .splide__arrow--next:hover,
.page_authors .main-content .section-topics .splide-topics .splide__arrows .splide__arrow--prev:hover {
    cursor: pointer;
}

.page_authors .main-content .section-topics .splide-topics .splide__arrows .splide__arrow--prev {
    right: 2.5rem;
    left: unset;
}

.page_authors .main-content .section-topics .splide-topics .splide__arrows .splide__arrow--next {
    right: 0;
}

.page_authors .main-content .wide-card-button {
    margin-top: 1.875rem;
}

.page_authors .main-content .wide-card-button .button {
    max-width: 100%;
    font-size: 0.75rem;
    text-transform: unset;
    margin: 0 auto;
}

@media all and (min-width: 576px) {
    .page_authors .main-content .wide-card-button .button {
        max-width: max-content;
    }
}
@media all and (min-width: 768px) {
    .page_authors .main-content .wide-card-button .button {
        margin: initial;
    }
}
@media all and (min-width: 768px) {
    .page_authors .main-content .wide-card-button {
        margin-top: 1.5rem;
    }
}
/*about author element*/
.about-author-element {
    border-radius: 8px;
    box-shadow: 0 6px 8px -6px rgba(24, 39, 75, 0.1215686275), 0 0 1px 0 rgba(10, 16, 32, 0.1607843137);
    background: var(--white);
    margin-left: unset;
    margin-right: unset;
    display: grid;
    padding: 1rem 0.75rem;
}

.about-author-element.big {
    grid-column: 1/-1;
}

.about-author-element .about-author-intro {
    color: var(--white);
    text-align: center;
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: repeat(2, auto);
    justify-self: flex-start;
    column-gap: 1rem;
    row-gap: 0.875rem;
    padding-bottom: 1rem;
}

.about-author-element .about-author-intro img {
    border: 2px solid var(--white);
    border-radius: 50%;
    overflow: hidden;
    height: 6.25rem;
    width: 6.25rem;
    grid-column: 1;
    grid-row: 1/3;
}

.about-author-element .about-author-intro .author-title {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: var(--dark);
    font-size: 1rem;
    line-height: 25px;
    letter-spacing: 0;
    text-align: left;
    grid-column: 2;
    grid-row: 1;
    margin-top: 0;
    margin-bottom: 0;
    align-self: flex-end;
}

.about-author-element .about-author-intro .author-title a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media all and (min-width: 768px) {
    .about-author-element .about-author-intro .author-title {
        font-size: 1.25rem;
    }
    .about-author-element .about-author-intro {
        padding-bottom: 1.25rem;
    }
}
.about-author-element .about-author-intro .author-role {
    color: rgba(2, 2, 2, 0.722);
    font-family: "Roboto", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    text-align: left;
    grid-column: 2;
    grid-row: 2;
    margin-bottom: 0;
    justify-self: flex-start;
    align-self: flex-start;
    padding-bottom: 1rem;
}

.about-author-element .about-author-description {
    border-top: 1px solid #eee;
    padding-top: 1rem;
    display: grid;
}

.about-author-element .about-author-description p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-bottom: 1rem;
}

.about-author-element .about-author-description a {
    display: flex;
}

.about-author-element .about-author-description .social {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    justify-self: flex-start;
    gap: 1.5rem;
}
.about-author-element .about-author-description .social a {
    text-decoration: none;
}

.about-author-element .about-author-description .social .social-img {
    font-size: 1.25rem;
}
.about-author-element .about-author-description .social .social-img::before {
    color: var(--link-blue);
}
.about-author-element .about-author-description .social .social-img:hover::before {
    color: var(--link-hover-blue);
}

@media all and (min-width: 768px) {
    .about-author-element .about-author-description .social {
        gap: 1.25rem;
    }
    .about-author-element .about-author-description {
        padding-top: 1.25rem;
    }
    .about-author-element .about-author-description p {
        margin-bottom: 1.25rem;
    }
    .about-author-element {
        padding: 1.25rem;
    }
}
/* Card topics element */
.card-topics-element {
    background-color: var(--white);
    border-radius: 0.5rem;
    padding: 1.5rem;
    box-shadow: 0 0 1px rgba(10, 16, 32, 0.16), 0 6px 8px -6px rgba(24, 39, 75, 0.12), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
    display: grid;
    grid-template-columns: 1fr 19px;
    grid-template-rows: auto;
    column-gap: 31px;
    height: 100%;
    align-items: center;
}

.card-topics-element .card-topics-title {
    margin-top: 0;
    margin-bottom: 0;
    grid-column: 1;
    grid-row: 1;
    font-size: 1rem;
}

.card-topics-element .card-topics-content {
    grid-column: 1;
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-bottom: 0;
    color: rgba(2, 2, 2, 0.722) !important;
    margin-top: 0.5rem;
}

.card-topics-element .card-topics-content:empty {
    margin-top: 0;
}

.card-topics-element .icon-chevron-right-regular {
    color: var(--blue) !important;
    font-size: 1rem;
    grid-row: 1;
}

/*Elements page what we do section*/
.section-what-we-do .card-list {
    margin-bottom: 1.5rem;
}

.card-list:not(.bonus-component .card-list):not(.splide-article .card-list) {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
    grid-template-rows: auto;
    gap: 1rem;
}

.card-list:not(.bonus-component .card-list) .card-list-element {
    background-color: var(--white);
    border-radius: 0.5rem;
    padding: 1.25rem 0.625rem;
    box-shadow: 0 0 1px rgba(10, 16, 32, 0.16), 0 6px 8px -6px rgba(24, 39, 75, 0.12), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
    display: grid;
    grid-template-rows: max-content;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.card-list:not(.bonus-component .card-list) .card-list-element:hover {
    cursor: pointer;
    box-shadow: 2px 3px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.card-list:not(.bonus-component .card-list) .card-list-element.small-icon-element .card-image {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background: #f7f7f7;
    padding: 1rem;
    border-radius: 0.5rem;
}

.card-list:not(.bonus-component .card-list) .card-list-element .card-image img {
    width: 100%;
    aspect-ratio: 360/203;
    object-fit: cover;
    border-radius: 7px;
}

.card-list:not(.bonus-component .card-list) .card-list-element.small-icon-element .card-image img {
    width: 4rem;
    aspect-ratio: 1/1;
}

.card-list:not(.bonus-component .card-list) .card-list-element .card-content {
    padding-top: 1.25rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.card-list:not(.bonus-component .card-list) .card-list-element .card-content .card-element-title {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.625rem;
    color: var(--dark);
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.card-list:not(.bonus-component .card-list) .card-list-element .card-content .card-element-text {
    font-family: "Roboto", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: rgba(2, 2, 2, 0.722);
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.wide-card-button {
    background-color: var(--white);
    border-radius: 0.5rem;
    padding: 1.5rem;
    box-shadow: 0 0 1px rgba(10, 16, 32, 0.16), 0 6px 8px -6px rgba(24, 39, 75, 0.12), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
}

.wide-card-button .wide-card-button-title {
    margin: 0 0 1rem;
}

.wide-card-button .wide-card-button-content {
    margin-bottom: 1.5rem;
}

.wide-card-button .wide-card-button-content p:last-child {
    margin-bottom: 0;
}

.wide-card-button .button {
    max-width: 100%;
    height: 38px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.125rem;
}

@media all and (min-width: 576px) {
    .wide-card-button .button {
        max-width: 14.5rem;
    }
}
/*How we rate section*/
.section-how-we-rate .accordion-wrapper {
    background: var(--white);
    padding: 0.5rem 0.75rem 0 0.75rem;
    border-radius: 0.5rem;
    box-shadow: 0 6px 8px -6px rgba(24, 39, 75, 0.12), 0 0 1px 0 rgba(10, 16, 32, 0.16);
}

.section-how-we-rate .accordion-wrapper .accordion {
    border-bottom: 1px solid #eee;
}

.section-how-we-rate .accordion-wrapper .accordion:last-child {
    border-bottom: none;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-trigger.highlight {
    color: var(--blue) !important;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-trigger.highlight .accordion-item {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: var(--blue) !important;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-trigger.highlight .arrow-accordion {
    color: var(--blue);
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-trigger .accordion-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 1.25rem;
    margin-left: 0;
    font-size: 0.875rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-trigger .accordion-item .accordion-icon {
    width: 1.875rem;
    height: 1.875rem;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-trigger .arrow-accordion {
    color: #494949;
    font-size: 7px;
}

@media all and (min-width: 768px) {
    .section-how-we-rate .accordion-wrapper .accordion .accordion-trigger {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .section-how-we-rate .accordion-wrapper .accordion .accordion-trigger .accordion-item {
        font-size: 1rem;
        font-family: "Roboto", sans-serif;
        font-weight: 500;
    }
    .section-how-we-rate .accordion-wrapper .accordion .accordion-trigger .accordion-item .accordion-icon {
        width: 2.5rem;
        height: 2.5rem;
    }
}
.section-how-we-rate .accordion-wrapper .accordion .accordion-element .section-title-wrapper {
    margin-bottom: 0.5rem;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .section-title-wrapper .section-title {
    font-size: 1rem;
    line-height: 1.25rem;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section {
    margin-top: 1.25rem;
    border: none;
    border-radius: 0;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table {
    border-radius: 0;
    border: none;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .thead {
    border-radius: 0.5rem;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .thead tr th {
    font-size: 13px;
    border-top: 1px solid #eaecf0;
    border-left: 1px solid #eaecf0;
    border-right: 1px solid #eaecf0;
    background: var(--white);
    overflow: hidden;
    padding: 13px 0.5rem;
    color: rgba(2, 2, 2, 0.85);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.125rem;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .thead tr th:first-child {
    border-right: 0;
    border-top-left-radius: 0.5rem;
    width: 32%;
    min-width: 160px;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .thead tr th:last-child {
    border-left: 0;
    border-top-right-radius: 0.5rem;
}

@media all and (min-width: 768px) {
    .section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .thead tr th {
        padding: 13px 1.5rem;
    }
}
.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .tbody tr:last-child td:first-child {
    border-bottom-left-radius: 0.5rem;
    width: 32%;
    min-width: 160px;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0.5rem;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .tbody tr:nth-child(odd) {
    background: #f7f7f7;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .tbody tr td {
    border-bottom: 1px solid #eaecf0;
    font-size: 1rem;
    padding: 1.625rem 0.5rem;
    color: var(--dark);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: normal;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .tbody tr td:first-child {
    border-left: 1px solid #eaecf0;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .tbody tr td:last-child {
    border-right: 1px solid #eaecf0;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .tbody tr td .rating-bar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 1.5rem;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .tbody tr td .rating-bar .progress-bar {
    flex: 1;
    height: 0.5rem;
    line-height: 1.25rem;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .tbody tr td .rating-bar .progress-bar .progress {
    background-color: var(--blue);
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .tbody tr td .rating-bar .rating-value {
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--dark);
}

@media all and (min-width: 768px) {
    .section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .tbody tr td {
        padding: 1.625rem 1.5rem;
    }
}
@media all and (max-width: 767px) {
    .section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .tbody tr td {
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: -0.08px;
    }
    .section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .tbody tr td .rating-bar .progress-bar {
        width: 1.5rem;
    }
    .section-how-we-rate .accordion-wrapper .accordion .accordion-element .table-section .table .tbody tr td .rating-bar .rating-value {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-size: 0.75rem;
        line-height: 15px;
        letter-spacing: -0.08px;
        color: #222;
    }
}
.section-how-we-rate .accordion-wrapper .accordion .accordion-element.show {
    padding-top: 0.25rem;
    padding-bottom: 1.5rem;
    max-height: 700px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.section-how-we-rate .accordion-wrapper .accordion .accordion-element.show::-webkit-scrollbar {
    width: 0;
    height: 0;
}

@media all and (max-width: 767px) {
    .section-how-we-rate .accordion-wrapper .accordion .tab-content-text .section-title-wrapper {
        align-items: start;
    }
    .section-how-we-rate .accordion-wrapper .accordion .tab-content-text .title-img {
        display: none;
    }
}
@media all and (min-width: 767px) {
    .section-how-we-rate .accordion-wrapper {
        padding: 0.5rem 1.5rem 0.5rem;
    }
}
/*How we test section*/
.wide-card-img-list {
    display: grid;
    gap: 1rem;
}

.wide-card-img-list .wide-card-img-element {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    align-items: center;
    gap: 1.5rem;
    background-color: var(--white);
    border-radius: 0.5rem;
    padding: 0.75rem 0.75rem 1.5rem;
    box-shadow: 0 0 1px rgba(10, 16, 32, 0.16), 0 6px 8px -6px rgba(24, 39, 75, 0.12), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
}

.wide-card-img-list .wide-card-img-element .wide-card-image-wrapper {
    background: #f7f7f7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
}

.wide-card-img-list .wide-card-img-element .wide-card-image-wrapper .wide-card-image {
    grid-column: 1;
    object-fit: contain;
    border-radius: 8px;
    width: 131px;
    height: 54px;
}

.wide-card-img-list .wide-card-img-element .wide-card-img-content {
    grid-column: 1;
    padding-right: 3rem;
}

.wide-card-img-list .wide-card-img-element .wide-card-img-content .wide-card-title {
    margin: 0 0 0.5rem;
}

.wide-card-img-list .wide-card-img-element .wide-card-img-content .wide-card-paragraph {
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.wide-card-img-list .wide-card-img-element .button {
    grid-column: 1;
}

.wide-card-img-list .wide-card-img-element.steps-element {
    grid-template-columns: 1fr;
    gap: 0.25rem;
    padding: 0.75rem 1rem 1rem;
}

.wide-card-img-list .wide-card-img-element.steps-element .wide-card-image-wrapper {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0.75rem;
}

.wide-card-img-list .wide-card-img-element.steps-element .wide-card-image-wrapper .wide-card-image {
    width: 48px;
    height: 48px;
}

.wide-card-img-list .wide-card-img-element.steps-element .wide-card-img-content {
    padding-right: 0;
    grid-column: 1;
    grid-row: 3;
    padding-right: 0;
}

.wide-card-img-list .wide-card-img-element.steps-element .step-text {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 0.6rem;
    line-height: 15px;
    text-transform: uppercase;
    color: rgba(2, 2, 2, 0.85);
    grid-column: 1;
    grid-row: 2;
    align-self: center;
    margin-bottom: 0;
}

@media all and (min-width: 768px) {
    .wide-card-img-list .wide-card-img-element.steps-element {
        grid-template-columns: 200px auto 40px;
        gap: 1.5rem;
        padding: 1.5rem 2.5rem 1.5rem 1.5rem;
    }
    .wide-card-img-list .wide-card-img-element.steps-element .wide-card-image-wrapper {
        margin-bottom: 0;
    }
    .wide-card-img-list .wide-card-img-element.steps-element .wide-card-img-content {
        grid-column: 2;
        grid-row: 1;
    }
    .wide-card-img-list .wide-card-img-element.steps-element .step-text {
        grid-column: 3;
        grid-row: 1;
    }
}
.wide-card-img-list .wide-card-img-element.square-img-element {
    grid-template-columns: 1fr;
}

.wide-card-img-list .wide-card-img-element.square-img-element .wide-card-image-wrapper {
    grid-column: 1;
    height: 200px;
    margin-bottom: 0.75rem;
}

.wide-card-img-list .wide-card-img-element.square-img-element .wide-card-image-wrapper img {
    width: 162px;
    height: 130px;
}

.wide-card-img-list .wide-card-img-element.square-img-element .wide-card-img-content {
    grid-column: 1;
    padding-right: 0;
}

.wide-card-img-list .wide-card-img-element.square-img-element .wide-card-img-content .button {
    width: 100%;
    max-width: unset;
    height: 38px;
    -webkit-filter: drop-shadow(1px 10px 20px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(1px 10px 20px rgba(0, 0, 0, 0.15));
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: var(--white);
    margin-top: 1.5rem;
}

@media all and (min-width: 768px) {
    .wide-card-img-list .wide-card-img-element.square-img-element {
        grid-template-columns: 200px auto;
    }
    .wide-card-img-list .wide-card-img-element.square-img-element .wide-card-image-wrapper {
        grid-column: 1;
        margin-bottom: 0;
    }
    .wide-card-img-list .wide-card-img-element.square-img-element .wide-card-img-content {
        grid-column: 2;
    }
    .wide-card-img-list .wide-card-img-element.square-img-element .wide-card-img-content .button {
        max-width: 200px;
    }
}
@media all and (min-width: 768px) {
    .wide-card-img-list .wide-card-img-element {
        grid-template-columns: 200px auto 160px;
        gap: 1.5rem;
        padding: 0.5rem 2.5rem 1.5rem 1.5rem;
    }
    .wide-card-img-list .wide-card-img-element .wide-card-image {
        grid-column: 1;
    }
    .wide-card-img-list .wide-card-img-element .wide-card-img-content {
        grid-column: 2;
        padding-right: 3rem;
    }
    .wide-card-img-list .wide-card-img-element .wide-card-img-content .wide-card-title {
        margin: 0 0 0.5rem;
    }
    .wide-card-img-list .wide-card-img-element .wide-card-img-content .wide-card-paragraph {
        margin-bottom: 0;
    }
    .wide-card-img-list .wide-card-img-element .button {
        grid-column: 3;
    }
}
/*Wide card simple*/
.wide-card-simple {
    background-color: var(--white);
    border-radius: 0.5rem;
    padding: 1.5rem 2.5rem 1.5rem 1.5rem;
    box-shadow: 0 0 1px rgba(10, 16, 32, 0.16), 0 6px 8px -6px rgba(24, 39, 75, 0.12), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
    margin-bottom: 1.5rem;
}

.wide-card-simple:last-child {
    margin-bottom: 0;
}

.wide-card-simple .wide-card-simple-title {
    margin-top: 0;
}

.wide-card-simple p:last-child {
    margin-bottom: 0;
}

/*gambling guides*/
.splide:not(.section-hero-categories-list):not(.bonus-slider) {
    overflow: visible;
}

.splide:not(.section-hero-categories-list):not(.bonus-slider).is-initialized {
    overflow: visible;
}
.splide:not(.section-hero-categories-list):not(.bonus-slider).is-initialized .splide__track {
    overflow: hidden;
}
.splide:not(.section-hero-categories-list):not(.bonus-slider).is-initialized .splide__track .splide__list .splide__slide {
    flex-shrink: 0;
}

.splide:not(.section-hero-categories-list):not(.bonus-slider) .splide__arrows {
    position: relative;
    top: -50px;
}

.splide:not(.section-hero-categories-list):not(.bonus-slider) .splide__arrows .splide__arrow--next,
.splide:not(.section-hero-categories-list):not(.bonus-slider) .splide__arrows .splide__arrow--prev {
    position: absolute;
    top: 0;
    background: var(--white);
    border: 1px solid rgba(151, 151, 151, 0.2);
    border-radius: 100px;
    width: 2rem;
    height: 2rem;
}
.splide:not(.section-hero-categories-list):not(.bonus-slider) .splide__arrows .splide__arrow--next:hover,
.splide:not(.section-hero-categories-list):not(.bonus-slider) .splide__arrows .splide__arrow--prev:hover {
    cursor: pointer;
}

.splide:not(.section-hero-categories-list):not(.bonus-slider) .splide__arrows .splide__arrow--prev {
    right: 2.5rem;
    left: unset;
}

.splide:not(.section-hero-categories-list):not(.bonus-slider) .splide__arrows .splide__arrow--next {
    right: 0;
}

.container-full {
    padding-bottom: 3.125rem;
}

@media all and (min-width: 992px) {
    .container-full {
        padding-bottom: 4.375rem;
    }
}
.card-list:not(.bonus-component .card-list) .splide__slide .card-list-element {
    min-height: 412px;
}

.card-list:not(.bonus-component .card-list) .card-list-element .card-image {
    display: flex;
}

.card-list:not(.bonus-component .card-list) .card-list-element .card-image img {
    width: 100%;
    aspect-ratio: 360/203;
    object-fit: cover;
    border-radius: 7px;
}

.card-list:not(.bonus-component .card-list) .card-list-element .card-content {
    padding-top: 1.25rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.card-list:not(.bonus-component .card-list) .card-list-element .card-content .card-author {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 6px;
    margin-bottom: 1rem;
}

.card-list:not(.bonus-component .card-list) .card-list-element .card-content .card-author .card-author-image {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
}

.card-list:not(.bonus-component .card-list) .card-list-element .card-content .card-author .card-author-tag {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 15px;
    color: rgba(2, 2, 2, 0.722);
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.25rem;
}

.card-list:not(.bonus-component .card-list) .card-list-element .card-content .card-author .card-author-tag .card-author-name {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: inherit;
    line-height: inherit;
    color: var(--dark);
}

.card-list:not(.bonus-component .card-list) .card-list-element .card-content .card-element-title {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.625rem;
    color: var(--dark);
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.card-list:not(.bonus-component .card-list) .card-list-element .card-content .card-element-text {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: rgba(2, 2, 2, 0.722);
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

@media all and (max-width: 768px) {
    .splide__pagination {
        position: static;
    }
}
.splide__pagination > li {
    margin-bottom: 0 !important;
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: 0.7;
    padding: 0;
    position: relative;
    transition: transform 0.2s linear;
    width: 8px;
}
@media all and (max-width: 768px) {
    .splide__pagination__page {
        width: 12px;
        height: 12px;
        margin: 18px;
    }
}

.splide__pagination__page.is-active {
    background: var(--blue);
    transform: scale(1.4);
    z-index: 1;
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: 0.9;
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__sr {
    display: none !important;
}

/* card badges */
.badge-new-casino {
    background-color: #5e06ee;
    color: var(--white);
}
.badge-user-choice {
    background-color: #e10095;
    color: var(--white);
}

.badge-latest-added {
    background-color: #00a8dd;
    color: var(--white);
}

.badge-expired {
    background-color: var(--red);
    color: var(--white);
}

.badge-expired .icon-report::before {
    color: var(--white);
}

.badge-top-pick {
    background-color: #fe8900;
    color: var(--white);
}

.badge-top-pick .icon-star-solid::before {
    color: var(--white);
}

.badge-trending {
    background-color: #038245;
    color: var(--white);
}

/* card buttons */
.btn-action-one {
    color: var(--white);
    border: 1px solid transparent;
    background-color: var(--btn-action-one-first);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    max-width: 240px;
    line-height: 1;
}
.btn-action-one:hover, .btn-action-one:focus {
    color: var(--white);
    border-color: var(--btn-action-one-second);
}

.btn-action-two {
    color: var(--white);
    border: 1px solid transparent;
    background-color: var(--btn-action-two-first);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    margin: 20px 0;
    max-width: 240px;
    line-height: 1;
}
.btn-action-two:hover, .btn-action-two:focus {
    color: var(--white);
    border-color: var(--btn-action-two-first);
}

.btn-action-three {
    color: var(--white);
    border: 1px solid transparent;
    background-color: var(--btn-action-three-second);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    max-width: 240px;
    line-height: 1;
}
.btn-action-three:hover, .btn-action-three:focus {
    color: var(--white);
    border-color: var(--btn-action-three-second);
}

.btn-full-width {
    max-width: 100%;
}
.btn-margin-0 {
    margin: 0;
}
.btn-margin-20 {
    margin: 20px;
}
.btn-margin-10 {
    margin: 10px;
}

.bonus-component .btn-and-badges-wrapper {
    grid-area: btnBadges;
    justify-self: center;
    align-self: flex-start;
    margin-top: 0.5rem;
    gap: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.bonus-component .btn-and-badges-wrapper .action-buttons {
    gap: 0.75rem;
    display: grid;
    margin-bottom: 0.5rem;
    justify-content: center;
}

.bonus-component .btn-and-badges-wrapper .action-buttons .button {
    height: 1.875rem;
    width: 13.5rem;
    height: 2.4rem;
    justify-self: center;
    font-size: 0.75rem;
    line-height: 1rem;
}


@media all and (min-width: 992px) {
    .bonus-component .btn-and-badges-wrapper .action-buttons .button {
        width: 170px;
        justify-self: flex-end;
    }
    .bonus-component .btn-and-badges-wrapper {
        flex-direction: row;
        justify-self: flex-end;
        justify-content: flex-start;
        align-items: flex-start;
        row-gap: 0.5rem;
        column-gap: 0.875rem;
        margin-top: 0;
    }
    .bonus-component .btn-and-badges-wrapper .action-buttons {
        margin-bottom: 0;
    }
}
/*pros and cons v1 */
body .section-generic ul.pros-list, body .section-generic ul.cons-list {
    list-style-type: none;
}
.pros-header:after {
    content: "";
    display: block;
    width: 80px;
    height: 2px;
    background-color: var(--green);
    margin-top: 0.25rem;
}
.pros-list li:before {
    font-family: icomoon;
    content: "\E97E";
    color: var(--green);
    padding-right: 8px;
    font-size: 0.6rem;
}
.cons-header:after {
    content: "";
    display: block;
    width: 80px;
    height: 2px;
    background-color: var(--red);
    margin-top: 0.25rem;
}
.cons-list li:before {
    font-family: icomoon;
    content: "\e98a";
    color: var(--red);
    padding-right: 8px;
    font-size: 0.6rem;
}

/*pros and cons v2 */
.pros-and-cons {
    list-style: none;
    padding: 0;
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 1.5rem;
    margin-bottom: 2rem;
    align-items: flex-start;
}
.pros-and-cons .pros-and-cons-element {
    background: var(--white);
    box-shadow: 0 0 1px rgba(10, 16, 32, 0.16), 0 6px 8px -6px rgba(24, 39, 75, 0.12), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
    padding: 1rem;
    border-radius: 8px;
    margin-top: 20px;
}
.pros-and-cons .pros-and-cons-element.pros .pros-and-cons-header,
.pros-and-cons .pros-and-cons-element.cons .pros-and-cons-header{
    margin-bottom: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.pros-and-cons .pros-and-cons-element.pros .icon-available {
    background-color: #e8f2ff;
    z-index: 999;
    height: 4rem;
    width: 4rem;
    font-size: 1.5rem;
    line-height: 5rem;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    margin-top: -2.5rem;
    margin-bottom: .625rem;
}
@media all and (min-width:767px) {
    .pros-and-cons .pros-and-cons-element.pros .icon-available {
        width: 5rem;
        height: 5rem;
        line-height: 2.5rem;
        margin-top: -2.5rem;
        margin-bottom: 2rem;
    }
    .pros-and-cons .pros-and-cons-element {
        margin-top: 0;
    }
}
@media all and (min-width:540px) {
    .pros-and-cons .pros-and-cons-element.pros .icon-available {
        margin-top: -2.5rem;
    }
}
.pros-and-cons .pros-and-cons-element.pros .icon-available:before {
    color: var(--blue);
    content: "\e90c";
    font-family: icomoon;
    font-size: 35px
}
.pros-and-cons .pros-and-cons-element.pros ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.pros-and-cons .pros-and-cons-element.pros ul li {
    position: relative;
    padding-left: 1.5rem
}
.pros-and-cons .pros-and-cons-element.pros ul li:before {
    color: var(--blue);
    content: "\e90c";
    font-family: icomoon;
    background-color: transparent;
    top: 0;
    left: 0;
    width: .625rem;
    height: .625rem;
    position: absolute;
}
.pros-and-cons .pros-and-cons-element.cons .icon-not-available {
    background-color: #fae3e3;
    z-index: 999;
    width: 4rem;
    height: 4rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    margin-top: -2.5rem;
    margin-bottom: .625rem;
}
@media all and (min-width:540px) {
    .pros-and-cons .pros-and-cons-element.cons .icon-not-available {
        width: 5rem;
        height: 5rem;
    }
}
@media all and (min-width:768px) {
    .pros-and-cons .pros-and-cons-element.cons .icon-not-available {
        line-height: 5rem;
        margin-top: -2.5rem;
        margin-top: -2.5rem;
        margin-bottom: 2rem;
    }
}
.pros-and-cons .pros-and-cons-element.cons .icon-not-available:before {
    color: var(--red);
    content: "\e93b";
    font-family: icomoon;
    font-size: 35px;
}
.pros-and-cons .pros-and-cons-element.cons ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pros-and-cons .pros-and-cons-element.cons ul li {
    position: relative;
    padding-left: 1.5rem;
}
.pros-and-cons .pros-and-cons-element.cons ul li:before {
    color: var(--red);
    content: "\e93b";
    font-family: icomoon;
    background-color: transparent;
    top: 0;
    left: 0;
    width: .625rem;
    height: .625rem;
    position: absolute;
}
@media all and (min-width:768px) {
    .pros-and-cons {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* single brand */
.single-brand {
    margin: 20px 0;
}

/* brand rating */
.single-brand .brand-rating {
    background: var(--white);
    box-shadow: rgba(88, 102, 126, .08) 0 4px 24px, rgba(88, 102, 126, .12) 0 1px 2px;
    border-radius: 8px;
    border: 1px solid rgba(151, 151, 151, .2);
}

.single-brand .brand-rating .brand-rating-header {
    display: grid;
    grid-template-columns: 300px auto;
    grid-template-rows: auto;
    padding: .875rem;
    grid-template-areas: "img title" "img stars" "img btn";
    row-gap: .75rem;
    column-gap: 1.5rem;
}

.single-brand .brand-rating .brand-rating-header .image {
    grid-area: img;
    height: 150px;
    width: 300px;
    border: 1px solid rgba(151, 151, 151, .2);
    border-radius: 8px;
    overflow: hidden;
}

.single-brand .brand-rating .brand-rating-header .brand-rating-title {
    grid-area: title;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 27px;
    margin-top: 0;
    font-weight: 600;
    color: var(--dark);
    text-decoration: none;
}

.single-brand .brand-rating .brand-rating-header .brand-rating-title > * {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    text-decoration: inherit;
}

.single-brand .brand-rating .brand-rating-header .stars {
    grid-area: stars;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.single-brand .brand-rating .brand-rating-header .stars .rating-stars {
    margin-right: 1rem;
}

.single-brand .brand-rating .brand-rating-header .stars .span-rating-stars {
    font-weight: 600;
}

.single-brand .brand-rating .brand-rating-header .button {
    grid-area: btn;
    max-width: 190px;
}
@media all and (max-width:992px) {
    .single-brand .brand-rating .brand-rating-header .image {
        height: 100px;
        width: 200px;
    }
    .single-brand .brand-rating .brand-rating-header {
        grid-template-columns: 200px auto;
    }
}
@media all and (max-width:575px) {
    .single-brand .brand-rating .brand-rating-header {
        display: grid;
        grid-template-columns: 90px auto;
        grid-template-rows: auto;
        padding: .625rem;
    }
    .single-brand .brand-rating .brand-rating-header .image {
        height: 50px;
        width: 100px;
    }
}

@media all and (max-width:375px) {
    .single-brand .brand-rating .brand-rating-header .stars {
        flex-wrap: wrap;
    }
}

@media all and (max-width:320px) {
    .single-brand .brand-rating .brand-rating-header {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-template-areas: "img" "title" "stars " "btn";
    }
}

.single-brand .brand-rating .brand-rating-list {
    margin: 0;
}

.single-brand .brand-rating .brand-rating-item {
    display: block;
    border-bottom: 1px solid rgba(151, 151, 151, .2);
}

.single-brand .brand-rating .brand-rating-item .brand-rating-content {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: .875rem;
    padding-bottom: .875rem;
}

.single-brand .brand-rating .brand-rating-item .brand-rating-content .rating-value meter {
    min-width: 140px;
    margin-right: 10px;
    min-height: 18px;
}

@media all and (max-width: 768px) {
    .single-brand .brand-rating .brand-rating-item .brand-rating-content .rating-value meter {
        min-width: unset;
        min-height: unset;
    }
}

@media all and (max-width:520px) {
    .single-brand .brand-rating .brand-rating-item .brand-rating-content .rating-value {
        display: flex;
        align-items: flex-end;
        flex-direction: column;
    }

    .single-brand .brand-rating .brand-rating-item .brand-rating-content .rating-value meter {
        margin-right: 0;
    }
}

.single-brand .brand-rating .brand-rating-item .brand-rating-content .rating-value span {
    font-size: .875rem;
}

@media all and (max-width:575px) {
    .single-brand .brand-rating .brand-rating-item .brand-rating-content {
        padding: .625rem;
    }
}

@media all and (max-width: 480px) {
    .single-brand .brand-rating .brand-rating-item .brand-rating-content .rating-title {
        font-size: .875rem;
    }
}

.single-brand .brand-rating .brand-rating-item:first-child {
    border-top: 1px solid rgba(151, 151, 151, .2);
}

.single-brand .brand-rating .brand-rating-item:last-child {
    border-bottom: none;
}

/* debug */
[data-type="error"], [data-type="warning"] {
    display: block;
    color: black;
    font-size: 16px;
    font-weight: 600;
    border: 12px solid red;
    padding: 80px 20px;
    background-color: #2fa2db33;
    margin: 40px 10px;
    border-radius: 40px;
}

/* brand specs */
.single-brand .section-specs .specs-list {
    list-style: none;
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
    gap: 1rem;
    margin-bottom: 1rem;
}
.single-brand .section-specs .specs-element {
    background-color: var(--white);
    color: var(--dark-grey);
    border-radius: 8px;
    padding: 0.25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    text-align: center;
    display: grid;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0 0 1px rgba(10, 16, 32, .16), 0 6px 8px -6px rgba(24, 39, 75, .12), 0 8px 16px -6px rgba(24, 39, 75, .08);
    height: 100%;
}
.single-brand .section-specs .specs-element img {
    margin-bottom: 0.5rem;
}
.single-brand .section-specs .triggers {
    display: flex;
    justify-content: center;
    grid-column: 1 / -1;
}
.single-brand .section-specs .triggers .trigger {
    display: flex;
    align-items: center;
    text-decoration: none;
}
@media (max-width: 767px) {
    .single-brand .section-specs .specs-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
    }
}
@media (max-width: 375px) {
    .single-brand .section-specs .specs-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }
}
.single-brand .section-specs .specs-element-hidden,
.single-brand .section-specs .triggers-hidden {
    display: none;
}

/* custom */
.author-profile-img {
    width: 10rem;
    height: 10rem;
    margin-right: 1.75rem;
    margin-bottom: 0;
    border-radius: 50%;
    margin: 20px;
}
.hidden {
    display: none;
}
.section-hero .section-hero-content .section-hero-content-info .expand-section > p {
    margin-bottom: 0.25rem;
}
.section-hero .section-hero-content .section-hero-content-info .expand-section ul li {
    margin-bottom: 0;
}
.review {
    margin: 20px 0 20px 0;
}
.review img:not(.casino-logo img, .brand-rating-header img), .content-img {
    margin: 20px 0;
}
.bonus-component .brand-content {
    grid-column: 1 / -1;
}
.page-details .author-element .author-name, .page-details .facts-checked .author-element .author-name {
    color: var(--dark-grey);
}
.page-details .author-element .author-name.a:hover {
    color: var(--blue);
}
.page-details .facts-checked .author-element .author-name.a {
    color: var(--blue);
}
.sidebar-title {
    font-weight: 600;
}
.nav-menu-container-list {
    list-style-type: none;
    margin-bottom: 1rem;
}
.accordion .accordion-element .nav-menu-container-list {
    padding-left: 1.5rem;
}
.nav-menu-container-list li {
    margin-top: 1rem;
}
.no-sidebar .main-content {
    grid-column: 1 / -1;
    gap: 1.875rem;
}
.page_category .main-content {
    grid-column: 1 / -1;
    gap: 1.875rem;
}
.post-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    column-gap: 1.25rem;
    row-gap: 1.875rem;
    margin-bottom: 2rem;
    gap: 1rem;
}
.post-list .post-list-element {
    background-color: var(--white);
    border-radius: 0.5rem;
    padding: 1.25rem 0.625rem;
    box-shadow: 0 0 1px rgba(10, 16, 32, 0.16), 0 6px 8px -6px rgba(24, 39, 75, 0.12), 0 8px 16px -6px rgba(24, 39, 75, 0.08);
    display: grid;
    grid-template-rows: max-content;
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.post-list .post-list-element .post-list-element:hover {
    cursor: pointer;
    box-shadow: 2px 3px 14px rgba(0, 0, 0, 0.1);
    transition: all 0.25s cubic-bezier(0.45, 0.26, 0, 1);
}

.post-list .post-list-element .post-list-element.small-icon-element .post-image {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background: #f7f7f7;
    padding: 1rem;
    border-radius: 0.5rem;
}

.post-list .post-list-element .post-image img {
    width: 100%;
    aspect-ratio: 360/203;
    object-fit: cover;
    border-radius: 7px;
}

.post-list .post-list-element.small-icon-element .post-image img {
    width: 4rem;
    aspect-ratio: 1/1;
}

.post-list .post-list-element .post-content {
    padding-top: 1.25rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.post-list .post-list-element .post-content .post-element-title {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.625rem;
    color: var(--dark);
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.post-list .post-list-element .post-content .post-element-text {
    font-family: "Roboto", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: rgba(2, 2, 2, 0.722);
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.post-list .post-list-element .post-content .post-author {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 6px;
    margin-bottom: 1rem;
}
.post-list .post-list-element .post-content .post-author .post-author-image {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
}
.post-list .post-list-element .post-content .post-author .post-author-tag {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 15px;
    color: rgba(2, 2, 2, 0.722);
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.25rem;
}

.post-list .post-list-element .post-content .post-author .post-author-tag .post-author-name {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: inherit;
    line-height: inherit;
    color: var(--dark);
}
@media (min-width: 768px) {
    .main-content .post-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1200px) {
    .main-content .post-list{
        grid-template-columns: repeat(3, 1fr);
    }
}
.main-content .post-list {
    cursor: auto;
}
.atable caption {
    text-align: left;
    font-size: 1.25rem;
    padding: 20px 0;
    color: var(--blue);
}
.casino-article .single-review {
    grid-area: review;
    width: 100%;
    text-align: center;
}
.casino-article .single-review .review-link {
    font-size: 0.875rem;
}

@media (min-width: 768px) {
    .atable-vertical-rows tr .atable-cell:first-child {
        width: 260px;
    }
}
.bonus-component .casino-bonus-title {
    grid-area: casinoBonusTitle;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    color: var(--dark);
    text-align: center;
    background: #f5f9ff;
    border-radius: 0.25rem;
    padding: 0.875rem 0.25rem;
    margin-bottom: 0;
    text-transform: uppercase;
}
@media (min-width: 992px) {
    .bonus-component .casino-bonus-title {
        border-radius: 5px;
        padding: .875rem .5rem;
        text-transform: uppercase;
    }
}
.border-pink {
    outline: 4px solid #ce24a3a3;
    outline-offset: 0.2rem;
}
.border-green {
    outline: 4px solid #24ce37ad;
    outline-offset: 0.2rem;
}
.border-reed {
    outline: 4px solid #df1111b5;
    outline-offset: 0.2rem;
}
.border-blue {
    outline: 4px solid #2a4bccbf;
    outline-offset: 0.2rem;
}
.border-yellow {
    outline: 4px solid #f8ca5bb2;
    outline-offset: 0.2rem;
}
.border-shadow-pink {
    box-shadow: 0 5px 1.5rem 0 rgba(198, 35, 150, 0.5);
}
.border-shadow-green {
    box-shadow: 0 5px 1.5rem 0 rgba(35, 198, 38, 0.5);
}
.border-shadow-reed {
    box-shadow: 0 5px 1.5rem 0 rgba(219, 16, 16, 0.5);
}
.border-shadow-blue {
    box-shadow: 0 5px 1.5rem 0 rgba(16, 29, 219, 0.5);
}
.border-shadow-yellow {
    box-shadow: 0 5px 1.5rem 0 rgba(219, 187, 16, 0.5);
}

/* show more brands */
.more-brands {
    margin-top: 20px;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}
table .more-brands td {
    display: flex;
    justify-content: center;
}
.more-brands .button, table .more-brands td .button {
    margin: 20px 0 40px 0;
    padding: 0 20%;
}
.more-brands .style-1 {
    border: 1px solid var(--btn-action-one-first);
    background-color: var(--btn-action-one-first);
    color: var(--white);
}
.more-brands .style-2 {
    border: 1px solid var(--btn-action-two-first);
    background-color: var(--btn-action-two-first);
    color: var(--white);
}
.more-brands .style-3 {
    border: 1px solid var(--btn-action-three-first);
    background-color: var(--btn-action-three-first);
    color: var(--white);
}
.more-brands .button:hover, .more-brands .button:focus {
    border-color: transparent;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}


/* brands-list-v2 */
[class^="brands-list-v2"] {
    padding: 0 1rem;
    margin: 0 auto;
}
[class^="brands-list-v2"] ul.brands-item  {
    margin: 20px auto;
}

[class^="brands-list-v2"] tbody,
[class^="brands-list-v2"] tr,
[class^="brands-list-v2"] ul.brands-item {
    width: 100%;
}

@media (min-width: 576px) and (max-width: 767px) {
    [class^="brands-list-v2"] tbody,
    [class^="brands-list-v2"] tr,
    [class^="brands-list-v2"] ul.brands-item  {
        max-width: 540px;
    }
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] tbody,
    [class^="brands-list-v2"] tr,
    [class^="brands-list-v2"] ul.brands-item {
        display: block;
    }
}
@media all and (min-width: 992px) {
    [class^="brands-list-v2"] tbody,
    [class^="brands-list-v2"] tr,
    [class^="brands-list-v2"] ul.brands-item  {
        max-width: 1108px;
    }
}
body .section-generic [class^="brands-list-v2"] ul.brands-item li {
    margin-bottom: unset;
}

[class^="brands-list-v2"] .brands-item .flex {
    display: flex;
}

[class^="brands-list-v2"] .brands-item .flex-column {
    flex-direction: column;
}

[class^="brands-list-v2"] .brands-item .flex-center {
    align-items: center;
    justify-content: center;
}

[class^="brands-list-v2"] .brands-item .flex-between {
    justify-content: space-between;
}

[class^="brands-list-v2"] .brands-item .main-badges-item .ranking {
    font-size: 8px !important;
}

[class^="brands-list-v2"] .brands-item {
    list-style-type: none !important;
    background: var(--white);
    width: 100%;
    position: relative;
    border-radius: 8px;
    margin-bottom: 1.4rem;
}

[class^="brands-list-v2"] .brands-item:not([class*="border-"]) {
    box-shadow: 0 5px 1.25rem 0 rgba(0, 0, 0, 0.1);
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] .brands-item {
        flex-direction: column;
        padding: 1rem 0.75rem 1.75rem !important;
    }
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brands-item {
        padding: 0.75rem !important;
        display: grid;
        grid-template-columns: 18% 18% auto 20% 18%;
        grid-template-rows: 25px 25px 25px 25px 25px auto;
        grid-template-areas: "labels rating description bonus action" "img rating description bonus action" "img name description bonus action" "img name description bonus action" "img name description bonus action" "empty details details details details";
        column-gap: 0.25rem;
        row-gap: 0.04rem;
        align-items: center;
    }

    [class^="brands-list-v2"] .brands-item:before {
        content: '';
        position: absolute;
        width: 1px;
        height: 80%;
        background: var(--grey);
        left: 20.6%;
        top: 10%;
    }
}

[class^="brands-list-v2"] .brands-item .list-number {
    font-size: 0.75rem;
    text-transform: unset;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    letter-spacing: unset;
    color: #004199;
    margin-right: 1rem;
}

[class^="brands-list-v2"] .brand-labels {
    margin-bottom: 0.4rem !important;
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brands-item .list-number {
        font-size: 0.7rem;
        margin-right: 0.5rem;
    }

    [class^="brands-list-v2"] .brand-labels {
        grid-area: labels;
    }
}

[class^="brands-list-v2"] .brand-img img {
    width: 100%;
    max-width: 576px;
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] .brand-img {
        justify-content: center;
        margin-bottom: 0.2rem !important;
    }
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brand-img {
        grid-area: img;
    }
}

[class^="brands-list-v2"] .brand-rating {
    width: auto;
    border-radius: 1.25rem;
    padding: 0.125rem 0.5rem !important;
    margin-bottom: 0.2rem !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

[class^="brands-list-v2"] .brand-name, [class^="brands-list-v2"] .brand-rating {
    justify-content: center;
}

[class^="brands-list-v2"] .brand-rating .stars {
    font-weight: bold;
    font-size: 0.9rem !important;
    border: 1px solid #eff2fe;
    border-radius: 1.25rem;
    padding: 0.125rem 0.5rem;
}

[class^="brands-list-v2"] .brand-rating .single-review {
    font-size: 0.8rem !important;
}

[class^="brands-list-v2"] .brand-rating a:hover, [class^="brands-list-v2"] .brand-rating a:hover .icon-info:before {
    color: var(--link-hover-blue);
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brand-rating, [class^="brands-list-v2"] .brand-name {
        margin-left: 1.25rem;
    }

    [class^="brands-list-v2"] .brand-rating {
        grid-area: rating;
        justify-content: flex-start;
        align-items: center;
    }

    [class^="brands-list-v2"] .brand-name {
        grid-area: name;
        align-items: flex-start;
        justify-content: center;
    }

    [class^="brands-list-v2"] .brand-name H3 {
        text-align: center;
        margin-bottom: 0 !important;
        font-size: 1rem !important;
    }
}

[class^="brands-list-v2"] .brand-description {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] .brand-description {
        padding-top: 1rem !important;
        border-top: 1px dashed #dadada;
    }
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brand-description {
        grid-area: description;
        margin: 0 !important;
    }
}

[class^="brands-list-v2"] .brand-description p {
    line-height: 1rem;
    font-size: 0.76rem !important;
    max-width: 576px;
    display: inline-block;
}

[class^="brands-list-v2"] .brand-description .specs-title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.8rem;
}

[class^="brands-list-v2"] .brand-description .specs-title {
    opacity: 0.6;
}

[class^="brands-list-v2"] .brand-description .payment-method img {
    width: 1.6rem;
    height: auto;
    margin: 0.2rem;
    filter: brightness(80%);
    opacity: 0.8;
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] .brand-description p {
        width: 100%;
    }
}

[class^="brands-list-v2"] .brand-description .pros {
    min-width: 100%;
    display: flex;
    justify-content: center;
}

[class^="brands-list-v2"] .brand-description .pros ul {
    width: auto;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

[class^="brands-list-v2"] .brand-description .pros ul li {
    list-style: url('/images/theme/icons/plus.svg') inside;
    font-size: 0.9rem !important;
    margin-bottom: 0 !important;
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brand-description .pros ul li {
        font-size: 0.8rem !important;
    }
}

[class^="brands-list-v2"] .brand-bonus {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: var(--dark);
    text-align: center;
    padding: 0.875rem 0.25rem !important;
    text-transform: uppercase;
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] .brand-bonus {
        border-top: 1px dashed #dadada;
        margin: 1rem 0 !important;
    }
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brand-bonus {
        grid-area: bonus;
        font-size: 0.9rem;
    }
}

[class^="brands-list-v2"] .brand-action .btn-card {
    width: 10rem;
    height: 2.4rem;
    font-size: 0.75rem;
    line-height: 1rem;
}

[class^="brands-list-v2"] .brand-action .main-badges-item {
    width: 10rem;
    height: 2.4rem;
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] .brand-action {
        justify-content: center;
    }
}

@media all and (max-width: 418px) {
    [class^="brands-list-v2"] .brand-action {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    [class^="brands-list-v2"] .brand-action .action-buttons {
        display: flex;
        justify-content: center;
    }

    [class^="brands-list-v2"] .brand-action .main-badges-item {
        margin-right: 0;
        margin-bottom: 1rem;
    }
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brand-action {
        grid-area: action;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    [class^="brands-list-v2"] .brand-action .main-badges-item {
        margin-right: 0;
        margin-bottom: 1rem;
    }
}

[class^="brands-list-v2"] .brand-bottom {
    grid-area: details;
    width: 96%;
    margin-left: 4%;
    display: flex;
}

[class^="brands-list-v2"] .brand-bottom .row-wrapper {
    font-size: 0.7rem;
    line-height: 1rem;
    text-align: center;
    border-top: 1px dashed #dadada;
    margin-top: 1rem;
    padding-top: 0.4rem !important;
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] .brand-bottom .row-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-left: 0;
    }
}

[class^="brands-list-v2"] .brand-bottom .brand-text-description {
    margin-bottom: -0.4rem;
    margin-top: 0.4rem;
    font-size: 0.7rem;
    line-height: 1rem;
    text-align: center;
    opacity: 0.6;
    display: inline-block;
    width: 100%;
}

[class^="brands-list-v2"] .brand-bottom .brand-content:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-top: 1px dashed #dadada;
}

[class^="brands-list-v2"] .brand-bottom .brand-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    padding-bottom: 0.4rem;
    line-height: 1.4rem;
    width: 100%;
    font-size: 1rem;
}

[class^="brands-list-v2"] .brand-bottom .brand-content > span {
    min-width: 100%;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .brand-content-title {
    font-weight: bold;
    padding: 0.6rem 0 0.3rem;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .brand-content-title.first-title {
    padding-bottom: 0;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .brand-content-title.first-title:after {
    content: "";
    display: block;
    width: 120px;
    height: 1px;
    background-color: var(--blue);
    margin-top: 0.25rem;
    position: relative;
    left: calc(50% - 60px);
}

[class^="brands-list-v2"] .brand-bottom .brand-content > span.brand-content-title:first-child {
    padding-top: 0;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper {
    min-width: unset;
    padding: 0 1rem;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper .cons-pros, [class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper .cons-cons {
    text-align: left;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper ul {
    padding-left: 0;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper ul li {
    margin-bottom: 0.26rem;
    font-size: 0.8rem !important;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper .cons-pros ul li {
    list-style: url('/images/theme/icons/plus.svg') inside;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper .cons-cons ul li {
    list-style: url('/images/theme/icons/minus.svg') inside;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .brand-content-verdict {
    border: 1px solid #eff2fe;
    padding: 4px;
    border-radius: 4px;
}


/* brands-list-v4 */
.brands-list-v4 {
    margin: 0 auto;
    padding: 0 1rem;
}

.brands-list-v4 .card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin: 40px auto;
    max-width: 100%;
    overflow: hidden;
    padding: 16px;
    box-sizing: border-box;
    line-height: 1rem;
    font-family: 'Roboto', sans-serif;
    font-synthesis: none;
    list-style: none!important;
    @media (min-width: 576px) and (max-width: 767px) {
        max-width: 540px;
        padding: 20px;
    }
    @media (min-width: 768px) {
        display: grid;
        grid-template-columns: 324px auto 21%;
        grid-template-rows: auto;
        max-width: 1108px;
    }
}

.brands-list-v4 .card h1,
.brands-list-v4 .card h2,
.brands-list-v4 .card h3,
.brands-list-v4 .card h4,
.brands-list-v4 .card h5,
.brands-list-v4 .card h6 {
    margin: 0;
}

.brands-list-v4 .card p {
    font-weight: 400;
}

.brands-list-v4 .card ul {
    list-style: none!important;
}

.brands-list-v4 .card .card__image-wrapper {
    position: relative;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 24px;
    @media (min-width: 768px) {
        grid-column: 1 / 2;
        margin-bottom: 0;
        margin-right: 24px;
    }
}

.brands-list-v4 .card .card__image {
    width: 100%;

    height: auto;
    border-radius: 8px;
    display: block;
}

.brands-list-v4 .card .card__number {
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #05050559;
    padding: 7px 12px 7px;
    border-radius: 4px;
}

.brands-list-v4 .card .card__body {
    @media (min-width: 768px) {
        grid-column: 2 / 3;
        padding-top: 8px;
    }
}

.brands-list-v4 .card .card__header {
    margin-bottom: 16px;
    @media (min-width: 576px) and (max-width: 768px) {
        display: flex;
        align-items: center;
    }
    @media (min-width: 768px) and (max-width: 991px) {
        display: block;
    }
    @media (min-width: 992px) {
        display: flex;
        align-items: center;
    }
}

.brands-list-v4 .card .card__badge {
    display: inline-block;
    font-weight: 600;
    padding: 7px 12px;
    border-radius: 4px;
    color: #fff;
    margin-bottom: 16px;
    text-transform: uppercase;
    @media (min-width: 576px) {
        margin-bottom: 0;
        margin-right: 16px;
    }
    @media (min-width: 768px) and (max-width: 991px) {
        margin-bottom: 8px;
    }
}

.brands-list-v4 .card .card__badge span.ranking {
    text-transform: unset;
    font-size: 14px;
}


.brands-list-v4 .card .card__stars {
    color: #F5BB28;
    font-size: 24px;
    margin-right: 4px;
}

.brands-list-v4 .card .card__rating-text {
    font-size: 14px;
    font-weight: 600;
    color: var(--grey-dark);
}

.brands-list-v4 .card .card__separator {
    margin: 0 16px 0;
    color: var(--grey-dark);
}

.brands-list-v4 .card .card__review-link {
    font-size: 14px;
    color: #096AF7;
    font-weight: 600;
    text-decoration: none;
    text-wrap: nowrap;
}

.brands-list-v4 .card .card__review-link:hover {
    text-decoration: underline;
}

.brands-list-v4 .card .card__offer {
    display: block;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 16px;
    text-wrap: balance;
    line-height: 26px;
    color: #000;
}

.brands-list-v4 .card .card__title,
.brands-list-v4 .card .card__payment_methods--title {
    color: var(--grey-dark);
    font-size: 14px;
    font-weight: 500;
}

.brands-list-v4 .card .card__title {
    display: inline;
    font-weight: bold;
    color: #000;
}

.brands-list-v4 .card .card__payment_methods--wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.brands-list-v4 .card .card__payment_methods {
    position: relative;
    display: flex;
    align-items: center;
    gap: 2px;
    margin-top: 4px;
    margin-bottom: 24px;
    width: 100%;
    overflow: hidden;
    max-width: 192px; 
    @media (min-width: 768px) {
        margin-bottom: 16px;
    }
    @media (min-width: 992px) {
        max-width: 214px;
        gap: 4px;
    }
}

.brands-list-v4 .card .card__method_icon {
    opacity: .6;
    width: 30px;
    height: 30px;
    min-width: 30px;
    @media (min-width: 992px) {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }
}

.brands-list-v4 .card .card__method--quantity {
    width: 30px;
    height: 30px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    line-height: 14px;
    color: var(--grey-dark);
    background-color: transparent;
    outline: none;
    border-radius: 50%;
    border: 1px solid var(--grey-dark);
    padding: 8px;
    margin-bottom: 17px;
    margin-right: 4px;
    cursor: pointer;
    @media (min-width: 768px) {
        margin-bottom: 10px;
    }
    @media (min-width: 992px) {
        width: 32px;
        height: 32px;
    }
}

.brands-list-v4 .card .card__method--quantity.hіdden {
    display: none;
}

.brands-list-v4 .card .card__method--quantity:hover,
.brands-list-v4 .card .card__method--quantity:focus {
    border: 1px solid var(--link-hover-blue);
    color: var(--link-hover-blue);
    background-color: #eaf3ff;
}


.brands-list-v4 .card .card__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    @media (min-width: 768px) {
        grid-column: 3 / 3;
        justify-content: space-between;
        align-items: flex-end;
        padding-top: 8px;
    }
}

.brands-list-v4 .card .card__promo_wrapper {
    min-height: 30px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.brands-list-v4 .card .card__promo_wrapper.card__promo_wrapper--empty {
    @media (max-width: 767px) {
        display: none;
    }
}

.brands-list-v4 .card .card__promo_wrapper .card__promo_code {
    position: relative;
    width: 100%;
    padding: 7px;
    text-align: center;
    font-size: 14px;
    color: var(--grey-dark);
    background-color: #096AF712;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    @media (min-width: 768px) {
        width: max-content;
    }
}

.brands-list-v4 .card .card__promo_wrapper .card__promo_code.active {
    animation: scaleElement 0.45s;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.brands-list-v4 .card .card__promo_wrapper .card__promo_value {
    color: #0648A7;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: normal;
    padding-left: 0;
    text-transform: uppercase;
}

.brands-list-v4 .card .card__promo_wrapper .card__promo_icon {
    display: inline-block;
    margin-left: 0.25rem;
    padding-right: 0;
    font-family: icomoon;
    font-size: 0.75rem;
    line-height: 0.75rem;
}

.brands-list-v4 .card .card__promo_wrapper .card__promo_icon:before {
    content: "\e96e";
    color: grey;
}

.brands-list-v4 .card .card__promo_wrapper .card__promo_notification {
    display: none;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    position: absolute;
    color: var(--white);
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    background: var(--blue);
    padding: 0 5px;
    border-radius: 8px;
}


@keyframes scaleElement {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.brands-list-v4 .card .card__button {
    width: 100%;
}

.brands-list-v4 .card .card__button span {
    max-width: unset;
}


.brands-list-v4 .card .card__footer {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 10px;
    padding-top: 16px;
    @media (min-width: 768px) {
        grid-column: 2 / 4;
        border-top: 1px solid var(--grey-dark);
    }
}

.brands-list-v4 .card .card__footer .additional_info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.brands-list-v4 .card .card__footer .additional_info__header {
    display: flex;
    align-items: baseline;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s ease-in-out;
}

.brands-list-v4 .card .card__footer .additional_info__header:hover {
    color: var(--link-hover-blue);
    transition: 0.4s;
}

.brands-list-v4 .card .card__footer .additional_info__header:hover .additional_info__icon::before {
    border-right: 2px solid var(--link-hover-blue);
    border-bottom: 2px solid var(--link-hover-blue);
}

.brands-list-v4 .card .card__footer .additional_info__title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.brands-list-v4 .card .card__footer .additional_info__icon {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    position: relative;
    transition: transform 0.3s ease-in-out;
}

.brands-list-v4 .card .card__footer .additional_info__icon::before {
    position: absolute;
    top: 7px;
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--grey-dark);
    border-bottom: 2px solid var(--grey-dark);
    transform: rotate(45deg);
    transition: transform 0.3s ease-in-out;
}

.brands-list-v4 .card .card__footer .additional_info__header[aria-expanded="true"] .additional_info__icon::before {
    transform: rotate(-135deg);
}

.brands-list-v4 .card .card__footer .additional_info__wrapper {
    position: relative;
    overflow: hidden;
    max-height: 42px;
}

.brands-list-v4 .card .card__footer .additional_info__wrapper::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    pointer-events: none;
}

.brands-list-v4 .card .card__footer .expanded.additional_info__wrapper::after {
    display: none;
}

.brands-list-v4 .card .card__footer .additional_info__wrapper.expanded {
    max-height: 100%;
}

.brands-list-v4 .card .card__footer .additional_info__details {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.brands-list-v4 .card .card__footer .additional_info__item {
    border: 1px solid var(--grey-dark);
    padding: 6px 8px;
    font-size: 14px;
    border-radius: 4px;
}

.brands-list-v4 .card .card__pros_cons--wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brands-list-v4 .card .card__pros_title, .card__cons_title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.brands-list-v4 .card .card__pros_list, .card__cons_list {
    color: var(--grey-dark);
}

.brands-list-v4 .card .card__pros_list li,
.brands-list-v4 .card .card__cons_list li {
    text-wrap: balance;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
}

.brands-list-v4 .card .card__pros_list li:not(:last-child),
.brands-list-v4 .card .card__cons_list li:not(:last-child) {
    margin-bottom: 10px;
}

.brands-list-v4 .card .card__pros_list li::before {
    content: "✔";
    color: #28a745;
    font-weight: bold;
}

.brands-list-v4 .card .card__cons_list li::before {
    content: "✖";
    color: #dc3545;
    font-weight: bold;
}

.brands-list-v4 .card .card__verdict .card__verdict_title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.brands-list-v4 .card .card__verdict p {
    text-wrap: balance;
    font-size: 14px;
}

.brands-list-v4 .card .card__description .card__description_content {
    font-size: 10px;
    color: var(--grey-dark);
    text-align: center;
}

.brands-list-v4 table .additional_info,
.brands-list-v4 .card__footer ul li > .additional_info:not(:last-child),
.brands-list-v4 .card__footer tr td,
.brands-list-v4 li.card__footer ul li:not(:last-child) {
    padding-bottom: 10px;
}