.PageLayout_main-wrapper__0YdTr {
    position: relative;
    width: 100%;
    height: 253.8vw;
    overflow: hidden;
    background-image: url(../media/bg-mob.cb663d07.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    z-index: 1
}

@media (min-width: 1000px) {
    .PageLayout_main-wrapper__0YdTr {
        height: 56.25vw;
        overflow: hidden;
        background-image: url(../media/bg-desktop.af065053.webp)
    }
}

.Header_header__1RJ5C {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6.73vw 3.2vw 0
}

@media (min-width: 1000px) {
    .Header_header__1RJ5C {
        padding: 2.08vw 6.35vw 0 6.15vw;
        transition: all .3s;
        justify-content: space-between
    }
}

.Header_header__logo__W3BBN {
    position: relative;
    z-index: 1;
    height: 6.867vw
}

.Header_header__logo__W3BBN > img {
    height: 100%
}

@media (min-width: 1000px) {
    .Header_header__logo__W3BBN {
        height: 2.6vw
    }
}

.Header_jgb-button__drlQd {
    display: none
}

@media (min-width: 1000px) {
    .Header_jgb-button__drlQd {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 10.67vw;
        height: 2.18vw;
        cursor: pointer;
        background-image: url(../media/button.d1692180.png);
        background-repeat: no-repeat;
        background-size: contain;
        transition: .3s
    }

    .Header_jgb-button__drlQd > span {
        font-family: Jugabet, sans-serif;
        font-size: 1.04vw;
        font-weight: 800;
        color: #0a234f
    }

    .Header_jgb-button__drlQd:hover {
        background-image: url(../media/btnHov.4e9fff45.png)
    }

    .Header_jgb-button__drlQd:hover > span {
        color: #b9e113
    }
}

.Footer_footer__OQpsI {
    position: relative;
    width: 100vw;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    padding: 4.27vw;
    z-index: 2;
    background: rgba(5, 8, 19, .8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

@media (min-width: 1000px) {
    .Footer_footer__OQpsI {
        background: rgba(5, 8, 19, .8);
        padding: .62vw 6.25vw .625vw;
        justify-content: flex-start
    }
}

.Footer_footer__policy__iAk3s, .Footer_footer__privacy__MeXYz {
    color: #fff;
    font-family: Rubik;
    font-size: 3.73333vw;
    font-weight: 400;
    text-transform: capitalize;
    transition: all .15s ease-out
}

.Footer_footer__policy__iAk3s:hover, .Footer_footer__privacy__MeXYz:hover {
    color: #b9d532
}

@media (min-width: 1000px) {
    .Footer_footer__policy__iAk3s, .Footer_footer__privacy__MeXYz {
        order: 3;
        font-size: .72917vw
    }
}

.Footer_footer__policy__iAk3s {
    margin-right: 10.67vw
}

@media (min-width: 1000px) {
    .Footer_footer__policy__iAk3s {
        order: 2;
        margin-right: 2.08vw
    }
}

.Footer_footer__payments__nJ8Nh {
    height: 6.4vw;
    margin: 5vw 0 4vw
}

@media (min-width: 1000px) {
    .Footer_footer__payments__nJ8Nh {
        order: 4;
        height: 2.08vw;
        margin: 0 0 0 9.167vw
    }
}

.Footer_footer__mail-wrapper__Gf3tQ {
    margin-right: 5.33vw;
    color: #fff;
    font-family: Rubik;
    font-size: 3.73vw;
    font-weight: 400;
    transition: all .15s ease-out
}

@media (min-width: 1000px) {
    .Footer_footer__mail-wrapper__Gf3tQ {
        order: 1;
        margin: 0 9.167vw;
        font-size: .72917vw
    }
}

.Footer_footer__mail__5Mjy1 {
    color: #fff
}

.Footer_footer__mail__5Mjy1:hover {
    color: #b9d532
}

.Footer_footer__copyright___2L8W {
    margin-right: 5.333vw;
    color: #fff;
    font-family: Rubik;
    font-size: 3.2vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

@media (min-width: 1000px) {
    .Footer_footer__copyright___2L8W {
        order: 0;
        margin: 0;
        font-size: .72vw
    }
}

.Footer_footer__play-responsible__AY0U1 {
    width: 6.933vw;
    height: 6.4vw;
    transform: translateY(-.8vw)
}

@media (min-width: 1000px) {
    .Footer_footer__play-responsible__AY0U1 {
        margin: 0 0 0 7.8vw;
        width: 2.292vw;
        height: 2.604vw;
        order: 5;
        transform: translateY(-.156vw)
    }
}

.Footer_footer__play-responsible__AY0U1 > img {
    height: 100%;
    width: 100%
}

.Footer_footer__disclaimer__55rzo {
    margin-top: 7vw;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 116.67%;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

@media (min-width: 1000px) {
    .Footer_footer__disclaimer__55rzo {
        margin-top: 1vw;
        width: 100%;
        order: 6;
        font-size: .625vw
    }

    .Footer_footer__disclaimer__55rzo > br {
        display: none
    }
}

.Footer_footer__description__x8Skz {
    margin-top: 7vw;
    font-family: Rubik;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 116.67%;
    color: hsla(0, 0%, 100%, .4);
    text-transform: uppercase;
    text-align: center
}

@media (min-width: 1000px) {
    .Footer_footer__description__x8Skz {
        margin-top: 1.25vw;
        width: 100%;
        order: 6;
        font-size: .625vw
    }
}

.MainSection_main__SW4mE {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 7.5vw 0 0
}

@media (min-width: 1000px) {
    .MainSection_main__SW4mE {
        align-items: flex-start;
        padding: 15.63vw 6.15vw 14.8vw
    }
}

.MainSection_main__title__FAUMC {
    margin-bottom: 114vw;
    font-family: Jugabet, sans-serif;
    font-size: 12.2vw;
    line-height: 100%;
    text-align: center;
    color: transparent
}

.MainSection_main__title__FAUMC > span {
    font-size: 16.27vw
}

@media (min-width: 1000px) {
    .MainSection_main__title__FAUMC {
        margin-bottom: 3.76vw;
        font-size: 4.48vw;
        line-height: 100%;
        white-space: nowrap
    }

    .MainSection_main__title__FAUMC > span {
        display: block;
        font-size: 5.89vw
    }
}

.MainSection_main__wheel__QWRhb {
    position: absolute;
    top: 37vw;
    left: 12vw;
    display: block;
    width: 76.5vw;
    height: 76.5vw
}

.MainSection_main__wheel__circle__ZmVCP {
    width: 100%;
    height: 100%;
    transition: all 5s cubic-bezier(.44, .01, .29, 1.03)
}

.MainSection_main__wheel__circle--1__iY4af, .MainSection_main__wheel__circle--2__qyN20 {
    transform: rotate(1620deg)
}

.MainSection_main__wheel__circle--3___fQZD, .MainSection_main__wheel__circle--4__Ue8Aw {
    transform: rotate(3420deg)
}

.MainSection_main__wheel__arrow__JUIGT {
    position: absolute;
    top: -17.8vw;
    left: 50%;
    transform: translateX(-50%);
    width: 29.6vw;
    height: 22.9vw
}

.MainSection_main__wheel__button__btRBM {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 26vw;
    height: 26vw;
    z-index: 1;
    border-radius: 50%;
    cursor: pointer;
    transition: all .05s ease-out
}

.MainSection_main__wheel__button__btRBM:active {
    box-shadow: inset 0 0 2.7vw 0 rgba(0, 0, 0, .5)
}

.MainSection_main__wheel__button__btRBM > span {
    display: block;
    width: 100%;
    height: 100%;
    animation: MainSection_pulse__APJKl 1.5s infinite;
    background-image: url(../media/wheel_button.2be56239.webp);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain
}

.MainSection_main__wheel__button__btRBM:hover > span {
    animation-play-state: paused
}

.MainSection_main__wheel__QWRhb:before {
    content: "";
    position: absolute;
    bottom: -57.5vw;
    right: 37.8vw;
    width: 70.2vw;
    height: 83.6vw;
    z-index: 1;
    background: 50%/contain no-repeat url(../media/hero3.797bb197.png)
}

.MainSection_main__wheel__QWRhb:after {
    content: "";
    position: absolute;
    bottom: -49.5vw;
    right: -30.2vw;
    width: 67.2vw;
    height: 122.6vw;
    background: 50%/contain no-repeat url(../media/hero2.1b89afc1.webp)
}

@media (min-width: 1000px) {
    .MainSection_main__wheel__QWRhb {
        top: 11.9vw;
        left: 36.6vw;
        width: 26.7vw;
        height: 26.7vw
    }

    .MainSection_main__wheel__QWRhb:before {
        display: none
    }

    .MainSection_main__wheel__QWRhb:after {
        content: "";
        position: absolute;
        bottom: -13.5vw;
        right: -24.2vw;
        width: 29.06vw;
        height: 48.9vw;
        background: 50%/contain no-repeat url(../media/hero.b31aeeec.webp)
    }

    .MainSection_main__wheel__arrow__JUIGT {
        top: -6.3vw;
        width: 10.417vw;
        height: 8.021vw
    }

    .MainSection_main__wheel__button__btRBM {
        width: 8.5vw;
        height: 8.5vw
    }

    .MainSection_main__wheel__button__btRBM > span {
        animation: MainSection_pulse__APJKl 1.3s infinite
    }

    .MainSection_main__wheel__button__btRBM:active {
        box-shadow: inset 0 0 1.7vw 0 rgba(0, 0, 0, .5)
    }
}

.MainSection_main__cta__le6up {
    display: flex;
    flex-direction: column;
    margin-bottom: 8vw;
    color: transparent;
    font-family: Jugabet;
    font-size: 10.93vw;
    line-height: 100%;
    text-align: center
}

.MainSection_main__cta__le6up > span:first-child {
    margin-right: 16vw
}

.MainSection_main__cta__le6up > span:last-child {
    margin-left: 22vw
}

@media (min-width: 1000px) {
    .MainSection_main__cta__le6up {
        margin-bottom: 3.91vw;
        font-size: 5vw;
        color: #0a234f
    }

    .MainSection_main__cta__le6up > span:first-child {
        margin-right: 6vw
    }

    .MainSection_main__cta__le6up > span:last-child {
        margin-left: 10.3vw
    }
}

.MainSection_main__modal__hHorc {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 91.47vw;
    padding: 6.4vw 7vw;
    background-color: rgba(2, 13, 33, .8);
    border: .53vw solid #b6de13;
    border-radius: 8vw;
    z-index: 1
}

.MainSection_main__modal--wrapper__lgY1X {
    opacity: 0;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    display: grid;
    place-content: center;
    width: 0;
    height: 0;
    pointer-events: none
}

.MainSection_main__modal--wrapper__lgY1X:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(9px)
}

.MainSection_main__modal--wrapper__lgY1X:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .9)
}

.MainSection_main__modal--wrapper--1__3NBXG, .MainSection_main__modal--wrapper--2__75P13 {
    opacity: 1;
    width: 100vw;
    height: 100vh;
    pointer-events: all
}

.MainSection_main__modal__title__o9PZX {
    width: 51vw;
    margin-bottom: 6.4vw;
    color: #aec32c;
    font-family: Jugabet, sans-serif;
    font-size: 5.33vw;
    text-align: center
}

.MainSection_main__modal__description__Znbwb {
    margin-bottom: 6.4vw;
    color: #b9e113;
    font-family: Jugabet;
    font-size: 3.73vw;
    text-align: center
}

.MainSection_main__modal__description__Znbwb > span {
    font-size: 4.8vw;
    display: block;
    color: #fff
}

.MainSection_main__modal__button__fe7yg {
    display: grid;
    place-content: center;
    width: 78.67vw;
    height: 13.87vw;
    background-color: #b9e113;
    border-radius: 12px;
    cursor: pointer;
    transition: all .15s ease-out
}

.MainSection_main__modal__button__fe7yg:hover {
    border: 2px solid #aec32c;
    background-color: transparent
}

.MainSection_main__modal__button__fe7yg:hover > span {
    color: #fff
}

.MainSection_main__modal__button__fe7yg > span {
    color: #0a234f;
    font-family: Jugabet, sans-serif;
    font-size: 5.33vw;
    text-align: center
}

.MainSection_main__modal__close__y6x1I {
    position: absolute;
    top: 4.27vw;
    right: 4.27vw;
    width: 6.4vw;
    height: 6.4vw;
    background-color: transparent;
    background-image: url(../media/close.e89a3466.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    transition: all .15s ease-out
}

.MainSection_main__modal__close__y6x1I:hover {
    transform: scale(1.1)
}

@media (min-width: 1000px) {
    .MainSection_main__modal__hHorc {
        width: 31.25vw;
        padding: 1.67vw;
        border: .21vw solid #b6de13;
        border-radius: 1.56vw
    }

    .MainSection_main__modal--wrapper__lgY1X {
        background-color: rgba(0, 0, 0, .7);
        backdrop-filter: blur(.52vw);
        -webkit-backdrop-filter: blur(.52vw)
    }

    .MainSection_main__modal--wrapper__lgY1X:after, .MainSection_main__modal--wrapper__lgY1X:before {
        content: none
    }

    .MainSection_main__modal__title__o9PZX {
        width: auto;
        margin-bottom: 1.67vw;
        font-size: 1.98vw
    }

    .MainSection_main__modal__description__Znbwb {
        margin-bottom: 1.67vw;
        font-size: 1.24vw
    }

    .MainSection_main__modal__description__Znbwb > span {
        font-size: 1.67vw
    }

    .MainSection_main__modal__button__fe7yg {
        width: auto;
        height: 3.7vw;
        padding: 0 2vw
    }

    .MainSection_main__modal__button__fe7yg > span {
        font-size: 1.67vw
    }

    .MainSection_main__modal__close__y6x1I {
        top: .83vw;
        right: .83vw;
        width: 1.25vw;
        height: 1.25vw
    }

    .MainSection_main__modal__hHorc:after {
        content: "";
        position: absolute;
        bottom: .5vw;
        right: -7.2vw;
        width: 11.2vw;
        height: 12.6vw;
        background: 50%/contain no-repeat url(../media/coin.cc32db61.png)
    }

    .MainSection_main__modal__hHorc:before {
        content: "";
        position: absolute;
        bottom: .5vw;
        right: 23.5vw;
        width: 17.2vw;
        height: 17.6vw;
        background: 50%/contain no-repeat url(../media/art.5b7c7089.png)
    }
}

@keyframes MainSection_pulse__APJKl {
    0%, to {
        transform: scale(1.05)
    }
    50% {
        transform: scale(1.1)
    }
}