/* devanagari */
@font-face {
  font-family: 'Akshar';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(../fonts/Yq6V-LyHWTfz9rGCpR5lhOc.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Akshar';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(../fonts/Yq6V-LyHWTfz9rGCqh5lhOc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Akshar';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(../fonts/Yq6V-LyHWTfz9rGCpB5l.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(../fonts/LYjNdG7kmE0gfaJ9pRtB.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(../fonts/LYjNdG7kmE0gfa19pRtB.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(../fonts/LYjNdG7kmE0gfaN9pQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --font-primary: "Akshar",Roboto,-apple-system,BlinkMacSystemFont,sans-serif;
    --text-xs: 1.4rem;
    --text-sm: 1.6rem;
    --text-base-size: 1.9rem;
    --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: 10rem;
    --border-radius: 10rem;
    --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
}

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

h1{
    font-family: 'Teko', sans-serif;    
}

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: 3.2rem;
    font-weight: 700;
    line-height: 3.6rem
}

h3 {
    font-size: 2.8rem;
    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
}
.footer__bottom-images img {
	max-width: 200px;
	max-height: 100px;
	width: 100%;
	height: auto;
}

@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;
    background: #173a86;
}

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

@media only screen and (min-width: 900px) {
    .header .hamburger-btn {
        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 .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
}

.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: 1.5rem
    }

    .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;
    filter: drop-shadow(0 0 10px #ffffff85);
}

.hero__title h1,.hero__title h2,.hero__title h3,.hero__title h4,.hero__title h5,.hero__title h6, h1 {
    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, h1 {
        text-align:left;
        font-size: 4.8rem;
        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-xs);
    line-height: 2.9rem;
    text-align: center;
    color: #fff;
    padding: 1rem;
    margin-top: 20px;
}

@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, .bonus-title {
    color: var(--color-text-light);
    margin-top: var(--space-sm);
    font-size: 22px;
    font-weight: 700;
    font-family: 'Teko', sans-serif;
}

.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, #ff5050);    
    border-radius: var(--border-radius);
    border:2px solid var(--button-bg, #ff5050);
    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;
    position: relative;
}
.bonus-badge {
    font-size: 10px;
    line-height: 1;
    padding: 2px 3px;
    color: #e2eeee;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    background: #069815;
    position: absolute;
    right: -5px;
    top: -5px;
}
.bonus-badge img {
    width: 15px;
    height: 15px;
    color: #ffffff;
}
.button.green-button {    
    background: #39cc59;
    border: none;
}

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

.button.green-button:hover {
    /*background: #ff5050;
    border: 2px solid #ff5050;*/
}

.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: 40px;
    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;    
    font-family: 'Teko', sans-serif;
}

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

.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 h1,.module h2,.module h3,.module h4,.module h5,.module h6 {
    margin-bottom: .8rem;
    color: #1a1a1a;
}

.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: 16px
}

.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;
        margin-bottom: 20px;
    padding-bottom: 20px;
}


::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #d9e5fe;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #39cc59;
  border-radius: 10px;
}

.content-module .overflow-table table {
    /*width: 100%;*/
    min-width: 100%;
    padding: 0;
    border-collapse: separate;
    border-radius: 16px;
    background-color: var(--color-table-bg);
    font-size: var(--text-base-size);
        box-shadow: 0px 0px 20px 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;
    border-bottom: 1px solid var(--color-table-sep);
    padding: 2rem;
    background: var(--color-table-sep);
    color: #ffffff;
}

.content-module .overflow-table table thead th:first-child {
    padding: 2rem;
    border-top-left-radius: 16px;
}
.content-module .overflow-table table thead th:last-child {
    padding: 2rem;
    border-top-right-radius: 16px;
}

.content-module .overflow-table table td {
    color: var(--color-table-text);
    padding: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: 2rem
}

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

.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(--button-bg, linear-gradient(98.07deg, #e8661d -16.15%, #ff813b 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
    }
}
@media (max-width: 400px) {
    .sticky-cta .cta {
        padding: 1.1rem var(--space-sm);
    }
}

.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
}
.up_button {
    bottom: 100px;
    cursor: pointer;
    height: 55px;
    opacity: 0;
    position: fixed;
    right: 20px;
    text-align: center;
    transition: opacity .5s ease-in-out;
    width: 55px;
    z-index: 1000
}

@media only screen and (max-width: 768px) {
    .up_button {
        bottom:100px;
        left: auto;
        margin-left: 0;
        right: 20px;
    }
}
.img-wrp {
	margin: 20px auto;
	text-align: center;
}
.img-wrp img {
	width: 100%;
	height: auto;
}
a.disabled {
	cursor: pointer;
	pointer-events: none;
	opacity: 0.7;
}
.hero.frontpage {
	background: url(../images/bg-hero1.webp), radial-gradient(50% 100% at 75% 50%, #205db6, #0d297d);
    background-blend-mode: color-burn;
}
@media (max-width:600px) {
	.hero.frontpage {
		background: url(../images/bg-hero1-mob.webp), radial-gradient(100% 50% at 50% 75%, #205db6, #0d297d);
	}
}
.module.content-module a.button {
    display: block;
    margin: 20px auto;
    color: #fff;
    width: fit-content;
    min-width: 280px;
    text-align: center;
}