@media (min-width: 992px) {
    body {
    margin: 0;
    height: 100vh;
    background: #111531;
    background-image: url(https://cdn.molengaming.io/Online/nebahis/bg.webp);
    }
}
@keyframes bgFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.nav-content-bc {
    display: flex;
    flex-direction: column;
    position: relative;
    background: rgb(254 226 1 / 0%);
    border-radius: 5px;
}
span {
    vertical-align: top;
    color: #111531;
    font-weight: 600;
}

@media (min-width: 992px) {
    body > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu-other {
        background: #111531;
        border-radius: 4px !important;
    }
}
@media (min-width: 992px) {
    .btn.sign-in {
        padding: 0;
        padding-right: 0px;
        padding-left: 0px;
        color: black !important;
        background: none;
        text-decoration: underline;
        transition: .24s;
        padding-left: 10px !important;
        padding-right: 10px !important;
        text-decoration: none !important;
        background: #08fcfc !important;
    }
}
@media (min-width: 992px) {
    .btn.register, .btn.btn-color {
        padding: 0 8px !important;
        color: rgb(0 0 0);
        transition: background .24s;
        background: linear-gradient(317deg, #08fcfc, #08fcfc) !important;
    }
}
@media (min-width: 992px) {
    .btn.a-color.header-icon-text.bc-i-wallet {
        color: #ffffff !important;
        font-weight: bold !important;
        font-size: 13px;
        background: linear-gradient(317deg, #08fcfc, #fff5a5) !important;
    }
}
@media (min-width: 992px) {
    .btn.a-color.header-icon-text.bc-i-bonus {
        color: #ffffff !important;
        font-weight: bold !important;
        font-size: 13px;
        background: linear-gradient(317deg, #08fcfc, #fff5a5) !important;
    }
}
@media (min-width: 992px) {
    .btn.a-color.header-icon-text.bc-i-wallet {
        color: #111531 !important;
        font-weight: bold !important;
        font-size: 13px;
        background: linear-gradient(317deg, #08fcfc, #08fcfc) !important;
    }
}
.footer-menu-item:hover, footer .top_footer .main_wrapper .line_wrapper .active-link {
    cursor: pointer;
    color: #111531 !important;
    border-top: none;
    border-left: none;
    border-color: #242C3C #242C3C #151D2F;
    background: #08fcfc !important;
}
@media (min-width: 992px) {
    .btn.a-color.header-icon-text.bc-i-bonus {
        color: #111531 !important;
        font-weight: bold !important;
        font-size: 13px;
        background: linear-gradient(317deg, #08fcfc, #08fcfc) !important;
    }
}
@media (min-width: 992px) {
    .header-bc {
        width: 100% !important;
        background: #091a2a00 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}
@media (min-width: 992px) {
    .hdr-main-content-bc {
        height: 100%;
        padding-inline-start: 7px;
        background: #ffffff00;
        border-bottom: 1px solid rgba(var(--header-sc-rgb),.05);
        padding-inline-end: 0px;
        padding: 5px 20px;
    }
}
@media (min-width: 992px) {
    .nav-menu-container.header-navigation:first-child {
    padding: 10px;
    border-radius: 10px !important;
    border-image: linear-gradient(to left, #13131321 0%, #08fcfc 50%, #13131321 100%) 100% 0 100% 0 / 1px 0 1px 0 stretch !important;
    background: linear-gradient(149deg, #192247 0%, #210e17 96.86%) !important;
    }
}
span {
    vertical-align: top;
    color: #ffffff;
}
.nav-content-bc {
    display: flex;
    flex-direction: column;
    position: relative;
    background: rgb(254 226 1 / 0%);
    border-radius: 0px;
}
@media (min-width: 992px) {
    body > div.layout-header-holder-bc > header > div.nav-content-bc > div > nav > ul.nav-menu-other {
        background: linear-gradient(317deg, #11153100, #2a2a2e00) !important;
        border-radius: 7px !important;
        padding: 0px 10px;
    }
}
@media (min-width: 992px) {
    .nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item {
        background: linear-gradient(317deg, #111531, #2a2a2e) !important;
        border-radius: 7px !important;
        padding: 0px 10px;
    }
}
.nav-menu-item i {
    color: #111531 !important;
}
.nav-menu-item i {
    color: #ffffff !important;
}
@media (min-width: 992px) {
    .hdr-main-content-bc {
        height: 100%;
        padding-inline-start: 7px;
        background: #11153100;
        border-bottom: 1px solid rgba(var(--header-sc-rgb),.05);
        padding-inline-end: 0px;
        padding: 5px 20px;
    }
}
@media (min-width: 992px) {
    body > div.wrapper {
        margin-top: 0;
    }
}
.container {
    width: 100%;
    max-width: 100%;
    padding: 0 8px;
}
.layout-header-holder-bc {
    grid-area: header;
    width: 100%;
    padding-bottom: 0;
}
.header-bc {
    padding: 0 !important;
    box-sizing: border-box;
    padding-bottom: 20px !important;
}
.footer-menu-item:hover, footer .top_footer .main_wrapper .line_wrapper .active-link {
    cursor: pointer;
    color: #ffffff !important;
    border-top: none;
    border-left: none;
    border-color: #242C3C #242C3C #151D2F;
    background: #130f0e !important;
}
footer .top_footer .main_wrapper {
    display: flex
;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    height: 65px;
}

@media (min-width: 992px) {
    footer .bottom_footer {
        background-color: #100e13;
        padding: 15px 0;
        border-top: 3px solid #11153100;
    }
}
footer .top_footer {
    background-color: #100e13;
    height: 65px;
}
@media (min-width: 992px) {
    .btn.s-small {
        width: auto;
        height: 28px;
        padding: 0 15px;
        border-radius: 5px !important;
    }
}
@media (min-width: 992px) {
    .nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item {
        background: #08fcfc !important;
        border-radius: 15px !important;
        padding: 0px 10px;
        /* border-top: 2px solid black; */
        /* border-bottom: 2px solid black; */
    }
}
@media (min-width: 992px) {
    body > div.wrapper {
        margin-top: 0px!important;

    }
}
.promotionsList-bc {
    display: grid;
    grid-gap: 0.3%!important;
}
@media (min-width: 992px) {
    .user-bonus-bc .btn {
        color: rgb(255 255 255 / 70%);
        background: #01de83;
        border-radius: 10px;
        max-width: 250px;
        background: #08fcfc !important;
    }
}
.modal-content {
    background-color: #181b30 !important;
    margin: auto;
    width: 90%;
    max-width: 800px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    animation-name: modalopen;
    animation-duration: 0.4s;
    text-align: center;
}
.scroll-container--_O2Mw {
    height: 44px;
    position: relative;
    background: #1c1d25;
    border-radius: 10px;
}
.justice-games {
    margin-top: 15px;
    display: none!important;
}
, :before, :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #1c1d25 !important;
}
.casino-filter .search input {
    float: right;
    text-align: left;
    line-height: 32px;
    font-size: 13px;
    color: #fff;
    letter-spacing: -.4px;
    position: relative;
    position: relative;
    width: 100%;
    height: 32px;
    outline: none;
    border: none;
    padding: 0 15px 0 35px;
    border-radius: 6px;
    background: #1c1d25;
    box-shadow: inset 0 1px 0 0 #08fcfc;
    text-shadow: 0 1px 0 rgb(0 0 0 / 12%);
    transition: .3s all;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.casino-category-content {
    background: #1c1d25 !important;
    overflow: hidden;
    padding: 7px 15px;
    border-radius: 10px;
}
.hm-row-bc:not(:first-child) {

}
.gifscreen {
    padding-bottom: 20px;
}
@media (min-width: 992px) {
    .nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item {
    box-shadow: none !important;
    text-decoration: none;
    color: #ffffff !important;
    border-radius: 10px;
    background: linear-gradient(98deg, #11153154, #11153154) !important;
    }
}
.forgot-password_32d28, .login-button_c0275 {
    padding: 17px 30px;
    background: linear-gradient(228deg, #2F6BFF, #1F4FD8);
    color: #111531;
    font-weight: 500;
    font-size: 18px;
    display: flex;
    justify-content: center;
    width: 100%;
    border-radius: 8px;
    align-items: center;
    height: 48px;
}
.login-bg_967dc .login-bg-left-side-wrapper_ba648 {
    width: 360px;
    height: 541px;
    border-radius: 0 36px 36px 0;
    background: #1e1f26;
    position: relative;
    margin-right: 32px;
}
.login-bg_967dc {
    padding: 32px 32px 32px 32px;
    display: flex;
    background: #181b30;
    border-radius: 12px;
    max-width: 844px;
    margin: 30px auto;
    position: relative;
    justify-content: space-around;
}
body > div.layout-header-holder-bc > header > div.hdr-main-content-bc > div.hdr-user-bc > div.nav-menu-container.header-user-nav > ul:nth-child(1)  {
    background: #ffef02;
    border-radius: 10px 0px 0px 10px;
}
@media (min-width: 992px) {
    body > div.layout-header-holder-bc > header > div.hdr-main-content-bc > div.hdr-user-bc > span > span {
        color: #08fcfc !important;
    }
}
.nav-menu-container.header-navigation:first-child {
    position: relative;
    border-radius: var(--border-radius);
    z-index: 1;
    background: rgb(255 255 255 / 16%);
}
body > div.header-content_50bf6 > header > div > div > a:nth-child(3) > button > svg > g > path {
    fill: #111531 !important;
}
body > div.layout-header-holder-bc > header > div.hdr-main-content-bc > div.hdr-user-bc > div.nav-menu-container.header-user-nav > ul > li > ul > li > a > span {
    color: #000 !important;
}
a:hover {
    /* color: #08fcfc !important; */
    text-decoration: none;
}
a, h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover, .custom-btn, .play-btn:hover > i, .button-store .custom-btn:hover i, .button-store .custom-btn:hover p, .button-store .custom-btn:hover p span, .feature-box .box-icon .icon, .feature-box:hover .box-text > h4, .service-single:hover .icon, .service-single.service-style-2 .icon, .service-single.service-style-2:hover .icon, .service-single.service-style-2:hover h5, .overview-box:hover .icon, .overview-list .fa-li, .pricing-item .pricing-head .price, .pricing-item .pricing-head .price .dollar-sign, .fixed-menu .nav-menu li a.active, .nav-menu li.dropdown .submenu li a.active-submenu, .op-mobile-menu .nav-menu li a:hover, .page-header .page-header-content .breadcrumb li a:hover, .testimonial-carousel .carousel-text .single-box i, #accordion .accordion-header a:not(.collapsed), #accordion .accordion-header a:hover, .blog-home .blog-col:hover .blog-text h4 > a, .price-table .icon, .price-table:hover .plan-type, .contact-info .icon, .contact-form-result > h4, footer a:hover, .footer-social a:hover > i, .blog-post .image-slider .arrows .arrow:hover, .post-counters li > a:hover, .share-btn:hover > p, .share-btn li:hover > a, .nav-links a:hover, .sidebar .search-form button:hover, .sidebar .search-form button:focus, .sidebar ul.menu li a:hover, .sidebar ul.menu li a:focus, .sidebar ul.links li a:hover, .sidebar ul.links li a:focus, .author-social a:hover, .icon.colored i {
    color: #ffffff !important;
    text-decoration: none;
}
.header-user-nav .nav-menu-sub {
    background: #08fcfc !important;
}
*, :before, :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    /* border-color: #08fcfc !important; */
}
.header-user-nav>.nav-menu-other>li:hover>a {
    background: rgb(254 226 1);
    border-radius: 0px !important;
    border-color: #11153100 !important;
    text-decoration: none;
}
.fa-user-circle:before {
    content: "\f2bd";
    /* color: black !important; */
}
body > div.layout-header-holder-bc > header > div.hdr-main-content-bc > div.hdr-user-bc > div.nav-menu-container.header-user-nav > ul:nth-child(1) {
    background: linear-gradient(228deg, #2F6BFF, #1F4FD8);
    border-radius: 10px 0px 0px 10px;
}
body > div.layout-header-holder-bc > header > div.hdr-main-content-bc > div.hdr-user-bc > div.nav-menu-container.header-user-nav > ul:nth-child(2) {
    background: linear-gradient(228deg, #2F6BFF, #1F4FD8);
    border-radius: 0px 10px 10px 0px;
}
.forgot-password_32d28, .login-button_c0275 {
    padding: 17px 30px;
    background: linear-gradient(228deg, #2F6BFF, #1F4FD8);
    color: #111531 !important;
    font-weight: 500;
    font-size: 18px;
    display: flex;
    justify-content: center;
    width: 100%;
    border-radius: 8px;
    align-items: center;
    height: 48px;
}
.casino-container {
    width: calc(100% - 24px) !important;
    margin-left: 12px;
    margin: 12px !important;
}
.double-bonus-card {
    position: relative;
    width: 100%;
    border-radius: 15px;
    padding: 1rem;
    background: linear-gradient(262.5deg, #434343 -7.78%, #111111 109.1%) !important;
}
.btn-primary {
    background-image: linear-gradient(90deg, #08fcfc, #08fcfc, #08fcfc) !important;
    filter: drop-shadow(0px 4px 5px #08fcfc00);
    color: #ffffff !important;
    font-weight: 800 !important;
}
.pageContent {
    padding: 10px;
    background: #111531 !important;
}
.amount-method label input + span {
    height: 65px;
    border: 1px solid #111531;
    cursor: pointer;
    border-radius: 10px;
    color: #000;
    background: #ffffff;
}
.amount-method > span {
    font-size: 11px;
    color: #08fcfc;
}
.tabStyle1.tabBox .nav-tabs li a {
    padding: 0 28px;
    font-size: 16px;
    background: #111531 !important;
    margin: 5px;
}
@media (min-width: 992px) {
    .tabBox {
        position: relative;
        overflow: hidden;
        margin-bottom: 10px;
        border-radius: 0 0 0 0;
        color: #fff;
        margin-top: 15px;
        background: #111531 !important;
        border-radius: 20px;
    }
}
@media (min-width: 992px) {
    .tabBox {
        position: relative;
        overflow: hidden;
        margin-bottom: 10px;
        border-radius: 0 0 0 0;
        color: #fff;
        margin-top: 15px;
        background: #111531 !important;
        border-radius: 20px;
        padding: 10px;
    }
}
.l2--placeholder5, .l2--placeholder6, .l2--two-banners {
    margin-bottom: 0px;
}
@media screen and (max-width: 1366px) {
    .l2--placeholder5, .l2--placeholder6, .l2--two-banners {
        margin-bottom: 12px;
    }
}
.l2--placeholder5, .l2--placeholder6, .l2--two-banners {
    margin-bottom: 24px;
}
.l2--container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 0 24px;
}
.tb--section-header.tb--section-header_border {
    color: #ffffff;
    border-bottom: none;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(13, 14, 14, 0.0833333) 33.33%, #4E5A5F 100%);
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.tb--section-header.tb--section-header_icon {
    align-items: center;
    display: flex
;
}
.tb--section-header.tb--section-header_border {
    border-bottom: 1px solid var(--brand-color-2);
    font-size: 14px;
    margin-bottom: 24px;
}
.tb--section-header {
    color: var(--brand-color-2);
    font-size: 18px;
    font-weight: 600;
    line-height: 17px;
    padding: 12px 0;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}
.slick-slider>div {
    outline: none
}

.fade-animation .slick-slide {
    pointer-events: none
}

.no-shadow-slider .slick-slider {
    box-shadow: none
}

.slick-list {
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    padding: 0 4px
}

.slick-slide.slick-active {
    pointer-events: auto
}

.slick-slide div:focus,.slick-slide img:focus {
    outline: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
    max-width: 100%;
    width: 100%
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid #0000;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,.slick-prev {
    background: #000;
    border: none;
    border-radius: 2px;
    color: #0000;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 36px;
    line-height: 0;
    outline: none;
    padding: 0;
    position: absolute;
    width: 36px;
    z-index: 99
}

.slider-counter {
    border: 1px solid #ccc3;
    border-radius: 4px;
    color: var(--text-color-4);
    height: 36px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    width: 64px;
    z-index: 1
}

@media screen and (max-width: 1024px) {
    .slider-counter {
        display:none
    }
}

.slider-counter:after {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 4px;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.l0--placeholder1-slider_1 .slick-arrow,.l0--placeholder10 .slick-arrow,.l0--placeholder11 .slick-arrow,.l0--placeholder3 .slick-arrow,.l0--placeholder5 .slick-arrow,.l0--placeholder6 .slick-arrow,.l2--placeholder5 .slick-arrow,.l2--placeholder6 .slick-arrow,.l2--top .slick-arrow,.l3--top .slick-arrow,.most--liked-slider .slick-arrow,.slider_casino .slick-arrow,.tb--tournament-banner .slick-arrow {
    background-color: initial;
    border: 1px solid #ccc3;
    border-radius: 4px;
    z-index: 2
}

.l0--placeholder1-slider_1 .slick-arrow:after,.l0--placeholder10 .slick-arrow:after,.l0--placeholder11 .slick-arrow:after,.l0--placeholder3 .slick-arrow:after,.l0--placeholder5 .slick-arrow:after,.l0--placeholder6 .slick-arrow:after,.l2--placeholder5 .slick-arrow:after,.l2--placeholder6 .slick-arrow:after,.l2--top .slick-arrow:after,.l3--top .slick-arrow:after,.most--liked-slider .slick-arrow:after,.slider_casino .slick-arrow:after,.tb--tournament-banner .slick-arrow:after {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 4px;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.banners--long-list .slick-slider.center .slick-list,.l0--placeholder10 .slick-slider.center .slick-list,.l0--placeholder11 .slick-slider.center .slick-list,.l0--placeholder5 .slick-slider.center .slick-list,.l0--placeholder6 .slick-slider.center .slick-list,.l2--placeholder5 .slick-slider.center .slick-list,.l2--placeholder6 .slick-slider.center .slick-list,.most--liked-slider .slick-slider.center .slick-list {
    margin: 16px 0 2px
}

.banners--long-list .slick-slider.center .slick-slide,.l0--placeholder10 .slick-slider.center .slick-slide,.l0--placeholder11 .slick-slider.center .slick-slide,.l0--placeholder5 .slick-slider.center .slick-slide,.l0--placeholder6 .slick-slider.center .slick-slide,.l2--placeholder5 .slick-slider.center .slick-slide,.l2--placeholder6 .slick-slider.center .slick-slide,.most--liked-slider .slick-slider.center .slick-slide {
    opacity: .5;
    padding: 0;
    transform: scale(.84);
    transform-origin: center;
    transition: transform .3s
}

.banners--long-list .slick-slider.center img,.l0--placeholder10 .slick-slider.center img,.l0--placeholder11 .slick-slider.center img,.l0--placeholder5 .slick-slider.center img,.l0--placeholder6 .slick-slider.center img,.l2--placeholder5 .slick-slider.center img,.l2--placeholder6 .slick-slider.center img,.most--liked-slider .slick-slider.center img {
    border-radius: 10px
}

.banners--long-list .slick-slider.center .slick-current,.l0--placeholder10 .slick-slider.center .slick-current,.l0--placeholder11 .slick-slider.center .slick-current,.l0--placeholder5 .slick-slider.center .slick-current,.l0--placeholder6 .slick-slider.center .slick-current,.l2--placeholder5 .slick-slider.center .slick-current,.l2--placeholder6 .slick-slider.center .slick-current,.most--liked-slider .slick-slider.center .slick-current {
    opacity: 1;
    position: relative;
    transform: scale(1);
    z-index: 55
}

.l0--placeholder10 .slick-next,.l0--placeholder10 .slick-prev,.l0--placeholder11 .slick-next,.l0--placeholder11 .slick-prev,.l0--placeholder5 .slick-next,.l0--placeholder5 .slick-prev,.l0--placeholder6 .slick-next,.l0--placeholder6 .slick-prev,.l2--placeholder5 .slick-next,.l2--placeholder5 .slick-prev,.l2--placeholder6 .slick-next,.l2--placeholder6 .slick-prev,.l2--two-banners .slick-next,.l2--two-banners .slick-prev,.most--liked-slider .slick-next,.most--liked-slider .slick-prev {
    border-radius: 4px;
    top: -66px
}

.l0--placeholder10 .slick-next,.l0--placeholder11 .slick-next,.l0--placeholder5 .slick-next,.l0--placeholder6 .slick-next,.l2--placeholder5 .slick-next,.l2--placeholder6 .slick-next,.l2--two-banners .slick-next,.most--liked-slider .slick-next {
    right: 0
}

.l0--placeholder10 .slick-prev,.l0--placeholder11 .slick-prev,.l0--placeholder5 .slick-prev,.l0--placeholder6 .slick-prev,.l2--placeholder5 .slick-prev,.l2--placeholder6 .slick-prev,.l2--two-banners .slick-prev,.most--liked-slider .slick-prev {
    right: 44px
}

.l0--placeholder10 .slick-list,.l0--placeholder11 .slick-list,.l0--placeholder5 .slick-list,.l0--placeholder6 .slick-list,.l2--placeholder5 .slick-list,.l2--placeholder6 .slick-list,.l2--two-banners .slick-list,.most--liked-slider .slick-list {
    margin: 0 -4px
}

@media only screen and (max-width: 1366px) {
    .l0--placeholder10 .slick-list,.l0--placeholder11 .slick-list,.l0--placeholder5 .slick-list,.l0--placeholder6 .slick-list,.l2--placeholder5 .slick-list,.l2--placeholder6 .slick-list,.l2--two-banners .slick-list,.most--liked-slider .slick-list {
        margin:0
    }
}

.l0--placeholder10 .slick-slide img,.l0--placeholder11 .slick-slide img,.l0--placeholder5 .slick-slide img,.l0--placeholder6 .slick-slide img,.l2--placeholder5 .slick-slide img,.l2--placeholder6 .slick-slide img,.l2--two-banners .slick-slide img,.most--liked-slider .slick-slide img {
    border-radius: 8px
}

.l2--two-banners .slider--show-arrows {
    padding-top: 60px
}

@media only screen and (max-width: 1024px) {
    .l2--two-banners .slider--show-arrows {
        padding-top:0
    }
}

.l2--two-banners .slick-next,.l2--two-banners .slick-prev {
    border-radius: 4px;
    top: -50px
}

.l0--placeholder10:empty,.l0--placeholder11:empty,.l0--placeholder1:empty,.l0--placeholder3:empty,.l0--placeholder5:empty,.l0--placeholder6:empty {
    display: none
}

.l0--placeholder1:empty+.l0--top-space {
    margin-top: 0
}

.l0--placeholder1-slider_1 {
    margin: 0 auto;
    position: absolute;
    width: 100%;
    z-index: 0
}

@media screen and (max-width: 1024px) {
    .l0--placeholder1-slider_1 {
        position:relative
    }
}

.l0--placeholder1-slider_1 .slick-dots {
    top: 336px
}

@media screen and (max-width: 1024px) {
    .l0--placeholder1-slider_1 .slick-dots {
        top:auto
    }
}

.l0--placeholder1-slider_1 .slick-slider {
    box-shadow: none
}

.l0--placeholder1-slider_1 .slick-slide {
    padding: 0
}

.l0--placeholder1-slider_1 .slick-list {
    max-height: 900px;
    position: relative
}

.l0--placeholder1-slider_1 .slick-list:after {
    background-image: linear-gradient(to bottom,#0000,var(--background-color-2));
    bottom: 0;
    content: "";
    display: block;
    height: 250px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 99
}

@media only screen and (max-width: 768px) {
    .l0--placeholder1-slider_1 .slick-list:after {
        height:115px
    }
}

@media only screen and (max-width: 500px) {
    .l0--placeholder1-slider_1 .slick-list:after {
        height:50px
    }
}

@media only screen and (max-width: 375px) {
    .l0--placeholder1-slider_1 .slick-list:after {
        height:20px
    }
}

.l0--placeholder1-slider_1 .main--slider-top {
    position: relative
}

.l0--placeholder1-slider_1 .main--slider-top .main--slider-counter,.l0--placeholder1-slider_1 .main--slider-top .slick-next,.l0--placeholder1-slider_1 .main--slider-top .slick-prev {
    top: 42px
}

.l0--placeholder1-slider_1 .main--slider-bottom {
    position: relative
}

.l0--placeholder1-slider_1 .main--slider-bottom .main--slider-counter,.l0--placeholder1-slider_1 .main--slider-bottom .slick-next,.l0--placeholder1-slider_1 .main--slider-bottom .slick-prev {
    top: 310px
}

.l0--placeholder1-slider_1 .main--slider-left .slick-next {
    left: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .l0--placeholder1-slider_1 .main--slider-left .slick-next {
        left:calc(2% + 44px)
    }
}

@media only screen and (max-width: 1366px) {
    .l0--placeholder1-slider_1 .main--slider-left .slick-next {
        left:calc(1% + 44px)
    }
}

.l0--placeholder1-slider_1 .main--slider-left .slick-prev {
    left: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .l0--placeholder1-slider_1 .main--slider-left .slick-prev {
        left:2%
    }
}

@media only screen and (max-width: 1366px) {
    .l0--placeholder1-slider_1 .main--slider-left .slick-prev {
        left:1%
    }
}

.l0--placeholder1-slider_1 .main--slider-left .main--slider-counter {
    left: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .l0--placeholder1-slider_1 .main--slider-left .main--slider-counter {
        left:calc(2% + 88px)
    }
}

@media only screen and (max-width: 1366px) {
    .l0--placeholder1-slider_1 .main--slider-left .main--slider-counter {
        left:calc(1% + 88px)
    }
}

.l0--placeholder1-slider_1 .main--slider-right .slick-next {
    right: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .l0--placeholder1-slider_1 .main--slider-right .slick-next {
        right:2%
    }
}

@media only screen and (max-width: 1366px) {
    .l0--placeholder1-slider_1 .main--slider-right .slick-next {
        right:1%
    }
}

.l0--placeholder1-slider_1 .main--slider-right .slick-prev {
    right: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .l0--placeholder1-slider_1 .main--slider-right .slick-prev {
        right:calc(2% + 44px)
    }
}

@media only screen and (max-width: 1366px) {
    .l0--placeholder1-slider_1 .main--slider-right .slick-prev {
        right:calc(1% + 44px)
    }
}

.l0--placeholder1-slider_1 .main--slider-right .main--slider-counter {
    right: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .l0--placeholder1-slider_1 .main--slider-right .main--slider-counter {
        right:calc(2% + 88px)
    }
}

@media only screen and (max-width: 1366px) {
    .l0--placeholder1-slider_1 .main--slider-right .main--slider-counter {
        right:calc(1% + 88px)
    }
}

.show-sidebar_block .l0--placeholder1-slider_1 {
    width: calc(100% - 60px)
}

@media screen and (max-width: 1023.9px) {
    .show-sidebar_block .l0--placeholder1-slider_1 {
        width:100%
    }
}

.l0--placeholder1-slider_1 .slick-arrow:after,.l0--placeholder10 .slick-arrow:after,.l0--placeholder11 .slick-arrow:after,.l0--placeholder3 .slick-arrow:after,.l0--placeholder5 .slick-arrow:after,.l0--placeholder6 .slick-arrow:after,.l2--placeholder5 .slick-arrow:after,.l2--placeholder6 .slick-arrow:after,.l2--top .slick-arrow:after,.l3--top .slick-arrow:after,.most--liked-slider .slick-arrow:after,.slider-counter:after,.slider_casino .slick-arrow:after,.tb--tournament-banner .slick-arrow:after {
    background: #11153180
}

.single--tournament-slider .slick-next,.single--tournament-slider .slick-prev {
    background-color: var(--background-color-1);
    border-radius: 4px;
    top: -36px
}

.single--tournament-slider .slick-next {
    right: 0
}

.single--tournament-slider .slick-prev {
    right: 44px
}

.top-banner-section .slick-slider .slick-arrow:before {
    color: #fff!important
}

.casino-slider-container .top--winners-slider .slick-slider,.tb--tournament-banner .top--winners-slider .slick-slider {
    height: auto
}

@media screen and (min-width: 1024px) {
    .casino-slider-container .top-banner-section .slick-slider .slick-dots,.tb--tournament-banner .top-banner-section .slick-slider .slick-dots {
        bottom:auto;
        top: 370px
    }
}

@media screen and (min-width: 1024px) and (max-width:1400px) {
    .casino-slider-container .top-banner-section .slick-slider .slick-dots,.tb--tournament-banner .top-banner-section .slick-slider .slick-dots {
        top:294px
    }
}

@media screen and (max-width: 1023.9px) {
    .casino-slider-container .top-banner-section .slick-slider .slick-dots,.tb--tournament-banner .top-banner-section .slick-slider .slick-dots {
        bottom:16px;
        top: auto
    }
}

.casino-slider-container .top-banner-section .slick-slider .slick-arrow :before,.tb--tournament-banner .top-banner-section .slick-slider .slick-arrow :before {
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .casino-slider-container .top-banner-section .main--slider-right .slick-dots,.tb--tournament-banner .top-banner-section .main--slider-right .slick-dots {
        bottom:auto;
        top: 426px
    }
}

@media screen and (min-width: 1024.9px) and (max-width:1400px) {
    .casino-slider-container .top-banner-section .main--slider-right .slick-dots,.tb--tournament-banner .top-banner-section .main--slider-right .slick-dots {
        top:360px
    }
}

.most--liked-slider .slick-next,.most--liked-slider .slick-prev {
    border-radius: 4px;
    top: -52px
}

.most--liked-slider .slick-slide img {
    border-radius: 12px 12px 0 0
}

.slick-next:hover,.slick-prev:hover {
    color: #0000;
    opacity: .8;
    outline: none
}

.casino-menu-items .slick-next:hover,.casino-menu-items .slick-prev:hover,.slick-next:hover:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    position: relative;
    z-index: 2
}

.slick-prev:before {
    content: "\ea0b";
    font-family: BuilderFont!important
}

.slick-next:before {
    content: "\ea08";
    font-family: BuilderFont!important
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots li {
    height: 20px;
    margin: 0 5px;
    width: 20px
}

.slick-dots li button {
    background: #0000;
    border: 0;
    color: #0000;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    outline: none;
    padding: 5px;
    width: 20px
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots {
    bottom: 20px;
    display: flex!important;
    justify-content: space-between;
    left: 50%;
    list-style: none;
    margin: 0;
    max-width: calc(100% - 60px);
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    transform: translateX(-50%)
}

.slick-dots::-webkit-scrollbar {
    display: none
}

.slick-dots button {
    width: 100%
}

.slick-dots li {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border: 1px solid #ccc3;
    border-radius: 16px;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 0 8px 0 0;
    opacity: .6;
    padding: 0;
    position: relative;
    transition: all .3s ease;
    width: 21px
}

.slick-dots li.slick-active {
    background-color: var(--brand-color-2);
    background-image: var(--brand-gradient-2);
    border: 1px solid #0000;
    min-width: 66px;
    opacity: 1
}

.slick-dots li button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: "";
    display: block;
    font-family: slick;
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: -5px;
    width: 100%
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.tb--recent-game_cont .slick-arrow {
    top: -34px
}

.tb--recent-game_cont .slick-next,.tb--recent-game_cont .slick-prev {
    background-color: var(--background-color-3);
    background-image: var(--background-gradient-3);
    color: var(--text-color-2);
    height: 26px;
    width: 26px
}

.tb--recent-game_cont .slick-prev {
    right: 32px
}

.tb--recent-game_cont .slick-next {
    right: 0
}

.tb--recent-game_cont .slick-slider {
    box-shadow: none;
    max-height: 122px!important;
    overflow: visible;
    overflow: initial
}

.tb--recent-game_cont .slick-slide {
    pointer-events: auto!important
}

@media screen and (max-width: 1024px) {
    .slick-arrow {
        display:none!important
    }
}

.tb--modal-account .slick-dots {
    left: auto;
    right: 10px;
    transform: translateX(0)
}

.tb--modal-account .slick-dots li {
    background-color: #ffffff4d;
    border: 1px solid #0000;
    border-radius: 5px
}

.tb--modal-account .slick-dots li.slick-active {
    background-color: var(--brand-color-2);
    background-image: var(--brand-gradient-1);
    border: none
}

.tb--modal-account .slick-slide {
    padding: 0
}

.footer .slick-track {
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.footer .slick-next,.footer .slick-prev {
    background-color: initial;
    opacity: 1;
    top: 0;
    z-index: 799
}

.footer .slick-prev {
    height: 64px;
    left: -30px
}

.footer .slick-prev.slick-disabled:after {
    content: none
}

.footer .slick-next {
    height: 64px;
    right: -32px
}

.footer .slick-next.slick-disabled:after {
    content: none
}

.footer .slick-next:hover {
    opacity: 1
}

.footer .slick-disabled {
    box-shadow: none
}

.footer .slick-next:before,.footer .slick-prev:before {
    font-size: 24px
}

.casino-menu-items_holder .slick-slider {
    position: static!important
}

.casino-menu-items_holder .slick-slide {
    pointer-events: auto!important
}

.casino-menu-items_holder .slick-disabled {
    display: none!important
}

.casino-menu-items_holder .slick-next,.casino-menu-items_holder .slick-prev {
    background-color: initial;
    height: 60%;
    top: 20%
}

.casino-menu-items_holder .slick-next:hover,.casino-menu-items_holder .slick-prev:hover {
    opacity: 1
}

.casino-menu-items_holder .slick-next:before,.casino-menu-items_holder .slick-prev:before {
    color: var(--text-color-3);
    opacity: 1;
    z-index: 30
}

.casino-menu-items_holder .slick-prev {
    left: 10px
}

.casino-menu-items_holder .slick-next {
    right: 0
}

.banners--long-list .banner-grid-item,.banners--long-list .banner-grid-item>div,.banners--long-list .banner-grid-list {
    height: 100%
}

.banners--long-list .banner-grid-item>div img {
    border-radius: 8px;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.banners--long-list .banner-grid-item .tb--tournament-video.tb--video-banner iframe {
    border-radius: 8px
}

@media screen and (min-width: 1024.9px) {
    .banners--long-list .slick-list {
        margin:0 -4px
    }
}

.banners--long-list .slick-track {
    display: flex
}

.banners--long-list .slick-track .slick-slide {
    height: inherit!important
}

@media screen and (min-width: 1024.9px) {
    .banners--long-list .slick-track .slick-slide {
        padding:0 4px
    }
}

.banners--long-list .slick-track .slick-slide>div,.banners--long-list .slick-track .slick-slide>div>div,.banners--long-list .tb--tournament-video.tb--video-banner {
    height: 100%
}

.banners--long-list .tb--tournament-video.tb--video-banner .tb--banner-video_cover {
    left: 0
}

.banners--long-list .tb--tournament-video.tb--video-banner iframe {
    border-radius: 8px;
    height: 100%!important;
    top: 0;
    transform: none
}
.slick-slider img {
    height: 100%;
    max-width: 1600px!important;
    object-fit: cover;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 13px;
}



@media screen and (min-width: 1024px) {
    .banners--long-list .banner-grid-item>div img {
        height: auto;
    }

    .banner-grid-item {
        transition: all 0.2s;
        margin-right: 10px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .banner-grid-item:hover,
    .banner-grid-item:active{
        transform: scale(1.1);
    }
}

.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item>i, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item>i:not(.nav-menu-sub-arrow) {
    font-size: 19px;
    color: #ffffff;
    background: #5a0523;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer {
    max-width: calc(1200px + 6vw);
    margin: auto;
    margin-top: 0 !important;
    padding: 3rem 3vw 4rem !important;
    background-color: #111531;
}
.bg-brand-footerBGColor {
    background-color: #111531;
}
.w-full {
    /* width: 100%; */
}
.paymentlogos-column {
    padding-bottom: 0.421rem;
}
.payment-logos {
    text-align: center;
    display: flex
;
    align-items: center;
    gap: 0.421rem;
    flex-wrap: wrap;
    justify-content: center;
}
.video {
    max-width: 100%;
    height: auto;
}
.paymentlogos-column {
    padding-bottom: 0.421rem;
}
.payment-logos {
    text-align: center;
    display: flex
;
    align-items: center;
    gap: 0.421rem;
    flex-wrap: wrap;
    justify-content: center;
}
img, video {
    max-width: 100%;
    height: auto;
}
img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
}
.paymentlogos-column {
    padding-bottom: 2rem;
}
.payment-logos {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
    justify-content: center;
}
.footer .legal-info {
    text-align: center;
}
.legal-info p {
    font-weight: 800;
    color: #ffffff;
}
.footer .legal-info .gcbIcon-conatiner {
    justify-content: center;
}

.gcbIcon-conatiner {
    gap: 1rem;
    align-items: baseline;
    margin-top: 2rem;
}
.flex {
    display: flex
;
}
.gcbIcon {
    width: 8rem !important;
}
.validateIcon {
    width: 14rem !important;
}
.cursor-pointer {
    cursor: pointer;
}
.socialicons-line {
    margin: 2rem 0;
    border-color: #08fcfc;
}
.footer-top {
    display: flex
;
    flex-direction: column;
    align-items: center;
}
.footer-top h2 {
    /* font-size: 3rem; */
    font-weight: 800;
    /* line-height: 0.59rem; */
    color: white;
}
.footer-top p {
    padding-top: 0.253rem;
    /* font-size: 0.28rem; */
    font-weight: 800;
    /* line-height: 0.337rem; */
    color: #ffffff;
}
sport-betslip {
    display: none;
}
.bonus-modal {
    border-radius: 18px;
    backdrop-filter: blur(2px);
    display: none;
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    z-index: 1055; /* Bootstrap'ten yüksek */
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-open {
    overflow: hidden;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
}

.bonus-modal .modal-dialog {
    position: relative;
    margin: 50px auto;
    width: fit-content;
    max-width: 90%;
    z-index: 1060;
    transform: none !important;
    top: auto !important;
}

.bonus-modal .modal-content {
    border-radius: 28px;
    background: #d6dbe1;
    padding: 0;
    border: none;
    position: relative;
    z-index: 1061;
}

.bonus-modal .close {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1062;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 42px;
    border: 1px solid #181b30;
    background: #181b30;
    cursor: pointer;
    transition: box-shadow .15s linear;
}

.bonus-modal .modal-header {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 10px 60px;
    background: unset;
}

.bonus-modal .modal-title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    width: 100%;
    /* border: 1px solid #d7dce0 !important; */
    padding: 12px 18px;
    border-radius: 74px;
    margin: 0;
    text-align: left;
    text-transform: uppercase;
}

.bonus-modal .modal-body {
    background: #111531;
    padding: 20px;
    border-radius: 0 0 28px 28px;
    font-size: 14px;
    line-height: 180%;
    color: #ffffff;
}

.bonus-modal .modal-promo__img-wrapper img {
    width: 70%;
    border-radius: 12px;
}

.bonus-modal .text_modal_promo {
    max-height: 100%;
    overflow-y: auto;
    padding-top: 20px;
    color: #090b0e;
    font-size: 14px;
    line-height: 26px;
}
.promo-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 90px;
    margin-top: 30px;
}
.simple .promo-items .item:first-child {
    grid-column: 1 / 4;
}
.promo-items .item {
    background-color: #181b30;
    border-radius: 16px;
}
.Tournament-draw-item, .promo-items .item {
}
.simple .promo-items .item:first-child .promotion-box {
    display: flex
;
    gap: 16px;
}
.promo-items .item .promotion-box {
    position: relative;
    height: 100%;
    padding: 16px;
    background: #181b30;
    border-radius: 16px;
}
.mask-link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: 0 0;
    border: 0;
    cursor: pointer;
}
.promo-items .item .promotion-box #img-box {
    min-height: auto;
}
.promo-items .item .promotion-box .img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    max-height: 330px;
}
.promo-items .item .promotion-box .img-box img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    transition: all .5s;
    max-width: 4430px;
}
.promotion-box .img-box img {
    max-width: 100%;
}
.simple .promo-items .item:first-child .promotion-box .item-info {
    flex: 1;
}
.promo-items .item .promotion-box .item-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}
.promo-items .item .promotion-box .item-info .info-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -.96px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    color: #090b0e;
}
.promo-items .item .promotion-box .item-info .info-title span {
    display: flex
;
    justify-content: center;
    column-gap: 4px;
}
.promo-items .item .promotion-box .item-info .info-button {
    border-radius: 10px;
    border: 1px solid #111531 !important;
    background: #0053ff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -.8px;
    padding: 12px 16px;
    width: 100%;
}
.gift-box {
    border-radius: 64px;
    border: 1px solid #08fcfc;
    width: 64px;
    height: 64px;
    display: flex
;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.dynamic_container {
    padding: 12px 0;
}
.additional-infos {
    background: #181b30;
    padding: 30px !important;
    border-radius: 10px !important;
}

.additional-infos {
    background-color: #181b30;
    border: 1px solid #616161;
    position: relative;
    border-radius: 16px;
    padding-top: 24px;
}
.additional-infos .info_container {
    max-height: 700px;
    overflow: auto;
    padding: 0 24px;
}
.additional-infos .moretext_inner, .additional-infos .info_article {
    width: calc(50% - 6px);
    padding: 24px 0 16px;
}
.additional-infos .info_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #08fcfc !important;
    margin-bottom: 12px;
}
.info_title {
    color: #111531a6 !important;
}
.info_article>*, .moretext_inner>* {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #cccccc;
    margin-bottom: 8px;
}
.my-account--JQ5kY {
    align-items: stretch;
    display: flex
;
    flex-grow: 1;
    min-height: inherit;
    padding: 24px 7%;
    position: relative;
    width: 100%;
}
.content--SxSYp {
    background: #181b30;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    min-width: 0;
    padding: 24px 40px;
    width: 100%;
    border-radius: 10px;
}
.account-page-container--bjqV7 {
    background-color: #181b30;
    color: #dbdee6;
    /* min-height: calc(95vh - 50px); */
    position: relative;
    width: auto;
}
.account-page-container--bjqV7>div:first-child {
    position: relative;
    z-index: 1;
}
.header--oWDQM, .main--dcy_4 {
    align-items: center;
    display: flex
;
    gap: 16px;
}
.header--oWDQM {
    border-bottom: 1px solid #444c5f;
    justify-content: space-between;
    letter-spacing: -.03em;
    margin-bottom: 16px;
    overflow: hidden;
    padding: 0 0 16px;
}
.header--oWDQM, .main--dcy_4 {
    align-items: center;
    display: flex
;
    gap: 16px;
}
.header-icon-container--qOM6L {
    align-items: center;
    background: #0053ff;
    border-radius: 6px;
    color: var(--brand);
    display: flex;
    height: 40px;
    justify-content: center;
    min-width: 40px;
    position: relative;
    top: 2px;
    width: 40px;
}
.wrapper--xQUxI {
    display: flex
;
}
.wrapper--xQUxI svg {
    height: 100%;
    width: 100%;
}
.header-content--o0Vq7 {
    overflow: hidden;
    width: 100%;
}
.header-title--C7uB0 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    max-width: 320px;
    padding-top: 5px;
    text-transform: capitalize;
}
.ellipsis--_PsgU {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffffff !important;
    display: contents;
}
.ellipsis--_PsgU2 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffffff !important;
    display: contents;
}
.item--statu {
    border-radius: 10px;
    color: #08fcfc !important;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 10px;
    height: 40px;
    line-height: 20px;
    max-width: 200px;
    padding: 0 10px;
    position: relative;
    text-transform: capitalize;
    background-color: #181b30;
    align-items: center;
}

.main-tabs-wrapper--VieSt, .tabs--u2G7g {
    align-items: center;
    display: flex
;
    gap: 8px;
}
.tabs--u2G7g {
    margin: 20px 0 17px;
    width: 100%;
}
.active-tab--xjfks {
    background: #0053ff;
    color: #ffffff;
}
.tab--mNl80 {
    border: 1px solid #0053ff !important;
    border-radius: 6px;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.28px;
    line-height: 20px;
    padding: 8px 20px;
}
.pending-link--kSUV_ {
    display: flex
;
    gap: 12px;
    height: 36px;
    margin-left: auto;
}

.secondary--b4U0D {
    background-color: #4c556b;
    color: #dbdee6;
    color: #dbdee6;
}
.brand--byvy_, .secondary--b4U0D {
}
.capitalize--EDwXf {
    text-transform: capitalize;
}
.link-base--Wrhj3 {
    align-items: center;
    border-radius: 6px;
    box-shadow: inset 0 2px 2px 0 #ffffff2c;
    color: var(--text);
    display: inline-flex
;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 12px;
    justify-content: center;
    letter-spacing: -.28px;
    line-height: 20px;
    max-width: 100%;
    overflow: hidden;
    padding: 12px 24px;
    position: relative;
    transition: .2s ease-in-out;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content;
}
.direction-column--e4TCZ {
    flex-direction: column;
}

.scroll--actJt {
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: pan-x;
    -webkit-tap-highlight-color: transparent;
}
.scroll-inner--hoEfS {
    overflow: auto hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: auto;
}
.track-wrapper--PYNfr {
    width: -moz-max-content;
    width: max-content;
}
.tab--oVgCt, .tabs--dMzkG {
    display: flex
;
}
.tabs--dMzkG {
    align-items: stretch;
    gap: 8px;
}
.track--VvsrB {
    align-items: center;
    display: flex
;
    min-width: 100%;
}
.tab--oVgCt.active--R9EAd {
    background: #0cc06c1f;
    border: 1px solid #0cc06c;
}

.tab--oVgCt {
    align-items: center;
    border: 1px solid #444c5f;
    border-radius: 6px;
    box-sizing: border-box;
    color: var(--light-text);
    cursor: pointer;
    font-size: 14px;
    gap: 4px;
    justify-content: center;
    letter-spacing: -.28px;
    line-height: 20px;
    max-width: 200px;
    padding: 8px 24px;
    text-align: center;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.tab--oVgCt, .tabs--dMzkG {
    display: flex
;
}
.tab--oVgCt {
    align-items: center;
    border: 1px solid #444c5f;
    border-radius: 6px;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    gap: 4px;
    justify-content: center;
    letter-spacing: -.28px;
    line-height: 20px;
    max-width: 200px;
    padding: 8px 24px;
    text-align: center;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.tab--oVgCt, .tabs--dMzkG {
    display: flex
;
}
.group-img--fyXNX {
    min-width: 24px;
    width: 24px;
}
.group-img--fyXNX, .payment-method-group-header--C8QaP {
    height: 24px;
}
.payment-method-group--HZRYt:not(:last-child) {
    padding-bottom: 12px;
}
.direction-column--e4TCZ {
    flex-direction: column;
}

group-img--fyXNX, .payment-method-group-header--C8QaP {
    height: 24px;
}

.heading--z8ZYi {
    color: #dbdee6;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 28px;
    margin-bottom: auto;
}
.title--DdLFd {
    margin-top: -2px;
}
.width-full--aKfzU {
    width: 100%;
}
.direction-column--e4TCZ {
    flex-direction: column;
}
.header--XArrC {
    background: #0053ff;
    border-radius: 6px 6px 0 0;
    color: #fff;
    height: 36px;
    padding: 8px 20px 8px 24px;
    text-transform: capitalize;
    width: 100%;
}

.justify-content-space-between--FG9LF {
    justify-content: space-between;
}

.payment-card--sDSZK {
    border-bottom: 1px solid #0053ff !important;
    border-left: 1px solid #0053ff !important;
    border-right: 1px solid #0053ff !important;
    cursor: pointer;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-height: 60px;
    padding: 12px 24px;
    position: relative;
    transition: .3s ease-in-out;
}

.method-icon--OTSUp {
    border-radius: 8px;
    height: 50px;
    min-width: 70px;
    position: relative;
    width: 70px;
}
.payment-icon--ORVID {
    height: 36px;
    min-width: 53px;
    width: 110px;
}
.lazy-game-img--sjk9r {
    overflow: hidden;
    position: relative;
}
.method-name--e9Krx {
    text-wrap: wrap;
    white-space: normal;
    word-break: break-word;
}
.payment-title--zq5Ye {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-weight: 800;
    text-transform: capitalize;
}
.payment-title--zq5Ye .hint--Vtj4A {
    align-items: center;
    color: #0053ff !important;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    gap: 2px;
    line-height: 9px;
}
.wrapper--xQUxI svg {
    height: 100%;
    width: 100%;
}
.align-items-center--tfa4H {
    align-items: center;
}
.flex--FROoX {
    display: flex
;
}
.description-item--zos5n {
    align-items: center;
    display: flex;
    font-size: 14px;
    /* justify-content: center; */
    letter-spacing: -.14px;
    line-height: 18px;
    max-width: 120px;
    padding: 8px 0;
    width: 120px;
}
.payment-card--sDSZK:hover.deposit--nwUjv {
    background: #111531;
}
.tab--mNl80:not(.active-tab--xjfks):hover {
    opacity: .8;
}
a.wrapper--udx7v.item--nRY4L.volume {
    max-width: 600px;
    text-transform: none;
    font-size: small;
    background-color: #181b30;
}
.lazy-game-img--sjk9r {
    overflow: hidden;
    position: relative;
}
.lazy-game-img--sjk9r.loaded-high--jYvGy .img-high--AQcT9 {
    opacity: 1;
}

.lazy-game-img--sjk9r .img-high--AQcT9 {
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.background--BoAjm, .img--LXv8Z {
    width: 100%;
    height: 195px;
    background-position: center;
    background-repeat: no-repeat;
}
.lazy-game-img--sjk9r.loaded--h8_TN .gradient-overlay--tbDPL {
    animation: none;
    opacity: 0;
}
.lazy-game-img--sjk9r .gradient-overlay--tbDPL {
    animation: gradient-animation--X7KFd 3s infinite alternate;
    background: linear-gradient(45deg, #fa1376, #5151ad);
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
}
[data-mobile=true] .scroll-to-top--RNUf_ {
    margin: 12px;
    width: calc(100% - 24px);
}
.scroll-to-top--RNUf_ {
    align-items: center;
    display: flex
;
    gap: 16px;
    justify-content: center;
    margin: 16px 16px 24px !important;
    width: calc(100% - 32px) !important;
}
.transparent--ciFrf {
    border: 1px solid transparent;
}
.light--r3yH2, .transparent--ciFrf {
    background: #f3f3f6;
    color: #111531 !important;
}
.button--PpJlP {
    align-items: center;
    border-radius: 5px;
    color: #060a15 !important;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 44px;
    justify-content: center;
    line-height: 24px;
    max-width: 100%;
    overflow: hidden;
    padding: 12px;
    position: relative;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    --loader-color: #111531;
}
.content--Sz5vr {
    align-items: center;
    display: flex
;
    gap: 8px;
    justify-content: center;
    width: 100%;
}
.ellipsis--_PsgU.rich-text--SVghZ {
    color: #fff;
}
.ellipsis--_PsgU.title-amount--o4DNK {
    color: #fff;
}
.ellipsis--_PsgU.vex {
    color: #fff;
}
.game-badges--RbtXK {
    left: 8px;
    position: absolute;
    top: 6px;
}
.badges--R9RLh {
    flex-wrap: wrap;
    overflow: hidden;
}
.flex--FROoX.align-items-center--tfa4G {
    display: inline-flex
;
    align-items: center;
    gap: 2px;
    padding: 2px 4px;
    width: fit-content;
    max-width: 100%;
    font-size: 10px;
    line-height: 15px;
    font-weight: 600;
    font-variant-numeric: lining-nums tabular-nums;
    border-radius: 4px;
    background: #0053ff;
    color: #ffffff;
    text-transform: uppercase;
}
a.join-now--z_6BX:hover {
    color: #ffffff;
}
.section--zMT4l {
    margin-top: 12px;
    padding: 12px;
}
.section--zMT4l {
    background: #181b30;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
    margin: 10px;
}
.title--WA1tC {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
}
.title--WA1tC {
    color: #060a15;
    font-size: 18px;
    font-weight: 700;
    gap: 12px;
    justify-content: space-between;
    line-height: 24.59px;
    text-transform: capitalize;
}
.left-side--ff5Sp, .title--WA1tC {
    align-items: center;
    display: flex
;
}

.left-side--ff5Sp {
    gap: 6px;
}
.image--YgJOU {
    flex-shrink: 0;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px;
}
.scroll--actJt {
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: pan-x;
    -webkit-tap-highlight-color: transparent;
}
.scroll-inner--hoEfS {
    overflow: auto hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: auto;
}
.scroll-inner--tZCVc>:first-child {
    margin: 0 !important;
}
.track--VvsrB {
    align-items: center;
    display: flex
;
    min-width: 100%;
}
.game--zkxpc {
    flex-shrink: 0;
}
.game-container--VdjGv {
    border-radius: 10px;
    margin: 0 4px;
    overflow: hidden;
}
.item--UUg1N {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.inner--D9sPp {
    align-items: center;
    cursor: pointer;
    overflow: hidden;
}

.img--LXv8Z {
    height: auto;
    -o-object-fit: cover;

    -webkit-user-drag: none;
    border-radius: 10px;
    transition: transform .2s ease-out;
}

.lazy-game-img--sjk9r {
    overflow: hidden;
    position: relative;
}
.lazy-game-img--sjk9r.loaded-high--jYvGy .img-high--AQcT9 {
    opacity: 1;
}

.lazy-game-img--sjk9r .img-high--AQcT9 {
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.background--BoAjm, .img--LXv8Z {
    width: 100%;
    height: 195px;
    background-position: center;
    background-repeat: no-repeat;
}
.lazy-game-img--sjk9r.loaded--h8_TN .gradient-overlay--tbDPL {
    animation: none;
    opacity: 0;
}
.lazy-game-img--sjk9r .gradient-overlay--tbDPL {
    animation: gradient-animation--X7KFd 3s infinite alternate;
    background: linear-gradient(45deg, #fa1376, #5151ad);
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
}
[data-mobile=true] .scroll-to-top--RNUf_ {
    margin: 12px;
    width: calc(100% - 24px);
}
.scroll-to-top--RNUf_ {
    align-items: center;
    display: flex
;
    gap: 16px;
    justify-content: center;
    margin: 16px 16px 24px !important;
    width: calc(100% - 32px) !important;
}
.transparent--ciFrf {
    border: 1px solid transparent;
}
.light--r3yH2, .transparent--ciFrf {
    background: #f3f3f6;
    color: #111531 !important;
}
.button--PpJlP {
    align-items: center;
    border-radius: 5px;
    color: #060a15 !important;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: 44px;
    justify-content: center;
    line-height: 24px;
    max-width: 100%;
    overflow: hidden;
    padding: 12px;
    position: relative;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    --loader-color: #111531;
}
.content--Sz5vr {
    align-items: center;
    display: flex
;
    gap: 8px;
    justify-content: center;
    width: 100%;
}
.ellipsis--_PsgU.rich-text--SVghZ {
    color: #fff;
}
.ellipsis--_PsgU.title-amount--o4DNK {
    color: #fff;
}
.ellipsis--_PsgU.vex {
    color: #fff;
}
.game-badges--RbtXK {
    left: 8px;
    position: absolute;
    top: 6px;
}
.badges--R9RLh {
    flex-wrap: wrap;
    overflow: hidden;
}
.flex--FROoX.align-items-center--tfa4G {
    display: inline-flex
;
    align-items: center;
    gap: 2px;
    padding: 2px 4px;
    width: fit-content;
    max-width: 100%;
    font-size: 10px;
    line-height: 15px;
    font-weight: 600;
    font-variant-numeric: lining-nums tabular-nums;
    border-radius: 4px;
    background: #0053ff;
    color: #ffffff;
    text-transform: uppercase;
}
svg {
    fill: rgb(255 255 255);
    width: 18px;
    height: 18px;
    transition: all .3s ease;
}
.slots-content_dca52 {
    border-bottom: 1px solid #c4cbd4;
}
.slots-content_dca52, .tournaments-content_ce6d7 {
    display: flex
;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 20px;
}
.search-block_f9cea {
    display: flex
;
    gap: 12px;
}
.search-wrapper_cd843 {
    height: 48px;
    width: 100%;
}
.search-button_426c3 {
    display: flex
;
    position: absolute;
    align-items: center;
    justify-content: center;
    left: 20px;
    top: 16px;
}
.search_08ad8 {
    display: flex
;
    align-items: center;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    background: #181b30;
    position: relative;
}
.search-vertical-line_67b2d {
    position: absolute;
    left: 48px;
    top: 16px;
    display: flex
;
    width: 1px;
    height: 16px;
    background-color: #4e5a6a;
}
.search-input_996a0 {
    padding: 0 0 0 61px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    width: 100%;
    caret-color: #08fcfc;
    background: inherit;
}
button, input {
    padding: 0;
    margin: 0;
    border: none;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    transition: all .2s;
    appearance: none;
}
.menu_44adf {
    position: relative;
    border-radius: 8px;
    height: 48px;
    width: 220px;
    min-width: 220px;
    background-color: #0053ff;
    cursor: pointer;
    transition: .3s;
}
.more_5ce3a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 100%;
    padding: 0 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    color: #fff;
}
.more-left-side_f783d {
    display: flex;
    align-items: center;
    gap: 14px;
}
.more-right-side_ed348 {
    display: flex
;
    align-items: center;
    gap: 6px;
}
.arrow_86636 {
    display: flex
;
    height: 25px;
    margin-left: 10px;
    transition: .3s;
}
.filter-wrapper_bc268 {
    display: flex
;
    gap: 10px;
}
.casino-tabs-menu_6d9da {
    display: flex
;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    gap: 4px;
}
.tab_cc639.selected_189b7 {
    box-shadow: 0 8px 16px 0 rgba(254, 153, 0, .161);
    border: 2px,1px,0,1px solid hsla(0,0%,100%,.239);
    background-color: #0053ff;
    color: #fff;
}
.tab_cc639 {
    text-align: center;
    cursor: pointer;
    min-height: 48px;
    height: 48px;
    padding: 0 20px;
    transition: all .3s;
    height: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
    border-radius: 8px;
    border: 1px solid #181b30 !important;
    color: #ffffff;
    background: linear-gradient(317deg, #0053ff, #08fcfc);
}
.wrapper_38b6d {
    display: flex
;
    flex-direction: column;
    width: 100%;
}
.games_9714b {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 20px 12px;
    margin-bottom: 20px;
}
.game_32e78 {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: .3s;
    background: #181b30;
    border-radius: 8px;
    /* max-width: 162px; */
}
.wrapper-image_b3ac4 {
    display: flex
;
    position: relative;
}
.game_32e78 img {
    width: 100%;
    /* height: 15px; */
    object-fit: cover;
    border-radius: 8px;
    /* max-width: 162px; */
}
.game_32e78 .play-icon_02484 {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .3s;
}
.game-info_df4e9 {
    display: flex;
    justify-content: space-between;
    padding: 8px 16px;
    
}
.game-name_bb960 {
    width: 100%;
    display: flex
;
    gap: 4px;
    flex-direction: column;
}
.game-title_4ae23 {
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
}
.provider-name_0e754 {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: left;
    color: #08fcfc;
}
.btn-wrapper_d173d {
    display: flex
;
    justify-content: center;
}
.btn_b78e3 {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    padding: 0 20px;
    transition: all .3s ease;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    background: #181b30;
    height: 36px;
    margin-bottom: 20px;
}
.btn_b78e3 svg {
    transform: rotate(0deg);
}
.btn_b78e3:hover {
    cursor: pointer;
    box-shadow: 0 0 10px #08fcfc;;
}

.tab_cc639:hover {
    box-shadow: 0 0 10px #08fcfc;;
}
.game_32e78:hover img {
    filter: blur(5px);
}
.game_32e78 .play-icon_02484 path {
    fill: #fff;
}
.game_32e78:hover .play-icon_02484 {
    opacity: 1;
}
.more_5ce3a:hover {
    box-shadow: 0 0 10px #08fcfc;
}

.wrapper-image_b3ac4 {
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 156.25%;
}


.wrapper-image_b3ac4 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tab_4d6b3.selected_3d3b8 {
    box-shadow: 0 8px 16px 0 rgba(254, 153, 0, .161);
    border-color: hsla(0, 0%, 100%, .239);
    border-style: solid;
    border-width: 2px 1px 0;
    color: #fff;
    background: linear-gradient(317deg, #0053ff, #08fcfc);
}
.tab_4d6b3 {
    display: flex
;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    white-space: nowrap;
    padding: 12px 20px;
    border-radius: 8px;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    border: 1px solid #181b30;
    color: #ffffff;
    background: linear-gradient(317deg, #0053ff, #08fcfc);
}
.games_b5928 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 8px;
    padding: 0 10px;
}
.game_45600 {
    display: flex
;
    flex-direction: column;
    position: relative;
    background: #181b30;
    border-radius: 8px;
    overflow: hidden;
}
.image-container_62825 {
    width: 100%;
    position: relative;
    min-width: 150px;
}
.image_8c468 {
    width: 100%;
    transition: all .4s ease-in-out;
    object-fit: cover;
    border-radius: 8px;
    aspect-ratio: 1 / 0;
}
.play-icon_b5d3c {
    transition: all .4s ease-in-out;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
}
.game-wrapper_88224 {
    display: flex;
    justify-content: space-between;
    padding: 6px 10px 0;
}
.title-wrapper_03741 {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
    width: 100%;
}
.provider-name_f9c52, .title_16fef {
    font-weight: 600;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-width: 118px !important;
}
.title_16fef {
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
}
.provider-name_f9c52 {
    font-size: 12px;
    line-height: 18px;
    color: #08fcfc;
}
.btn-wrapper_1c4c3 {
    display: flex;
    width: 100%;
    margin-top: 16px;
    padding-bottom: 14px;
}

.modal-promo__img-wrapper {
    display: flex
;
    justify-content: space-around;
}

     .jackpot-widgets-section {
        background: #181b30;
        border-radius: 16px 16px 0 0;
        margin: 20px 0;
        overflow: hidden;
        /* border: 1px solid #3c415f; */
        box-shadow: 0 8px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1);
        position: relative;
        margin: 0 10px 0 10px;
    }
    
    .jackpot-widgets-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent 0%, #08fcfc 50%, transparent 100%);
    }
    
    .jackpot-widgets-title {
        padding: 12px 20px;
        display: flex;
        align-items: center;
        gap: 8px;
        /* border-bottom: 1px solid #3c415f; */
    }
    
    .jackpot-widgets-title svg {
        fill: #fff;
        flex-shrink: 0;
        width: 16px;
        height: 16px;
    }
    
    .jackpot-widgets-title h3 {
        margin: 0;
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1.2px;
        font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
        text-shadow: 0 2px 4px rgba(0,0,0,0.3);
    }
    
    .jackpot-widgets-scroll-container {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        padding: 15px;
        display: block;
        background: #111531;
        touch-action: pan-x;
    }
    
    .jackpot-widgets-scroll-container::-webkit-scrollbar {
        display: none;
    }
    
    .jackpot-widgets-row {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        min-width: 100%;
        width: max-content;
    }
    
    .jackpot-widget-item {
        flex: 0 0 280px;
        width: 280px;
        min-width: 280px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: linear-gradient(145deg, #181b30 0%, #181b30 50%, #181b30 100%);
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #3c415f;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
        box-shadow: 0 4px 20px rgba(0,0,0,0.3);
        margin: 0 15px;
    }
    
    .jackpot-widget-item:first-child {
        margin-left: 0;
    }
    
    .jackpot-widget-item:last-child {
        margin-right: 0;
    }
    
    .jackpot-widget-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, #0053ff2b 0%, transparent 50%);
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }
    
    .jackpot-widget-item:hover {
        transform: translateY(-8px) scale(1.02);
        box-shadow: 0 20px 40px #08fcfc57, 0 0 0 1px #08fcfc96;
        border-color: #08fcfc;
    }
    
    .jackpot-widget-item:hover::before {
        opacity: 1;
    }
    
    .jackpot-widget-container {
        width: 270px;
        height: 230px;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .jackpot-widget-container iframe {
        display: block;
        margin: 0 auto;
        vertical-align: middle;
        overflow: visible;
        position: relative;
        z-index: 10;
    }

    .jackpot-widget-info {
        padding: 10px 6px;
        text-align: center;
        border-top: 1px solid #3c415f;
        position: relative;
    }
    
    .jackpot-widget-info::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 30px;
        height: 2px;
        background: linear-gradient(90deg, #08fcfc, #0053ff);
        border-radius: 1px;
    }
    

    
    .jackpot-widget-provider {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        height: 50px;
    }
    
    .jackpot-widget-provider img {
        height: 50px;
        width: auto;
        opacity: 0.9;
        transition: opacity 0.3s ease;
        padding-bottom: 10px;
    }
    
    .jackpot-widget-item:hover .jackpot-widget-provider img {
        opacity: 1;
    }
    
    iframe {
        border-radius: 12px;
        overflow: hidden;
    }
    
    html {
        overflow: auto!important;
        scrollbar-width: none!important;
        -ms-overflow-style: none!important;
    }
    html::-webkit-scrollbar {
        display: none!important;
    }
    

    @@media (max-width: 768px) {
        .jackpot-widgets-scroll-container {
            -webkit-overflow-scrolling: touch;
            touch-action: pan-x;
            overflow-x: scroll;
            overflow-y: hidden;
            padding: 15px;
        }
        
        .jackpot-widgets-row {
            justify-content: flex-start;
            width: auto;
            min-width: calc(320px * 3 + 30px + 40px); 
            padding: 0 10px;
        }
        
        .jackpot-widget-item {
            flex-shrink: 0;
            width: 320px;
            flex: 0 0 320px;
            min-width: 320px;
            margin: 0 15px;
        }
        
        .jackpot-widget-item:first-child {
            margin-left: 0;
        }
        
        .jackpot-widget-item:last-child {
            margin-right: 0;
        }
        
        .jackpot-widget-container {
            width: 320px;
            height: 320px;
        }
        
        .jackpot-widget-container iframe {
            width: 320px !important;
            height: 320px !important;
        }
    }
 

.casinoBox {
    min-height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
    color: #ffffff;
    position: relative;
    overflow-x: hidden;
}


.redesign-desktop-header {
    position: relative;
    padding: 0 0 30px 0;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    background: linear-gradient(45deg, #08fcfc 0%, #0053ff 50%, #08fcfc 100%);
}

.redesign-desktop-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, rgba(255, 255, 255, 0.06) 0%, transparent 50%);
    animation: redesignWebHeaderShimmer 10s ease-in-out infinite;
}

@@keyframes redesignWebHeaderShimmer {
    0%, 100% { opacity: 0.8; }
    50% { opacity: 1; }
}

.redesign-desktop-header-gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, #08fcfc 0%, #0053ff 50%, #08fcfc 100%);
    animation: redesignWebGradientFlow 12s ease-in-out infinite;
}

@@keyframes redesignWebGradientFlow {
    0%, 100% { 
        opacity: 0.9; 
        transform: translateX(0) scale(1);
    }
    33% { 
        opacity: 1; 
        transform: translateX(20px) scale(1.02);
    }
    66% { 
        opacity: 0.95; 
        transform: translateX(-10px) scale(1.01);
    }
}

.redesign-desktop-header-content {
    position: relative;
    z-index: 10;
    padding: 20px 0;
    max-width: 1200px;
    margin: 0 auto;
}

.redesign-desktop-breadcrumb {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 14px;
    justify-content: center;
}

.redesign-desktop-back-btn {
    display: flex;
    align-items: center;
    color: #fff !important;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 8px 16px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(25px);
    font-weight: 500;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    font-size: 14px;
}

.redesign-desktop-back-btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
}

.redesign-desktop-back-btn i {
    margin-right: 10px;
    font-size: 16px;
    transition: transform 0.3s ease;
}

.redesign-desktop-back-btn:hover i {
    transform: translateX(-2px);
}

.redesign-desktop-breadcrumb-separator {
    margin: 0 20px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 20px;
}

.redesign-desktop-current-page {
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
}

.redesign-desktop-header-info {
    text-align: center;
}

.redesign-desktop-page-title {
    font-size: 28px;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 12px 0;
    letter-spacing: -1px;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    line-height: 1.1;
}

.redesign-desktop-provider-stats {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.redesign-desktop-provider-count,
.redesign-desktop-game-count {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.95);
    font-weight: 600;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 16px;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.redesign-desktop-provider-count:hover,
.redesign-desktop-game-count:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.redesign-desktop-stats-indicator {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: rgba(76, 175, 80, 0.2);
    border-radius: 16px;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(76, 175, 80, 0.3);
    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.1);
}

.redesign-desktop-pulse-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #4CAF50;
    animation: redesignWebPulseDot 2s ease-in-out infinite;
    box-shadow: 0 0 10px rgba(76, 175, 80, 0.5);
}

@@keyframes redesignWebPulseDot {
    0%, 100% { 
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 10px rgba(76, 175, 80, 0.5);
    }
    50% { 
        opacity: 0.8;
        transform: scale(1.3);
        box-shadow: 0 0 20px rgba(76, 175, 80, 0.8);
    }
}

.redesign-desktop-live-text {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 600;
}

.redesign-desktop-header-wave {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.redesign-desktop-header-wave svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 80px;
    fill: #0f0f0f;
    filter: drop-shadow(0 -5px 10px rgba(0, 0, 0, 0.2));
}


.redesign-desktop-search-section {
    padding: 30px 0;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(20px);
    margin-bottom: 30px;
}

.redesign-desktop-search-container {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
}

.redesign-desktop-search-box {
    position: relative;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 25px;
    display: flex;
    align-items: center;
    padding: 18px 24px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: blur(20px);
}

.redesign-desktop-search-box:focus-within {
    border-color: #08fcfc;
    background: #08fcfc17;
    box-shadow: 0 0 0 4px rgba(229, 9, 20, 0.2);
    transform: translateY(-2px);
}

.redesign-desktop-search-icon {
    color: rgba(255, 255, 255, 0.6);
    margin-right: 16px;
    font-size: 18px;
    transition: color 0.3s ease;
}

.redesign-desktop-search-box:focus-within .redesign-desktop-search-icon {
    color: #08fcfc;
}

.redesign-desktop-search-input {
    flex: 1;
    background: none;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    padding: 0;
}

.redesign-desktop-search-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.redesign-desktop-search-clear {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    margin-left: 12px;
    transition: all 0.3s ease;
    opacity: 0;
    transform: scale(0.8);
}

.redesign-desktop-search-clear.visible {
    opacity: 1;
    transform: scale(1);
}

.redesign-desktop-search-clear:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
}

.redesign-desktop-search-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    margin-top: 12px;
    max-height: 250px;
    overflow-y: auto;
    z-index: 100;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.redesign-desktop-search-suggestions.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}


.redesign-desktop-filter-section {
    padding: 0 0 40px;
    text-align: center;
}

.redesign-desktop-filter-pills {
    display: inline-flex;
    gap: 16px;
    background: rgba(255, 255, 255, 0.05);
    padding: 8px;
    border-radius: 30px;
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.redesign-desktop-filter-pill {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 24px;
    border-radius: 25px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
    backdrop-filter: blur(10px);
}

.redesign-desktop-filter-pill:hover {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, 0.1);
}

.redesign-desktop-filter-pill.active {
    background: linear-gradient(135deg, #08fcfc 0%, #0053ff 100%);
    border-color: transparent;
    color: #ffffff;
    box-shadow: 0 4px 15px #08fcfc5c;
}

.redesign-desktop-filter-pill i {
    font-size: 14px;
}


.redesign-desktop-providers-main {
    padding: 0 0 120px;
    max-width: 1400px;
    margin: 0 auto;
}

.redesign-desktop-providers-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 0 20px;
    animation: redesignWebGridFadeIn 0.8s ease-out;
}

@@keyframes redesignWebGridFadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.redesign-desktop-provider-card {
    position: relative;
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.7) 0%, rgba(20, 20, 20, 0.8) 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 28px;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    opacity: 1;
    animation: redesignWebCardSlideUp 0.8s ease-out forwards;
    backdrop-filter: blur(10px);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.redesign-desktop-provider-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(145deg, 
        rgba(255, 255, 255, 0.05) 0%, 
        transparent 50%, 
        rgba(0, 0, 0, 0.1) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.redesign-desktop-provider-card:hover::before {
    opacity: 1;
}



@@keyframes redesignWebCardSlideUp {
    from {
        opacity: 0;
        transform: translateY(40px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.redesign-desktop-provider-card:hover {
    transform: translateY(-12px) scale(1.02);
    border-color: #08fcfc8a;
    background: linear-gradient(145deg, rgba(10, 10, 10, 0.9) 0%, rgba(30, 30, 30, 0.95) 100%);
    box-shadow: 
        0 25px 50px rgba(0, 0, 0, 0.4),
        0 0 0 1px #08fcfc30,
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
}


.redesign-desktop-card-header {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.redesign-desktop-badge-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.redesign-desktop-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.redesign-desktop-badge:hover {
    transform: translateY(-2px) scale(1.05);
}

.redesign-desktop-badge-hot {
    background: linear-gradient(135deg, #08fcfc 0%, #0053ff 100%);
    box-shadow: 0 4px 15px #08fcfc5e;
    animation: redesignWebHotPulse 3s ease-in-out infinite;
}

@@keyframes redesignWebHotPulse {
    0%, 100% { 
        box-shadow: 0 4px 15px #08fcfc4d;
    }
    50% { 
        box-shadow: 0 6px 25px #08fcfc78;
    }
}

.redesign-desktop-badge-popular {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: #111531 !important;
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4);
    text-shadow: none;
}

.redesign-desktop-badge-popular i {
    color: #111531 !important;
}

.redesign-desktop-badge-winning {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.4);
}


.redesign-desktop-count-badge {
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.9) 0%, rgba(20, 20, 20, 0.8) 100%);
    border: 1px solid #08fcfc61;
    border-radius: 12px;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px;
    backdrop-filter: blur(15px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.redesign-desktop-count-badge:hover {
    transform: translateY(-2px);
    border-color: #08fcfca1;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.redesign-desktop-count-value {
    font-size: 18px;
    font-weight: 700;
    color: #08fcfc;
    line-height: 1;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.redesign-desktop-count-text {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 4px;
}


.redesign-desktop-card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 80px 16px 80px;
    position: relative;
}

.redesign-desktop-provider-logo {
    position: relative;
    margin-bottom: 8px;
    flex-shrink: 0;
}

.redesign-desktop-logo-container {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 18px;
    overflow: hidden;
    background: linear-gradient(145deg, 
        rgba(255, 255, 255, 0.05) 0%, 
        rgba(255, 255, 255, 0.02) 50%, 
        rgba(0, 0, 0, 0.1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.redesign-desktop-provider-card:hover .redesign-desktop-logo-container {
    transform: scale(1.08) rotateY(5deg);
    border-color: #08fcfc45;
    box-shadow: 
        0 15px 40px rgba(0, 0, 0, 0.3),
        0 0 0 1px #08fcfc33,
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.redesign-desktop-logo-img {
    width: 90%;
    height: 90%;
    object-fit: contain;
    transition: all 0.4s ease;
    filter: brightness(1) contrast(1.1);
}

.redesign-desktop-provider-card:hover .redesign-desktop-logo-img {
    filter: brightness(1.1) contrast(1.2) saturate(1.1);
        transform: scale(1.05);
}

.redesign-desktop-logo-glow {
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: radial-gradient(circle, #08fcfc5e 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.4s ease;
    border-radius: 30px;
    filter: blur(15px);
}

.redesign-desktop-provider-card:hover .redesign-desktop-logo-glow {
    opacity: 1;
}

.redesign-desktop-provider-name {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    margin: 8px 0 0 0;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    letter-spacing: -0.3px;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.redesign-desktop-provider-card:hover .redesign-desktop-provider-name {
    color: #ffffff;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.7);
    transform: translateY(-2px);
}


.redesign-desktop-card-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
    text-align: center;
    z-index: 10;
    background: linear-gradient(180deg, 
        transparent 0%, 
        rgba(0, 0, 0, 0.6) 50%, 
        rgba(0, 0, 0, 0.8) 100%);
    min-height: 60px;
}

.redesign-desktop-footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.redesign-desktop-play-indicator {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #ffffff;
    font-size: 14px;
    opacity: 0.9;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #08fcfc 0%, #0053ff 100%);
    padding: 8px 16px;
    border-radius: 16px;
    border: 1px solid #08fcfc;
}

.redesign-desktop-play-text {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.redesign-desktop-provider-card:hover .redesign-desktop-play-indicator {
    opacity: 1;
    transform: scale(1.05);
}


.redesign-desktop-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 24px;
    backdrop-filter: blur(10px);
    }

.redesign-desktop-provider-card:hover .redesign-desktop-card-overlay {
        opacity: 1;
        transform: scale(1);
}

.redesign-desktop-overlay-content {
    text-align: center;
    color: #ffffff;
}

.redesign-desktop-play-button {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-size: 32px;
    animation: redesignDesktopPlayButtonPulse 2s ease-in-out infinite;
}

@@keyframes redesignDesktopPlayButtonPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.redesign-desktop-overlay-text {
    font-size: 18px;
    font-weight: 600;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}


.redesign-desktop-ripple-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-radius: 24px;
    pointer-events: none;
}

.redesign-desktop-ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: scale(0);
    animation: redesignDesktopRippleEffect 0.6s linear;
    pointer-events: none;
}

@@keyframes redesignDesktopRippleEffect {
    to {
        transform: scale(4);
        opacity: 0;
    }
}


.redesign-desktop-empty-state {
    grid-column: 1 / -1;
    text-align: center;
    padding: 80px 20px;
    color: rgba(255, 255, 255, 0.7);
}

.redesign-desktop-empty-icon {
    font-size: 80px;
    margin-bottom: 30px;
    opacity: 0.6;
    color: #08fcfc;
}

.redesign-desktop-empty-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #ffffff;
}

.redesign-desktop-empty-text {
    font-size: 18px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}


.redesign-desktop-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: #fff; */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(2px);
}

.redesign-desktop-loading-overlay.visible {
    opacity: 1;
    visibility: visible;
}

.redesign-desktop-loading-content {
    text-align: center;
    color: #ffffff;
}

.redesign-desktop-loading-spinner {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 30px;
}

.redesign-desktop-spinner-ring {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid transparent;
    border-top-color: #08fcfc;
    border-radius: 50%;
    animation: redesignDesktopSpinnerRotate 1.2s linear infinite;
}

.redesign-desktop-spinner-ring:nth-child(2) {
    animation-delay: -0.4s;
    border-top-color: #0053ff;
}

.redesign-desktop-spinner-ring:nth-child(3) {
    animation-delay: -0.8s;
    border-top-color: #0053ff;
}

@@keyframes redesignDesktopSpinnerRotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.redesign-desktop-loading-text {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
}


.redesign-desktop-fab {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #08fcfc 0%, #0053ff 100%);
    border: none;
    color: #ffffff;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 8px 25px #08fcfc57;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 100;
        opacity: 0;
    transform: scale(0);
    }

.redesign-desktop-fab.visible {
        opacity: 1;
    transform: scale(1);
}

.redesign-desktop-fab:hover {
    transform: scale(1.1);
    box-shadow: 0 12px 35px #08fcfc6e;
}




@@media (min-width: 1600px) {
    .redesign-desktop-providers-main {
        max-width: 1600px;
    }
    
    .redesign-desktop-providers-grid {
        grid-template-columns: repeat(5, 1fr);
        gap: 24px;
    }
    
    .redesign-desktop-logo-container {
        width: 170px;
        height: 170px;
    }
    
    .redesign-desktop-provider-name {
        font-size: 18px;
    }
}


@@media (max-width: 1400px) {
    .redesign-desktop-providers-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}


@@media (max-width: 1200px) {
    .redesign-desktop-providers-main {
        max-width: 1200px;
    }
    
    .redesign-desktop-providers-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        padding: 0 16px;
    }
    
    .redesign-desktop-header-content {
        padding: 40px 20px;
    }
    
    .redesign-desktop-page-title {
        font-size: 42px;
    }
    
    .redesign-desktop-logo-container {
        width: 130px;
        height: 130px;
    }
}


@@media (max-width: 768px) {
    .redesign-desktop-header {
        padding: 0 0 60px 0;
        margin-bottom: 40px;
    }
    
    .redesign-desktop-header-content {
        padding: 30px 16px;
    }
    
    .redesign-desktop-page-title {
        font-size: 36px;
    }
    
    .redesign-desktop-provider-stats {
        flex-direction: column;
        gap: 20px;
    }
    
    .redesign-desktop-search-section {
        padding: 25px 16px;
    }
    
    .redesign-desktop-filter-pills {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
        padding: 6px;
    }
    
    .redesign-desktop-providers-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
        padding: 0 16px;
    }
    
    .redesign-desktop-logo-container {
        width: 110px;
        height: 110px;
    }
    
    .redesign-desktop-provider-name {
        font-size: 14px;
    }
    
    .redesign-desktop-count-value {
        font-size: 16px;
    }
}


@@media (max-width: 480px) {
    .redesign-desktop-header {
        padding: 0 0 50px 0;
        margin-bottom: 30px;
    }
    
    .redesign-desktop-header-content {
        padding: 25px 12px;
    }
    
    .redesign-desktop-page-title {
        font-size: 28px;
    }
    
    .redesign-desktop-breadcrumb {
        font-size: 16px;
        margin-bottom: 25px;
    }
    
    .redesign-desktop-back-btn {
        padding: 12px 20px;
        font-size: 14px;
    }
    
    .redesign-desktop-provider-count,
    .redesign-desktop-game-count {
        font-size: 16px;
        padding: 10px 20px;
    }
    
    .redesign-desktop-search-container {
        padding: 0 12px;
    }
    
    .redesign-desktop-search-box {
        padding: 16px 20px;
    }
    
    .redesign-desktop-providers-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 0 12px;
    }
    
    .redesign-desktop-filter-pills {
        padding: 4px;
        gap: 8px;
    }
    
    .redesign-desktop-filter-pill {
        padding: 10px 16px;
        font-size: 14px;
    }
    
    .redesign-desktop-logo-container {
        width: 140px;
        height: 140px;
    }
    
    .redesign-desktop-provider-name {
        font-size: 18px;
    }
    
    .redesign-desktop-count-value {
        font-size: 18px;
    }
    
    .redesign-desktop-count-badge {
        min-width: 60px;
        padding: 10px 14px;
    }
}


@@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}


@@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .redesign-desktop-logo-img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}



html {
  scrollbar-width: thin;
  scrollbar-color: #08fcfc #181b30;
}
.ellipsis--_jackpot {
    border: 1px solid #08fcfc;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 5px;
}
.button-container {
  display: flex;
  gap: 5px;
}
.button-container > div {
  flex: 1;
}
.button-container > .info-button.bonus:empty,
.button-container > .info-button:empty {
  flex: 0 0 100%;
}
.info-button, .info-button.bonus {
  flex: 1; 
  padding: 10px;
  text-align: center;
  background-color: #3498db;
  color: white;
  border: none;
  cursor: pointer;
}
.info-button.bonus {
    background: #2d6f03 !important;
}
.icon-circle {
  position: relative;
  width: 36px;
  height: 36px;
  background-color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #08fcfc;
  margin-left: -3px;
}

.icon-circle i {
  color: #08fcfc; 
  font-size: 20px;
}
.icon-circle:hover {
  background-color: #ffffff;
  transform: scale(1.08);
}

.icon-circle:hover i {
  color: #ffd700;
}


.game_45600{

  --card-w: clamp(120px, 28vw, 178px);
  flex:0 0 var(--card-w);
  scroll-snap-align:start;
}

.image-container_62825{
  position:relative;
  width:100%;
 
  --ratio: 3 / 5;    
  aspect-ratio: var(--ratio);
  overflow:hidden;

}

.image-container_62825 img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}