.btn, .btn-a {
    background-color: #ffd338;
    color: #250737;
    border-radius: 40px;
    border: 0;
    min-width: 200px;
    min-height: 45px;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    text-decoration: none;
    padding: 8px 50px 7px;
    font-weight: 700
}

@media (max-width: 1024px) {
    .btn, .btn-a {
        font-size: 16px;
        padding: 7px 50px;
        min-width: 120px
    }
}

@media (max-width: 767px) {
    .btn, .btn-a {
        font-size: 14px;
        min-width: auto;
        min-height: auto
    }
}

@media (hover: hover) {
    .btn-a:hover, .btn:hover {
        background-color: #ffd338;
        color: #250737;
        opacity: .8
    }
}

.btn-a:focus, .btn:focus {
    outline: 0;
    box-shadow: none;
    background-color: #ffd338;
    color: #250737
}

.btn-a.logins, .btn.logins {
    padding: 5px 20px
}

.btn-a.loginButton, .btn.loginButton {
    font-size: 18px;
    font-weight: 700
}

.btn-a {
    border: 0 !important;
    display: block !important;
    padding: 10px 0 !important
}

img {
    width: auto;
    max-width: 100%
}

body.modal-open {
    padding-right: 0 !important;
    overflow-y: scroll !important
}

@media (max-width: 480px) {
    body, body.modal-open {
        padding-right: 0 !important
    }
}

@media only screen and (min-device-width: 375px)and (max-device-width: 767px)and (orientation: landscape) {
    body.modal-open {
        padding-right: 0 !important
    }
}

.errorMsg {
    color: red;
    font-size: 12px;
    position: absolute;
    bottom: -3px;
    left: 0;
    margin: 0
}

@media (max-width: 768px) {
    #pay_iframe {
        width: 95% !important;
        margin: 0 !important;
        max-height: 100% !important;
        overflow: scroll !important;
        left: 2.5% !important;
        top: 2.5% !important;
        right: 2.5% !important;
        bottom: 2.5% !important;
        height: 95% !important
    }
}

.borderError {
    border: 1px solid red !important
}

.autocomplete-dropdown-container {
    position: absolute;
    z-index: 2;
    padding: 0;
    background-color: #fff;
    top: 68px;
    left: 0;
    right: 0
}

.autocomplete-dropdown-container .suggestion-item, .autocomplete-dropdown-container .suggestion-item--active {
    padding: 10px;
    border-bottom: 1px solid #dadada
}

.modal {
    overflow-y: auto
}

body.homepage.modal-open {
    overflow: auto !important;
    padding-right: 0 !important
}

.home {
    background: #20132e;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem
}

@media (min-width: 641px)and (max-width: 1280px) {
    .home {
        padding: 5%
    }
}

.home .main-content-wrapper {
    width: 100%;
    max-width: 1200px;
    position: relative;
    min-height: 25vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5%
}

.home .main-content-wrapper > * {
    width: 100%
}

.home .main-content-wrapper .sub-categories-wrapper {
    margin-top: 1rem
}

@media (min-width: 641px) {
    .home .main-content-wrapper .sub-categories-wrapper {
        margin-top: 7rem
    }
}

.banner-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 4.0625rem;
    width: 100%;
    max-width: 75rem;
    margin-top: 3rem
}

@media (max-width: 1280px) {
    .banner-container {
        height: auto;
        margin-top: 0
    }
}

.banner-container .banner-text-container {
    display: flex;
    position: relative;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
    max-width: 75rem;
    color: #fff
}

@media (min-width: 1280px) {
    .banner-container .banner-text-container {
        padding-left: 0
    }
}

@media (max-width: 640px) {
    .banner-container .banner-text-container {
        max-width: 72%
    }
}

.banner-container .banner-text-container h1 {
    padding-bottom: .8rem;
    font-size: 3rem
}

@media (max-width: 640px) {
    .banner-container .banner-text-container h1 {
        padding-bottom: 0;
        font-size: 2.375rem;
        white-space: pre-wrap;
        width: 1.875rem
    }
}

.banner-container .banner-text-container p {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: Montserrat, sans-serif
}

@media (max-width: 640px) {
    .banner-container .banner-text-container p {
        font-size: 1rem;
        width: 85%
    }
}

.banner-container .banner-text-container .join-now-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3.5rem;
    background: linear-gradient(99.15deg, #ffe563 12.07%, #ffd60a 93.97%);
    padding: 1.25rem 1.5625rem;
    width: 9.8125rem;
    min-width: 9.8125rem;
    height: 3.5rem;
    color: #000;
    font-weight: 700;
    font-size: .875rem;
    line-height: .875rem;
    text-align: center;
    text-decoration: none
}

.get-ready-for-container {
    font-family: Montserrat, sans-serif;
    margin: 3rem 0
}

@media (max-width: 640px) {
    .get-ready-for-container {
        padding: 0 5%
    }
}

.get-ready-for-container h2 {
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 500
}

@media (min-width: 768px) {
    .get-ready-for-container h2 {
        font-size: 2.1rem;
        padding: 2% 5%
    }
}

.get-ready-for-container h3 {
    font-weight: 500
}

.get-ready-for-container .items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3rem;
    row-gap: 4rem
}

@media (max-width: 640px) {
    .get-ready-for-container .items {
        flex-direction: column;
        align-items: center
    }
}

.get-ready-for-container .item-wrapper {
    position: relative;
    width: 60%;
    max-width: 240px;
    aspect-ratio: 2/1;
    border: 2px solid #d800ff;
    box-shadow: inset 0 0 46px rgba(216, 0, 255, .494);
    border-radius: 10px;
    background: #2c1745 0 0 no-repeat padding-box
}

@media (min-width: 641px) {
    .get-ready-for-container .item-wrapper {
        width: 22.5%;
        max-width: 15rem;
        height: 7.4rem;
        box-shadow: inset 0 0 46px rgba(216, 0, 255, .494)
    }
}

.get-ready-for-container .item-wrapper .image-wrapper {
    position: absolute;
    top: -3rem;
    left: 50%;
    transform: translateX(-50%);
    width: 5rem;
    height: 100%
}

.get-ready-for-container .item-wrapper .image-wrapper.customer-service {
    top: -3.6rem
}

.get-ready-for-container .item-wrapper .image-wrapper.slot-machine {
    top: -3.1rem;
    width: 9rem
}

@media (max-width: 640px) {
    .get-ready-for-container .item-wrapper .image-wrapper.slot-machine {
        width: 8rem
    }
}

.get-ready-for-container .item-wrapper .image-wrapper.epic-jackpots {
    width: 9.5rem;
    top: -3rem
}

@media (min-width: 1281px) {
    .get-ready-for-container .item-wrapper .image-wrapper.epic-jackpots {
        width: 13.5rem;
        top: -4.5rem
    }
}

.get-ready-for-container .item-wrapper .image-wrapper img {
    height: auto;
    object-fit: cover
}

@media (min-width: 641px) {
    .get-ready-for-container .item-wrapper .image-wrapper {
        width: 6rem
    }
}

.get-ready-for-container .item-wrapper .text {
    font-family: Montserrat, sans-serif;
    display: block;
    margin-top: 3rem;
    font-size: .85rem;
    color: #fff;
    text-align: center
}

@media (min-width: 641px) {
    .get-ready-for-container .item-wrapper .text {
        margin-top: 3.7rem
    }
}

@media (min-width: 1281px) {
    .get-ready-for-container .item-wrapper .text {
        margin-top: 4rem
    }
}

.seo-text-section-container {
    color: #fff;
    background-color: #20132e;
    max-height: none;
    transition: max-height .5s;
    position: relative
}

.seo-text-section-container .seo-text-body {
    max-width: 1200px;
    margin: auto;
}

.seo-text-section-container.expandable-seo-text-section {
    overflow: hidden;
    padding-bottom: 5rem;
    -webkit-font-smoothing: antialiased;
    font-family: Montserrat, sans-serif;
    font-size: .945rem
}

.seo-text-section-container.expandable-seo-text-section .seo-text-body button {
    padding: 0;
    border: none;
    outline: revert;
    font: inherit;
    color: inherit;
    background: none;
    font-family: inherit
}

.seo-text-section-container.expandable-seo-text-section .seo-text-body button svg {
    position: absolute;
    left: 0;
    bottom: 2rem;
    width: 1rem;
    fill: #fff;
    transform: rotate(90deg)
}

@media (max-width: 1200px) {
    .seo-text-section-container.expandable-seo-text-section .seo-text-body button svg {
        left: min(3.25rem, 5%)
    }
}

.seo-text-section-container.expandable-seo-text-section .seo-text-body.non-expanded {
    position: relative
}

.seo-text-section-container.expandable-seo-text-section .seo-text-body.non-expanded .content {
    max-height: 21.5rem;
    overflow: hidden
}

@media (max-width: 480px) {
    .seo-text-section-container.expandable-seo-text-section .seo-text-body.non-expanded .content {
        max-height: 58rem
    }
}

.seo-text-section-container.expandable-seo-text-section .seo-text-body.expanded {
    max-height: unset;
    position: relative
}

.seo-text-section-container.expandable-seo-text-section .seo-text-body.expanded button svg {
    transform: rotate(270deg)
}

.seo-text-section-container.expandable-seo-text-section .seo-text-body p {
    margin-bottom: 1.5rem
}

.seo-text-section-container.expandable-seo-text-section .seo-text-body h2, .seo-text-section-container.expandable-seo-text-section .seo-text-body h3 {
    margin-bottom: 10px;
    margin-top: 25px
}

.seo-text-section-container.expandable-seo-text-section .seo-text-body a {
    margin: 0 .3rem
}

.sub-category-container {
    margin-top: 2rem;
    font-family: Montserrat, sans-serif
}

.sub-category-container .sub-category-header {
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    -webkit-user-select: none;
    user-select: none
}

.sub-category-container .sub-category-header .left-section {
    display: flex;
    align-items: center;
    gap: 3px
}

.sub-category-container .sub-category-header .left-section .sub-category-icon {
    width: 15px;
    margin-right: 5px;
    height: 15px
}

@media (min-width: 1281px) {
    .sub-category-container .sub-category-header .left-section .sub-category-icon {
        width: 20px;
        height: 20px;
        margin-right: 10px
    }
}

.sub-category-container .sub-category-header .left-section .sub-category-name {
    font-size: 1.375rem;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased
}

@media (max-width: 640px) {
    .sub-category-container .sub-category-header .left-section .sub-category-name {
        font-size: 1.125rem
    }
}

.sub-category-container .sub-category-header .see-all-button {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    text-decoration: none
}

.sub-category-container .sub-category-header .see-all-button:hover {
    color: #ffc500
}

.sub-category-container .game-item {
    cursor: pointer;
    padding: 1rem 1.5rem 0 0
}

@media (max-width: 1280px) {
    .sub-category-container .game-item {
        padding: .8rem .8rem 0 0
    }
}

@media (max-width: 640px) {
    .sub-category-container .game-item.recents:nth-child(n+4) {
        display: none !important
    }
}

.sub-category-container .game-item .game-icon-parent-div {
    position: relative;
    overflow: hidden;
    border-radius: .75rem
}

.sub-category-container .game-item .game-icon-parent-div .game-icon-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 11/15
}

.sub-category-container .game-item .game-icon-parent-div .game-icon-image-wrapper .game-icon-image-aspect-ratio {
    position: relative;
    width: 100%
}

.sub-category-container .game-item .game-icon-parent-div .game-icon-image-wrapper .game-icon-image-payload {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.sub-category-slider-container {
    position: relative;
    margin-top: 10px;
    width: auto
}

@media (max-width: 640px) {
    .sub-category-slider-container {
        margin-right: -1.25rem
    }
}

.sub-category-slider-container .slick-slide > div {
    display: flex
}

.sub-category-slider-container button.slick-disabled {
    background: none
}

.sub-category-slider-container .next-arrow, .sub-category-slider-container .prev-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    width: 24px
}

@media (max-width: 1280px) {
    .sub-category-slider-container .next-arrow, .sub-category-slider-container .prev-arrow {
        display: none
    }
}

.sub-category-slider-container .prev-arrow {
    left: -30px;
    transform: rotate(180deg) translateY(50%)
}

.sub-category-slider-container .next-arrow {
    right: -30px
}

.sub-category-slider-container .slick-next:before, .sub-category-slider-container .slick-prev:before {
    display: none
}

.sub-category-slider-container .slick-prev {
    background: url(/_next/static/media/lobby-arrow-point-to-left.5dc9d499.png) no-repeat;
    background-position: 50%;
    background-size: 15px
}

.sub-category-slider-container .slick-next {
    background: url(/_next/static/media/lobby-arrow-point-to-right.76cd85d1.png) no-repeat;
    background-position: 50%;
    background-size: 15px
}

.sub-category-slider-container .slick-dots {
    display: flex !important;
    line-height: 5px
}

.sub-category-slider-container .slick-dots li {
    flex-grow: 1;
    margin: 0;
    background: #5f0bab;
    width: 10%;
    height: 5px;
    overflow: hidden
}

.sub-category-slider-container .slick-dots li button:before {
    color: #5f0bab;
    width: 100%;
    transition: all .5s linear
}

.sub-category-slider-container .slick-dots li.slick-active button:before {
    background-color: #a03ef9;
    height: 5px
}

.asset-missing-image {
    width: 100%;
    height: 100%;
    color: #fefefe;
    background: #000
}

.game-icon-parent-div {
    position: relative;
    aspect-ratio: 11/15;
    overflow: hidden;
    border-radius: .625rem;
    transition: transform .3s ease-in-out
}

.game-icon-parent-div:hover {
    transform: translateY(-.5rem)
}

.game-icon-parent-div .game-icon-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 11/15
}

.game-icon-parent-div .game-icon-image-wrapper .game-icon-image-payload {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.game-icon-parent-div .game-icon-image-wrapper .game-icon-image-payload img {
    transition: transform .2s
}

.game-icon-parent-div .game-actions-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    z-index: 3;
    padding: .75rem;
    width: 100%;
    height: 4.5rem
}

@media (max-width: 640px) {
    .game-icon-parent-div .game-actions-overlay {
        padding: 0 .1875rem .5625rem;
        height: 2.5rem
    }
}

.game-icon-parent-div .game-actions-overlay .game-icon-metadata-see-more, .game-icon-parent-div .game-actions-overlay .game-icon-star-button {
    width: 1.5rem;
    height: 1.5rem
}

@media (max-width: 640px) {
    .game-icon-parent-div .game-actions-overlay .game-icon-metadata-see-more, .game-icon-parent-div .game-actions-overlay .game-icon-star-button {
        width: .875rem;
        height: .875rem
    }
}

.game-icon-parent-div .game-actions-overlay .game-icon-metadata-see-more:disabled, .game-icon-parent-div .game-actions-overlay .game-icon-star-button:disabled {
    filter: grayscale(80%) brightness(70%)
}

.game-icon-parent-div .game-actions-overlay .game-icon-metadata-see-more:focus-visible:not([disabled]), .game-icon-parent-div .game-actions-overlay .game-icon-metadata-see-more:hover:not([disabled]), .game-icon-parent-div .game-actions-overlay .game-icon-star-button:focus-visible:not([disabled]), .game-icon-parent-div .game-actions-overlay .game-icon-star-button:hover:not([disabled]) {
    filter: brightness(150%)
}

.game-icon-parent-div .game-actions-overlay .game-icon-metadata-see-more img, .game-icon-parent-div .game-actions-overlay .game-icon-star-button img {
    width: 100%;
    height: auto
}

.game-icon-parent-div .game-actions-overlay .game-icon-metadata-see-more {
    width: 1.75rem
}

@media (max-width: 640px) {
    .game-icon-parent-div .game-actions-overlay .game-icon-metadata-see-more {
        width: 1.125rem
    }
}

.game-icon-parent-div .reset-button {
    padding: 0;
    border: none;
    outline: none;
    font: inherit;
    color: inherit;
    background: none
}

.fortune-grand-jackpot-counters {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 10%
}

@media (max-width: 640px) {
    .fortune-grand-jackpot-counters {
        flex-direction: column;
        gap: 3rem
    }
}

.fortune-grand-jackpot-counters .fortune-jackpot-counter, .fortune-grand-jackpot-counters .grand-jackpot-counter {
    flex-basis: 49%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    border-radius: 10px;
    width: 100%;
    aspect-ratio: 1136/233;
    background-size: cover
}

@supports not (aspect-ratio:1136/233) {
    .fortune-grand-jackpot-counters .fortune-jackpot-counter:before, .fortune-grand-jackpot-counters .grand-jackpot-counter:before {
        float: left;
        padding-top: 20.51%;
        content: ""
    }

    .fortune-grand-jackpot-counters .fortune-jackpot-counter:after, .fortune-grand-jackpot-counters .grand-jackpot-counter:after {
        display: block;
        content: "";
        clear: both
    }
}

@media (max-width: 640px) {
    .fortune-grand-jackpot-counters .fortune-jackpot-counter, .fortune-grand-jackpot-counters .grand-jackpot-counter {
        aspect-ratio: 684/237;
        background-size: cover
    }
}

@media (max-width: 640px)and (min-width: 641px) {
    .fortune-grand-jackpot-counters .fortune-jackpot-counter, .fortune-grand-jackpot-counters .grand-jackpot-counter {
        border-bottom-right-radius: 15px
    }
}

@media (max-width: 640px) {
    @supports not (aspect-ratio:684/237) {
        .fortune-grand-jackpot-counters .fortune-jackpot-counter:before, .fortune-grand-jackpot-counters .grand-jackpot-counter:before {
            float: left;
            padding-top: 34.65%;
            content: ""
        }

        .fortune-grand-jackpot-counters .fortune-jackpot-counter:after, .fortune-grand-jackpot-counters .grand-jackpot-counter:after {
            display: block;
            content: "";
            clear: both
        }
    }
}

.fortune-grand-jackpot-counters .fortune-jackpot-counter.fortune-jackpot-counter, .fortune-grand-jackpot-counters .grand-jackpot-counter.fortune-jackpot-counter {
    background-image: url(/_next/static/media/fortuna-BG_desktop.d4be11e5.webp)
}

.fortune-grand-jackpot-counters .fortune-jackpot-counter.fortune-jackpot-counter .jackpot-character, .fortune-grand-jackpot-counters .grand-jackpot-counter.fortune-jackpot-counter .jackpot-character {
    position: absolute;
    left: 1%;
    bottom: 0;
    width: 50%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width: 640px) {
    .fortune-grand-jackpot-counters .fortune-jackpot-counter.fortune-jackpot-counter, .fortune-grand-jackpot-counters .grand-jackpot-counter.fortune-jackpot-counter {
        background-image: url(/_next/static/media/fortuna-BG_mobile.151856c5.webp)
    }

    .fortune-grand-jackpot-counters .fortune-jackpot-counter.fortune-jackpot-counter .jackpot-character, .fortune-grand-jackpot-counters .grand-jackpot-counter.fortune-jackpot-counter .jackpot-character {
        left: -5%;
        width: 60%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

.fortune-grand-jackpot-counters .fortune-jackpot-counter.grand-jackpot-counter, .fortune-grand-jackpot-counters .grand-jackpot-counter.grand-jackpot-counter {
    background-image: url(/_next/static/media/athena-BG_desktop.474a5aaf.webp)
}

.fortune-grand-jackpot-counters .fortune-jackpot-counter.grand-jackpot-counter .jackpot-character, .fortune-grand-jackpot-counters .grand-jackpot-counter.grand-jackpot-counter .jackpot-character {
    position: absolute;
    left: 1%;
    bottom: 0;
    width: 50%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width: 640px) {
    .fortune-grand-jackpot-counters .fortune-jackpot-counter.grand-jackpot-counter, .fortune-grand-jackpot-counters .grand-jackpot-counter.grand-jackpot-counter {
        background-image: url(/_next/static/media/athena-BG_mobile.016bb7c5.webp)
    }

    .fortune-grand-jackpot-counters .fortune-jackpot-counter.grand-jackpot-counter .jackpot-character, .fortune-grand-jackpot-counters .grand-jackpot-counter.grand-jackpot-counter .jackpot-character {
        left: 0;
        width: 60%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

.fortune-grand-jackpot-counters .fortune-jackpot-counter .text-section, .fortune-grand-jackpot-counters .grand-jackpot-counter .text-section {
    position: relative;
    right: 10%;
    bottom: .625rem
}

@media (max-width: 1280px) {
    .fortune-grand-jackpot-counters .fortune-jackpot-counter .text-section, .fortune-grand-jackpot-counters .grand-jackpot-counter .text-section {
        right: 7%;
        bottom: 0
    }
}

@media (max-width: 640px) {
    .fortune-grand-jackpot-counters .fortune-jackpot-counter .text-section, .fortune-grand-jackpot-counters .grand-jackpot-counter .text-section {
        bottom: .625rem
    }
}

.fortune-grand-jackpot-counters .fortune-jackpot-counter .text-section p, .fortune-grand-jackpot-counters .grand-jackpot-counter .text-section p {
    margin-bottom: 0;
    color: #ffca39;
    font-weight: 700;
    font-size: 1.75rem;
    text-align: center;
    line-height: 2rem
}

@media (max-width: 1280px) {
    .fortune-grand-jackpot-counters .fortune-jackpot-counter .text-section p, .fortune-grand-jackpot-counters .grand-jackpot-counter .text-section p {
        line-height: 1.5rem;
        font-size: 1rem
    }
}

@media (max-width: 640px) {
    .fortune-grand-jackpot-counters .fortune-jackpot-counter .text-section p, .fortune-grand-jackpot-counters .grand-jackpot-counter .text-section p {
        font-size: 1.375rem
    }
}

.fortune-grand-jackpot-counters .fortune-jackpot-counter .text-section .fortune-amount, .fortune-grand-jackpot-counters .fortune-jackpot-counter .text-section .grand-amount, .fortune-grand-jackpot-counters .grand-jackpot-counter .text-section .fortune-amount, .fortune-grand-jackpot-counters .grand-jackpot-counter .text-section .grand-amount {
    color: #fff;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 2.4375rem;
    font-family: Montserrat, sans-serif;
    letter-spacing: -.025em;
    text-shadow: 5px 5px 2px #00000040
}

@media (max-width: 1280px) {
    .fortune-grand-jackpot-counters .fortune-jackpot-counter .text-section .fortune-amount, .fortune-grand-jackpot-counters .fortune-jackpot-counter .text-section .grand-amount, .fortune-grand-jackpot-counters .grand-jackpot-counter .text-section .fortune-amount, .fortune-grand-jackpot-counters .grand-jackpot-counter .text-section .grand-amount {
        font-size: 1.25rem
    }
}

@media (max-width: 640px) {
    .fortune-grand-jackpot-counters .fortune-jackpot-counter .text-section .fortune-amount, .fortune-grand-jackpot-counters .fortune-jackpot-counter .text-section .grand-amount, .fortune-grand-jackpot-counters .grand-jackpot-counter .text-section .fortune-amount, .fortune-grand-jackpot-counters .grand-jackpot-counter .text-section .grand-amount {
        font-size: 1.5625rem
    }
}

.home-category-bar-container {
    display: flex;
    position: relative;
    align-items: center;
    gap: .625rem;
    border-radius: 5rem;
    background: linear-gradient(90deg, #a52871, #4a0791 70%), linear-gradient(0deg, #0003, #0003);
    padding: .875rem 3rem;
    width: auto;
    max-width: 75rem;
    height: 3.5rem;
    overflow: hidden
}

@media (max-width: 640px) {
    .home-category-bar-container {
        border-radius: 0;
        min-height: 3.125rem;
        margin: 0 -1.25rem;
        padding: .875rem 1.25rem
    }
}

.home-category-bar-container .categories-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scroll-snap-type: x;
    font-family: Montserrat, sans-serif
}

@media (max-width: 640px) {
    .home-category-bar-container .categories-wrapper {
        overflow: scroll
    }
}

.home-category-bar-container .categories-wrapper::-webkit-scrollbar {
    display: none
}

.home-category-bar-container .categories-wrapper .category-item {
    height: 100%;
    display: flex;
    gap: .5rem;
    flex-direction: row;
    align-items: center;
    margin-right: 2rem;
    scroll-snap-align: start;
    color: #fff;
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    text-decoration: none
}

@media (hover: hover)and (pointer: fine) {
    .home-category-bar-container .categories-wrapper .category-item:hover {
        filter: hue-rotate(-220deg) brightness(1.1) saturate(8);
        cursor: pointer
    }

    .home-category-bar-container .categories-wrapper .category-item:hover .category-name {
        color: #c2bacc
    }
}

@media (min-width: 641px) {
    .home-category-bar-container .categories-wrapper .category-item {
        margin-right: 8%
    }
}

.home-category-bar-container .categories-wrapper .category-item .icon-wrapper {
    position: relative;
    aspect-ratio: 1;
    min-width: 1.2rem;
    max-width: 1.2rem
}

@media (min-width: 1281px) {
    .home-category-bar-container .categories-wrapper .category-item .icon-wrapper {
        width: 15%
    }
}

.home-category-bar-container .categories-wrapper .category-item .category-name {
    font-weight: 600;
    font-size: .75rem;
    line-height: 1.125rem;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

.home-category-bar-container .categories-wrapper .category-item:last-of-type {
    margin-right: 1rem
}

.home-category-bar-container .arrow-icon {
    display: flex;
    position: absolute;
    outline: none;
    border: none;
    background: none;
    padding: 0;
    height: 1.25rem;
    color: inherit;
    font: inherit;
    z-index: 1
}

@media (max-width: 640px) {
    .home-category-bar-container .arrow-icon {
        width: 1.25rem
    }
}

.home-category-bar-container .left-side-gradient, .home-category-bar-container .right-side-gradient {
    position: absolute;
    top: 0;
    content: "";
    display: block;
    width: 15%;
    height: 100%;
    z-index: 1
}

@media (max-width: 641px) {
    .home-category-bar-container .left-side-gradient, .home-category-bar-container .right-side-gradient {
        width: 20%
    }
}

.home-category-bar-container .left-side-gradient {
    left: -.0625rem;
    background: linear-gradient(270deg, #721a61, #791c5f00);
    transform: rotate(-180deg)
}

.home-category-bar-container .right-side-gradient {
    right: -.0625rem;
    background: linear-gradient(270deg, #440972, #470a7000)
}

.home-category-bar-container .prev-arrow-icon {
    left: 1.5625rem;
    width: 1rem
}

@media (max-width: 640px) {
    .home-category-bar-container .prev-arrow-icon {
        left: .5rem;
        width: 1.5rem
    }
}

.home-category-bar-container .next-arrow-icon {
    right: 1.5625rem;
    width: 1rem
}

@media (max-width: 640px) {
    .home-category-bar-container .next-arrow-icon {
        right: .5rem;
        width: 1.5rem
    }
}

@font-face {
    font-family: alternategotno3dregular;
    src: url(/_next/static/media/alternategotno3d-webfont.325e20d5.eot);
    src: url(/_next/static/media/alternategotno3d-webfont.325e20d5.eot) format("embedded-opentype"), url(/_next/static/media/alternategotno3d-webfont.d4ff455b.woff) format("woff"), url(/_next/static/media/alternategotno3d-webfont.a64e6e1d.ttf) format("truetype"), url(/_next/static/media/alternategotno3d-webfont.e600397e.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.provider-slider {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem;
    position: relative;
    inline-size: min(100%, 75rem)
}

.provider-slider__title {
    color: #fff;
    font-size: 1.375rem;
    font-weight: 700;
    font-family: Montserrat, sans-serif
}

.provider-slider__list {
    position: relative;
    overflow: hidden;
    width: 100%;
    cursor: grab;
    touch-action: pan-y
}

.provider-slider__list[data-dragging=true] {
    cursor: grabbing
}

.provider-slider__list[data-dragging=true] .provider-slider__item {
    pointer-events: none
}

.provider-slider__track {
    display: flex;
    gap: .75rem;
    width: -webkit-max-content;
    width: max-content
}

.provider-slider__item {
    flex: 0 0 auto;
    inline-size: 12.125rem;
    background-color: #430e6680;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .75rem;
    border-radius: .5rem
}

.provider-slider__fade {
    position: absolute;
    bottom: 0;
    width: 3rem;
    height: 4rem;
    pointer-events: none;
    z-index: 1
}

.provider-slider__fade--left {
    left: 0;
    background: linear-gradient(90deg, #20132e, #0000)
}

.provider-slider__fade--right {
    right: 0;
    background: linear-gradient(270deg, #20132e, #0000)
}

.provider-slider__arrow {
    position: absolute;
    top: 70%;
    transform: translateY(-70%);
    width: 1.375rem;
    display: grid;
    place-items: center;
    border: none;
    color: #fff;
    z-index: 2;
    cursor: pointer;
    background-color: #0000
}

@media (max-width: 640px) {
    .provider-slider__arrow {
        display: none
    }
}

.provider-slider__arrow--left {
    left: -1.75rem
}

.provider-slider__arrow--right {
    right: -1.75rem
}

/*# sourceMappingURL=def849cebf30b072.css.map*/