:root {
    --font-primary: "Poppins", sans-serif;
    --text-xs: 1.2rem;
    --text-sm: 1.4rem;
    --text-base-size: 1.6rem;
    --text-md: 1.8rem;
    --text-lg: 2rem;
    --text-xl: 2.4rem;
    --text-xxl: 2.8rem;
    --container-width: 1240px;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 3rem;
    --border-radius-sm: 0.5rem;
    --border-radius: 1rem;
    --border-radius-circle: 50%;
    --border-radius-left: 1rem 0 0 1rem;
    --border-radius-right: 0 1rem 1rem 0;
    --header-height: 8rem;
    --color-btn-main: #00B977;
    --color-btn-main-hover: #01a86c;
    --color-btn-light: #E3E1E1;
    --color-btn-light-hover: #CACACA;
    --color-btn-load-more: #E3E1E1
}
:root, [data-theme=vavada] {
    --color-primary: #FE284A;
    --color-primary-dark: #B0172F;
    --gradient-main: linear-gradient(261.24deg, var(--color-primary) 17.02%, var(--color-primary-dark) 87.64%);
    --gradient-secondary: linear-gradient(212.12deg, var(--color-primary) 20.26%, var(--color-primary-dark) 76.13%);
    --gradient-button: linear-gradient(98.07deg, #14C81F -16.15%, #48E16A 146.12%);
    --gradient-providers-block: linear-gradient(251.73deg, var(--color-primary) -2.29%, var(--color-primary-dark) 115.01%);
    --color-white: #fff;
    --color-gray: #e3e1e1;
    --color-body: #fff;
    --color-text-light: #fff;
    --color-text-dark: #fff;
    --color-heading: #fff;
    --color-link: #FD1117;
    --color-link-hover: #FD1117;
    --color-anchor-menu-bg: #191921;
    --color-anchor-menu-primary: #242428;
    --color-anchor-menu-secondary: #FE284A;
    --color-module-text: #fff;
    --color-body-bg: #191921;
    --color-faq-bg: #1F2132;
    --color-cons-bg: #1F2132;
    --color-cons-text: #fff;
    --color-cons-title: #fff;
    --color-market-switcher-bg: rgba(0, 0, 0, 0.15);
    --color-market-switcher-text: var(--color-text-light);
    --color-table-bg: #1F2132;
    --color-table-text: #fff;
    --color-table-sep: #FFFFFF14;
    --color-upper-footer-bg: #1F2132;
    --color-lower-footer-bg: #191921;
    --color-footer-text: #fff;
    --color-slot-text: var(--color-text-dark);
    --logo-width: 22.5rem;
    --logo-height: 3.4rem;
    --button-bg: #48E16A;
    --color-button-text: #fff;
    --color-button-text-hover: #100E10;
    --ctabox-text: #fff;
    --ctabox-button-bg: #48E16A;
    --ctabox-button-text: #fff;
    --color-ctabox-text: #fff;
    --sticky-cta-text: #fff;
    --sticky-cta-btn-bg: #48E16A;
    --sticky-cta-btn-text: #fff
}
*, *::after, *::before {
    box-sizing: inherit
}

* {
    font: inherit
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr {
    margin: 0;
    padding: 0;
    border: 0
}

html {
    box-sizing: border-box;
    font-size: 62.5%
}

body {
    background: var(--color-body-bg)
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, form legend {
    display: block
}

header ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

button, input, textarea, select {
    margin: 0
}

select::-ms-expand {
    display: none
}

textarea {
    resize: vertical;
    overflow: auto;
    vertical-align: top
}

input::-ms-clear {
    display: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img, video, svg {
    max-width: 100%
}

b, strong {
    font-weight: 700
}

.container {
    width: 100%;
    margin-inline: auto;
    max-width: var(--container-width)
}

.container:first-of-type {
    padding-top: .3rem
}

.disable-scroll {
    overflow: hidden
}

.loader-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100
}

.loader-wrap .loader {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.loader-wrap .loader svg {
    width: 50px;
    height: 50px;
    display: inline-block
}

body {
    font-size: var(--text-base-size);
    font-family: var(--font-primary)
}

h1, h2, h3, h4, h5, h6 {
    color: var(--color-heading)
}

h2 {
    font-size: var(--text-xl);
    font-weight: 700;
    line-height: 3.6rem
}

h2 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 3.6rem
}

h3 {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 2.7rem
}

h4 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.7rem
}

h5, h6 {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.7rem
}

main a {
    font-weight: 600;
    text-decoration: underline;
    color: var(--color-link)
}

a:hover {
    color: var(--color-link-hover)
}

.btn {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    white-space: nowrap;
    padding: var(--space-sm) 0;
    border: 3px solid rgba(0, 0, 0, 0);
    font-weight: 700;
    height: 56px;
    font-size: 13px;
    border-radius: 16px
}

.btn:hover {
    color: #fff
}

.btn:active {
    color: var(--color-primary-dark)
}

.btn[disabled], .btn:disabled {
    color: var(--color-text)
}

.btn--disabled {
    color: var(--color-text);
    background-color: var(--color-btn-light);
    cursor: not-allowed !important;
    pointer-events: none !important
}

.btn--primary {
    background-color: var(--color-btn-main);
    color: var(--color-white);
    text-decoration: none
}

.btn--primary:active {
    background-color: var(--color-btn-main-hover);
    color: var(--color-white)
}

.btn--primary.cta {
    width: fit-content;
    color: var(--color-white);
    font-weight: bold;
    font-size: var(--text-base-size);
    line-height: 2.4rem;
    padding: var(--space-sm) var(--space-md);
    border-radius: 1rem;
    white-space: pre-wrap;
    text-align: center;
    text-decoration: none
}

.btn--secondary {
    background-color: var(--color-primary);
    color: var(--color-white);
    text-decoration: none
}

.btn--secondary:active {
    background-color: var(--color-primary-dark);
    color: var(--color-white)
}

.btn--light {
    background-color: var(--color-btn-light);
    color: var(--color-anchor-dark);
    text-decoration: none
}

.btn--light:active {
    background-color: var(--color-btn-light-hover)
}

.btn--load-more {
    display: flex;
    margin: 0 auto;
    font-weight: 400;
    padding: 0 4.4rem;
    width: fit-content;
    background-color: #1b2134;
    height: 44px;
    border-radius: 25px;
    color: var(--color-white);
    font-size: 13px
}

.btn--load-more:active {
    color: var(--color-dark)
}

.btn--load-more:hover {
    background-color: #293350
}

.btn--transparent {
    background-color: rgba(0, 0, 0, 0);
    color: var(--color-white);
    border: 3px solid var(--color-white);
    text-decoration: none
}

.btn--white {
    background-color: var(--color-white);
    color: var(--color-primary-dark)
}

.btn--anchor {
    text-decoration: underline;
    line-height: 1
}
.btn--link {
    text-decoration: none;
    font-weight: bold;
}

.btn--link-light {
    text-decoration: none
}

.btn--review {
    font-size: var(--text-sm);
    line-height: 1.7rem;
    padding: 0;
    font-weight: 700
}

.btn--mini-cta {
    font-weight: 700;
    font-size: var(--text-sm);
    word-break: break-word
}

.btn--md {
    width: 16.4rem
}

.btn--lg {
    width: 18.9rem
}

.btn--bold {
    font-weight: bold
}

.btn--capitalize {
    text-transform: capitalize
}

.btn--header-control-login:active {
    background-color: var(--color-white);
}

.btn--header-control-register:active {
    background-color: var(--color-primary-dark);
    color: var(--color-white);
    border: 3px solid var(--color-white)
}

.btn:disabled {
    pointer-events: none;
    background-color: var(--color-btn-light)
}

.btn--read-more {
    justify-content: start;
    gap: 1rem;
    width: fit-content;
    border: unset
}

.btn--info {
    width: fit-content;
    padding: var(--space-sm) var(--space-md);
    color: var(--color-text);
    max-height: 3.9rem
}

.btn--info:active {
    color: var(--color-text)
}

.btn--info.active {
    background: var(--color-btn-light-hover);
    pointer-events: none
}

.btn--more {
    background-color: #e5eafa;
    color: #1b2134;
    border: 1px solid #cbdaf3
}

.btn--more:hover {
    background-color: #d3d9e5
}

.footer {
    padding-top: 8rem
}

.footer__top {
    padding-block: 5rem 5.3rem;
    background: var(--color-upper-footer-bg);
    color: var(--color-text-light);
    font-size: var(--text-sm);
    font-weight: 500;
    line-height: 2.1rem;
    text-align: center
}

.footer__top .container {
    padding-inline: 5.5rem;
    padding-block: 0
}

@media only screen and (min-width: 900px) {
    .footer__top .container {
        padding-top: 0;
        padding-inline: var(--space-md);
        display: flex;
        justify-content: space-between;
        gap: var(--space-sm);
        text-align: left
    }
}

@media only screen and (min-width: 1140px) {
    .footer__top .container {
        padding-inline: 0
    }
}

.footer__top .container > div {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media only screen and (min-width: 900px) {
    .footer__top .container > div {
        flex-direction: row
    }
}

.footer__top a {
    text-decoration: none;
    color: var(--color-white)
}

.footer__description {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 0 0 33%
}

.footer__description img {
    width: var(--logo-width);
    height: var(--logo-height);
    margin-bottom: 1.6rem
}

.footer__description b {
    font-size: var(--text-md);
    font-weight: 600;
    line-height: 2.4rem
}

.footer__secondary {
    flex: 0 0 33%
}

.footer__secondary b {
    font-size: var(--text-md);
    font-weight: 600;
    line-height: 2.4rem
}

.footer .footer-menu__title {
    font-size: var(--text-md);
    font-weight: 600;
    line-height: 2.4rem;
    margin-bottom: var(--space-md)
}

.footer .footer-menu__title.language {
    margin-bottom: 1.5rem
}

.footer .footer-menu ul {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.footer__bottom {
    background-color: var(--color-lower-footer-bg);
    min-height: 7rem
}

.footer__bottom .container {
    padding-block: 3.2rem 2.3rem
}

@media only screen and (min-width: 900px) {
    .footer__bottom .container {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        padding-block: 2.3rem
    }
}

.footer__bottom-images {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.7rem
}

@media only screen and (min-width: 900px) {
    .footer__bottom-images {
        gap: 3.7rem
    }
}

.footer__bottom-images img {
    display: block
}

.footer__bottom-copyright {
    font-size: 1.3rem;
    line-height: 2.4rem;
    text-align: center;
    color: var(--color-footer-text);
    margin-top: 1.2rem
}

@media only screen and (min-width: 900px) {
    .footer__bottom-copyright {
        margin-top: 0
    }
}

.header {
    width: 100%;
}

.header--sticky {
    position: sticky;
    background: var(--gradient-main)
}

@media only screen and (min-width: 900px) {
    .header .header__mob-menu-wrapper {
        display: none
    }
}

.header__wrap {
    padding-inline: var(--space-md)
}

.header__main {
    margin-inline: auto;
    max-width: var(--container-width);
    min-height: var(--header-height);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header__logo {
    display: block
}

.header__logo img {
    width: var(--logo-width);
    height: var(--logo-height)
}

.header__mob-menu {
    display: none;
    position: absolute;
    top: 0;
    height: 100vh;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .5)
}

.header__mob-menu.open {
    display: block
}

.header__mob-menu-wrapper {
    display: flex;
    gap: 24px
}

.header__mob-menu .mobile-language-controls {
    display: flex;
    gap: var(--space-md)
}

.header__mob-menu-close {
    position: absolute;
    top: 1rem;
    right: 28rem;
    width: 3rem;
    height: 3rem;
    background: var(--color-white);
    border-radius: var(--border-radius-circle);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #111;
    font-weight: 700;
    font-size: var(--text-sm);
    cursor: pointer
}

.header__mob-menu-main {
    position: relative;
    padding: var(--space-lg);
    padding-top: 1.9rem;
    max-width: 27rem;
    width: 100%;
    height: 100%;
    margin-left: auto;
    background: var(--gradient-secondary);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 100
}

.header__mob-menu-main nav a {
    color: var(--color-white);
    font-size: var(--text-lg);
    text-decoration: none
}

.header__mob-menu-main nav ul {
    margin-top: 3.2rem;
    display: flex;
    flex-direction: column;
    gap: 1.7rem
}

.header__mob-menu-main .button {
    padding-inline: 0;
    width: 100%;
    margin-top: 1.5rem;
    font-weight: 700
}

@media only screen and (min-width: 900px) {
    .header__nav ul {
        display: flex;
        gap:  5rem;
    }
}

@media only screen and (min-width: 900px) {
    .header__extra {
        display: flex;
        align-items: center;
        gap: 24px
    }

    .header__extra .language-selector {
        margin-top: unset;
        position: relative
    }

    .header__extra .language-selector__selected {
        background: rgba(0, 0, 0, .15);
        color: var(--color-market-switcher-text);
        padding-block: .6rem
    }

    .header__extra .button {
        padding: 1.3rem 0;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2rem
    }
}

@media only screen and (min-width: 900px)and (min-width: 900px) {
    .header__extra .button {
        padding-inline: 2.4rem
    }
}

.hero {
    padding-top: 30px;
    padding-inline: var(--space-md);
    padding-bottom: var(--space-lg);
    background: var(--gradient-main);
    background-size: cover
}

@media only screen and (min-width: 900px) {
    .hero {
        padding-bottom: 2.6rem
    }
}

.hero__wrap {
    max-width: var(--container-width);
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md)
}

@media only screen and (min-width: 900px) {
    .hero__wrap {
        flex-direction: row;
        position: relative;
        margin-inline: auto;
        align-items: flex-start
    }
}

@media only screen and (min-width: 900px) {
    .hero__content {
        width: 55%
    }
}

.hero__image {
    flex: 1
}

.hero__image img {
    width: 100%;
    height: 100%;
    max-height: 40rem;
    object-fit: scale-down
}

h1, h2, h3, h4 {
    font-weight: 800;
    font-size: 2.6rem;
    line-height: 3.9rem;
    color: var(--color-white);
    margin-top: 30px;
    margin-bottom: 20px;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}

.hero__title span {
    font-size: 4.8rem;
    line-height: 7.2rem;
    display: inline-block;
    width: 100%
}

@media only screen and (min-width: 900px) {
    .hero__title span {
        all: unset
    }
}

.hero__text {
    font-weight: 500;
    font-size: var(--text-sm);
    line-height: 2.9rem;
    text-align: center
}

@media only screen and (min-width: 900px) {
    .hero__text {
        font-size: var(--text-base-size);
        text-align: left
    }
}

@media only screen and (min-width: 900px) {
    .hero__text.mobile-image {
        display: block
    }
}

.hero__text .cta {
    margin-top: 3rem;
    font-size: var(--text-lg);
    font-weight: bold
}

.hero__text h2, .hero__text h3, .hero__text h4, .hero__text h5, .hero__text h6 {
    color: var(--color-text-light);
    margin-top: var(--space-sm);
    font-size: 22px;
    font-weight: 700
}

.sitemap {
    margin-top: var(--space-md)
}

.sitemap__wrap {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--space-lg);
    margin-top: 3rem
}

.sitemap__item {
    flex: 1 1 33%;
    min-width: 30rem
}

.sitemap__title {
    display: flex;
    align-items: center;
    gap: var(--space-md)
}

.sitemap__count {
    position: relative;
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;
    background: var(--color-primary);
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 640 512%27%3E%3Cpath fill=%27%23ffffff%27 d=%27M640 264v-16c0-8.84-7.16-16-16-16H344v-40h72c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32H224c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h72v40H16c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h104v40H64c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h304v40h-56c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h104c8.84 0 16-7.16 16-16zM256 128V64h128v64H256zm-64 320H96v-64h96v64zm352 0h-96v-64h96v64z%27/%3E%3C/svg%3E");
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat
}

.sitemap__count.casino {
    background-image: url("data:image/svg+xml,%3Csvg width=%2745%27 height=%2745%27 viewBox=%270 0 45 45%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27m13.938 12.183 3.145 5.273c.31-.188.645-.335.996-.434l12.475-3.602-6.789-12.413a1.28 1.28 0 0 0-.163-.246l-9.665 11.422Zm7.85-.77c.515-.376 1.193-.016 1.528.803.335.819.196 1.785-.31 2.162-.515.376-1.193.016-1.528-.803-.343-.818-.196-1.785.31-2.161ZM.335 11.39l12.042-.214L21.853 0 10.678 1.032a1.92 1.92 0 0 0-1.242.614L.425 11.275c-.033.04-.066.065-.09.114Zm15.236-8.925c.686-.32 1.405-.246 1.61.188.204.426-.18 1.04-.867 1.367-.678.32-1.396.246-1.609-.18-.204-.426.188-1.04.866-1.375Zm-4.795 5.747c.686-.319 1.405-.245 1.6.18.213.434-.17 1.04-.857 1.376-.678.327-1.397.246-1.61-.188-.204-.426.188-1.04.867-1.368Zm-.474-5.47c.678-.335 1.397-.245 1.601.181.204.426-.18 1.032-.858 1.36-.686.335-1.413.245-1.617-.173-.196-.425.188-1.048.874-1.367ZM5.612 8.05c.679-.328 1.397-.246 1.602.18.204.434-.18 1.031-.858 1.367-.686.328-1.405.246-1.618-.18-.204-.426.188-1.04.874-1.367ZM0 13.223c.04.123.098.238.155.344l7.222 12.691c.343.598.972.958 1.658.974l1.961.017 3.726.024.057-3.086c-.482-.434-.67-.991-.433-1.335a.626.626 0 0 1 .465-.262l.025-1.31a4.573 4.573 0 0 1 .858-2.571l-3.399-5.699L0 13.223Zm8.643 6.387c.27-.393.989-.352 1.618.082.613.425.907 1.088.637 1.482-.278.393-1.005.352-1.617-.082-.621-.426-.907-1.098-.638-1.482Zm-5.13-3.505c.27-.393.988-.352 1.61.082.62.434.906 1.097.637 1.49-.27.385-.997.344-1.618-.082-.62-.433-.899-1.105-.63-1.49Zm12.679 19.79c0 1.016.515 1.957 1.365 2.481l10.228 6.207a2.873 2.873 0 0 0 1.487.417c.335 0 .678-.057.997-.18l12.327-4.569a2.868 2.868 0 0 0 1.871-2.595l.531-15.008a2.832 2.832 0 0 0-.482-1.695 2.834 2.834 0 0 0-1.152-1l-10.146-4.855a2.889 2.889 0 0 0-2.026-.172l-12.655 3.66a2.855 2.855 0 0 0-1.413.934 2.908 2.908 0 0 0-.646 1.777l-.277 14.598h-.009Zm25.522-14.697-12.606 4.323-9.37-5.363 11.952-3.455a1.021 1.021 0 0 1 .727.057l9.28 4.446.017-.008Zm-11.74 21.78-.049-15.803 13.243-4.536-.53 14.96a1.035 1.035 0 0 1-.679.941l-11.985 4.438ZM18.022 35.92l.278-14.484 9.803 5.616.05 15.615-9.632-5.855a1.059 1.059 0 0 1-.49-.892h-.009Z%27 fill=%27%23fff%27/%3E%3Cpath d=%27M37.351 21.624c-.751-.066-1.331-.508-1.29-.983.04-.475.686-.802 1.446-.728.751.065 1.331.507 1.29.982-.04.475-.686.802-1.446.729Zm-6.192-.491c-.752-.066-1.332-.508-1.29-.983.04-.475.686-.802 1.445-.728.752.065 1.332.507 1.291.982-.04.475-.686.802-1.446.729Zm-6.56 0c-.752-.066-1.332-.508-1.291-.983.04-.475.686-.802 1.446-.728.751.065 1.331.507 1.29.982-.04.475-.686.802-1.445.729Zm15.114 7.033c-.376-.287-.31-1.007.147-1.613.457-.606 1.135-.86 1.511-.573.376.286.31 1.007-.147 1.613-.457.606-1.135.86-1.511.573Zm-7.378.074c.458-.606 1.136-.86 1.512-.573.376.286.31 1.007-.147 1.613-.458.605-1.136.86-1.512.573-.375-.287-.31-1.007.147-1.613Zm8.986 6.517c.376.287.31 1.007-.147 1.613-.457.606-1.135.86-1.511.573-.376-.286-.31-1.007.147-1.613.457-.606 1.136-.86 1.511-.573Zm-3.651-3.774c.376.286.31 1.007-.147 1.613-.458.605-1.136.86-1.511.573-.376-.287-.31-1.008.147-1.613.457-.606 1.135-.86 1.511-.573Zm-3.472 5.567c.376.287.31 1.007-.147 1.613-.457.606-1.135.86-1.511.573-.376-.286-.31-1.007.147-1.613.458-.606 1.136-.86 1.511-.573Zm-8.218-6.812c-.417.221-1.046-.14-1.397-.81-.352-.672-.303-1.393.114-1.614.417-.22 1.046.14 1.397.81.351.672.302 1.393-.114 1.614Zm-5-2.488c-.417.22-1.046-.14-1.397-.811-.352-.672-.303-1.392.114-1.613.417-.221 1.046.139 1.397.81.351.672.302 1.392-.114 1.613Zm3.529 4.87c.416-.22 1.045.14 1.397.811.35.672.302 1.392-.115 1.613-.416.221-1.046-.14-1.397-.81-.351-.672-.302-1.392.115-1.614Zm-4.999-2.497c.416-.22 1.045.14 1.396.811.352.671.303 1.392-.114 1.613-.417.221-1.046-.14-1.397-.81-.351-.672-.302-1.392.114-1.614Zm5.097 7.754c.417-.22 1.046.14 1.397.81.351.672.302 1.393-.114 1.614-.417.221-1.046-.14-1.397-.81-.351-.672-.302-1.393.114-1.614Zm-4.902-2.865c.417-.221 1.046.139 1.397.81.351.672.302 1.392-.114 1.613-.417.221-1.046-.139-1.398-.81-.35-.672-.302-1.392.115-1.613Z%27 fill=%27%23fff%27/%3E%3C/svg%3E");
    background-size: 60%
}

.sitemap__count.slot {
    background-image: url("data:image/svg+xml,%3Csvg width=%27104%27 height=%27125%27 viewBox=%270 0 104 125%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M28.55 39.5H15.88c-1.64 0-2.97 1.31-2.97 2.93v12.51c0 1.62 1.33 2.93 2.97 2.93h12.67c1.64 0 2.97-1.31 2.97-2.93V42.43c0-1.62-1.33-2.93-2.97-2.93ZM17.53 54.96a1.6 1.6 0 0 1-1.22-1.23c-.21-1.03.59-1.93 1.59-1.93.89 0 1.62.72 1.62 1.6 0 1-.94 1.79-1.99 1.56Zm.74-4.71c-1.18.26-2.22-.76-1.95-1.93.13-.59.61-1.06 1.21-1.19 1.18-.26 2.22.76 1.95 1.93-.13.59-.61 1.06-1.21 1.19Zm-.37-4.67c-1 0-1.8-.9-1.59-1.93.12-.61.61-1.1 1.22-1.23 1.05-.23 1.99.56 1.99 1.56 0 .89-.73 1.6-1.62 1.6Zm8.27 9.38a1.6 1.6 0 0 1-1.22-1.23c-.21-1.03.59-1.93 1.59-1.93.89 0 1.62.72 1.62 1.6 0 1-.94 1.79-1.99 1.56Zm.74-4.71c-1.18.26-2.22-.76-1.95-1.93.13-.59.61-1.06 1.21-1.19 1.18-.26 2.22.76 1.95 1.93-.13.59-.61 1.06-1.21 1.19Zm-.37-4.67c-1 0-1.8-.9-1.59-1.93.12-.61.61-1.1 1.22-1.23 1.05-.23 1.99.56 1.99 1.56 0 .89-.73 1.6-1.62 1.6Zm16.12-5.79v6.68h3.07s1.1-1.99 3.05-1.99c1.95 0 2.19.96 4.91.98-5.47 3.6-8.81 6.51-8.27 12.13h10.72s-2.48-5.03.47-9.75c2.96-4.72 4.65-5.68 4.65-5.68l-1.82-1.94s-2.19 1.85-6.51.67c-4.32-1.18-5.08-1.38-7.22-.39 0-.58.01-.68.01-.68l-3.06-.03Zm46.338 2.18c-1.42-.11-2.68-.02-3.78.21-.49-.51-2.9-2.88-5.82-2.88-3.26 0-5.91 2.98-5.91 2.98s2.64 2.98 5.91 2.98c.12 0 .24 0 .36-.01-.59.64-1.02 1.28-1.33 1.81.4.05.79.14 1.16.27a8.73 8.73 0 0 1 3.01-2.95c.11-.06.21-.12.31-.18.96-.51 2.12-.9 3.54-1.06-.06.06-.12.12-.17.18-.8.9-1.22 2.16-1.25 3.73.24-.03.48-.05.73-.05.15 0 .29 0 .43.02.03-1.26.35-2.24.95-2.93.79-.9 1.8-.97 1.84-.98.31-.01.55-.26.55-.56 0-.3-.23-.55-.53-.58Zm2.023 10.91c0 2.87-2.35 5.19-5.26 5.19-1.37 0-2.63-.52-3.56-1.38a5.802 5.802 0 0 0-.01-7.62 5.26 5.26 0 0 1 3.57-1.38c2.9 0 5.26 2.33 5.26 5.19Z%27 fill=%27%23fff%27/%3E%3Cpath d=%27M77.67 58.07c2.905 0 5.26-2.324 5.26-5.19 0-2.866-2.355-5.19-5.26-5.19s-5.26 2.324-5.26 5.19c0 2.866 2.355 5.19 5.26 5.19Z%27 fill=%27%23fff%27/%3E%3Cpath d=%27M10.35 18.89C4.64 18.89 0 23.46 0 29.11v39.15c0 5.65 4.64 10.23 10.35 10.23h83.22c5.72 0 10.36-4.58 10.36-10.23V29.11c0-5.65-4.64-10.22-10.36-10.22H10.35Zm23.84 43.63c0 2.54-2.08 4.6-4.65 4.6H14.89c-2.56 0-4.65-2.06-4.65-4.6V34.84c0-2.53 2.08-4.59 4.65-4.59h14.66c2.56 0 4.65 2.06 4.65 4.59v27.68h-.01Zm29.75 0c0 2.54-2.08 4.6-4.65 4.6H44.63c-2.56 0-4.65-2.06-4.65-4.6V35.25c0-2.76 2.27-5 5.07-5h14.24c2.57 0 4.65 2.05 4.65 4.59v27.68Zm29.75 0c0 2.54-2.07 4.6-4.65 4.6H74.38c-2.56 0-4.65-2.06-4.65-4.6V34.84c0-2.53 2.08-4.59 4.65-4.59h14.66c2.57 0 4.65 2.06 4.65 4.59v27.68Zm-.23 20.98H10.24c-1.36 0-2.68-.17-3.93-.5l-.02 32c0 5.53 4.54 10 10.13 10h70.83c5.59 0 10.13-4.47 10.13-10l.02-32.01c-1.26.33-2.58.51-3.94.51ZM66.812 13.88C66.742 6.2 60.422 0 52.622 0s-14.12 6.2-14.2 13.88h28.39Z%27 fill=%27%23fff%27/%3E%3C/svg%3E")
}

.sitemap__count.payment_method {
    background-image: url("data:image/svg+xml,%3Csvg width=%2745%27 height=%2745%27 viewBox=%270 0 45 45%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M32.12 3.585.593 15.081l-.35-.97a3.973 3.973 0 0 1 2.37-5.1L26.67.24a3.971 3.971 0 0 1 5.092 2.382l.35.963h.008Zm3.716 16.163H14.614c-3.544 0-6.428 2.888-6.428 6.43v3.67a3.984 3.984 0 0 1-3.16-2.57l-3.17-8.713L33.392 7.07l3.169 8.714a4.011 4.011 0 0 1-.725 3.965Z%27 fill=%27%23fff%27/%3E%3Cpath d=%27M40.21 44.992H14.613a4.802 4.802 0 0 1-4.79-4.798V26.185a4.796 4.796 0 0 1 4.79-4.797H40.21c.228 0 .448.016.668.057 2.338.31 4.122 2.35 4.122 4.749v14.009A4.798 4.798 0 0 1 40.202 45l.008-.008Zm-25.597-21.98a3.166 3.166 0 0 0-3.16 3.165v14.01a3.166 3.166 0 0 0 3.16 3.165H40.21a3.173 3.173 0 0 0 3.169-3.166V26.177a3.158 3.158 0 0 0-2.737-3.133 2.836 2.836 0 0 0-.432-.04H14.613v.008Z%27 fill=%27%23fff%27/%3E%3Cpath d=%27M18.842 39.909h-3.153a.999.999 0 0 1-.994-.996c0-.546.448-.995.994-.995h3.153c.546 0 .994.449.994.995a.999.999 0 0 1-.994.996Zm6.769 0H22.46a.999.999 0 0 1-.994-.996c0-.546.448-.995.994-.995h3.152c.546 0 .994.449.994.995a.999.999 0 0 1-.994.996Zm6.77 0h-3.153a.999.999 0 0 1-.994-.996c0-.546.448-.995.994-.995h3.153c.546 0 .994.449.994.995a.999.999 0 0 1-.994.996Zm6.77 0H36a.999.999 0 0 1-.994-.996c0-.546.448-.995.994-.995h3.152c.546 0 .994.449.994.995a.999.999 0 0 1-.994.996Zm-6.208-7.751a2.968 2.968 0 0 0 2.965-2.97c0-1.64-1.327-2.97-2.965-2.97a2.968 2.968 0 0 0-2.965 2.97c0 1.64 1.327 2.97 2.965 2.97Z%27 fill=%27%23fff%27/%3E%3Cpath d=%27M37.171 32.158a2.968 2.968 0 0 0 2.966-2.97c0-1.64-1.328-2.97-2.966-2.97a2.968 2.968 0 0 0-2.965 2.97c0 1.64 1.328 2.97 2.965 2.97Z%27 fill=%27%23fff%27/%3E%3Cpath d=%27M40.21 44.992H14.613a4.802 4.802 0 0 1-4.79-4.798V26.185a4.796 4.796 0 0 1 4.79-4.797H40.21c.228 0 .448.016.668.057 2.338.31 4.122 2.35 4.122 4.749v14.009A4.798 4.798 0 0 1 40.202 45l.008-.008Zm-25.597-21.98a3.166 3.166 0 0 0-3.16 3.165v14.01a3.166 3.166 0 0 0 3.16 3.165H40.21a3.173 3.173 0 0 0 3.169-3.166V26.177a3.158 3.158 0 0 0-2.737-3.133 2.836 2.836 0 0 0-.432-.04H14.613v.008Z%27 fill=%27%23fff%27/%3E%3C/svg%3E");
    background-size: 60%
}

.sitemap__count::after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: attr(data-count);
    position: absolute;
    color: var(--color-white);
    background: var(--color-primary-dark);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    right: -1.3rem;
    top: -1.3rem;
    border: .1rem solid var(--color-white);
    font-size: var(--text-sm)
}

.sitemap__list {
    margin-top: var(--space-md);
    list-style-type: disc;
    padding-left: 2.5rem
}

.sitemap__list-item {
    position: relative;
    line-height: 3.5rem
}

.sitemap__list-item:last-of-type::after {
    height: 50%
}

.sitemap__list-item a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 576 512%27 width=%2713%27 height=%2713%27%3E%3Cpath fill=%27%23000000%27 d=%27M544 0h-.056l-96.167.167c-28.442.049-42.66 34.539-22.572 54.627l35.272 35.272L163.515 387.03c-4.686 4.686-4.686 12.284 0 16.97l8.484 8.485c4.687 4.686 12.285 4.686 16.971 0l296.964-296.964 35.272 35.272c20.023 20.023 54.578 5.98 54.627-22.572L576 32.055C576.03 14.353 561.675 0 544 0zm-.167 128.167l-96-96L544 32l-.167 96.167zM448 227.681V464c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h323.976c3.183 0 6.235 1.264 8.485 3.515l8 8c7.56 7.56 2.206 20.485-8.485 20.485H48c-8.837 0-16 7.163-16 16v352c0 8.837 7.163 16 16 16h352c8.837 0 16-7.163 16-16V235.68c0-3.183 1.264-6.235 3.515-8.485l8-8c7.559-7.559 20.485-2.205 20.485 8.486z%27%3E%3C/path%3E%3C/svg%3E");
    margin-right: .8rem
}

.sitemap__list-date {
    font-size: var(--text-xs);
    color: var(--text-dark)
}

.splash-screen__background {
    height: 100vh;
    background: var(--splash-screen-bg, var(--gradient-secondary))
}

.splash-screen__main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: max-content;
    width: calc(100% - 4rem);
    padding: 4rem 4rem;
    background: var(--gradient-secondary);
    box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, .2196078431);
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

.splash-screen__logo {
    border: 5px solid #f0f8ff;
    border-radius: var(--border-radius);
    padding: 3rem;
    margin-bottom: 2.5rem;
    box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, .09)
}

.splash-screen__logo img {
    display: block;
    width: 90px;
    height: auto
}

.splash-screen__title {
    color: var(--splash-screen-text-color, var(--color-white));
    font-size: var(--text-lg);
    font-weight: 700;
    text-align: center
}

.splash-screen__bar {
    width: 95%;
    height: 1.2rem;
    margin-block: 1rem .4rem;
    margin-inline: auto;
    padding-inline: .3rem;
    border-radius: var(--border-radius);
    background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
    box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, .2196078431);
    overflow: hidden;
    display: flex;
    align-items: center
}

.splash-screen__bar--progress {
    width: 0%;
    height: .6rem;
    margin-bottom: 0;
    animation: full 2s ease-in-out forwards;
    border-radius: var(--border-radius);
    background: var(--color-white)
}

@keyframes full {
    from {
        width: 0%
    }
    to {
        width: 100%
    }
}

.splash-screen__text {
    color: var(--splash-screen-text-color, var(--color-white));
    font-size: var(--text-sm);
    font-weight: 500;
    text-align: center
}

.splash-screen__link {
    text-decoration: none;
    font-size: var(--text-sm);
    text-align: center;
    background: var(--splash-screen-cta-bg, var(--gradient-button));
    padding: 1.4rem 3rem;
    border-radius: .8rem;
    color: var(--color-white);
    transition: box-shadow .2s ease-in-out
}

.splash-screen__link:hover {
    color: var(--color-white);
    box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, .2196078431)
}

.template-404 .header {
    background: var(--gradient-main)
}

.page-404 {
    padding: var(--space-lg) var(--space-default)
}

.page-404__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    font-size: 9.6rem;
    font-weight: 700;
    margin-bottom: var(--space-lg);
    color: var(--page404-text-color, var(--color-text))
}

.page-404__logo svg {
    width: 80px;
    height: 80px
}

.page-404__heading {
    font-size: var(--text-lg);
    font-weight: bold;
    text-align: center;
    margin-bottom: var(--space-md);
    color: var(--page404-text-color, var(--color-text))
}

.page-404__text {
    font-size: var(--text-sm);
    color: var(--page404-text-color, var(--color-text));
    text-align: center;
    margin-bottom: var(--space-md)
}

.page-404__controls {
    padding: 0 2.6rem;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm)
}

.page-404__controls .btn {
    border-radius: var(--border-radius-sm)
}

.page-404__controls a {
    font-size: var(--text-sm)
}

.anchorMenu {
    padding: 0;
    height: 8.7rem
}

.anchorMenu .inner {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--color-anchor-menu-bg);
    padding: 1.5rem
}

.anchorMenu .inner.js-fixed {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%
}

.anchorMenu .inner.scroll {
    transform: translate3d(0, -80px, 0)
}

.anchorMenu .inner__menu {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    height: 5rem;
    padding: 0;
    max-width: var(--container-width);
    margin-inline: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.anchorMenu .inner__menu::-webkit-scrollbar {
    display: none
}

.anchorMenu .inner__menu ul {
    position: relative;
    background: var(--color-anchor-menu-bg);
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.anchorMenu .inner__menu ul li {
    position: relative
}

.anchorMenu .inner__menu ul li[data-bonus-count]:before {
    position: absolute;
    content: attr(data-bonus-count);
    color: var(--color-white);
    background: var(--color-anchor-menu-secondary);
    font-weight: bold;
    font-size: var(--text-xs);
    text-align: center;
    bottom: -0.7rem;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 10px;
    padding: .3rem;
    pointer-events: none
}

.anchorMenu .inner__menu ul li:not(:last-child) {
    margin-right: .8rem
}

.anchorMenu .inner__menu ul li a {
    background: var(--color-anchor-menu-primary);
    border-radius: var(--border-radius-sm);
    color: var(--color-anchor-menu-text, var(--color-text-dark));
    font-size: var(--text-sm);
    line-height: 2.1rem;
    white-space: nowrap;
    padding: 1rem 2rem;
    display: block;
    text-decoration: none;
    font-weight: 400
}

.anchorMenu .inner__menu ul li a.active, .anchorMenu .inner__menu ul li a:active {
    background: var(--color-anchor-menu-secondary);
    color: var(--color-anchor-menu-text-active, var(--color-white));
    font-weight: 600
}

.anchorMenu .inner__menu ul li a::after {
    display: block;
    content: attr(title);
    font-weight: 600;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.anchorMenu .inner .js-progressbar {
    display: block;
    width: 100%;
    background: var(--color-anchor-menu-primary);
    border-radius: .8rem;
    max-width: var(--container-width);
    margin-inline: auto
}

.anchorMenu .inner .js-progressbar div {
    height: .7rem;
    border-radius: .8rem;
    background: var(--color-anchor-menu-secondary);
    max-width: 100%
}

.button, .cta {
    background: var(--button-bg, linear-gradient(98.07deg, #14C81F -16.15%, #48E16A 146.12%));
    border-radius: var(--border-radius);
    padding: 1.9rem 4rem;
    color: var(--color-button-text, #fff);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase
}

.button:hover, .button:active, .cta:hover, .cta:active {
    color: var(--color-button-text-hover, #fff);
    filter: brightness(97%)
}

.cookie-notice {
    position: fixed;
    right: 1.4rem;
    bottom: 1.4rem;
    margin-left: 1.4rem;
    z-index: 20;
    max-width: 350px;
    background: var(--color-body);
    padding: 2rem 3rem;
    border-radius: var(--border-radius);
    box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, .2196078431);
    font-size: var(--text-sm)
}

@media only screen and (max-width: 479px) {
    .cookie-notice {
        max-width: unset;
        width: calc(100% - 2.8rem)
    }
}

.cookie-notice__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #979797;
    font-size: 1.8rem;
    line-height: 1.8rem;
    cursor: pointer;
    transition: color .2s ease-in-out
}

.cookie-notice__close:hover {
    color: #717171
}

.cookie-notice__title {
    font-weight: 700;
    margin-bottom: 1rem
}

.cookie-notice__text {
    margin-bottom: 2rem
}

.cookie-notice__text a {
    display: inline-block;
    margin-top: .6rem
}

.cookie-notice__buttons {
    display: flex;
    gap: 1.8rem
}

@media only screen and (max-width: 399px) {
    .cookie-notice__buttons {
        flex-direction: column;
        gap: .8rem
    }
}

.cookie-notice__buttons button {
    flex: 1;
    padding-block: 1rem;
    border-radius: var(--border-radius);
    border: none;
    cursor: pointer;
    font-weight: 500
}

.cookie-notice__accept {
    background: var(--gradient-button);
    color: var(--color-white)
}

.cookie-notice__read-more {
    background: var(--color-gray)
}

.hamburger-btn {
    width: 30px;
    height: 30px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    outline: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    will-change: transform
}

.hamburger-btn span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--color-white);
    border-radius: var(--border-radius);
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    pointer-events: none
}

.hamburger-btn span:nth-child(1) {
    top: .5rem;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.hamburger-btn span:nth-child(2) {
    top: 1.5rem;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.hamburger-btn span:nth-child(3) {
    top: 2.5rem;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.hamburger-btn.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 4px;
    left: 5px
}

.hamburger-btn.open span:nth-child(2) {
    width: 0%;
    opacity: 0
}

.hamburger-btn.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 25px;
    left: 4px
}

.language-selector {
    color: var(--color-heading);
    margin-top: var(--space-lg);
    font-size: var(--text-sm);
    line-height: 2.4rem;
    position: relative
}

.language-selector__options {
    position: absolute;
    top: 52px;
    right: 0;
    width: max-content;
    padding: 1rem 1.5rem;
    border-radius: var(--border-radius-sm);
    background: var(--color-white);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .12)
}

.language-selector__options.hidden {
    display: none
}

.language-selector__options .language-selector__item {
    border-bottom: 1px solid #eee;
    padding: .9rem 1.3rem;
    text-decoration: none;
    color: #333;
    text-transform: initial
}

.language-selector__options .language-selector__item:last-of-type {
    border-bottom: none
}

.language-selector__item {
    display: flex;
    gap: .9rem;
    align-items: center;
    cursor: pointer;
    text-transform: capitalize
}

.language-selector__item img {
    border-radius: 50%
}

.language-selector__selected {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding-block: .9rem;
    padding-inline: 1.5rem 1.3rem;
    border-radius: var(--border-radius-sm);
    background: rgba(0, 0, 0, .15);
    cursor: pointer;
    color: var(--color-white)
}

.language-selector__selected .language-selector__item {
    width: max-content;
    gap: .7rem;
    justify-content: center;
    text-transform: initial
}

.newsletter {
    z-index: 10;
    opacity: 0;
    position: fixed;
    bottom: 15%;
    right: -250px;
    width: 250px;
    background: var(--color-white);
    padding-block: 4rem 3rem;
    padding-inline: 2.4rem;
    border-radius: var(--border-radius-left);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .2509803922);
    transition-property: opacity right;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

@media only screen and (min-width: 900px) {
    .newsletter {
        padding-block: 3rem
    }
}

.newsletter.visible {
    opacity: 100%
}

.newsletter.open {
    right: 0
}

@media only screen and (min-width: 900px) {
    .newsletter.open .newsletter__toggle--desktop img {
        transform: rotate(0)
    }
}

.newsletter.open .newsletter__toggle--mobile {
    opacity: 0
}

.newsletter__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-weight: 700;
    font-size: var(--text-lg);
    line-height: 2rem
}

@media only screen and (min-width: 900px) {
    .newsletter__close {
        display: none
    }
}

.newsletter__toggle--desktop {
    display: none
}

@media only screen and (min-width: 900px) {
    .newsletter__toggle--desktop {
        display: flex;
        align-items: center;
        gap: 1rem;
        position: absolute;
        height: 85%;
        right: 250px;
        top: 50%;
        transform: translateY(-50%) rotate(180deg);
        writing-mode: vertical-rl;
        padding: 1rem .7rem;
        border-radius: var(--border-radius-right);
        background: var(--gradient-main);
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .2509803922);
        text-align: center;
        color: var(--color-white);
        font-weight: 500;
        cursor: pointer
    }

    .newsletter__toggle--desktop img {
        transform: rotate(180deg);
        transition: transform .4s ease-in-out
    }

    .newsletter__toggle--desktop span {
        flex: 1;
        padding-bottom: 1.4rem
    }
}

.newsletter__toggle--mobile {
    position: absolute;
    right: 250px;
    width: 42px;
    height: 42px;
    top: calc(100% - 42px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--gradient-main);
    border-radius: var(--border-radius-left);
    opacity: 100%;
    transition: opacity .25s ease-in-out;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .2509803922)
}

@media only screen and (min-width: 900px) {
    .newsletter__toggle--mobile {
        display: none
    }
}

.newsletter__title {
    margin-bottom: var(--space-md)
}

.newsletter__inputs {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 1.5rem
}

.newsletter__inputs input {
    border-radius: var(--border-radius);
    border: 1px solid #20202d;
    height: 4rem;
    text-indent: 1.2rem
}

.newsletter__text {
    margin-bottom: 1.2rem
}

.newsletter .button {
    padding-block: 1.3rem;
    padding-inline: 0;
    width: 100%;
    cursor: pointer
}

.ctaBox {
    background: var(--gradient-ctabox, var(--gradient-main));
    border-radius: var(--border-radius);
    padding: 6rem var(--space-md);
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: var(--color-ctabox-text, #fff);
    text-align: center;
    position: relative
}

.ctaBox-text {
    max-width: 80%;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400
}

.ctaBox-main-text {
    display: flex;
    font-size: 28px;
    line-height: 32px;
    font-weight: bold;
    flex-direction: column;
    gap: var(--space-sm);
    max-width: 80%;
    margin: 0 auto
}

.ctaBox .button {
    background-color: var(--ctabox-button-bg, #48E16A);
    color: var(--ctabox-button-text, #fff) !important
}

.wheel__open {
    position: fixed;
    left: 0;
    bottom: 194px;
    background: linear-gradient(90deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);
    padding: 5px;
    border-radius: var(--border-radius-right);
    transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

@media only screen and (min-width: 1140px) {
    .wheel__open {
        left: unset;
        right: 0;
        padding: 40px 15px 15px;
        border-radius: var(--border-radius-left);
        cursor: pointer
    }
}

.wheel__open.hidden {
    transform: translateX(-100%)
}

@media only screen and (min-width: 1140px) {
    .wheel__open.hidden {
        transform: translateX(100%)
    }
}

.wheel__open svg {
    display: block;
    width: 30px;
    height: 30px
}

@media only screen and (min-width: 1140px) {
    .wheel__open svg {
        position: absolute;
        left: 50%;
        top: -20px;
        transform: translateX(-50%);
        height: unset;
        width: unset
    }
}

.wheel__open p {
    display: none
}

@media only screen and (min-width: 1140px) {
    .wheel__open p {
        display: block;
        color: var(--color-white);
        font-weight: 700;
        width: min-content;
        text-align: center
    }
}

.wheel__backdrop {
    background: rgba(0, 0, 0, .9);
    z-index: 99;
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.wheel__backdrop.open {
    position: fixed;
    inset: 0;
    opacity: 1
}

.wheel__container {
    position: fixed;
    top: 60px;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    width: calc(100% - 28px);
    max-width: 360px;
    padding: 26px;
    overflow: hidden;
    border-radius: var(--border-radius);
    background: #4f76fe;
    box-shadow: 15px 15px 50px 0 rgba(0, 0, 0, .1);
    opacity: 0;
    transition: opacity .3s ease;
    pointer-events: none;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 40px;
    height: 90%
}

@media only screen and (min-width: 1140px) {
    .wheel__container {
        display: block;
        inset: 0;
        width: 80%;
        height: 100%;
        max-width: 1050px;
        padding-right: 80px;
        border-radius: 0;
        transform: translateX(-100%);
        transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }
}

.wheel__container.open {
    opacity: 1;
    pointer-events: auto
}

@media only screen and (min-width: 1140px) {
    .wheel__container.open {
        transform: translateX(0)
    }
}

.wheel__close {
    position: absolute;
    top: 8px;
    right: 8px;
    color: var(--color-white)
}

@media only screen and (min-width: 1140px) {
    .wheel__close {
        top: 30px;
        right: 30px;
        cursor: pointer
    }
}

.wheel__main {
    position: relative;
    width: 520px;
    height: 520px;
    flex-shrink: 0
}

@media only screen and (min-width: 1140px) {
    .wheel__main {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: calc(100% - 1370px);
        width: 800px;
        height: 800px
    }
}

.wheel__pointer {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 54px;
    height: 50px;
    z-index: 10;
    color: var(--color-white)
}

@media only screen and (min-width: 1140px) {
    .wheel__pointer {
        left: unset;
        right: -30px;
        top: 50%;
        transform: translateY(-50%);
        width: unset;
        height: unset;
        rotate: 90deg;
        transform-origin: top
    }
}

.wheel__wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.wheel__inner {
    position: absolute;
    inset: 0;
    transition: rotate 6000ms cubic-bezier(0.4, 0.01, 0.1, 1)
}

.wheel__center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 40px;
    background: #fff;
    border-radius: 50%;
    border: 89px solid rgba(255, 255, 255, .2);
    background-clip: padding-box
}

@media only screen and (min-width: 1140px) {
    .wheel__center {
        padding: 50px;
        border: 132px solid rgba(255, 255, 255, .2)
    }
}

.wheel__slices {
    position: absolute;
    inset: 0
}

.wheel__slices .slice {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(32%, -50%);
    transform-origin: 0 0;
    text-align: right;
    width: 40%;
    display: flex;
    align-items: center;
    gap: 50px
}

.wheel__slices .slice:nth-of-type(2) {
    rotate: 45deg
}

.wheel__slices .slice:nth-of-type(3) {
    rotate: 90deg
}

.wheel__slices .slice:nth-of-type(4) {
    rotate: 135deg
}

.wheel__slices .slice:nth-of-type(5) {
    rotate: 180deg
}

.wheel__slices .slice:nth-of-type(6) {
    rotate: 225deg
}

.wheel__slices .slice:nth-of-type(7) {
    rotate: 270deg
}

.wheel__slices .slice:nth-of-type(8) {
    rotate: 315deg
}

.wheel__slices .slice svg {
    width: 35px;
    height: 35px
}

@media only screen and (min-width: 1140px) {
    .wheel__slices .slice svg {
        width: unset;
        height: unset
    }
}

.wheel__slices .slice__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    max-width: 140px
}

@media only screen and (min-width: 1140px) {
    .wheel__slices .slice__text {
        font-size: 20px
    }
}

.wheel__form {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (min-width: 1140px) {
    .wheel__form {
        height: 100%;
        max-width: 385px;
        margin-left: auto;
        width: unset
    }
}

.wheel__form--title {
    font-size: var(--text-2rem);
    font-weight: 700;
    color: var(--color-white);
    margin-bottom: 1.5rem
}

@media only screen and (min-width: 1140px) {
    .wheel__form--title {
        font-size: 24px;
        margin-bottom: var(--space-lg)
    }
}

.wheel__form--label {
    font-size: var(--text-sm);
    color: var(--color-white);
    margin-bottom: var(--space-md)
}

@media only screen and (min-width: 1140px) {
    .wheel__form--label {
        font-size: var(--text-base-size);
        margin-bottom: 2.5rem
    }
}

.wheel__form--input {
    margin-bottom: var(--space-md)
}

.wheel__form--input input {
    font-size: var(--text-sm);
    width: 100%;
    padding: 10px;
    border-radius: var(--border-radius);
    border: 0;
    height: 40px;
    outline: none
}

@media only screen and (min-width: 1140px) {
    .wheel__form--input input {
        font-size: var(--text-base-size);
        padding: 15px
    }
}

.wheel__form--input input.just-validate-error-field {
    outline: 2px solid #ff2e3e
}

.wheel__form--input .just-validate-error-label, .wheel__form--input .form-info-label {
    font-size: var(--text-sm);
    color: #ff2e3e
}

@media only screen and (min-width: 1140px) {
    .wheel__form--input {
        margin-bottom: 2.5rem
    }
}

.wheel__form .button {
    margin-bottom: 1.5rem;
    cursor: pointer;
    font-weight: bold;
    padding: unset;
    text-transform: unset;
    outline: none;
    border: none;
    min-height: 50px;
    height: 50px;
    position: relative
}

.wheel__form .button:disabled {
    background: #e5e5e5;
    color: #bababa;
    cursor: not-allowed;
    user-select: none;
    pointer-events: none
}

.wheel__form--disclaimer {
    font-size: var(--text-xs);
    color: var(--color-white)
}

@media only screen and (min-width: 1140px) {
    .wheel__form--disclaimer {
        font-size: var(--text-base-size)
    }
}

.header .headerBonus {
    z-index: 100
}

@media only screen and (min-width: 1140px) {
    .header .headerBonus {
        position: relative
    }
}

.header .headerBonus .headerBonusIcon {
    position: relative;
    cursor: pointer;
    animation: wiggle 4.5s infinite;
    width: 34px;
    height: 34px
}

.header .headerBonus .headerBonusIcon img {
    width: 34px;
    height: 34px
}

.header .headerBonus .headerBonusCount {
    position: absolute;
    right: -10px;
    bottom: -6px;
    background: #dc2f02;
    border-radius: 50%;
    padding: 2px
}

.header .headerBonus .headerBonusCount span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #dc2f02;
    color: var(--color-white);
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    border: 2px solid #fff
}

.header .headerBonus .headerBonusModal {
    padding: 15px 7px 0 15px;
    position: absolute;
    width: 90%;
    top: var(--header-height);
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, .1)
}

.header .headerBonus .headerBonusModal.hidden {
    display: none
}

@media only screen and (min-width: 1140px) {
    .header .headerBonus .headerBonusModal {
        width: 360px;
        top: 6rem;
        left: 50%;
        transform: translate(-50%, 0)
    }
}

.header .headerBonus .headerBonusModal .close-btn {
    position: initial;
    cursor: pointer
}

.header .headerBonus .headerBonusModal .caret {
    position: absolute;
    top: 0;
    right: 72px
}

@media only screen and (min-width: 480px) {
    .header .headerBonus .headerBonusModal .caret {
        right: 62px
    }
}

@media only screen and (min-width: 1140px) {
    .header .headerBonus .headerBonusModal .caret {
        right: initial;
        left: 47%
    }
}

.header .headerBonus .headerBonusModal .caret:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0)
}

.header .headerBonus .headerBonusModal .caret:after {
    content: "";
    position: absolute;
    left: 1px;
    bottom: 0;
    border-bottom: 9px solid #fff;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0)
}

.header .headerBonus .headerBonusModal__items {
    max-height: 400px;
    overflow: auto;
    padding-right: 7px
}

.header .headerBonus .headerBonusModal__items::-webkit-scrollbar {
    width: 20px
}

.header .headerBonus .headerBonusModal__items::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0)
}

.header .headerBonus .headerBonusModal__items::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid rgba(0, 0, 0, 0);
    background-clip: content-box
}

.header .headerBonus .headerBonusModal-head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header .headerBonus .headerBonusModal-head p {
    font-weight: bold;
    font-size: 12px
}

@media only screen and (min-width: 1140px) {
    .header .headerBonus .headerBonusModal-head p {
        font-size: 14px
    }
}

.header .headerBonus .headerBonusItem {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f6f6f6;
    padding: 16px 0;
    gap: 8px
}

.header .headerBonus .headerBonusItem:last-child {
    border-bottom: none
}

.header .headerBonus .headerBonusItem .headerBonusImage {
    flex: 0 0 55px;
    height: 55px
}

.header .headerBonus .headerBonusItem .headerBonusImage img {
    width: 55px;
    height: 100%;
    border-radius: 5px
}

.header .headerBonus .headerBonusItem .headerBonusText {
    flex: 1;
    text-align: center;
    display: flex;
    justify-content: center;
    font-weight: 700;
    color: #2c00a9;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px
}

.header .headerBonus .headerBonusItem .btn {
    width: 100px;
    height: 40px
}

@keyframes wiggle {
    10%, 20%, 30%, 40%, 50% {
        transform: rotate(0)
    }
    15% {
        transform: rotate(-15deg)
    }
    25% {
        transform: rotate(-10deg)
    }
    35% {
        transform: rotate(-5deg)
    }
    45% {
        transform: rotate(-2deg)
    }
}

.card-welcome {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0
}

@media only screen and (min-width: 900px) {
    .card-welcome {
        width: 255px
    }
}

.card-welcome__container {
    margin-top: 2.5rem;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    gap: 1.5rem
}

.card-welcome__container::-webkit-scrollbar {
    display: none
}

@media only screen and (min-width: 900px) {
    .card-welcome__container {
        gap: var(--space-lg)
    }
}

.card-welcome__title {
    font-size: var(--text-lg);
    line-height: 3rem;
    font-weight: 700;
    color: var(--color-heading);
    text-align: center
}

@media only screen and (min-width: 900px) {
    .card-welcome__title {
        font-size: var(--text-lg);
        line-height: 2.7rem;
        display: flex;
        align-items: flex-end;
        min-height: 10%
    }
}

.card-welcome__image {
    width: 100%
}

.card-welcome__image img {
    width: 100%;
    margin-top: 1.1rem;
    border-radius: var(--border-radius);
    height: 311px
}

@media only screen and (min-width: 900px) {
    .card-welcome__image img {
        height: 255px !important;
        object-fit: cover
    }
}

.card-welcome .button {
    margin-top: 1.5rem;
    width: 100%;
    padding-inline: 0;
    font-weight: 700;
    font-size: var(--text-base-size);
    color: var(--welcome-btn-text-color, #fff) !important
}

.card-welcome__deposit {
    margin-top: .9rem;
    font-size: var(--text-md);
    font-weight: 700;
    line-height: 2.7rem;
    color: var(--color-heading);
    text-align: center
}

.card-welcome__deposit span {
    font-size: 2.2rem;
    line-height: 3.3rem;
    margin-left: .8rem
}

.card-welcome__oneliner {
    text-align: center;
    font-size: var(--text-sm);
    color: var(--color-module-text);
    line-height: 2.4rem
}

@media only screen and (min-width: 900px) {
    .card-welcome__oneliner {
        margin-top: .4rem;
        font-size: var(--text-base-size)
    }
}

.cardsList {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

@media only screen and (min-width: 560px) {
    .cardsList {
        flex-wrap: wrap;
        flex-direction: row;
        gap: 2rem
    }
}

.module {
    padding-block: 2.7rem;
    padding-inline: var(--space-md)
}

@media only screen and (min-width: 900px) {
    .module {
        padding-inline: 0
    }
}

.module .before-content {
    margin-bottom: var(--space-md)
}

.module .after-content {
    margin-top: var(--space-md)
}

.module .before-content, .module .after-content {
    color: var(--color-module-text)
}

.module .before-content > *, .module .after-content > * {
    margin-top: 2.3rem
}

.module .before-content p:first-of-type, .module .after-content p:first-of-type {
    margin-top: 0
}

.module h1 + *, .module h2 + *, .module h3 + *, .module h4 + *, .module h5 + *, .module h6 + * {
    margin-top: 0
}

.module h2, .module h3, .module h4, .module h5, .module h6 {
    margin-bottom: .8rem
}

.module img {
    height: auto
}

.module ul {
    margin-left: var(--space-lg)
}

.module ul li {
    list-style-type: disc
}

.module ol {
    margin-left: var(--space-lg)
}

.module ol li {
    list-style-type: decimal;
    padding-left: .3rem
}

.module ul, .module ol {
    color: var(--color-module-text)
}

.module:not(.content-module) h2, .module:not(.content-module) h3, .module:not(.content-module) h4, .module:not(.content-module) h5, .module:not(.content-module) h6 {
    margin-bottom: .8rem
}

.content-module {
    font-size: var(--text-sm);
    line-height: 2.4rem;
    color: var(--color-text-light)
}

.content-module img {
    border-radius: 8px
}

.content-module__card > * {
    margin-top: 2.3rem
}

.content-module__card p {
    color: var(--color-module-text);
    word-wrap: break-word
}

.content-module__card p:first-of-type {
    margin-top: 0
}

@media only screen and (min-width: 900px) {
    .content-module {
        font-size: var(--text-base-size)
    }
}

.content-module .button {
    color: var(--color-white);
    font-weight: 700;
    font-size: var(--text-base-size)
}

@media only screen and (max-width: 479px) {
    .content-module .button {
        width: 100%
    }
}

.content-module .overflow-table {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, .1019607843)
}

.content-module .overflow-table::-webkit-scrollbar {
    display: none
}

.content-module .overflow-table table {
    width: 100%;
    min-width: 768px;
    padding: 1.2rem 1.9rem;
    border-collapse: separate;
    border-radius: 1rem;
    background-color: var(--color-table-bg);
    font-size: var(--text-base-size);
    box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, .1019607843)
}

.content-module .overflow-table table thead {
    color: var(--color-table-text)
}

.content-module .overflow-table table thead th {
    text-align: left;
    font-weight: bold
}

.content-module .overflow-table table thead th:first-child {
    padding: 1.6rem
}

.content-module .overflow-table table td {
    color: var(--color-table-text);
    padding-block: 1.2rem
}

.content-module .overflow-table table:has(thead) tbody td:first-child {
    font-weight: initial;
    color: var(--color-table-text)
}

.content-module .overflow-table table td:first-child {
    font-weight: 600;
    color: var(--color-heading);
    color: var(--color-table-text)
}

.content-module .overflow-table table tr:not(:last-of-type) td {
    border-bottom: 1px solid var(--color-table-sep)
}

.content-module .overflow-table table tr td:first-child {
    padding-left: 1.6rem
}

.content-module .overflow-table table tr td:last-child {
    padding-right: 1.6rem
}

.content-module .overflow-table .floatfix {
    margin-bottom: var(--space-sm)
}

.content-module .overflow-table .floatfix:first-of-type {
    margin-bottom: 0
}

.content-module .overflow-table .floatfix::after {
    content: "";
    display: block;
    clear: both
}

.content-module__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg)
}

@media only screen and (min-width: 900px) {
    .content-module__wrapper {
        flex-direction: row
    }
}

.content-module__content {
    width: 100%
}

@media only screen and (min-width: 900px) {
    .content-module__content {
        flex: 50%
    }
}

.content-module .two-col {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg)
}

@media only screen and (min-width: 900px) {
    .content-module .two-col {
        flex-direction: row
    }
}

.content-module .two-col > div {
    flex-basis: 50%
}

.content-module__card h1 + *, .content-module__card h2 + *, .content-module__card h3 + *, .content-module__card h4 + *, .content-module__card h5 + *, .content-module__card h6 + * {
    margin-top: 0
}

.module:not(.hero-module) {
    font-size: var(--text-base-size)
}

.module.content-module p, .module.content-module ul {
    font-size: var(--text-base-size)
}

.module.content-module .btn, .module.content-module .cta {
    color: var(--color-button-text, #fff)
}

.module.content-module .btn:hover, .module.content-module .cta:hover {
    color: #fff
}

.module.content-module a {
    color: var(--color-link)
}

.module.content-module a:hover {
    color: var(--color-link-hover)
}

.module.content-module table {
    table-layout: fixed
}

.module.content-module table th:first-child {
    padding-left: var(--space-lg)
}

.module.content-module table th:last-child {
    padding-right: var(--space-lg)
}

.module.content-module table td:first-child {
    padding-left: var(--space-lg)
}

.module.content-module table td:last-child {
    padding-right: var(--space-lg)
}

.module.content-module .content-module__wrapper {
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0
}

.module.content-module .content-module__wrapper.top, .module.content-module .content-module__wrapper.bottom {
    flex-direction: column;
    justify-content: center
}

.module.content-module .content-module__wrapper.bottom {
    flex-direction: column-reverse
}

.module.content-module .content-module__wrapper.right {
    flex-direction: column;
    gap: var(--space-lg)
}

@media only screen and (min-width: 900px) {
    .module.content-module .content-module__wrapper.right {
        flex-direction: row-reverse;
        gap: var(--space-lg)
    }
}

@media only screen and (min-width: 900px) {
    .module.content-module .content-module__wrapper.left {
        gap: var(--space-lg)
    }
}

.module.content-module .content-module__image {
    flex-basis: 50%
}

.module.content-module .content-module__image.small {
    flex-basis: 35%
}

.module.content-module .content-module__image.large {
    flex-basis: 80%
}

.module.content-module .content-module__image.full {
    display: block
}

.module.content-module .content-module__image.full img {
    width: 100%
}

.module.content-module .content-module__image.full.bottom img {
    margin-top: var(--space-md)
}

.module.content-module .content-module__card {
    flex: 50%;
    font-size: var(--text-base-size)
}

.module.content-module .content-module__card.dark a:hover {
    color: var(--color-anchor-secondary-hover)
}

.module.content-module .content-module__card .game.card {
    width: 14rem
}

.module.content-module .content-module__card .game__image a:nth-child(2) {
    display: none;
    height: unset;
    bottom: 0
}

.module.content-module .content-module__card .game__image:hover a:nth-child(2) {
    display: flex
}

.module.content-module .content-module__card .game__overlay {
    border-width: .3rem;
    font-size: 1.8rem;
    text-decoration: none
}

.module.content-module .content-module__card .game__overlay svg {
    width: 60px;
    height: 60px;
    margin-top: 1rem
}

.faq {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.faq__item {
    background-color: var(--color-faq-bg);
    padding: 2.8rem var(--space-md);
    border-radius: 1rem;
    cursor: pointer;
    box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, .1019607843)
}

.faq__question, .faq__answer-content {
    color: var(--color-faq-text, var(--color-text-dark));
    font-size: var(--text-sm);
    line-height: 2.4rem
}

.faq__question {
    font-weight: 600
}

@media only screen and (min-width: 900px) {
    .faq__question {
        font-size: var(--text-base-size);
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.faq__icon {
    display: none
}

@media only screen and (min-width: 900px) {
    .faq__icon {
        display: block;
        font-size: var(--text-xxl);
        line-height: 2rem;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
}

.faq__answer-wrap {
    display: grid;
    grid-template-rows:0fr;
    overflow: hidden;
    transition: all .3s
}

.faq__answer-wrap.open {
    margin-top: 1.2rem;
    grid-template-rows:1fr
}

.faq__answer-wrap.open .faq__answer-content {
    visibility: visible
}

.faq__answer-content {
    align-self: end;
    min-height: 0;
    transition: visibility .3s;
    visibility: hidden;
    cursor: text
}

.proscons {
    display: flex;
    flex-direction: column;
    gap: 3.1rem
}

@media only screen and (min-width: 900px) {
    .proscons {
        flex-direction: row;
        gap: var(--space-lg)
    }
}

.proscons__pros, .proscons__cons {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media only screen and (min-width: 900px) {
    .proscons__pros, .proscons__cons {
        flex-basis: 50%
    }
}

.proscons__pros h1, .proscons__pros h2, .proscons__pros h3, .proscons__pros h4, .proscons__pros h5, .proscons__pros h6, .proscons__cons h1, .proscons__cons h2, .proscons__cons h3, .proscons__cons h4, .proscons__cons h5, .proscons__cons h6 {
    margin-bottom: 0
}

.proscons__title {
    font-size: var(--text-md);
    font-weight: 600;
    line-height: 2.7rem;
    color: var(--color-cons-title)
}

.proscons__item {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.6rem var(--space-md);
    border-radius: 1rem;
    min-height: 8rem;
    background-color: var(--color-cons-bg);
    color: var(--color-cons-text);
    box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, .1019607843)
}

.proscons__item--icon {
    flex-shrink: 0;
    color: var(--color-white);
    font-size: 1.2rem;
    line-height: 1.2rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.proscons__item--icon.pro {
    color: #fff;
    background: linear-gradient(83.78deg, #14C81F -3.53%, #48E16A 116.18%)
}

.proscons__item--icon.pro svg {
    width: 1.6rem;
    height: 1.6rem
}

.proscons__item--icon.con {
    color: #fff;
    background: linear-gradient(83.78deg, #9E9E9E -3.53%, #C8C8C8 116.18%)
}

.proscons__item--icon.con svg {
    width: 1.6rem;
    height: 1.6rem
}

.proscons__item p {
    font-weight: 500
}

.proscons-module .module {
    padding: 0
}

.providers-block {
    border-block: solid 2.7rem var(--color-body);
    background: var(--gradient-providers-block)
}

.providers-block .container {
    padding-block: 6.1rem 6.4rem;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.providers-block .container::-webkit-scrollbar {
    display: none
}

.providers-block__title {
    margin-bottom: .8rem;
    color: var(--color-white)
}

.providers-block__text {
    font-weight: 500;
    font-size: var(--text-sm);
    line-height: 2.4rem;
    margin-bottom: 1.8rem;
    color: var(--color-white)
}

.providers-block__providers {
    display: grid;
    align-items: center;
    gap: 1.8rem 4.3rem;
    grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
    width: var(--container-width)
}

.providers-block__providers a {
    width: fit-content
}

.providers-block__providers img {
    display: block
}

.sticky-cta {
    position: sticky;
    bottom: 0;
    background: var(--gradient-providers-block);
    width: 100%;
    transition: all .3s ease-in-out;
    z-index: 10;
    height: 8rem;
    max-height: 8rem;
    overflow: hidden
}

.sticky-cta.hide {
    position: fixed;
    bottom: -180px
}

.sticky-cta .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: 0
}

@media only screen and (max-width: 639px) {
    .sticky-cta .container {
        padding: 1.5rem;
        padding-right: 2.5rem
    }
}

@media only screen and (min-width: 900px) {
    .sticky-cta .container {
        padding: 0 1.3rem;
        padding-right: 2.5rem
    }
}

.sticky-cta__logo {
    display: none
}

.sticky-cta__logo img {
    display: block;
    width: var(--logo-width);
    height: var(--logo-height)
}

@media only screen and (min-width: 640px) {
    .sticky-cta__logo {
        display: block
    }
}

.sticky-cta__oneliner {
    color: var(--sticky-cta-text, #fff);
    font-weight: 800;
    font-size: var(--text-sm);
    line-height: 2.1rem;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    max-width: 50%
}

@media only screen and (min-width: 900px) {
    .sticky-cta__oneliner {
        flex-direction: row;
        gap: 5px;
        font-size: var(--text-md);
        line-height: 2.7rem;
        max-width: initial
    }
}

.sticky-cta .cta {
    font-weight: 700;
    font-size: var(--text-xs);
    line-height: 1.8rem;
    padding: 1.1rem var(--space-md);
    background: var(--sticky-cta-btn-bg, linear-gradient(98.07deg, #14C81F -16.15%, #48E16A 146.12%));
    color: var(--sticky-cta-btn-text, #fff)
}

@media only screen and (min-width: 900px) {
    .sticky-cta .cta {
        font-size: var(--text-sm);
        line-height: 2.1rem
    }
}

.sticky-cta__close {
    position: absolute;
    right: .2rem;
    top: .2rem;
    color: var(--sticky-cta-cross, #fff);
    width: 2.4rem;
    height: 2.4rem
}

.sticky-cta__close:hover {
    cursor: pointer
}

.card.game {
    width: 150px;
    text-align: center;
    text-decoration: none
}

@media only screen and (min-width: 900px) {
    .card.game {
        width: 206px
    }
}

.card.game a {
    display: inline-block
}

.card.game img {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 5px
}

@media only screen and (min-width: 900px) {
    .card.game img {
        width: 206px;
        height: 206px
    }
}

.card.game .game__title {
    margin-top: 1.1rem;
    font-size: var(--text-sm);
    line-height: 2rem;
    font-weight: 600;
    color: var(--color-slot-text);
    max-width: 150px
}

@media only screen and (min-width: 900px) {
    .card.game .game__title {
        max-width: 206px
    }
}

.card.game .game__provider {
    font-size: var(--text-xs);
    line-height: 2rem;
    color: var(--color-slot-text)
}

.splide__arrows {
    display: none
}

@media only screen and (min-width: 900px) {
    .splide__arrows {
        display: block
    }
}

@media only screen and (min-width: 900px) {
    .splide__arrow {
        position: absolute;
        z-index: 1;
        top: 45%;
        background: none;
        border: none;
        padding: 0;
        cursor: pointer
    }

    .splide__arrow svg {
        display: block
    }

    .splide__arrow:disabled {
        visibility: hidden
    }

    .splide__arrow--prev {
        color: #d9d9d9;
        left: 0;
        transform: translateY(-50%) rotate(180deg);
        background-color: var(--color-primary);
        padding: 4px;
        border-radius: 50px
    }
}

@media only screen and (min-width: 900px)and (min-width: 1248px) {
    .splide__arrow--prev {
        left: -4rem
    }
}

@media only screen and (min-width: 900px) {
    .splide__arrow--next {
        color: #d9d9d9;
        background-color: var(--color-primary);
        padding: 4px;
        border-radius: 50px;
        right: 0
    }
}

@media only screen and (min-width: 900px)and (min-width: 1248px) {
    .splide__arrow--next {
        right: -4rem
    }
}

.splide__pagination {
    margin-top: 1rem !important;
    gap: var(--space-sm) !important
}

@media only screen and (min-width: 900px) {
    .splide__pagination {
        margin-top: 3rem !important
    }
}

.splide__pagination li {
    display: flex !important
}

.splide__pagination__page {
    border: none;
    cursor: pointer;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    background-color: var(--slider-slide-inactive, #D9D9D9)
}

@media only screen and (min-width: 900px) {
    .splide__pagination__page {
        height: 12px;
        width: 12px
    }
}

.splide__pagination__page.is-active {
    background: var(--color-primary, #20202D)
}

.cardsList.toplist {
    gap: 38px
}

.cardsList.toplist > div {
    width: 100%
}

.toplist-item {
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #eee;
    position: relative
}

@media only screen and (min-width: 1140px) {
    .toplist-item {
        flex-direction: row;
        align-items: center;
        gap: 30px;
        height: 160px
    }
}

.toplist-item__info {
    display: flex;
    padding: var(--space-default);
    gap: var(--space-sm);
    align-items: center
}

@media only screen and (min-width: 1140px) {
    .toplist-item__info {
        padding: 0;
        gap: 24px;
        width: 26.5%
    }
}

.toplist-item__header {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.toplist-item__header .rating-element {
    order: -1
}

.toplist-item__header span {
    font-size: 13px;
    font-weight: 500;
    color: rgba(43, 37, 71, .6980392157)
}

.toplist-item__header span svg {
    color: var(--color-primary)
}

.toplist-item__operator-title {
    font-weight: 700;
    font-size: 20px
}

@media only screen and (min-width: 1140px) {
    .toplist-item__operator-title {
        display: none
    }
}

.toplist-item__image {
    position: relative
}

@media only screen and (min-width: 768px) {
    .toplist-item__image {
        width: 160px;
        height: 160px
    }
}

.toplist-item__image a, .toplist-item__image img {
    width: 110px;
    height: 110px;
    border-radius: 10px
}

@media only screen and (min-width: 768px) {
    .toplist-item__image a, .toplist-item__image img {
        width: 160px;
        height: 160px;
        border-radius: 24px 0 0 24px
    }
}

.toplist-item__counter {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 28px;
    height: 28px;
    border-radius: 12px 0 12px 0;
    background: var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    font-weight: 600;
    color: #8f8f95
}

.toplist-item__counter.order-1 {
    background-color: #efce57;
    color: #7a7150
}

.toplist-item__counter.order-2 {
    background-color: #d9d9d9;
    color: #75767a
}

.toplist-item__counter.order-3 {
    background-color: #dfa856;
    color: #735c3c
}

.toplist-item__ribbon {
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0px 10px 0px 10px;
    background-color: var(--color-primary);
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 0 14px;
    color: #fff;
    font-size: 10px;
    font-weight: 700
}

.toplist-item__title {
    font-size: 20px;
    font-weight: 600
}

.toplist-item__options {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-top: 9px
}

@media only screen and (min-width: 768px) {
    .toplist-item__options {
        padding-top: 0;
        justify-content: center
    }
}

.toplist-item__players-rating {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    font-size: 13px;
    font-weight: 600
}

@media only screen and (min-width: 768px) {
    .toplist-item__extra {
        display: flex;
        gap: 14px
    }

    .toplist-item__extra svg {
        color: var(--color-primary)
    }
}

.toplist-item__show-more {
    font-size: 13px;
    display: none
}

@media only screen and (min-width: 768px) {
    .toplist-item__show-more {
        display: flex;
        align-items: center;
        gap: 5px;
        cursor: pointer
    }
}

.toplist-item__compare {
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative
}

.toplist-item__compare .js-checkbox-text {
    cursor: pointer;
    position: absolute;
    padding-left: 20px
}

.toplist-item__main {
    padding: var(--space-default);
    padding-top: 0;
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media only screen and (min-width: 768px) {
    .toplist-item__main {
        flex-direction: row;
        padding: 0;
        flex: 1;
        gap: 30px
    }
}

.toplist-item__main .operator-bonus__expert-rating {
    display: none
}

.toplist-item__main .operator-bonus__wager {
    display: none
}

.toplist-item__payments {
    padding: 14px;
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px
}

@media only screen and (min-width: 1140px) {
    .toplist-item__payments {
        width: 250px;
        padding: 0;
        max-width: 100%;
        margin: 0
    }
}

.toplist-item__payout-time {
    font-size: 13px;
    font-weight: 500;
    color: #2b2547
}

.toplist-item__payout-time span {
    color: rgba(43, 37, 71, .6980392157)
}

.toplist-item__cta {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 0 14px 14px
}

@media only screen and (min-width: 768px) {
    .toplist-item__cta {
        width: 240px;
        padding: 0 14px;
        gap: 12px
    }
}

.toplist-item__cta-btn {
    height: 54px
}

@media only screen and (min-width: 768px) {
    .toplist-item__cta-btn {
        height: 56px
    }
}

.toplist-item__cta-options {
    display: flex;
    justify-content: center;
    gap: 20px;
    font-size: 13px;
    padding-bottom: 18px
}

@media only screen and (min-width: 1140px) {
    .toplist-item__cta-options {
        display: none
    }
}

.toplist-item__more-info {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    padding: 2px 56px 6px 60px;
    border-radius: 0px 0px 20px 20px;
    width: max-content;
    border: 1px solid #eee;
    border-top: none;
    background-color: var(--color-white);
    font-size: 12px
}

@media only screen and (min-width: 1140px) {
    .toplist-item__more-info {
        left: 69%;
        cursor: pointer
    }
}

.toplist-item__more-info:has(span.open) {
    border: none
}

.toplist-item__more-info:has(span.open) svg {
    transform: rotate(180deg)
}

.toplist-item__more-info svg {
    color: #8c8f99
}

.toplist-item__review svg {
    color: #00b078
}

.toplist-item__review-desk {
    font-size: 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    display: none;
    font-weight: 500;
    color: rgba(33, 36, 41, .8980392157)
}

@media only screen and (min-width: 1140px) {
    .toplist-item__review-desk {
        display: flex
    }
}

.toplist-item:has(+.more-content.open) {
    border-radius: 15px 15px 0 0;
    box-shadow: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0)
}

.toplist-item:has(+.more-content.open) + .more-content {
    border-radius: 0 0 15px 15px;
    box-shadow: none
}

.more-content {
    display: none;
    border-left: 2px solid #eee;
    border-right: 2px solid #eee;
    border-bottom: 2px solid #eee
}

.more-content.open {
    padding: var(--space-lg);
    border-radius: 15px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: var(--space-default)
}

.more-content__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg)
}

@media only screen and (min-width: 768px) {
    .more-content__wrapper {
        flex-direction: row
    }
}

.more-content__text {
    margin-bottom: var(--space-sm);
    font-size: var(--text-xs);
    line-height: var(--line-height-sm);
    color: var(--color-text)
}

@media only screen and (min-width: 768px) {
    .more-content__text {
        flex-basis: 50%
    }
}

@media only screen and (min-width: 768px) {
    .more-content .icon-wrap {
        flex-basis: 50%
    }
}

.more-content__icons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: var(--space-md)
}

.more-content__icons div.tooltip:hover {
    filter: brightness(90%)
}

.more-content__table {
    border-collapse: separate;
    color: inherit;
    width: 100%;
    table-layout: auto
}

.more-content__table tr {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px
}

.more-content__table td:not(:last-child) {
    padding-block: .75rem
}

.more-content__list {
    font-size: var(--text-xs);
    line-height: var(--line-height-sm);
    color: var(--color-text)
}

@media only screen and (min-width: 768px) {
    .more-content__list {
        flex-basis: 50%
    }
}

.more-content__list li {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm)
}

.more-content__list li:not(:last-child) {
    margin-bottom: var(--space-default)
}

.more-content__list li span {
    width: 14px
}

.more-content__list li span svg {
    width: 16px;
    height: 16px
}

.more-content__list li p {
    flex: 1;
    line-height: 14px
}

.more-content__verified {
    font-size: var(--text-xs);
    line-height: 1.4rem;
    color: var(--color-text);
    display: flex;
    align-items: center;
    gap: var(--space-sm)
}

.toplist-item .operator-bonus {
    width: 100%
}

@media only screen and (min-width: 1140px) {
    .toplist-item .operator-bonus .operator-bonus__first-value, .toplist-item .operator-bonus .operator-bonus__second-value {
        font-size: 32px
    }
}

@media only screen and (min-width: 1140px) {
    .toplist-item .operator-bonus .operator-bonus__first-value--text, .toplist-item .operator-bonus .operator-bonus__second-value--text {
        font-size: 16px
    }
}

@media only screen and (min-width: 1140px) {
    .toplist-item .operator-bonus .operator-bonus__first-text, .toplist-item .operator-bonus .operator-bonus__second-text {
        font-size: 13px
    }
}

@media only screen and (min-width: 1140px) {
    .toplist-item .operator-bonus .operator-bonus__first-text--text, .toplist-item .operator-bonus .operator-bonus__second-text--text {
        font-size: 16px
    }
}

.payment-methods {
    position: relative;
    display: flex;
    gap: 4px;
    flex-wrap: wrap
}

.payment-methods__image {
    width: 36px;
    height: 36px;
    display: flex
}

.payment-methods__image img {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.payment-methods__more-button {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-primary);
    border-radius: 5px;
    cursor: pointer
}

.payment-methods__more-button svg {
    color: #fff
}

.payment-methods__hidden {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    max-width: 300px;
    position: absolute;
    bottom: -74px;
    right: 2px;
    background-color: #212734;
    padding: 16px;
    border-radius: 15px;
    z-index: 1
}

.payment-methods__hidden.hidden {
    display: none
}

.payment-methods__hidden .payment-methods__image-wrap {
    border: 1px solid #303849
}

.rating-element {
    display: flex;
    align-items: center;
    gap: 8px
}

.rating-element--player-review .rating-element__circle {
    width: 24px;
    height: 24px
}

.rating-element--player-review .rating-element__icon {
    width: 18px;
    height: 18px
}

.rating-element--author-review .rating-element__circle {
    width: 40px;
    height: 40px
}

.rating-element--author-review .rating-element__icon {
    width: 30px;
    height: 30px
}

.rating-element--author-review .rating-element__rating-stats {
    font-size: 20px;
    font-weight: 800;
    line-height: initial
}

.rating-element--author-review .rating-element__rating-stats span {
    font-size: 20px;
    font-weight: 800;
    line-height: initial
}

.rating-element__circle {
    position: relative;
    border-radius: 50%
}

.rating-element__icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.rating-element__icon > div {
    border-radius: 50%;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.rating-element__icon svg {
    color: #272142
}

.rating-element__value {
    font-size: 28px;
    font-weight: 800
}

.rating-element__rating-stats {
    display: flex;
    gap: 3px;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px
}

.rating-element__rating-stats span {
    font-size: 14px;
    font-weight: 700
}

.operator-bonus {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.operator-bonus a {
    color: #000
}

.operator-bonus__bonus-wrap {
    display: flex;
    flex-direction: column;
    flex: 1
}

.operator-bonus__bonus-wrap--empty {
    font-size: 20px;
    color: #303030;
    display: flex;
    justify-content: center;
    font-weight: 700;
    cursor: not-allowed
}

.operator-bonus__expert-rating {
    height: 80px;
    align-items: center;
    grid-area: expert;
    justify-content: space-between
}

.operator-bonus__expert-rating > div:not(.rating-element) {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.operator-bonus__expert-text {
    font-size: 14px;
    font-weight: 600
}

.operator-bonus__expert {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px
}

.operator-bonus__expert .not-rated {
    width: 100%;
    text-align: center;
    color: #838383
}

.operator-bonus__expert svg {
    color: var(--color-primary)
}

.operator-bonus__bonus-options, .operator-bonus__wager {
    display: flex;
    background-color: #f4f7ff;
    border-radius: 10px;
    border: 1px solid #d8e4f8
}

@media only screen and (min-width: 1140px) {
    .operator-bonus__bonus-options, .operator-bonus__wager {
        background-color: unset;
        border-radius: unset;
        border: unset
    }
}

.operator-bonus__first {
    position: relative;
    height: 88px;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-decoration: none
}

.operator-bonus__first > div, .operator-bonus__first > a {
    max-width: 90%;
    margin: 0 auto
}

.operator-bonus__first:after {
    content: "";
    width: 2px;
    height: 36px;
    background-color: #e6e8f0;
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

@media only screen and (min-width: 1140px) {
    .operator-bonus__first:before {
        content: "";
        width: 2px;
        height: 36px;
        background-color: #e6e8f0;
        position: absolute;
        display: block;
        top: 50%;
        transform: translateY(-50%);
        left: 0
    }
}

.operator-bonus__second {
    position: relative;
    gap: 8px;
    text-decoration: none
}

.operator-bonus__second > div, .operator-bonus__second > a {
    max-width: 90%;
    margin: 0 auto
}

@media only screen and (min-width: 1140px) {
    .operator-bonus__second:after {
        content: "";
        width: 2px;
        height: 36px;
        background-color: #e6e8f0;
        position: absolute;
        display: block;
        top: 50%;
        transform: translateY(-50%);
        right: 0
    }
}

.operator-bonus__first-value {
    font-size: 28px;
    font-weight: 800
}

.operator-bonus__first-value--text {
    font-size: 15px;
    font-weight: 600;
    text-align: center
}

.operator-bonus__first-text {
    font-size: 12px;
    color: rgba(43, 37, 71, .6980392157);
    font-weight: 500
}

.operator-bonus__second {
    width: 50%;
    height: 88px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.operator-bonus__second-value {
    font-size: 28px;
    font-weight: 800
}

.operator-bonus__second-value--text {
    font-size: 15px;
    font-weight: 600;
    text-align: center
}

.operator-bonus__second-text {
    font-size: 12px;
    color: rgba(43, 37, 71, .6980392157);
    font-weight: 500
}

.operator-bonus__wager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    min-height: 34px
}

.operator-bonus__wager span {
    font-weight: 700
}

.operator-bonus__wager-icon {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAnCAYAAABJ0cukAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVmSURBVHgBzVm9UttYFD73SsnsAHacDAUzGCK67dZ02SpytyU8AaZLF1KmwjwB8ARQplt4AswTQLp0GGxP2E5ryGQXJN39jiWBLV/JFlJ28s2EyFdXV+f/T4IKwuLiYo3IsKWk33yfbCGoguVKeNtRitpCqLZS4lQI/7zb7baoAAjKgQowNzf3nkiu4Wcty7MBQ/6e67rH19fXbXoinsxAtVrdBuFb9CjlHPCb0MgOPQGZGQhN5QAmkknik8AaIfLWe73eeZbnjCybl5eXNyD1TyDeonRiLoUQn7EP9k6XkNNf+Pc3bi0kPcM+I4R8Vy6XqN/vn9KUmFoD1eoyTIaaKUedSqmOpJRHbUC3wwI8z7OVkg2w+Tb5rOlNSgTEVW3PE5WvXztHuk2Q/BYiy27CEZCWwAvbLcqAgBm/CW1t6HdMx4RYWlraRWhjZ4Tq1WGv19kc3sA2L4RxpnsYL//Q613tUQ7g/Q2QARrGg4HnqfUkoUYQMA01uuTXoxjNYXJ2tnwWt3n8RlyX61mlnoRQGydgwordclz3bjUtzEqQ0xpdEtvRValU2tYRbxiyXhTxDPYZPhNnt2O3Kqb5bDftWaNcfokooRqPS8IqlcqXs7MzjpTmp/gDkNLHTudyoFbW0Pz8/Bs4rvMPQDngAKDl8ygtA3p+RWQ6RWRq656TgSRHtYAQuKvjHBI6jGyeE9ncXPkCR5ywmS0sLFiUE6FW98fvPFrF2B3+AxOsua5/RhNgmnIFqd+C/R/ETasIhw5pqcAfLuJOfXvbf8laiu+X/AcmyNlvP+1gHHjuut4BS1yXyJADHCoAoIULvzFaoOWGbr+MLiDdJjsoJSAoHYStWecXfuh0OodUEEDLnuY9tm7vAwNJnKeBfQLRY7UI0xkG0zIeHZW2aJTDP5jzNC08grOvrHc6V5tJZUNeoNTef7wmxzSNhnZffIEzIzLzgf5QQkMiN4vMAWngBOe6ZJkmnQda0dCkW6xWX59AZfbDpsDO97vdqyb9ZDC1i6bYRB0CJqjChMPO95Ik8KMQdXtB5UqO592t60qKXC3lj8Li4qDAi5UxqtXtdurxvYkNTVQmzMzMIInc/i/S57K+XH6BJCm2wqHAEIIS5+amP9KxaTUQltADE6LBRMGrZ231soDLEJQuB7o8MwxuO799668OZ2Sp2yiEyXVQJAFu9VIrwqeCtcz9iGk+v5hEfEAXWfCLreE1SVNB2PwyKhDc5XExGDVT00O+H6YlgQE11lTHOc8DSH0tbFHHhBL2BGnmiiar9FCdahlARta0caOc5wGc1BpfC2qq+/s7jjS1Cc9vBeOdBAaC6jRei1ClKC2gATqMuq+wdNlBrlnhmsownjVpnOCjeLcW+WViHqhWLRv98Ul8HRFptYiIFPTBVDMMakVJMmn6wX1IMI6Jlzh+PTWRxUuKgAFqIyvW88wzdYiF7mEidzBkaOrpUa3UKMQlRbw65VBmGM9PimghIyQRz2YTER+uxOZEwk4dLXLCqFRe/Aup/xE7GLnBWEMYvESr94VygM0GXvEnLn+JvYOnH78PJ61+32kjG6/AJwYOrJS/P1UthNlRE/9pG2sehnne/U5Wk+KyIWjW9QkM3xI2k7q8pSVrDUJ1uKzPMhttUgITDGYEDnj8/ftNS9d8M4JBWWkN0t1Iy7xpxI/tpQyYxEQEHgCACAeqbge/FcpyUZs01Q78bUD8EU2JzOU0Z9FwlmlRoRCnCBqNrC1qpu8DDEzIvrx69fLY9xUz/4ZyIszAH5HE3iWZXurzlAPRiByXb7Nr5OF7wmGebq+wjizM3HbonAiz6nU0XQukLPDVRsE36DztI0hW/AdE6HbBZMsijQAAAABJRU5ErkJggg==);
    width: 1.6rem;
    height: 1.3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.operator-bonus--view {
    flex-direction: row
}

.operator-bonus--view .operator-bonus__expert-rating {
    display: none
}

.operator-bonus--view .operator-bonus__bonus-wrap {
    flex-direction: column;
    gap: 10px
}

@media only screen and (min-width: 768px) {
    .operator-bonus--view .operator-bonus__bonus-wrap {
        flex-direction: row
    }
}

@media only screen and (min-width: 768px) {
    .operator-bonus--view .operator-bonus__first, .operator-bonus--view .operator-bonus__second, .operator-bonus--view .operator-bonus__wager {
        min-width: 180px;
        height: 100%;
        gap: 8px
    }
}

@media only screen and (min-width: 1140px) {
    .operator-bonus--view .operator-bonus__wager {
        flex-direction: column
    }
}

.operator-bonus--view .operator-bonus__wager-text {
    display: flex;
    font-size: 12px;
    color: #6b677f;
    font-weight: 500;
    gap: 6px
}

.operator-bonus--view .operator-bonus__first-value, .operator-bonus--view .operator-bonus__second-value {
    font-size: 28px;
    font-weight: 800;
    text-align: center
}

@media only screen and (min-width: 1140px) {
    .operator-bonus--view .operator-bonus__first-value, .operator-bonus--view .operator-bonus__second-value {
        font-size: 32px
    }
}

.operator-bonus--view .operator-bonus__wager-value {
    font-size: 16px;
    font-weight: 800
}

@media only screen and (min-width: 1140px) {
    .operator-bonus--view .operator-bonus__wager-value {
        font-size: 32px
    }
}

.operator-bonus--view .operator-bonus__first-value--text, .operator-bonus--view .operator-bonus__second-value--text {
    font-size: 16px;
    font-weight: 500
}

@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__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
}
.header__nav ul a {
    color: var(--color-white);
    line-height: 2.4rem;
    text-decoration: none;
    text-transform: uppercase
}

@media (max-width: 850px) {
    .header__main {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .headerBonus {
        display: none;
    }
}
nav ul {
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0;
}
header {
    padding: 10px;
}
main, footer {
    padding: 10px;
}
p {
    margin-bottom: 16px;
}
table {
    margin: 30px 0;
    width: 100%;
}
td, th {
    word-break: break-all;
    text-align: center;
    padding: 5px;
    border: 1px solid var(--button-bg);
}
main ul, ol {
    margin-bottom: 16px;
    padding-left: 20px;
}
header ul li {
    margin: 10px;
}
.frontpage img, main img {
    display: block;
    max-width: 100%;
    border-radius: 10px;
    margin: 15px auto;
}