: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: 1110px;
    --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;
}

*,
*::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;
}

ol,
ul,
menu {
    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;
}

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

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

.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 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}

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

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

.header__nav ul {
    display: none;
}

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

    .header__nav ul a {
        color: var(--color-white);
        line-height: 2.4rem;
        text-decoration: none;
        text-transform: uppercase;
    }
}

.header__extra {
    display: none;
}

@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 .language-selector__selected>img {
        display: none;
    }

    .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: calc(var(--header-height) + 2rem);
    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-top: calc(var(--header-height) + 4rem);
        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;
}

.hero__title h1,
.hero__title h2,
.hero__title h3,
.hero__title h4,
.hero__title h5,
.hero__title h6 {
    font-weight: 800;
    font-size: 2.6rem;
    line-height: 3.9rem;
    text-align: center;
    color: var(--color-white);
}

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

    .hero__title h1,
    .hero__title h2,
    .hero__title h3,
    .hero__title h4,
    .hero__title h5,
    .hero__title h6 {
        text-align: left;
        font-size: 4rem;
        line-height: 6rem;
    }
}

.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;
    margin-block: var(--space-xl);
    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;
}

@media only screen and (min-width: 1140px) {
    .wheel__slices .slice__text {
        font-size: 24px;
        line-height: 29px;
        font-weight: 700;
    }
}

.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;
    width: 300px;
}

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

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

@media only screen and (min-width: 900px) {
    .splide__arrow--next {
        color: #d9d9d9;
        transform: translateY(-50%) rotate(180deg);
        right: 0;
    }
}

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

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

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