@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'Avertastd'; /* set name */
    src: url("../fonts/avertastd-regular.woff2"); /* url of the font */
    font-weight: 400;
}

body {
    font-family: "Avertastd", sans-serif;
    line-height: 1.2;
    font-size: 15px;
    color: #fff;
    background: #232626;
}

a {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    a:hover, a:focus, button:focus, button:hover, input:focus, select:focus {
        text-decoration: none;
        outline: none;
    }

img {
    max-width: 100%;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select {
    width: 100%;
}

button {
    background: none;
    border: none;
    padding: 0;
}

.t-body {
    overflow: hidden;
}

.deco {
    position: absolute;
}

.max-container {
    position: relative;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 10px;
}

.body-container {
    display: grid;
    grid-template-columns: 250px auto;
    transition: all 0.3s;
    padding-top: 70px;
}

    .body-container.active {
        grid-template-columns: 65px auto;
        transition: all 0.3s;
    }

        .body-container.active .side-menu {
            width: 65px;
            padding: 0;
            transition: 0.3s;
        }

/** Header **/
.header-sec {
    position: fixed;
    right: 0;
    z-index: 998;
    background: #292d2e;
    border-bottom: 1px solid #232626;
    width: 100%;
    transition: 0.3s;
}

.header-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    padding: 0 10px;
}

.header-left {
    display: flex;
    align-items: center;
    grid-gap: 40px;
}

button.sidemenu-btn {
    max-width: 25px;
}

img.mbtn-2 {
    display: none;
}

img.logo-2 {
    display: none;
}

.logo img {
    max-height: 43px;
}

.header-wrap {
    display: flex;
    align-items: center;
}

button.login-btn {
    background: #292d2e;
    border: 1px solid #3b4142;
    color: #fff;
    font-size: 15px;
    height: 32px;
    padding: 3px 6px;
    min-width: 100px;
    border-radius: 9px;
    margin: 0 4px;
}

    button.login-btn:hover {
        background: #3b4142;
    }

button.green-btn {
    background: #26ee89;
    border: none;
    color: #000;
    font-weight: 500;
    font-size: 15px;
    height: 32px;
    padding: 3px 6px;
    min-width: 100px;
    border-radius: 9px;
    margin: 0 4px;
    animation: glow 1.5s ease-in-out infinite;
}

    button.green-btn:hover {
        background: #232626;
        color: #fff;
    }

@keyframes glow {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: 0 0 14px -1px #26ee89;
        filter: brightness(1.05);
    }

    100% {
        box-shadow: none;
    }
}

.hdaf-wrap {
    display: flex;
    flex-direction: column;
    align-items: end;
    grid-gap: 5px;
}

.hdaf-1 {
    font-size: 12px;
}

    .hdaf-1 a {
        color: #fff;
    }

        .hdaf-1 a:hover {
            color: #fed560;
        }

.date-time-top {
    margin-right: 10px;
}

.hdaf-2 {
    display: flex;
    align-items: center;
}

button.gold-btn.mobile-depo {
    min-width: auto;
    width: 32px;
    height: 32px;
    padding: 3px;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    text-shadow: 0px 1px 2px rgb(0, 0, 0, 0.6);
    display: none;
}

a.toprofile-link {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 15px;
    border-left: 1px solid #fff;
    padding: 0 10px;
    vertical-align: middle;
}

.hduser-icon {
    margin-right: 6px;
}

    .hduser-icon img {
        max-height: 20px;
    }

a.inbox-link {
    display: inline-block;
    color: #fff;
    position: relative;
    padding: 2px;
    font-size: 18px;
    margin: 0 10px;
    vertical-align: middle;
}

span.mailnum {
    position: absolute;
    right: -5px;
    top: -1px;
    background: #f00;
    font-size: 7px;
    border-radius: 50%;
    height: 11px;
    width: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-bal {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-right: 10px;
    font-size: 14px;
}

button.dispbtn {
    border: none;
    font-size: 95%;
    background: #26ee89;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.balamt {
    letter-spacing: 0.5px;
    font-size: 13px;
}

.header-user-wrapper {
    position: relative;
}

.header-user {
    position: relative;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    background: #232626;
    height: 37px;
    font-size: 13px;
    padding: 0 20px 0 5px;
    border-radius: 4px;
    cursor: pointer;
}

    .header-user::after {
        content: '\f078';
        font-family: 'Font Awesome 7 Free';
        font-weight: 700;
        font-size: 70%;
        color: #26ee89;
        position: absolute;
        right: 6px;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
    }

.vipbadge img {
    max-height: 50px;
}

.user-dropown-wrapper {
    position: absolute;
    right: 0;
    width: 280px;
    top: 100%;
    background: linear-gradient(180deg, rgba(50, 55, 56, 1) 0%, rgba(51, 61, 59, 1) 67%, rgba(53, 76, 65, 1) 85%, rgba(54, 79, 66, 1) 100%);
    border-radius: 10px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
}

.header-user-wrapper:hover .user-dropown-wrapper {
    visibility: visible;
    opacity: 1;
}

.player-info-box {
    padding: 15px 15px 0;
}

.welcome-vip {
    display: grid;
    grid-template-columns: 74% auto;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    grid-gap: 5px;
    margin-bottom: 10px;
}

.welcply {
    display: flex;
    flex-direction: column;
    grid-gap: 3px;
}

.vipbdg img {
    max-height: 70px;
}

.vip-upgrd {
    position: relative;
    margin-bottom: 10px;
    font-size: 13px;
}

.vipbar-wrap {
    position: relative;
    height: 4px;
    background: #000;
    width: 100%;
    border-radius: 25px;
    overflow: hidden;
    margin-top: 5px;
}

.vipbar-inner {
    background: #26ee89;
    height: 100%;
    border-radius: 25px;
}

.vipbenefit {
    text-align: right;
}

    .vipbenefit a {
        color: #fff;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: end;
    }

        .vipbenefit a:hover {
            color: #26ee89;
        }

.bfvipicon {
    font-size: 13px;
    margin-right: 5px;
    background: #26ee89;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.plyline {
    border: 1px dashed #010102;
    margin: 15px 0;
}

.playermenu {
    padding: 0 15px 10px;
}

ul.nav.playernav {
    flex-direction: column;
}

    ul.nav.playernav li.nav-item {
        margin: 3px 0;
    }

    ul.nav.playernav li a {
        display: flex;
        align-items: center;
        grid-gap: 10px;
        color: #fff;
        background: #2e3233;
        height: 40px;
        padding: 0 15px;
        border-radius: 7px;
        font-size: 14px;
    }

.plynav-icon img {
    max-height: 25px;
}

ul.nav.playernav li a:hover {
    background: #3b4142;
    color: #26ee89;
}

.msgnote {
    background: #ff0000;
    color: #fff;
    font-size: 10px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin-left: 5px;
}

/** Side Menu **/
.t-sidemenu {
    position: relative;
    z-index: 99;
    background: #292d2e;
}

.side-menu {
    position: fixed;
    width: 250px;
    transition: 0.3s;
}

.body-container.active .side-menu .smenu-text {
    display: none;
}

.body-container.active button.sidemenu-btn {
    transform: scaleX(-1);
    transform-origin: center;
}

.sidemenu-wrapper {
    padding: 15px 10px;
    overflow: auto;
    height: 89vh;
}

.mobile-side .sidemenu-wrapper {
    height: auto;
    overflow: visible;
}

.sidemenu-wrapper::-webkit-scrollbar {
    display: none;
}

a.event-btn {
    background: #fed560;
    display: flex;
    align-items: center;
    height: 45px;
    min-width: 45px;
    margin: 5px 0 10px;
    border-radius: 12px;
    color: #000;
    padding: 5px 15px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 0 2px 2px rgb(0, 0, 0, 0.7);
}

    a.event-btn:hover {
        background: #d09c12;
        color: #fff;
        box-shadow: 0 0px 2px rgb(0, 0, 0, 0.7);
    }

        a.event-btn:hover img {
            filter: grayscale(1) brightness(10);
        }

    a.event-btn img {
        max-height: 30px;
        margin-right: 10px;
    }

.body-container.active a.event-btn {
    padding: 5px;
    justify-content: center;
}

    .body-container.active a.event-btn img {
        margin-right: 0;
    }

.body-container.active ul.nav.sidemenu-nav {
    padding: 0;
}

.body-container.active .switches-container {
    display: none;
}

.switches-container {
    max-width: 100%;
    height: 40px;
    position: relative;
    display: flex;
    background: #232626;
    border-radius: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
}
    /* input (radio) for toggling. hidden - use labels for clicking on */
    .switches-container input {
        visibility: hidden;
        position: absolute;
        top: 0;
    }
    /* labels for the input (radio) boxes - something to click on */
    .switches-container label {
        width: 50%;
        padding: 0;
        margin: 0;
        text-align: center;
        cursor: pointer;
        color: #b3bec1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.switch-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    z-index: 3;
    transition: transform .3s cubic-bezier(.77, 0, .175, 1);
}
/* switch box highlighter */
.switch {
    border-radius: 10px;
    background: #4a5354;
    height: 100%;
}

    .switch div {
        width: 100%;
        text-align: center;
        opacity: 0;
        display: block;
        color: #fff;
        transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
        will-change: opacity;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
/* slide the switch box from right to left */
.switches-container input:nth-of-type(1):checked ~ .switch-wrapper {
    transform: translateX(0%);
}
/* slide the switch box from left to right */
.switches-container input:nth-of-type(2):checked ~ .switch-wrapper {
    transform: translateX(100%);
}
/* toggle the switch box labels - first checkbox:checked - show first switch div */
.switches-container input:nth-of-type(1):checked ~ .switch-wrapper .switch div:nth-of-type(1) {
    opacity: 1;
}
/* toggle the switch box labels - second checkbox:checked - show second switch div */
.switches-container input:nth-of-type(2):checked ~ .switch-wrapper .switch div:nth-of-type(2) {
    opacity: 1;
}

.themeicon {
    margin-right: 16px;
}

    .themeicon img {
        max-height: 15px;
    }

ul.nav.sidemenu-nav {
    background: #2e3233;
    flex-direction: column;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 0 15px;
    padding: 5px;
}

    ul.nav.sidemenu-nav li {
        position: relative;
        width: 100%;
    }

        ul.nav.sidemenu-nav li a.smenu-item {
            display: flex;
            align-items: center;
            color: #fff;
            height: 45px;
            min-width: 45px;
            border-radius: 10px;
            padding: 5px 15px;
            font-size: 14px;
            font-weight: 600;
            position: relative;
        }

            ul.nav.sidemenu-nav li a.smenu-item img, .smenu-wrap a img {
                max-height: 24px;
                margin-right: 15px;
            }

            ul.nav.sidemenu-nav li a.smenu-item.collapsed {
                background: none;
            }

            ul.nav.sidemenu-nav li a.smenu-item:hover {
                background: #3b4142;
                color: #28fd92;
            }

.body-container.active ul.nav.sidemenu-nav li a.smenu-item img, .body-container.active .smenu-wrap a img {
    margin-right: 0px;
}

.body-container.active ul.nav.sidemenu-nav li a.smenu-item {
    padding: 5px;
    justify-content: center;
}

.smenu-wrap {
    background: #292d2e;
    border-radius: 0 0 10px 10px;
}

    .smenu-wrap a {
        display: flex;
        align-items: center;
        color: #fff;
        height: 45px;
        min-width: 45px;
        border-radius: 10px;
        padding: 5px 15px 5px 40px;
        font-size: 15px;
        position: relative;
    }

        .smenu-wrap a:hover {
            background: #3b4142;
            color: #28fd92;
        }

    .smenu-wrap.support a:hover img {
        filter: contrast(1) brightness(0);
    }

.body-container.active .smenu-wrap a {
    padding: 5px;
    justify-content: center;
}

.member-info-wrapper {
    background: #093c79;
    border-radius: 10px;
    box-shadow: 0 0 3px rgb(0, 0, 0, 0.25);
    display: grid;
    grid-template-columns: 110px auto;
    grid-gap: 10px;
    align-items: center;
    padding: 10px 8px;
    margin-bottom: 10px;
    transition: 0.2s;
}

.mb-vip-img {
    transition: 0.3s;
}

.mbinfo-wrap {
    position: relative;
    font-size: 13px;
}

.mb-name {
    color: #ffc742;
    margin-bottom: 5px;
    font-weight: 500;
}

.mb-lvl {
    font-size: 90%;
}

.mbvip-info a {
    color: #ffc742;
}

.mb-stvip {
    font-size: 125%;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffc742;
    margin-top: 1px;
}

.mb-wallet {
    margin-top: 5px;
}

button.gold-btn.sidewallet {
    padding: 5px 5px;
    min-width: 77px;
    font-size: 13px;
    border-radius: 6px;
    height: 27px;
}

.body-container.active .member-info-wrapper {
    padding: 5px;
    height: 45px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    transition: 0.2s;
}

.body-container.active .mbinfo-wrap {
    display: none;
}

.floating-chat {
    position: fixed;
    max-width: 50px;
    right: 5px;
    bottom: 100px;
    z-index: 999;
    animation: 1.8s float ease-in-out infinite;
}

/** Footer Section **/
.footer-sec {
    background: #1f2121;
    position: relative;
    padding: 30px 0 20px;
}

.footer-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    margin-bottom: 15px;
}

a.support-ft img {
    max-height: 100px;
}

.ft-title {
    font-weight: 500;
    margin-bottom: 10px;
}

a.support-ft {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

a.smlink {
    display: inline-block;
    margin-right: 4px;
    vertical-align: top;
}

.sminner {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #9f9f9f;
    color: #1f2121;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    font-size: 22px;
}

a.smlink:hover .sminner {
    background: #26ef89;
}

.footer-link-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

ul.nav.ftnav {
    flex-direction: column;
    grid-gap: 0 10px;
}

    ul.nav.ftnav li.ftitem {
        margin-bottom: 8px;
    }

        ul.nav.ftnav li.ftitem a {
            color: #9f9f9f;
            font-size: 14px;
            font-weight: 500;
        }

            ul.nav.ftnav li.ftitem a:hover {
                color: #26ef89;
            }

.lisence-logo img {
    max-height: 30px;
    margin: 0 8px 8px 0;
}

.ft-payment img {
    max-height: 30px;
    margin: 0 8px 8px 0;
}

.copyright-text {
    text-align: center;
    font-size: 13px;
    padding-top: 10px;
}

button.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 10px;
    background: #7d7d7d;
    border: none;
    color: #fff;
    height: 45px;
    width: 45px;
    border-radius: 10px;
    font-size: 25px;
    padding: 5px;
    z-index: 100;
}

    button.back-to-top:hover {
        background: #26ef89;
        color: #000;
        transform: scale(0.98);
    }

/** Mobile Bottom Menu **/
.mobile-btm-sec {
    position: fixed;
    background: #292d2e;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 99;
    box-shadow: 0 -1px 6px rgb(0, 0, 0, 0.4);
    display: none;
}

ul.nav.btm-menu-nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    text-align: center;
    height: 56px;
}

a.bmenu-link {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: block;
    padding: 5px 1px;
}

.bmimg img {
    max-height: 25px;
}

.bmtext {
    line-height: 1;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bmimg.rwc-img img {
    max-height: 50px;
    filter: drop-shadow(0px 1px 3px rgb(0, 0, 0, 0.7));
}

.bmimg.rwc-img {
    margin: -20px auto -3px;
}


/** Home **/
.home-slider-sec {
    position: relative;
    padding: 30px 0 15px;
}

.home-slider.light, .sub-slider.light {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.mb-img {
    border-radius: 14px;
    overflow: hidden;
}

.owl-theme.home-slider .owl-nav button.owl-prev {
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    font-size: 22px;
    border-radius: 5px;
    height: 30px;
    width: 30px;
    margin: auto;
    background: rgb(255,255,255,0.2);
    z-index: 3;
    line-height: 0;
    padding-bottom: 2px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-theme.home-slider .owl-nav button.owl-next {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    font-size: 22px;
    border-radius: 5px;
    height: 30px;
    width: 30px;
    margin: auto;
    background: rgb(255,255,255,0.2);
    z-index: 3;
    line-height: 0;
    padding-bottom: 2px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .owl-theme.home-slider .owl-nav button.owl-prev:hover, .owl-theme.home-slider .owl-nav button.owl-next:hover {
        background: #26ef89;
        color: #fff;
    }

.owl-theme.sub-slider .owl-nav button.owl-prev {
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    font-size: 18px;
    border-radius: 5px;
    height: 20px;
    width: 20px;
    margin: auto;
    background: rgb(255,255,255,0.2);
    z-index: 3;
    line-height: 0;
    padding-bottom: 2px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-theme.sub-slider .owl-nav button.owl-next {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    font-size: 18px;
    border-radius: 5px;
    height: 20px;
    width: 20px;
    margin: auto;
    background: rgb(255,255,255,0.2);
    z-index: 3;
    line-height: 0;
    padding-bottom: 2px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .owl-theme.sub-slider .owl-nav button.owl-prev:hover, .owl-theme.sub-slider .owl-nav button.owl-next:hover {
        background: #26ef89;
        color: #fff;
    }

.featured-category-sec {
    position: relative;
    padding: 10px 0 25px;
}

.category-wrapper {
    position: relative;
}

.ctgy-column-1 {
    position: relative;
    text-align: center;
}

.ctgy-column-2 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
}

.ctgy-box {
    display: inline-block;
    vertical-align: top;
    background: #323738;
    overflow: hidden;
    border-radius: 14px;
    position: relative;
    width: 24.3%;
    margin: 3px 0.2%;
}

    .ctgy-box.slots, .ctgy-box.casino, .ctgy-box.sports {
        width: 32.7%;
    }

    .ctgy-box.slots {
        margin-left: 0;
    }

a.ctgy-box.fast {
    margin-right: 0;
}

.ctgy-box.slots::before, .ctgy-box.casino::before, .ctgy-box.sports::before {
    content: '';
    background: url(../images/prdbg-logo.png) no-repeat center;
    background-size: 61%;
    height: 90%;
    width: 90%;
    position: absolute;
    left: -10%;
    top: 5%;
}

.ctgy-box:hover .ctgy-item {
    transform: scale(1.07);
    transition: 0.3s;
}

.ctgy-title {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    left: 4%;
    top: 5%;
    z-index: 2;
}

.ctgy-title-icon {
    margin-right: 8px;
}

    .ctgy-title-icon img {
        max-height: 25px;
    }

.ctgy-item {
    text-align: right;
    max-width: 70%;
    margin: 3% -3% 3% auto;
    filter: drop-shadow(4px 2px 3px rgb(0, 0, 0, 0.4));
    transition: 0.3s;
}

.slots .ctgy-item, .casino .ctgy-item {
    margin: 3% 3% 3% auto;
}

.casino .ctgy-title-icon img, .slots .ctgy-title-icon img {
    max-height: 30px;
}

.recent-withdraw-sec {
    position: relative;
    padding: 10px 0 15px;
}

.rcw-container {
    display: flex;
    position: relative;
    grid-gap: 1%;
    justify-content: space-between;
}

.rcw-wrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

.mv-box {
    height: 424px;
}

.hotgames-title {
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.hotgame-icon img {
    max-height: 20px;
    margin-right: 5px;
}

.hotgames-title.mvmusic {
    margin-top: 18px;
}

.owl-theme.hotgames-slider .owl-nav {
    margin-top: 10px;
    position: absolute;
    right: 0;
    top: -11%;
}

    .owl-theme.hotgames-slider .owl-nav button.owl-prev {
        position: absolute;
        right: 42px;
        bottom: 0;
        font-size: 22px;
        border-radius: 5px;
        height: 30px;
        width: 30px;
        margin: auto;
        background: #323738;
        z-index: 3;
        line-height: 0;
        padding-bottom: 3px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .owl-theme.hotgames-slider .owl-nav button.owl-next {
        position: absolute;
        right: 5px;
        bottom: 0;
        font-size: 22px;
        border-radius: 5px;
        height: 30px;
        width: 30px;
        margin: auto;
        background: #323738;
        z-index: 3;
        line-height: 0;
        padding-bottom: 3px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .owl-theme.hotgames-slider .owl-nav button.owl-prev:hover, .owl-theme.hotgames-slider .owl-nav button.owl-next:hover {
            background: #4a5354;
            color: #fff;
        }

.thumb-box {
    overflow: hidden;
    border-radius: 14px;
    position: relative;
    cursor: pointer;
}

.thumb-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(35, 38, 38, 0.9);
    font-size: 13px;
    color: #fff;
    line-height: 1;
    text-align: center;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.play-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s;
}

button.playslot-btn {
    background: #26ee89;
    border: 1px solid #fff;
    box-shadow: 0 0 5px 2px #26ee89;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    height: 30px;
    padding: 3px 6px;
    min-width: 100px;
    border-radius: 9px;
    transform: scale(0.3);
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}

.thumb-box:hover .play-hover {
    visibility: visible;
    opacity: 1;
}

    .thumb-box:hover .play-hover button.playslot-btn {
        transition: 0.2s;
        transform: scale(1);
        visibility: visible;
        opacity: 1;
    }

.owl-carousel.recentlyplay .owl-item img {
    object-fit: cover;
    height: 100%;
}

.recentlyplay .thumb-img {
    height: 184px;
}

.thumb-img.lotto {
    background: url("../images/home/lotto-thumb-bg.png")no-repeat center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel .owl-item .thumb-img.lotto img {
    filter: drop-shadow(0 2px 1px rgb(0, 0, 0, 0.9));
    width: auto;
    max-width: 90%;
    margin: 0 auto;
    max-height: 60px;
}

.recently .thumb-img {
    height: 185px;
}

    .recently .thumb-img img {
        object-fit: cover;
        height: 100%;
    }

.game-carousel-wrapper {
    position: relative;
    padding: 10px 0;
}

.wdrecord-wrapper {
    position: relative;
    padding: 15px 15px;
    background: #313637;
    border-radius: 14px;
}

.recent-wd-table-wrapper {
    position: relative;
    text-align: center;
    font-size: 14px;
    border-radius: 8px;
}

table.wdtable tr th {
    background: #292d2e;
    font-weight: 400;
    padding: 10px 1px;
}

table.wdtable tr {
    background: #323738;
}

    table.wdtable tr:nth-child(odd) {
        background: #2a2d2e;
    }

    table.wdtable tr td {
        padding: 10px 1px;
    }

.record-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

button.rcd-btn {
    background: #292d2e;
    border: none;
    color: #fff;
    font-size: 13px;
    height: 25px;
    padding: 1px 5px;
    min-width: 100px;
    border-radius: 7px;
    margin: 0 4px;
}

    button.rcd-btn.active, button.rcd-btn:hover {
        background: #4a5354;
        color: #fff;
    }

.providers-slider {
    margin-bottom: 25px;
}

.pvdbox {
    background: #3b4142;
    border-radius: 12px;
    padding: 5px 5px;
}

    .pvdbox img {
        filter: grayscale(1);
        mix-blend-mode: screen;
        max-height: 45px;
        width: auto !important;
        margin: 0 auto;
    }

.how-reg-sec {
    position: relative;
    padding: 15px 0;
}

.wt-title {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}

.step-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

.stepbox {
    position: relative;
    background: linear-gradient(180deg, rgba(50, 55, 56, 1) 0%, rgba(51, 61, 59, 1) 67%, rgba(53, 76, 65, 1) 85%, rgba(54, 79, 66, 1) 100%);
    overflow: hidden;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 32% auto;
    align-items: center;
    grid-gap: 5px;
    height: 110px;
    max-width: 315px;
    margin: 0 auto;
    width: 100%;
    padding: 12px 10px;
    box-shadow: 0 0px 12px rgb(0, 0, 0, 0.25);
}

.step-icon img {
    max-height: 80px;
    filter: drop-shadow(0px 2px 4px rgb(0, 0, 0, 0.4));
}

.step-text {
    font-size: 16px;
}

.sptext-1 {
    margin-bottom: 5px;
    font-size: 110%;
    font-weight: 600;
    color: #e4eb28;
}

.sptext-2 {
    font-size: 80%;
    font-weight: 500;
    color: #fff;
}

.stepbox::after {
    content: '';
    width: 90px;
    position: absolute;
    right: -3%;
    top: -23%;
    pointer-events: none;
}

.stepbox.step1::after {
    content: '1';
    color: rgb(0, 0, 0, 0.2);
    font-size: 160px;
    font-weight: 700;
    line-height: 1;
}

.stepbox.step2::after {
    content: '2';
    color: rgb(0, 0, 0, 0.2);
    font-size: 160px;
    font-weight: 700;
    line-height: 1;
}

.stepbox.step3::after {
    content: '3';
    color: rgb(0, 0, 0, 0.2);
    font-size: 160px;
    font-weight: 700;
    line-height: 1;
}

.stepbox.step4::after {
    content: '4';
    color: rgb(0, 0, 0, 0.2);
    font-size: 160px;
    font-weight: 700;
    line-height: 1;
}

.stepbox.step2::before, .stepbox.step3::before, .stepbox.step4::before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #232626;
    transform: rotate(0deg);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.welcome-sec {
    position: relative;
    text-align: center;
    padding: 20px 0;
}

.wtitle-1 h1 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
}

.welcome-content {
    max-width: 1100px;
    margin: 0 auto;
    font-weight: 500;
}

.greentext {
    color: #28eb89;
}

.usp-wrapper {
    padding-top: 30px;
}

.usp-box {
    position: relative;
    vertical-align: top;
    background: linear-gradient(180deg,rgba(50, 55, 56, 1) 0%, rgba(51, 61, 59, 1) 50%, rgba(53, 76, 65, 1) 83%, rgba(54, 79, 66, 1) 100%);
    max-width: 31%;
    margin: 0.5% 0.5%;
    display: inline-block;
    border-radius: 10px;
    padding: 0 15px 15px;
    font-weight: 500;
    font-size: 16px;
}

.uspimg {
    max-width: 55%;
    margin: -38px auto 10px;
    filter: drop-shadow(0px 1px 4px rgb(0, 0, 0, 0.5));
}

.usp-title {
    color: #e4eb28;
    font-size: 140%;
    font-weight: 600;
    margin-bottom: 5px;
}

.bonus-feature-sec {
    position: relative;
    padding: 15px 0 25px;
    text-align: center;
}

.bonus-feat-wrapper {
    position: relative;
    background: #292c2d;
    border-radius: 15px;
    padding: 30px 30px;
}

.ftbn-title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
}

.feature-bonus-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
    padding-top: 45px;
}

.bf-box {
    position: relative;
    background: linear-gradient(180deg, rgba(50, 55, 56, 1) 0%, rgba(51, 61, 59, 1) 50%, rgba(53, 76, 65, 1) 83%, rgba(54, 79, 66, 1) 100%);
    padding: 0 15px 15px;
    border-radius: 10px;
}

.bftitle {
    color: #e4eb28;
    font-size: 21px;
    font-weight: 600;
    padding-bottom: 10px;
}

.bf-img {
    max-width: 90%;
    margin: -18% auto 0;
}

.tnc-card {
    margin-bottom: 7px;
}

button.btn-tnc {
    background: #27f38c;
    border: none;
    font-weight: 500;
    color: #000;
    width: 100%;
    text-align: left;
    padding: 5px 35px 5px 20px;
    height: 42px;
    border-radius: 8px;
    position: relative;
    line-height: 1;
}

    button.btn-tnc.collapsed {
        background: #2e3233;
        color: #fff;
    }

    button.btn-tnc::after {
        content: '\f068';
        font-family: 'Font Awesome 7 Free';
        font-size: 14px;
        font-weight: 700;
        position: absolute;
        color: #000;
        right: 15px;
        top: 15px;
    }

    button.btn-tnc.collapsed::after {
        content: '\f067';
        font-family: 'Font Awesome 7 Free';
        font-weight: 700;
        color: #fff;
    }

.tnc-body {
    background: #3b4142;
    color: #fff;
    border-radius: 0 0 10px 10px;
    padding: 20px 20px;
    margin-top: 0px;
}

button.btn-tnc h3 {
    font-size: 15px;
    margin: 0;
}

/** SEO section **/
.seo-sec {
    position: relative;
    padding: 30px 0;
}

.seo-wrapper {
    position: relative;
    overflow: hidden;
    font-size: 13px;
    max-height: 300px;
    color: #979797;
}

    .seo-wrapper::after {
        content: '';
        background: linear-gradient(180deg,rgba(35, 38, 38, 0) 0%, rgba(35, 38, 38, 1) 100%);
        width: 100%;
        height: 30%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
    }

    .seo-wrapper h1 {
        font-size: 130%;
        font-weight: 700;
    }

    .seo-wrapper h2 {
        font-size: 120%;
        font-weight: 600;
    }

    .seo-wrapper h3, .seo-wrapper h4 {
        font-size: 110%;
        font-weight: 500;
    }

    .seo-wrapper a {
        color: #979797;
        text-decoration: underline;
    }

        .seo-wrapper a:hover {
            color: #fff;
        }

.readmore-seo {
    text-align: center;
}

button.read-more {
    position: relative;
    min-width: 100px;
    background: #3b4142;
    height: 33px;
    border-radius: 7px;
    margin: 0 auto 0 8px;
    color: #fff;
    font-size: 13px;
    padding: 2px 10px;
}

    button.read-more:hover {
        background: #27f38c;
        color: #000;
    }

.seo-wrapper ol, .seo-wrapper ul {
    padding-left: 16px;
}

.seo-wrapper.active ~ .readmore-seo {
    margin-top: 0;
}

.seo-wrapper.active {
    max-height: none;
}

    .seo-wrapper.active::after {
        content: none;
    }

/** Register page **/
.reg-sec {
    padding: 25px 0 30px;
}

.register-wrapper {
    display: grid;
    grid-template-columns: 45% 55%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 30px;
    background: #282b2c;
}

.reg-left-column {
    padding: 20px;
}

.reg-right-column {
    background: #34483f url("../images/reg-bg.jpg")no-repeat top right;
    background-size: 100%;
    padding: 30px 20px 20px;
}

.regtitle {
    display: none;
}

form.reg-form {
    padding: 15px;
}

.rfwrap {
    position: relative;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    filter: drop-shadow(0 3px 3px rgb(0, 0, 0, 0.3));
}

.reg-field {
    position: relative;
    width: 100%;
}

.input-icon {
    position: absolute;
    z-index: 2;
    left: 0;
    color: #26ee89;
    font-size: 16px;
    background: #3b4142;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 8px 0 0 8px;
}

input.reg-input {
    background: #282c2d;
    color: #fff;
    border: none;
    height: 40px;
    padding: 2px 15px 2px 50px;
    border-radius: 8px;
}

    input.reg-input::placeholder {
        color: #b3bec1;
    }

.field-icon {
    position: absolute;
    right: 17px;
    top: 0;
    bottom: 0;
    font-size: 16px;
    cursor: pointer;
    color: #b3b3b3;
    display: flex;
    align-items: center;
    justify-content: center;
}

input.login-input {
    background: #282c2d;
    color: #fff;
    border: 1px solid #3b4142;
    height: 40px;
    padding: 4px 15px 4px 55px;
    border-radius: 8px;
}

    input.login-input::placeholder {
        color: #b3bec1;
    }

.log-icon-box {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    font-size: 18px;
    color: #26ee89;
    background: #3b4142;
    width: 44px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px 0 0 8px;
}

button.reg-join-btn {
    background: #26ee89;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    min-width: 150px;
    height: 35px;
    padding: 5px 15px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgb(0, 0, 0, 0.3);
    transition: 0.2s;
}

    button.reg-join-btn:hover {
        background: #232626;
        color: #fff;
        transform: scale(0.98);
        transition: 0.2s;
    }

.choose-text {
    font-size: 16px;
    text-align: center;
    padding-bottom: 10px;
}

.fav-game {
    display: flex;
    justify-content: space-evenly;
}

.game-option {
    display: inline-block;
    position: relative;
    padding-left: 23px;
    margin: 4px 6px;
    cursor: pointer;
    font-size: 15px;
    user-select: none;
}

    .game-option input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 4px;
    border: 1px solid #3b4142;
    background-color: #232626;
}

.game-option:hover input ~ .checkmark {
    background-color: #232626;
}

.game-option input:checked ~ .checkmark {
    background-color: #232626;
}

.checkmark:after {
    content: '';
    position: absolute;
    display: none;
}

.game-option input:checked ~ .checkmark:after {
    display: block;
}

.game-option .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0px 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.reg-btn-wrap {
    text-align: center;
    padding: 20px 0;
}

.agree-text {
    font-size: 14px;
    color: #b3b3b3;
}

    .goldtext, .agree-text a {
        color: #e4eb28;
    }

        .agree-text a:hover {
            color: #fff;
        }

.fun-begin {
    padding: 0 5px;
}

.regtext-1 {
    font-weight: 500;
    font-size: 130%;
}

ul.fun {
    padding: 10px 0 0px 17px;
    font-size: 16px;
}

    ul.fun li {
        padding-bottom: 10px;
    }

.reg-banner-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
}

.regb-img {
    overflow: hidden;
    border-radius: 12px;
}

.reg-banner-wrapper.light {
    display: none;
}

.activate-wrapper {
    background: #323738;
    padding: 30px 20px;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 15px;
    text-align: center;
}

.active-img {
    margin-bottom: 10px;
}

.actext-1 {
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.btn-act {
    padding-top: 20px;
}

.active-img {
    max-width: 150px;
    margin: 0 auto 10px;
}

.btn-act {
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 15px;
}

button.gold-btn.home {
    background: #fed560;
    color: #000;
}

/** Info Center pages **/
.about-sec {
    position: relative;
    padding: 30px 0;
}

.infopage-container {
    display: grid;
    grid-template-columns: 300px auto;
    grid-gap: 15px;
}

.info-content {
    background: #282c2d;
    position: relative;
    padding: 20px 25px;
    border-radius: 12px;
}

ul.info-menu {
    background: #282b2b;
    position: relative;
    padding: 20px 20px;
    list-style-type: none;
    border-radius: 12px;
    margin: 0;
}

    ul.info-menu li {
        margin-bottom: 8px;
    }

        ul.info-menu li:last-child {
            margin-bottom: 0;
        }

        ul.info-menu li a.infolink {
            background: #232626;
            display: flex;
            align-items: center;
            padding: 2px 15px;
            height: 45px;
            color: #fff;
            font-weight: 500;
            border-radius: 8px;
        }

            ul.info-menu li a.infolink.active, ul.info-menu li a.infolink:hover {
                background: #3b4142;
                color: #26ee89;
            }

            ul.info-menu li a.infolink img {
                height: 20px;
                margin-right: 10px;
                filter: contrast(0) brightness(1.5);
            }

            ul.info-menu li a.infolink.active img, ul.info-menu li a.infolink:hover img {
                filter: none;
            }

.info-title {
    font-size: 18px;
    font-weight: 500;
}

.info-divider {
    border: 1px dashed #535353;
    margin: 20px 0;
}

.info-content-inner {
    line-height: 1.3;
}

.contactbox {
    background: rgb(0,0,0,0.2);
    max-width: 180px;
    width: 100%;
    margin: 10px;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
}

    .contactbox:hover {
        box-shadow: 0 0 12px -1px #26ee89;
    }

.ctcname {
    font-size: 110%;
    padding: 5px 5px;
    background: #3b4142;
}

.ct-icon {
    font-size: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.ct-detail {
    background: #26ee89;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ct-detail a {
        color: #0a1941;
    }

.ct-icon img {
    max-height: 90px;
}

ul.terms {
    padding-left: 17px;
}

.claim-text {
    color: #dba728;
    padding-bottom: 10px;
    font-weight: 600;
}

    .claim-text a {
        color: #fff;
    }

/** Slots Lobby Category **/
.category-game-sec {
    position: relative;
    padding: 45px 0 30px;
}

.catg-top-banner {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}

.catg-model {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

    .catg-model img {
        max-height: 290px;
    }

.catg-menu-wrapper {
    position: relative;
    background: #282c2d;
    border: 1px solid #393e3f;
    border-radius: 12px;
    padding: 10px 10px;
    margin-bottom: 20px;
}

ul.nav.cm-nav li.cm-item {
    margin: 5px 10px 5px 0;
}

    ul.nav.cm-nav li.cm-item a.cmlink {
        display: flex;
        align-items: center;
        grid-gap: 8px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        height: 28px;
        background: #232626;
        padding: 0 9px;
        border-radius: 8px;
    }

a.cmlink img {
    max-height: 21px;
}

ul.nav.cm-nav li.cm-item a.cmlink.active, ul.nav.cm-nav li.cm-item a.cmlink:hover {
    background: #3b4142;
    color: #26ef89;
}

.slots-lobby-container {
    background: #282b2c;
    padding: 30px;
    border-radius: 30px;
    display: grid;
    grid-template-columns: 200px auto;
    grid-gap: 15px;
    position: relative;
}

.slot-filter-wrap {
    display: flex;
    justify-content: space-between;
    padding: 0 0 20px;
}

button.sfbtn {
    background: #232626;
    border: none;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    height: 33px;
    padding: 2px 10px;
    border-radius: 7px;
    min-width: 80px;
    position: relative;
    margin-right: 3px;
}

    button.sfbtn.active, button.sfbtn:hover, button.sfbtn.lobby {
        background: #3b4142;
        color: #26ef89;
    }

    button.sfbtn.lobby {
        font-size: 14px;
        background: linear-gradient(90deg, rgba(54, 79, 66, 1) 0%, rgba(50, 55, 56, 1) 100%);
        color: #fff;
    }

.sfbtn-right {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}

.slot-search-box {
    position: relative;
    background: #232626;
    border: 1px solid #3b4142;
    border-radius: 7px;
    display: grid;
    grid-template-columns: 80% auto;
    height: 33px;
    max-width: 185px;
    overflow: hidden;
}

input.slots-input {
    background: none;
    border: none;
    height: 100%;
    padding: 5px 10px;
    color: #fff;
    width: 100%;
}

button.slot-search-btn {
    background: none;
    border: none;
    color: #707f8d;
    padding: 5px;
}

input.slots-input::placeholder {
    color: #747a82;
}

.slots-provider {
    border: 1px solid #393f40;
    background: #232627;
    position: relative;
    height: fit-content;
    overflow: hidden;
    border-radius: 10px;
}

a.spvdbox {
    display: block;
    color: #fff;
    font-size: 15px;
    padding: 5px 4px 4px 20px;
    position: relative;
    overflow: hidden;
    height: 45px;
    display: flex;
    align-items: center;
}

span.pdv-icon img {
    max-height: 30px;
    filter: grayscale(1);
}

a.spvdbox.active, a.spvdbox:hover {
    background: #3b4142;
    color: #26ef89;
    font-weight: 500;
}

    a.spvdbox.active img, a.spvdbox:hover img {
        filter: none;
    }

a.spvdbox::after {
    content: '';
    width: 100%;
    margin: auto;
    height: 1px;
    background: #393f40;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 1;
}

a.spvdbox:first-child::after {
    content: none;
}

.hot-slot {
    background: #26ef89;
    color: #000;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    width: 80px;
    padding: 15px 2px 3px;
    text-align: center;
    transform: rotateZ(39deg);
    position: absolute;
    right: -31px;
    top: -9px;
    box-shadow: 0 0px 4px rgb(0,0,0,0.4);
    z-index: 2;
}

span.pdv-icon {
    margin-right: 8px;
}

.slots-container {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 10px;
}

.slotgbox {
    position: relative;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
}

.slot-tumbnail {
    overflow: hidden;
}

    .slot-tumbnail img {
        object-fit: cover;
        width: 100%;
    }

.slot-name {
    background: #3b4142;
    color: #fff;
    height: 38px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    padding: 5px 5px;
    overflow: hidden;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.play-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s;
    z-index: 1;
}

.slotgbox:hover .play-hover {
    visibility: visible;
    opacity: 1;
    transition: 0.2s;
}

button.playslot-btn {
    background: #26ee89;
    color: #000;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    min-width: 120px;
    padding: 6px;
    margin: 5px 0px;
    border-radius: 7px;
    transform: scale(0.3);
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}

    button.playslot-btn:hover {
        transform: scale(0.97);
        filter: brightness(1.07);
        box-shadow: 0 0 10px -1px #26ee89;
    }

.slotgbox:hover .play-hover button.playslot-btn {
    transition: 0.2s;
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}
/** Other Product pages **/
.pvd-list-wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
}

    .pvd-list-wrapper .thumb-box {
        max-width: 200px;
    }

.day-img {
    display: none;
}
/** Lottery **/
.lottery-container {
    position: relative;
    background: #282b2c;
    border-radius: 10px;
    padding: 15px 15px;
}

.lotto-game-option {
    display: flex;
    align-items: center;
    justify-content: center;
}

button.lott-btn {
    background: #232627;
    border: none;
    border-radius: 8px;
    height: 45px;
    width: 130px;
    margin: 5px;
}

    button.lott-btn img {
        filter: contrast(1) brightness(10);
    }

    button.lott-btn.active {
        background: linear-gradient(180deg, rgba(50, 55, 56, 1) 0%, rgba(51, 61, 59, 1) 50%, rgba(53, 76, 65, 1) 83%, rgba(54, 79, 66, 1) 100%);
    }

        button.lott-btn.active img {
            filter: none;
        }

    button.lott-btn img {
        max-height: 35px;
    }

.lotto-divider {
    margin: 15px auto;
    border: 1px dashed #535353;
    width: 100%;
}

.lotto-top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

button.lotto-btn {
    background: #3b4142;
    border: none;
    width: 150px;
    color: #26f48c;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
    height: 33px;
    padding: 5px;
    margin: 5px;
}

    button.lotto-btn.guide {
        background: #232626;
        color: #fff;
    }

    button.lotto-btn:hover {
        background: #26f48c;
        box-shadow: 0 0 10px -1px #26f48c;
        color: #000;
    }

.date-search-wrap {
    position: relative;
    max-width: 300px;
    margin: 15px 0;
    background: #232626;
    border: 1px solid #3b4142;
    border-radius: 10px;
    width: 200px;
    display: grid;
    grid-template-columns: 80% auto;
}

input.date-input {
    background: none;
    color: #747a82;
    border: none;
    height: 33px;
    padding: 4px 15px;
    border-radius: 40px;
    width: 100%;
}

    input.date-input::placeholder {
        color: #747a82;
    }

button.search-btn {
    background: none;
    border: none;
    color: #747a82;
    font-size: 15px;
}

.lottery-result-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 15px;
    padding: 0 10px;
    max-width: 1100px;
    margin: 0 auto;
}

.result-box {
    background: #232626;
    overflow: hidden;
    border-radius: 15px;
    border: 1px solid #383e3f;
    max-width: 350px;
    margin: 0 auto;
    color: #fff;
    width: 100%;
    text-align: center;
}

.lotto-top {
    background: #232626 url("../images/products/lottery/lotto-box-topbg.png")no-repeat bottom center;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 15px;
    height: 55px;
}

.lotto-title {
    text-align: right;
    font-size: 14px;
    font-weight: 500;
}

.lottitle-1 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

table.rs-top tr th {
    background: linear-gradient(180deg, rgba(50, 55, 56, 1) 0%, rgba(51, 61, 59, 1) 50%, rgba(53, 76, 65, 1) 83%, rgba(54, 79, 66, 1) 100%);
    color: #ffe27f;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 1px;
    border: 1px solid #383e3f;
    border-bottom: 1px solid #25955d;
}

.result-box table tr th:first-child {
    border-left: none !important;
}

.result-box table tr th:last-child {
    border-right: none !important;
}

.result-box table tr td:first-child {
    border-left: none !important;
}

.result-box table tr td:last-child {
    border-right: none !important;
}

.result-box table tr:last-child td {
    border-bottom: none !important;
}

table.rs-top tr td {
    background: #232626;
    font-size: 22px;
    padding: 5px 1px;
    border: 1px solid #383e3f;
}

table.rs-btm tr th {
    background: linear-gradient(180deg, rgba(50, 55, 56, 1) 0%, rgba(51, 61, 59, 1) 50%, rgba(53, 76, 65, 1) 83%, rgba(54, 79, 66, 1) 100%);
    color: #ffe27f;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 1px;
    border: 1px solid #383e3f;
}

table.rs-btm tr td {
    background: #232626;
    padding: 10px 1px;
    border: 1px solid #383e3f;
    font-size: 16px;
}

.consol-wrap {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px 5px;
}

.lottery-mobile {
    display: none;
}

.lotto-img img {
    max-height: 35px;
}

ul.lt-wrap {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 2px;
    border-bottom: 2px solid #26ee89;
    padding: 0 2px;
    text-align: center;
}

.nav-tabs.lt-wrap .nav-link {
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
}

    .nav-tabs.lt-wrap .nav-item.show .nav-link, .nav-tabs.lt-wrap .nav-link.active {
        color: #26ee89;
        background-color: transparent;
    }

li.lt-item {
    position: relative;
    padding-bottom: 22px;
}

ul.lt-wrap li a.active:after {
    content: "";
    color: #26ee89;
    position: absolute;
    border-top: 0;
    border-right: 0.7em solid transparent;
    border-bottom: 0.7em solid;
    border-left: 0.7em solid transparent;
    width: 8px;
    margin: auto;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 10;
}

ul.lt-wrap.win28 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
}

.lotto-btn-wrap {
    text-align: center;
}

.date-box {
    padding: 10px 0px;
    font-size: 15px;
    text-align: center;
}

/** Download **/
.download-game-sec {
    position: relative;
    padding: 30px 0;
}

.download-menu {
    position: relative;
    background: #282b2c;
    border-radius: 14px;
    border: 1px solid #393e3f;
    padding: 10px 10px;
    margin-bottom: 20px;
}

ul.nav.nav-download li {
    margin-right: 10px;
}

    ul.nav.nav-download li.nav-item a.nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        grid-gap: 8px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        height: 28px;
        background: #232626;
        padding: 0 8px;
        border-radius: 6px;
        min-width: 150px;
    }

        ul.nav.nav-download li.nav-item a.nav-link img {
            max-height: 20px;
            filter: contrast(1) brightness(10);
        }

        ul.nav.nav-download li.nav-item a.nav-link.active {
            background: #3b4142;
            color: #26ee89;
        }

            ul.nav.nav-download li.nav-item a.nav-link.active img {
                filter: none;
            }

.download-content {
    background: #282b2c;
    padding: 15px 15px;
    border-radius: 15px;
}

.download-list-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
}

.download-box {
    display: inline-block;
    max-width: 400px;
    overflow: hidden;
    border-radius: 10px;
    background: #232626;
    border: 1px solid #3b4142;
    position: relative;
    padding: 10px 5px;
}

    .download-box::before {
        content: '';
        background: url(../images/dl-watermark-bg.png) no-repeat;
        background-size: 100%;
        width: 52%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
    }

.download-inner {
    display: grid;
    grid-template-columns: 55% auto;
    grid-gap: 5px;
    width: 100%;
}

.qrcode-img {
    padding: 10px 10px;
}

    .qrcode-img img {
        max-height: 140px;
    }

.dl-info {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.dlpvd-logo {
    max-width: 200px;
    margin-bottom: 15px;
}

    .dlpvd-logo img {
        max-height: 70px;
    }

button.dl-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    background: #26ee89;
    border: none;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    height: 30px;
    max-width: 115px;
    margin: 0 auto;
    border-radius: 9px;
    z-index: 1;
}

    button.dl-btn:hover {
        background: #3b4142;
        color: #fff;
    }

.os-wrap {
    color: #26ee89;
    height: 20px;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    font-weight: 500;
    position: absolute;
    left: 3px;
    top: -2px;
    font-size: 13px;
    border: 1px solid #26ee89;
    border-radius: 35px;
}

    .os-wrap img {
        max-height: 15px;
    }

.os-icon {
    margin-right: 5px;
}

/** Promotion **/
.promo-sec {
    position: relative;
    padding: 30px 0;
}

.mix {
    display: none;
}

.filter-menu {
    position: relative;
    background: #282b2c;
    border-radius: 12px;
    border: 1px solid #393e3f;
    padding: 10px 10px;
    margin-bottom: 20px;
}

.pmbox {
    display: inline-block;
    cursor: pointer;
    margin: 0 2px 5px 0;
}

.pmbox-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    height: 28px;
    background: #232626;
    padding: 0 8px;
    border-radius: 8px;
    min-width: 110px;
}

.pmbox.active .pmbox-inner {
    background: #3b4142;
    color: #26ee89;
}

.promo-content-area {
    position: relative;
    background: #282b2c;
    border-radius: 12px;
    padding: 15px 10px;
    text-align: center;
}

.promo-bx {
    position: relative;
    max-width: 32%;
    margin: 10px 0.3%;
    text-align: left;
    vertical-align: top;
    width: 100%;
}

.promobox {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
    display: grid;
    grid-template-columns: 55% auto;
    background: #232626;
}

    .promobox::before {
        content: '';
        background: url(../images/dl-watermark-bg.png) no-repeat;
        background-size: 100%;
        height: 100%;
        width: 53%;
        margin: 0 auto;
        position: absolute;
        left: -9%;
        right: 0;
        top: 5%;
        pointer-events: none;
    }

.pm-detail-wrap {
    position: relative;
    padding: 15px 0 15px 25px;
    text-align: left;
    display: flex;
    align-items: center;
    padding-bottom: 60px;
}

.comtext {
    font-size: 18px;
    font-weight: 600;
    align-self: center; /* Only centers .comtext vertically within its flex parent */
}

.sm-promo-title {
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.smpromo-caption {
    font-size: 95%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.pm-img {
    display: flex;
    align-items: end;
}

.more-info-wrap {
    position: absolute;
    left: 25px;
    bottom: 15px;
}

button.pm-more-btn {
    background: #26ee89;
    border: 1px solid #26ee89;
    color: #000;
    font-weight: 500;
    font-size: 15px;
    height: 30px;
    padding: 0px 4px;
    min-width: 110px;
    border-radius: 9px;
}

    button.pm-more-btn:hover {
        background: #3b4142;
        color: #26ee89;
    }

/** VIP **/
.vip-sec {
    position: relative;
    padding: 30px 0;
}

.vip-player-info-wrapper {
    position: relative;
    background: url(../images/vip/vip-bn-bg.jpg) no-repeat center right;
    background-size: cover;
    overflow: hidden;
    border-radius: 15px;
    height: 250px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.vip-trophy-img {
    position: absolute;
    right: 3%;
    bottom: -1%;
    max-width: 34%;
}

.vp-info-wrap {
    position: relative;
    display: grid;
    grid-template-columns: 200px 100%;
    grid-gap: 20px;
    align-items: center;
}

.vipbp-img img {
    max-height: 200px;
}

.vpname-lvl {
    font-size: 22px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
}

.lvltext {
    border: 1px solid #26ec88;
    border-radius: 6px;
    padding: 3px 10px;
    margin-right: 15px;
    font-size: 90%;
    font-weight: 600;
    background: #292d2e;
}

.vip-rt {
    font-size: 95%;
}

.vprgress-wrap {
    position: relative;
    margin-top: 15px;
    font-size: 16px;
}

.yviptext {
    color: #e4eb28;
    margin-bottom: 10px;
}

.pgrsbar {
    position: relative;
    background: #292d2e;
    height: 5px;
    border-radius: 10px;
    overflow: hidden;
    margin: 5px 0 10px;
}

.pgrs-inner {
    background: #26ec88;
    height: 100%;
    border-radius: 10px;
}

.vip-lvl-frame {
    background: #282b2b;
    padding: 0 15px 20px;
    position: relative;
    border-radius: 15px;
    margin-top: 200px;
    max-height: 850px;
}

.vip-level-container {
    position: relative;
    display: grid;
    grid-template-columns: 19% 13% 13% 13% 13% 13% 13%;
    grid-gap: 0 0.5%;
    color: #26f48c;
    font-size: 14px;
    top: -150px;
}

.lvl-column {
    text-align: center;
    background: #232626;
    border-radius: 15px;
    border: 1px solid #3b4142;
}

    .lvl-column.legend {
        text-align: left;
        background: none;
        border: none;
    }

    .lvl-column.active {
        background: linear-gradient(180deg,rgba(50, 55, 56, 1) 0%, rgba(54, 79, 66, 1) 100%);
    }

.vpspace, .vptbox {
    height: 25px;
    margin-bottom: 5px;
    line-height: 1;
}

.empty-badge, .badge-col {
    height: 175px;
    margin-bottom: 5px;
    padding-top: 15px;
}

.lvltitle {
    font-weight: 600;
    font-size: 110%;
}

.lvlbadge-img img {
    max-height: 135px;
}

.subvp-text {
    display: flex;
    align-items: center;
    height: 25px;
    margin-bottom: 10px;
    color: #fff;
}

    .subvp-text img {
        max-height: 18px;
        margin-right: 5px;
    }

.normal {
    color: #caffe4;
}

.bronze {
    color: #c6bb9b;
}

.silver {
    color: #d3d3d3;
}

.gold {
    color: #fcb01e;
}

.platinum {
    color: #85d5ff;
}

.diamond {
    color: #fff;
}

.vip-card-wrapper {
    position: relative;
    background: linear-gradient(90deg, rgba(50, 55, 56, 1) 0%, rgba(54, 79, 66, 1) 100%);
    display: grid;
    grid-template-columns: auto 135px;
    align-items: center;
    justify-content: space-between;
    padding: 15px 45px;
    overflow: hidden;
    border-radius: 12px;
}

.vip-badge img {
    max-height: 140px;
}

.vip-lvl {
    border: 1px solid #26ee89;
    border-radius: 6px;
    padding: 2px 10px;
    max-width: fit-content;
    font-size: 22px;
    font-weight: 500;
    background: #232626;
    margin-bottom: 15px;
}

.achieve-text {
    font-size: 16px;
}

.slider-vip .slick-prev:before {
    content: '\f104';
    font-family: 'Font Awesome 7 Free';
    font-weight: 700;
    opacity: 1;
    font-size: 18px;
}

.slider-vip .slick-next:before {
    content: '\f105';
    font-family: 'Font Awesome 7 Free';
    font-weight: 700;
    opacity: 1;
    font-size: 18px;
}

.slider-vip .slick-prev {
    z-index: 2;
    left: 0;
    height: 100%;
    background: #26ee89;
    border-radius: 12px 0 0 12px;
    width: 25px;
}

.slider-vip .slick-next {
    z-index: 2;
    right: 0;
    height: 100%;
    background: #26ee89;
    border-radius: 0 12px 12px 0;
    width: 25px;
}

.vip-table-wrapper {
    background: #282b2b;
    padding: 15px 15px;
    border-radius: 14px;
}

.vip-mobile-wrapper {
    margin-top: 15px;
}

table.vip-table tr td {
    color: #27f38c;
    padding: 5px 5px;
}

    table.vip-table tr td.vpcag-title {
        color: #fff;
        padding: 8px 5px;
    }

.vpcag-title img {
    display: inline-block;
    max-height: 18px;
    margin-right: 5px;
}

table.vip-table tr td:last-child {
    text-align: center;
}

.slidermain_vip, .vip-mobile-wrapper {
    display: none;
}

.ctitle {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

button.btn-tnc img {
    max-height: 20px;
    vertical-align: text-bottom;
    margin-right: 8px;
    filter: grayscale(1) brightness(0);
}

button.btn-tnc.collapsed img {
    filter: none;
}

button.btn-tnc.green {
    background: linear-gradient(270deg, rgba(50, 55, 56, 1) 0%, rgba(54, 79, 66, 1) 100%);
    color: #28eb89;
}

/** Deposit **/
.deposit-sec {
    position: relative;
    padding: 30px 0;
}

.quick-menu-wrapper {
    padding-bottom: 15px;
    display: none;
}

.topmain-btn {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    text-align: center;
    grid-gap: 1%;
}

a.tpm-btn {
    background: #282b2b;
    border: 1px solid #3b4142;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 13px;
    border-radius: 10px;
    padding: 10px 0;
}

    a.tpm-btn.active {
        background: #26ee89;
        color: #000;
    }

    a.tpm-btn img {
        margin-bottom: 4px;
        max-height: 30px;
    }

    a.tpm-btn.active img {
        filter: contrast(1) brightness(0);
    }

.af-container {
    display: grid;
    grid-template-columns: 280px auto;
    grid-gap: 15px;
    position: relative;
}

.afmenu-box {
    background: #282b2c;
    border-radius: 20px;
    padding: 20px 20px;
    overflow: hidden;
}

ul.nav.afmenuside-nav {
    flex-direction: column;
}

    ul.nav.afmenuside-nav li.nav-item {
        margin-bottom: 5px;
    }

        ul.nav.afmenuside-nav li.nav-item a.mslink {
            background: #232626;
            color: #fff;
            padding: 2px 15px;
            border-radius: 8px;
            font-size: 15px;
            font-weight: 500;
            height: 42px;
            display: flex;
            align-items: center;
            position: relative;
        }

            ul.nav.afmenuside-nav li.nav-item a.mslink.active, ul.nav.afmenuside-nav li.nav-item a.mslink:hover {
                background: #3b4142;
                color: #26ee89;
            }

.afn-icon {
    margin-right: 15px;
}

    .afn-icon img {
        max-height: 24px;
    }

.deposit-note {
    background: #292d2e;
    border-radius: 20px;
    padding: 20px 20px;
    margin-top: 15px;
}

.important-note {
    margin-bottom: 10px;
    color: #26ee89;
}

    .important-note .impicon {
        margin-right: 5px;
        font-size: 80%;
    }

.deposit-note ul {
    font-size: 12px;
    color: #b3bec1;
    margin-bottom: 0;
}

    .deposit-note ul li {
        padding: 2px 0;
    }

.deposit-note.mobile {
    display: none;
    padding: 15px 0;
}

.afcolumn-right {
    position: relative;
}

.afinner {
    border-radius: 15px;
    overflow: hidden;
}

.mainwallet-wrap {
    background: url(../images/afbg-top.jpg) no-repeat center;
    background-size: cover;
    display: grid;
    grid-template-columns: 62% auto;
    padding: 20px 30px;
    grid-gap: 1%;
    border-radius: 14px;
    margin-bottom: 15px;
}

.mwbox1 {
    position: relative;
    display: grid;
    grid-template-columns: 120px auto;
    grid-gap: 15px;
}

.vip-level-box {
    text-align: center;
    line-height: 1.4;
    font-weight: 600;
}

.afvip-badge img {
    max-height: 110px;
}

.mwtext {
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 5px 0;
    margin-bottom: 15px;
}

.mw-inner {
    display: flex;
    align-items: center;
}

.wallet-icon {
    margin-right: 5px;
}

    .wallet-icon img {
        max-height: 18px;
    }

button.restore-btn {
    background: #323939;
    color: #26f48c;
    border: none;
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 13px;
    margin: 0px 2px 0 10px;
    display: flex;
    align-items: center;
}

    button.restore-btn img {
        max-height: 17px;
        margin-right: 5px;
    }

    button.restore-btn:hover {
        background: #26f48c;
        color: #000;
    }

        button.restore-btn:hover img {
            filter: brightness(0) contrast(1);
        }

.mwbalance {
    font-size: 34px;
    font-weight: 600;
    color: #26f48c;
    margin-bottom: 15px;
}

sup.crt-my {
    text-transform: uppercase;
    font-size: 50%;
    top: -0.8em;
    color: #fff;
}

button.reload-btn {
    border: none;
    font-size: 50%;
    color: #fff;
    padding: 0;
    vertical-align: middle;
}

    button.reload-btn:focus {
        transform: rotate(360deg);
        transition: 0.3s;
    }

.mw-transfer {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.mwauto-text {
    margin-right: 10px;
    font-size: 14px;
    line-height: 1.2;
}

.auto-switch-wrap {
    position: relative;
    margin: 0;
    display: flex;
}

    .auto-switch-wrap .switch {
        position: relative;
        display: inline-block;
        width: 30px;
        height: 14px;
        vertical-align: -webkit-baseline-middle;
        margin: 0;
    }

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.sliderx {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #959595;
    -webkit-transition: .4s;
    transition: .4s;
}

    .sliderx:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 1px;
        bottom: 0px;
        top: 0;
        margin: auto;
        background: #26f48c;
        -webkit-transition: .4s;
        transition: .4s;
        filter: drop-shadow(0px 0px 3px rgb(0, 0, 0, 0.5));
    }

input:checked + .sliderx {
    background: #232626;
}

input:focus + .sliderx {
    box-shadow: 0 0 1px #959595;
}

input:checked + .sliderx:before {
    transform: translateX(15px);
}

.sliderx.round {
    border-radius: 40px;
}

    .sliderx.round:before {
        border-radius: 50%;
    }

.info-btn-wrapper {
    position: relative;
    margin-left: 2px;
}

button.auto-info-btn {
    background: none;
    padding: 0;
    border: 1px solid #e4eb28;
    border-radius: 50%;
    font-size: 7px;
    width: 15px;
    height: 15px;
    color: #e4eb28;
    line-height: 0;
    margin: 3px;
    display: inline-block;
    vertical-align: middle;
}

    button.auto-info-btn:hover {
        color: #f3d671;
        border-color: #f3d671;
    }

.info-how-wrapper {
    position: absolute;
    left: 0;
    top: 100%;
    background: rgb(0,0,0,0.85);
    color: #fff;
    padding: 7px;
    font-size: 12px;
    min-width: 205px;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
}

.iftitle {
    font-weight: 700;
    padding-bottom: 3px;
}

.info-btn-wrapper:hover .info-how-wrapper {
    visibility: visible;
    opacity: 1;
    transition: 0.2s;
}

.frame-container {
    position: relative;
    background: #282b2b;
    padding: 15px 20px;
    /*border-radius: 14px;*/
}

.frame-container2 {
    position: relative;
    background: #282b2b;
    /*padding: 15px 20px;*/
    border-radius: 14px;
    overflow: hidden;
    /* Force proper clipping and rendering contexts */
    isolation: isolate;
    contain: paint;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translateZ(0);
}

#memberFrame {
    display: block;
    width: 100%;
    border: none;
    background: transparent; /* Ensures the iframe background doesn't block the corners */
}

.af-submenu-wrap {
    padding: 5px 0 20px;
    border-bottom: 1px dashed #3b4142;
    margin-bottom: 20px;
    min-width: 170px;
}

    .af-submenu-wrap.blnone {
        border: none;
        margin-bottom: 5px;
    }

ul.submenu-nav li {
    margin: 0 3px 5px;
    min-width: 170px;
}

a.afsub-btn {
    background: #232626;
    color: #fff;
    border-radius: 8px;
    border: 1px solid #3b4142;
    padding: 6px 15px;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
}

    a.afsub-btn.active, a.afsub-btn:hover {
        background: #26ee89;
        border: 1px solid #26ee89;
        color: #000;
    }

        a.afsub-btn.active .aficon, a.afsub-btn:hover .aficon {
            filter: grayscale(1) brightness(0);
        }

.aficon {
    margin-right: 12px;
}

    .aficon img {
        max-height: 23px;
    }

.afsub-btn.active .aficon img, .afsub-btn:hover .aficon img {
    filter: contrast(1) brightness(5);
}

.af-field-wrap {
    display: grid;
    grid-template-columns: 160px auto;
    grid-gap: 5px;
    margin-bottom: 10px;
}

.label-col {
    padding-top: 10px;
}

.redtext {
    color: #26ee89;
}

.af-field {
    position: relative;
}

input.afinput, select.afinput, textarea.afinput {
    background: #232626;
    color: #fff;
    border: 1px solid #3b4142;
    height: 36px;
    padding: 4px 15px;
    border-radius: 8px;
    width: 100%;
}

    input.afinput::placeholder {
        color: #636363;
    }

.quick-amt-wrap {
    display: flex;
    align-items: center;
}

button.qamt-btm {
    background: #232626;
    color: #fff;
    border: 1px solid #3b4142;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    border-radius: 8px;
    padding: 10px 5px;
    margin: 7px 5px 7px 0;
}

    button.qamt-btm:hover {
        background: #26ee89;
        color: #000;
    }

.bank-depo-option.banking .bank-acct-btn img {
    max-height: 35px;
}

.afinput.upload {
    padding: 8px 15px;
}

.bank-pay {
    position: relative;
    cursor: pointer;
    margin-right: 5px;
    display: inline-block;
    max-width: 130px;
    width: 100%;
    vertical-align: text-top;
}

.input-hide input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
}

.bank-acct-btn {
    position: relative;
    border: 1px solid #3b4142;
    background: #232626;
    text-align: center;
    border-radius: 10px;
    display: block;
    cursor: pointer;
    padding: 12px 5px;
    font-size: 13px;
    font-weight: 500;
}

    .bank-acct-btn img {
        position: relative;
        max-height: 30px;
        margin-bottom: 5px;
    }

.input-hide[type="radio"], .input-hide input[type="checkbox"] {
    appearance: none;
    display: none;
}

.input-hide .bank-pay input:active + .bank-acct-btn, .input-hide .bank-pay input:checked + .bank-acct-btn {
    background: #26ee89;
    color: #000;
}

.input-hide.banking .bank-pay input:active + .bank-acct-btn img, .input-hide.banking .bank-pay input:checked + .bank-acct-btn img {
    filter: brightness(0);
}

.bank-acct-btn.bnk {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    padding: 5px;
}

label.bank-acct-btn.bnk img {
    max-height: 30px;
    margin-right: 4px;
    margin-bottom: 0;
}

.banking .bank-acct-btn {
    font-size: 13px;
    color: #f8f8f8;
}

    .banking .bank-acct-btn img {
        margin-bottom: 5px;
    }

.greytext {
    color: #b3b3b3;
    font-size: 14px;
}

.agree-af-wrap {
    display: grid;
    grid-template-columns: 35px auto;
    padding: 15px 0;
}

.agree-depo {
    color: #a7a9ac;
    font-size: 13px;
    padding: 2px;
}

    .agree-depo a {
        color: #e4eb28;
    }

.af-field-submit {
    padding: 15px 0;
    text-align: center;
}

.how-depo-wrap {
    font-size: 14px;
    font-weight: 500;
    text-align: right;
    margin-right: 20px;
    margin-bottom: 15px;
}

    .how-depo-wrap a {
        color: #ccc;
    }

        .how-depo-wrap a i {
            color: #ccc;
        }

        .how-depo-wrap a:hover {
            color: #fde268;
        }

.wbank-table {
    text-align: center;
    margin-bottom: 20px;
}

.transfrom-amt-wrapper {
    display: grid;
    grid-template-columns: auto;
    align-items: center;
    position: relative;
    grid-gap: 45px;
    padding: 15px 0px;
    max-width: 460px;
    margin: 0 auto;
}

.trans-card {
    background: linear-gradient(180deg, rgba(50, 55, 56, 1) 0%, rgba(51, 61, 59, 1) 50%, rgba(53, 76, 65, 1) 83%, rgba(54, 79, 66, 1) 100%);
    border-radius: 10px;
    padding: 15px 20px 25px;
}

.tc-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    padding-bottom: 10px;
}

button.max-btn {
    background: #232626;
    border: none;
    color: #fff;
    padding: 1px 7px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 14px;
}

    button.max-btn:hover {
        background: #26ee89;
        color: #000;
    }

.prod-amt-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 0;
}

select.trans-input {
    border-radius: 6px;
    background: #232626;
    color: #fff;
    border: none;
    min-width: 150px;
    padding: 5px 5px;
    font-size: 14px;
}

    select.trans-input option {
        color: #fff;
    }

input.trans-input-1 {
    text-align: right;
    border: none;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 500;
    background: #232626;
    color: #fff;
    max-width: 150px;
    padding: 0px 5px;
    height: 30px;
}

    input.trans-input-1.edit {
        padding-right: 25px;
    }

    input.trans-input-1::placeholder {
        color: #c5c5c5;
    }

button.submit-btn {
    background: #26ee89;
    color: #000;
    padding: 2px 15px;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 500;
    height: 37px;
    min-width: 140px;
}

    button.submit-btn:hover {
        filter: brightness(1.07);
        box-shadow: 0 0 10px -1px #26ee89;
    }

.pdatext {
    font-size: 12px;
    color: #607e8f;
    font-weight: 500;
}

.edit-icon {
    position: absolute;
    right: 0;
    top: 7px;
}

input.trans-input-1.locked {
    color: #607e8f;
}

.swap-icon {
    text-align: center;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}

button.swap-btn {
    max-width: 50px;
    background: none;
    border: none;
    padding: 0;
    position: relative;
    z-index: 2;
}

    button.swap-btn:hover {
        transform: scale(0.96);
        filter: brightness(1.07);
    }

.trans-note {
    max-width: 450px;
    margin: 0 auto;
    border: 1px solid #656565;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 30px auto;
    color: #c5c5c5;
    padding: 15px;
    font-size: 13px;
}

.note-icon {
    color: #26ee89;
}

button.balance-btn {
    background: #27f38c;
    color: #000;
    border: none;
    padding: 15px 38px;
    font-weight: 700;
    font-size: 18px;
    width: 100%;
    text-align: left;
    position: relative;
}

    button.balance-btn::after {
        content: '\f107';
        font-family: 'Font Awesome 5 Free';
        font-size: 18px;
        font-weight: 700;
        position: absolute;
        color: #000;
        right: 30px;
        top: 17px;
        transform: rotate(180deg);
        transition: 0.3s;
    }

    button.balance-btn.collapsed::after {
        content: '\f107';
        font-family: 'Font Awesome 5 Free';
        transform: none;
        transition: 0.3s;
    }

.balance-panel {
    background: #3b4142;
}

.all-balance-card {
    background: #3b4142;
    padding: 20px 30px;
}

.abtitle {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 9px;
}

.pvd-balance-wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 8px;
    padding-bottom: 10px;
}

.gtext {
    color: #24e282;
}

.prvdbox {
    width: 100%;
    background: #2e3233;
    padding: 15px 15px;
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
    max-width: 300px;
    color: #27f38c;
}

.pvb-col-1 {
    text-align: left;
    font-size: 15px;
    font-weight: 500;
}

button.allin-btn {
    border: 1px solid #fff;
    color: #fff;
    background: none;
    border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 2px 7px;
    margin-top: 6px;
}

    button.allin-btn:hover {
        background: #27f38c;
        color: #000;
        border: 1px solid #27f38c;
    }

.pvb-col-2 {
    text-align: right;
    font-size: 18px;
}

.crcy-text {
    font-size: 80%;
}

.pvd-amt {
    color: #fff;
}

.date-form-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.history-date-wrapper {
    display: flex;
    align-items: center;
}

.date-icon {
    position: absolute;
    left: 10px;
    top: 7px;
    color: #78848b;
    font-size: 20px;
}

.hsword {
    margin: 0 5px;
    font-size: 16px;
    font-weight: 600;
    color: #78848b;
}

input.afinput.history {
    padding-left: 40px;
    max-width: 170px;
}

button.submit-btn.history {
    margin-left: 10px;
}

.depo-divider {
    height: 1px;
    background: #42c14a;
    margin: 0 auto 15px;
    max-width: 95%;
}

.af-submenu-wrap.history ul.submenu-nav li {
    width: 15.5%;
    min-width: auto;
}

    .af-submenu-wrap.history ul.submenu-nav li a.afsub-btn {
        padding: 10px 5px;
        justify-content: center;
    }

.history-table-wrap {
    margin: 10px 0;
}

table.history-table {
    text-align: center;
    color: #f8f8f8;
    font-size: 14px;
}

    table.history-table tr.hstop td {
        background: #232626;
        font-weight: 600;
    }

        table.history-table tr.hstop td:first-child {
            border-radius: 8px 0 0 8px;
        }

        table.history-table tr.hstop td:last-child {
            border-radius: 0 8px 8px 0;
        }

    table.history-table tr td {
        padding: 12px 1px;
    }

span.pending-st {
    font-size: 13px;
    color: #08202f;
    background: #ff9600;
    padding: 1px 5px;
    border-radius: 6px;
}

span.success-st {
    font-size: 13px;
    color: #08202f;
    background: #49d166;
    padding: 1px 5px;
    border-radius: 6px;
}

span.fail-st {
    font-size: 13px;
    color: #08202f;
    background: #f05f5f;
    padding: 1px 5px;
    border-radius: 6px;
}

.paginiation-history {
    text-align: center;
    padding: 12px 0;
}

button.page-arrow-btn {
    background: none;
    border: none;
    color: #fff;
}

    button.page-arrow-btn:hover {
        color: #ffe27f;
    }

span.page-num-btn {
    letter-spacing: 1px;
    padding: 0 5px;
}

button.btncopy {
    background: none;
    border: none;
    padding: 0;
    color: #fff;
}

    button.btncopy:hover {
        color: #ffe27f;
    }

.profile-top-wrapper {
    background: #232626;
    position: relative;
    padding: 20px 25px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.pf-ftitle {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
}

.pfrow {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.pfcol {
    padding-right: 20px;
}

.pfrow .pfcol:last-child {
    border: none;
    padding-left: 20px;
    padding-right: 0;
}

.pf-label {
    color: #a7a9ac;
    font-size: 15px;
    margin-bottom: 0;
}

.pfcol .af-field {
    margin-bottom: 5px;
}

input.profile-input {
    background: none;
    border: none;
    font-weight: 500;
    font-size: 17px;
    padding: 5px 0;
    color: #fff;
}

button.edit-btn {
    position: absolute;
    right: 15px;
    top: 6px;
    z-index: 2;
    background: none;
    border: none;
    color: #94b6be;
}

    button.edit-btn:hover {
        color: #fff;
    }

.pfrow-2 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 15px;
    margin-bottom: 15px;
}

.pfcolumn {
    background: #232626;
    position: relative;
    padding: 20px 25px;
    border-radius: 10px;
}

.pw-note {
    padding: 5px 0;
}

.pw-btn-wrap {
    padding-top: 15px;
    text-align: center;
}

.profile-top-wrapper table.history-table tr.hstop td {
    background: #2e3233;
}

.doc-note {
    position: relative;
    margin: 20px 0;
    border: 1px solid #656565;
    border-radius: 8px;
    padding: 15px 15px;
    font-size: 14px;
}

    .doc-note ul.terms {
        margin-bottom: 0;
    }

button.update-btn {
    background: #26ee89;
    border: none;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    border-radius: 8px;
    padding: 7px 15px;
    height: 37px;
}

    button.update-btn:hover {
        filter: brightness(1.07);
        box-shadow: 0 0 10px -1px #26ee89;
    }

.crypto-note {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
    background: #2e3233;
    padding: 15px 25px;
    border-radius: 10px;
    font-weight: 600;
    margin-bottom: 10px;
}

.cytext {
    font-weight: 400;
    color: #c2c2c2;
}

.crypto-btn-wrap {
    display: grid;
    grid-template-columns: auto 75px;
    grid-gap: 10px;
    align-items: center;
}

input.crypto-input {
    background: #2e3233;
    height: 37px;
    color: #fff;
    border: none;
    padding: 2px 15px;
    border-radius: 8px;
}

button.update-btn.copy {
    padding: 5px;
}

.bank-profile-wrap {
    margin-top: 15px;
}

button.update-btn.add-bank {
    position: absolute;
    right: 25px;
    top: 13px;
}

.bank-pf {
    text-align: left;
    display: flex;
    align-items: center;
}

    .bank-pf img {
        max-height: 35px;
    }

.bank-profile-wrap table.history-table {
    font-size: 15px;
}

.pm-box {
    display: grid;
    grid-template-columns: 55% 35% 10%;
    text-align: center;
    color: #f8f8f8;
    padding: 12px 10px;
    border-bottom: 1px solid #3b4142;
    margin: 3px auto;
    cursor: pointer;
}

    .pm-box.top-title {
        background: #3b4142;
        font-weight: 600;
        font-size: 17px;
        border-radius: 12px;
        max-width: 100%;
    }

.mail-icon {
    position: relative;
}

.unread .mail-icon::after {
    content: '';
    background: #FF0004;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    position: absolute;
    right: -2px;
    top: 0px;
    z-index: 2;
}

.mtitle {
    display: grid;
    grid-template-columns: 26px auto;
    grid-gap: 15px;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    overflow: hidden;
}

.unread .mtitle {
    font-weight: 700;
}

button.delete-btn {
    background: none;
    color: #f8f8f8;
    border: none;
    padding: 2px;
}

    button.delete-btn:hover {
        color: #27f38c;
    }

.rb-info {
    margin-left: 5px;
    color: #27f38c;
    cursor: pointer;
}

    .rb-info:hover {
        color: #fff;
    }

.mbtext {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.upload-box {
    display: grid;
    grid-template-columns: auto 120px;
    grid-gap: 10px;
}

input.upload-custom {
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    height: 100%;
    cursor: pointer;
}

button.upload-btn {
    background: #26ee89;
    color: #000;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 5px 15px;
    font-size: 15px;
}

.bank-info-depo {
    background: #232626;
    padding: 10px;
    max-width: 600px;
    margin-bottom: 30px;
    border-radius: 7px;
}

a.copy-icon {
    color: #26ee89;
    font-size: 15px;
    margin-left: 5px;
}

.subicon {
    margin-right: 10px;
}

    .subicon img {
        max-width: 25px;
    }

.msgnote {
    background: #ff0000;
    color: #fff;
    font-size: 10px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin-left: 5px;
}

/** Reward Center **/
.player-reward-box {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 15px;
}

.rwbox-info {
    background: #292d2e;
}

.rwctitle-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px dashed #3b4142;
    margin: 0 -15px;
    padding: 10px 10px;
}

.rwctitle {
    color: #26ee89;
    font-size: 20px;
    font-weight: 500;
}

.rwcimg {
    margin-right: 20px;
}

.rwcinfo {
    padding: 10px 25px;
}

.rwrow {
    margin-bottom: 14px;
}

.rwicon {
    color: #26ee89;
    margin-right: 7px;
}

.mw2balance {
    font-size: 24px;
    font-weight: 600;
    color: #26ee89;
}

    .mw2balance button.reload-btn {
        font-size: 12px;
    }

.wdr-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

button.wdr-btn {
    background: #3b4142;
    border: none;
    color: #fff;
    height: 35px;
    font-size: 13px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 6px;
}

    button.wdr-btn img {
        max-height: 18px;
    }

    button.wdr-btn:hover {
        background: #26ee89;
        color: #000;
    }

        button.wdr-btn:hover img {
            filter: contrast(1) brightness(0);
        }

.rc-quickgame-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0px;
    text-align: center;
    margin: 15px -20px -20px;
    border-top: 1px dashed #3b4142;
}

a.rc-quickgame {
    display: block;
    color: #fff;
    font-size: 13px;
    padding: 15px 0;
}

    a.rc-quickgame img {
        max-height: 30px;
        margin-bottom: 5px;
    }

    a.rc-quickgame:hover {
        background: #26ec88;
        color: #000;
    }

        a.rc-quickgame:hover img {
            filter: contrast(1) brightness(0);
        }

.rcframe-container {
    position: relative;
    background: #282b2b;
    border-radius: 14px;
    overflow: hidden;
}

.rwc-toptitle {
    border-bottom: 1px dashed #3b4142;
    padding: 13px 15px;
}

.rcframe-inner {
    position: relative;
    padding: 15px 20px;
}

.rwcbox-wrap {
    background: #232626;
    padding: 15px 15px;
    border-radius: 15px;
    position: relative;
    margin: 10px 0;
}

    .rwcbox-wrap.claimed {
        filter: grayscale(1);
        pointer-events: none;
    }

.rwclaim-upper {
    display: grid;
    grid-template-columns: 320px auto;
    grid-gap: 10px;
}

.rwclaim-img {
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 5px;
}

    .rwclaim-img img {
        object-fit: cover;
        height: 100%;
    }

.rwclaim-info {
    display: flex;
    flex-flow: column;
    justify-content: space-around;
}

.rwclaim-top {
    font-size: 20px;
    font-weight: 600;
    overflow: hidden;
}

.rwctext-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.rwctext-2 {
    color: #26ec88;
    font-size: 90%;
}

.date-legend {
    font-size: 13px;
}

    .date-legend i {
        margin-right: 5px;
        color: #26ec88;
    }

.claim-date-text {
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
}

.rwclaim-btm {
    display: grid;
    grid-template-columns: auto 140px;
    grid-gap: 20px;
    margin-top: 5px;
}

.claim-requirement {
    background: #1d1d1d;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 8px;
}

.claim-date {
    margin-bottom: 7px;
}
/*button.rw-claim-btn {
	background: #26ee89;
    border: none;
    color: #000;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 8px;
    padding: 2px 5px;
    height: 37px;
    width: 100%;
    max-width: 140px;
}*/
button.rw-claim-btn {
    background: #26ee89;
    border: none;
    color: #000;
    font-weight: 500;
    font-size: 13px; /* Slightly smaller to fit better */
    text-transform: uppercase;
    border-radius: 8px;
    padding: 4px 6px; /* Adjusted padding */
    height: auto; /* Let the height grow if it wraps */
    min-height: 37px; /* Keeps minimum height aligned */
    width: 100%;
    max-width: 140px;
    /* Text wrapping properties */
    white-space: normal;
    word-break: break-word;
    line-height: 1.15;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    button.rw-claim-btn:hover {
        filter: brightness(1.07);
        box-shadow: 0 0 10px -1px #26ee89;
    }

    button.rw-claim-btn.on-going {
        pointer-events: none;
        background: #666;
        color: #fff;
    }

.reward-claim-info {
    position: absolute;
    right: 9px;
    top: 7px;
    z-index: 2;
}

button.claim-info {
    background: none;
    border: none;
    padding: 0;
    color: #fff;
    font-size: 14px;
}

    button.claim-info:hover {
        color: #ffe27f;
    }

a.mslink.noticed::after {
    content: '!';
    background: #fd0007;
    height: 15px;
    width: 15px;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
}

.daily-turnover-wrap {
    overflow: hidden;
    padding: 2px;
    border-radius: 15px;
    position: relative;
    margin: 10px 0;
}

.dtinner {
    background: #232626;
    border-radius: 14px;
    padding: 15px 15px;
    display: grid;
    grid-template-columns: 35% auto 150px;
    grid-gap: 15px;
}

.trw-img {
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    max-height: 200px;
}

    .trw-img img {
        object-fit: cover;
        height: 100%;
    }

.torw-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    grid-gap: 10px;
    font-size: 17px;
    overflow: hidden;
}

.progress-turnover {
    font-size: 13px;
}

.progress-turnbar {
    background: #333637;
    height: 5px;
    overflow: hidden;
    border-radius: 25px;
    margin-top: 4px;
}

.curt-innerbar {
    background: #26ee89;
    height: 100%;
    border-radius: 25px;
}

.slots-rwclaim {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

    .slots-rwclaim .date-legend {
        font-size: 11px;
    }

ul.cdtimer {
    list-style-type: none;
    margin: 0;
    font-size: 15px;
    display: flex;
    justify-content: center;
    line-height: 1.2;
    padding: 5px 2px;
}

    ul.cdtimer li {
        margin: 0 4px;
        text-align: center;
    }

        ul.cdtimer li span {
            display: block;
            font-size: 140%;
        }

.mscliam-req {
    grid-column: 1 / 3;
}

ul.nav-rcgame {
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 3;
    max-width: 1000px;
    margin: 0 auto;
}

ul.nav.nav-rcgame li.nav-item {
    width: 23%;
    margin: 0.5% 0.5%;
}

ul.nav.nav-rcgame a.nav-link {
    background: #232626;
    border: 1px solid #393f40;
    margin: 0 auto;
    height: 60px;
    border-radius: 8px;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1.5px 7px rgb(0, 0, 0, 0.4);
}

    ul.nav.nav-rcgame a.nav-link img {
        max-height: 50px;
    }

    ul.nav.nav-rcgame a.nav-link:hover {
        background: #3b4142;
    }

.profile-tabs {
    border-bottom: 1px solid #3b4142;
    margin-bottom: 20px;
}

    .profile-tabs .nav-link {
        color: #fff;
        border: none;
        border-bottom: 1px solid transparent;
        padding: 12px 24px;
        font-weight: 500;
        transition: all 0.3s ease;
        margin-right: 5px;
    }

        .profile-tabs .nav-link.active {
            color: #26ee89;
            border-bottom-color: #26ee89;
            background: transparent;
        }

button.refercopy {
    position: absolute;
    right: 10px;
    top: 8px;
    background: none;
    border: none;
    color: #fff;
    font-size: 18px;
}

ul.nav.nav-refer {
    padding: 15px 0 10px;
}

    ul.nav.nav-refer li.nav-item {
        margin: 0.5% 1% 0.5% 0;
    }

        ul.nav.nav-refer li.nav-item a.nav-link {
            background: #232626;
            color: #fff;
            border-radius: 10px;
            border: 1px solid #3b4142;
            padding: 10px 5px;
            display: inline-block;
            min-width: 180px;
            text-align: center;
            font-size: 16px;
        }

            ul.nav.nav-refer li.nav-item a.nav-link.active {
                background: #26ee89;
                color: #000;
                border: 1px solid #26ee89;
            }

button.reg-join-btn.history {
    height: 40px;
    padding: 5px;
    font-size: 18px;
    min-width: 150px;
    margin-left: 10px;
}

button.rc-claim-btn {
    background: #26ee89;
    color: #000;
    padding: 2px 5px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    min-width: 90px;
}

    button.rc-claim-btn.ongoing {
        background: #666;
        color: #fff;
        pointer-events: none;
        cursor: default;
    }

    button.rc-claim-btn.active:hover {
        filter: brightness(1.07);
        box-shadow: 0 0 10px -1px #26ee89;
    }

.weekly-chlg-img {
    text-align: center;
}

.challenge-count {
    display: flex;
    justify-content: center;
    align-items: end;
    grid-gap: 1%;
    text-align: center;
    max-width: 550px;
    margin: 20px auto;
}

    .challenge-count.col3 {
        max-width: 767px;
    }

.chc-box {
    max-width: 48%;
    margin: 0 auto;
    width: 100%;
}

.chc-text {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
}

.count-box {
    background: #232626;
    padding: 5px 5px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #26ef89;
    border-radius: 6px;
    max-width: 80%;
    margin: 0 auto;
}

table.challenge-table {
    text-align: center;
}

    table.challenge-table tr th {
        background: #232626;
        padding: 8px 1px;
        font-weight: 400;
        border: 1px solid #3b4142;
    }

    table.challenge-table tr td {
        background: #2e3233;
        padding: 8px 1px;
        border: 1px solid #3b4142;
    }

.rcwallet {
    max-width: max-content;
    margin: 0 auto;
}

    .rcwallet .af-field-wrap {
        display: flex;
        grid-gap: 10px;
    }



















/** DAY Mode **/
body#day {
    background: #f3f4f4;
    color: #000;
}

#day .header-sec {
    border-bottom: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(217, 224, 231, 1) 100%);
}

#day img.logo-1 {
    display: none;
}

#day img.logo-2 {
    display: initial;
}

#day .mobile-btm-sec {
    background: #ffffff;
}

#day .bmimg.rwc-img img {
    filter: none;
}

#day .modal-content.mobile-side {
    background: #fff;
    ;
}

#day a.bmenu-link {
    color: #000;
}

#day .t-sidemenu {
    background: #fff;
}

#day img.mbtn-1 {
    display: none;
}

#day img.mbtn-2 {
    display: initial;
}

#day ul.nav.sidemenu-nav {
    background: #f6f5f5;
}

    #day ul.nav.sidemenu-nav li a.smenu-item {
        color: #000;
    }

        #day ul.nav.sidemenu-nav li a.smenu-item img {
            filter: grayscale(1) brightness(0);
        }

        #day ul.nav.sidemenu-nav li a.smenu-item:hover {
            background: #fff;
            color: #28fd92;
        }

        #day ul.nav.sidemenu-nav li a.smenu-item img {
            filter: brightness(0) contrast(1);
        }

#day .smenu-wrap {
    background: #fff;
}

    #day .smenu-wrap a {
        color: #000;
    }

        #day .smenu-wrap a:hover {
            background: #fff;
            color: #28fd92;
        }

#day .switches-container {
    background: #f8f9fa;
}

#day .switch {
    background: #fff;
}

#day .switches-container label {
    color: #889197;
}

#day .switch div {
    color: #000;
}

    #day .switch div .themeicon {
        filter: brightness(0);
    }

#day .home-slider.light, #day .sub-slider.light {
    opacity: 1;
    visibility: visible;
    position: initial;
}

#day .home-slider, #day .sub-slider {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

#day .ctgy-box {
    background: linear-gradient(90deg,rgba(221, 224, 228, 1) 0%, rgba(197, 203, 210, 1) 100%);
}

.ctgy-box.slots::before, .ctgy-box.casino::before, .ctgy-box.sports::before {
    content: '';
    opacity: 0.7;
}

#day .ctgy-title {
    color: #000;
}

#day .ctgy-title-icon img {
    filter: brightness(0);
}

#day .hotgames-title {
    color: #000;
}

#day .hotgame-icon {
    filter: brightness(0);
}

#day .wdrecord-wrapper {
    background: #fefefe;
}

#day .rc-title {
    font-weight: 600;
}

#day table.wdtable {
    font-weight: 600;
}

    #day table.wdtable tr th {
        background: #d0d2d3;
        font-weight: 600;
    }

    #day table.wdtable tr {
        background: #f6f5f5;
    }

        #day table.wdtable tr:nth-child(odd) {
            background: #d0d2d3;
        }

#day .stepbox {
    background: linear-gradient(180deg, rgba(220, 223, 227, 1) 0%, rgba(215, 218, 221, 1) 71%, rgba(208, 210, 211, 1) 100%);
}

    #day .stepbox::after {
        color: rgb(0, 0, 0, 0.1) !important;
    }

#day .sptext-1 {
    color: #000;
}

#day .sptext-2 {
    color: #000;
}

#day .pvdbox {
    background: #fdfdfd;
}

    #day .pvdbox img {
        filter: grayscale(1);
        mix-blend-mode: difference;
        opacity: 0.7;
    }

#day .bonus-feat-wrapper {
    background: #fcfcfc;
}

#day .usp-box {
    background: linear-gradient(180deg, rgba(220, 223, 227, 1) 0%, rgba(215, 218, 221, 1) 71%, rgba(208, 210, 211, 1) 100%);
}

#day .bf-box {
    background: linear-gradient(rgb(220, 223, 227) 0%, rgb(215, 218, 221) 71%, rgb(208, 210, 211) 100%);
}

#day .bftitle, #day .usp-title {
    color: #000;
}

#day button.btn-tnc.collapsed {
    background: #d0d2d3;
    color: #000;
}

#day .tnc-body {
    background: #f8f9fa;
    color: #000;
}

#day button.btn-tnc.collapsed::after {
    color: #000;
}

#day .seo-wrapper::after {
    content: '';
    background: linear-gradient(180deg, rgba(35, 38, 38, 0) 0%, rgb(243 244 244) 100%);
}

#day .seo-wrapper {
    color: #000;
}

    #day .seo-wrapper a {
        color: #000;
    }

        #day .seo-wrapper a:hover {
            color: #27f38c;
        }

#day .footer-sec {
    background: #cacfd5;
}

#day a.support-ft, #day a.support-ft .greentext {
    color: #000;
}

#day .sminner {
    background: #000;
    color: #cacfd5;
}

#day .smlink:hover .sminner {
    background: #26ef89;
    color: #000;
}

#day ul.nav.ftnav li.ftitem a {
    color: #000;
}

    #day ul.nav.ftnav li.ftitem a:hover {
        color: #26ef89;
    }

#day .lisence-logo img.special {
    filter: brightness(0);
}

#day .reg-banner-wrapper {
    display: none;
}

    #day .reg-banner-wrapper.light {
        display: grid;
    }

#day .register-wrapper {
    background: #fff;
}

#day .reg-right-column {
    background: #eaebef url("../images/reg-bg-light.jpg") no-repeat top right;
    background-size: 100%;
}

#day .agree-text {
    color: #000;
}

    #day .goldtext, #day .agree-text a {
        color: #009f4f;
        font-weight: 500;
    }

#day ul.fun .greentext {
    color: #009f4f;
    font-weight: 500;
}

#day .modal-content.login {
    background: linear-gradient(180deg,rgba(193, 200, 211, 1) 0%, rgba(164, 174, 187, 1) 100%);
    border: 1px solid transparent;
    color: #000;
}

#day .check-group label {
    color: #000;
}

#day .forgot-link a {
    color: #000;
}

#day .note-issues {
    color: #000;
}

#day input.login-input {
    background: #fff;
    color: #000;
    border: 1px solid #fff;
}

#day .reg-line.login {
    border-color: #373737;
}

#day .log-icon-box {
    color: #fff;
    background: #889197;
}

#day .check-group label:before {
    background-color: #889197;
}

#day input.reg-input {
    background: #fff;
    color: #000;
    border: 1px solid #fff;
}

#day .input-icon {
    color: #fff;
    background: #889197;
}

#day .checkmark {
    border: 1px solid #889197;
    background-color: #889197;
}

#day .header-user {
    background: #f6f5f5;
}

#day .user-dropown-wrapper {
    background: linear-gradient(180deg, rgba(220, 223, 227, 1) 0%, rgba(215, 218, 221, 1) 71%, rgba(208, 210, 211, 1) 100%);
    color: #000;
}

#day .vipbenefit a {
    color: #000;
}

#day ul.nav.playernav li a {
    color: #000;
    background: #f6f5f5;
}

    #day ul.nav.playernav li a:hover {
        background: #fff;
        color: #28fd92;
    }

#day .owl-theme.hotgames-slider .owl-nav button.owl-prev {
    background: #fff;
}

#day .owl-theme.hotgames-slider .owl-nav button.owl-next {
    background: #fff;
}

    #day .owl-theme.hotgames-slider .owl-nav button.owl-prev:hover, #day .owl-theme.hotgames-slider .owl-nav button.owl-next:hover {
        background: #4a5354;
        color: #fff;
    }

#day .activate-wrapper {
    background: #fff;
}

#day .dark-img {
    display: none;
}

#day .day-img {
    display: initial;
}

#day .catg-menu-wrapper {
    background: #fff;
    border: 1px solid #ebebeb;
}

#day ul.nav.cm-nav li.cm-item a.cmlink.active, #day ul.nav.cm-nav li.cm-item a.cmlink:hover {
    background: #c5cbd2;
    color: #000;
}

#day a.cmlink.active img {
    filter: brightness(0) contrast(0.5);
}

#day ul.nav.cm-nav li.cm-item a.cmlink {
    color: #000;
    background: #f6f5f5;
}

#day .slots-lobby-container {
    background: #ffffff;
}

#day .slots-provider {
    border: 1px solid #c5cbd2;
    background: #f6f5f5;
}

#day a.spvdbox::after {
    background: #c5cbd2;
}

#day a.spvdbox {
    color: #000;
}

    #day a.spvdbox.active, #day a.spvdbox:hover {
        background: #c5cbd2;
        color: #000;
    }

#day span.pdv-icon img {
    filter: none;
}

#day a.spvdbox.active img, #day a.spvdbox:hover img {
    filter: grayscale(1) brightness(0.5);
}

#day button.sfbtn {
    background: #f6f5f5;
    color: #000;
}

    #day button.sfbtn.active, #day button.sfbtn:hover, #day button.sfbtn.lobby {
        background: #c5cbd2;
        color: #000;
    }

#day .lottery-container {
    background: #fff;
}

#day .lotto-divider {
    border: 1px dashed #c5cbd2;
}

#day button.lotto-btn {
    background: #c5cbd2;
    color: #000;
}

    #day button.lotto-btn.guide {
        background: #f6f5f5;
        color: #000;
    }

    #day button.lotto-btn:hover {
        box-shadow: 0 0 10px -1px #c5cbd2;
    }

#day .slot-search-box {
    background: #d0d2d3;
    border: 1px solid #c5cbd2;
}

#day input.slots-input {
    color: #000;
}

#day .date-search-wrap {
    background: #d0d2d3;
    border: 1px solid #c5cbd2;
}

#day button.lott-btn.active {
    background: linear-gradient(180deg, rgba(221, 224, 228, 1) 0%, rgba(197, 203, 210, 1) 100%);
}

#day button.lott-btn {
    background: #f6f5f5;
}

    #day button.lott-btn img {
        filter: contrast(1) brightness(0);
    }

    #day button.lott-btn.active img {
        filter: grayscale(1) brightness(0.5);
    }

#day .result-box {
    border: 1px solid #c5cbd2;
}

#day table.rs-top tr th, #day table.rs-btm tr th {
    background: linear-gradient(180deg, rgba(221, 224, 228, 1) 0%, rgba(197, 203, 210, 1) 100%);
    color: #000;
    border-color: #c5cbd2;
}

#day table.rs-top tr td {
    background: #fff;
    color: #000;
    border-color: #c5cbd2;
}

#day table.rs-btm tr td {
    background: #fff;
    color: #000;
    border-color: #c5cbd2;
}

#day .lotto-top {
    background: #232626 url("../images/products/lottery/lotto-box-topbg-white.jpg") no-repeat bottom center;
    background-size: cover;
    color: #000;
}

#day .lotto-img img {
    mix-blend-mode: multiply;
}

#day .filter-menu {
    background: #fff;
    border: 1px solid #ebebeb;
}

#day .pmbox-inner {
    color: #000;
    background: #f6f5f5;
}

#day .pmbox.active .pmbox-inner {
    background: #c5cbd2;
    color: #000;
}

#day .promo-content-area {
    background: #fff;
}

#day .promobox {
    background: linear-gradient(180deg, rgba(220, 223, 227, 1) 0%, rgba(215, 218, 221, 1) 71%, rgba(208, 210, 211, 1) 100%);
}

#day .sm-promo-title {
    color: #000;
}

#day .download-menu {
    background: #fff;
    border: 1px solid #ebebeb;
}

#day ul.nav.nav-download li.nav-item a.nav-link {
    color: #000;
    background: #f6f5f5;
}

    #day ul.nav.nav-download li.nav-item a.nav-link img {
        filter: none;
    }

    #day ul.nav.nav-download li.nav-item a.nav-link.active {
        background: #c5cbd2;
        color: #000;
    }

        #day ul.nav.nav-download li.nav-item a.nav-link.active img {
            filter: contrast(1) brightness(0);
        }

#day .download-content {
    background: #fff;
}

#day .download-box {
    background: linear-gradient(180deg, rgba(220, 223, 227, 1) 0%, rgba(215, 218, 221, 1) 71%, rgba(208, 210, 211, 1) 100%);
    border: 1px solid #c5cbd2;
}

#day .dlpvd-logo img {
    filter: drop-shadow(0px 1px 2px rgb(0, 0, 0, 0.8));
}

#day .os-wrap {
    color: #000;
    border: 1px solid #000;
}

    #day .os-wrap img {
        filter: contrast(1) brightness(0);
    }

#day ul.info-menu {
    background: #dcdfe3;
}

    #day ul.info-menu li a.infolink {
        background: #f6f5f5;
        color: #000;
    }

        #day ul.info-menu li a.infolink img {
            filter: contrast(0) brightness(1);
        }

        #day ul.info-menu li a.infolink.active, #day ul.info-menu li a.infolink:hover {
            background: #fff;
            color: #26ee89;
        }

#day .info-content {
    background: #dcdfe3;
}

#day .contactbox {
    background: #fff;
}

#day .ctcname {
    background: #f6f5f5;
}

#day .ct-detail {
    background: #d0d2d3;
}

#day .vip-player-info-wrapper {
    position: relative;
    background: url(../images/vip/vip-bn-bg-white.jpg) no-repeat center right;
}

#day .yviptext {
    color: #3a3a3a;
}

#day .pgrsbar {
    background: #9f9f9f;
}

#day .vip-lvl-frame {
    background: #fff;
}

#day .lvl-column {
    background: #fff;
    border: 1px solid #cfd0d0;
    color: #000;
}

    #day .lvl-column.legend {
        border: none;
        background: none;
    }

    #day .lvl-column.active {
        background: linear-gradient(180deg, rgba(220, 223, 227, 1) 0%, rgba(215, 218, 221, 1) 71%, rgba(208, 210, 211, 1) 100%);
    }

#day .lvltitle {
    color: #000;
}

#day button.btn-tnc.collapsed img {
    filter: brightness(0.3);
}

#day .vip-card-wrapper {
    background: linear-gradient(90deg, rgba(220, 223, 227, 1) 0%, rgba(215, 218, 221, 1) 71%, rgba(208, 210, 211, 1) 100%);
}

#day .slider-vip .slick-prev, #day .slider-vip .slick-next {
    background: #cacfd5;
}

    #day .slider-vip .slick-prev:before, #day .slider-vip .slick-next:before {
        color: #7f7f7f;
    }

#day .vip-table-wrapper {
    background: linear-gradient(rgb(220, 223, 227) 0%, rgb(215, 218, 221) 71%, rgb(208, 210, 211) 100%);
}

#day table.vip-table tr td {
    color: #000;
}

#day .mainwallet-wrap {
    background: url(../images/afbg-top-white.jpg) no-repeat center;
    background-size: cover;
}

#day .mwbalance {
    color: #000;
}

#day sup.crt-my {
    color: #575757;
}

#day button.reload-btn {
    color: #575757;
}

#day button.auto-info-btn {
    border: 1px solid #000000;
    color: #000000;
}

#day .rwbox-info {
    background: #ffffff;
}

#day button.wdr-btn {
    background: #c5cbd2;
    color: #000;
}

    #day button.wdr-btn img {
        filter: brightness(0);
    }

#day .afmenu-box {
    background: #dcdfe3;
}

#day ul.nav.afmenuside-nav li.nav-item a.mslink {
    background: #f6f5f5;
    color: #000;
}

    #day ul.nav.afmenuside-nav li.nav-item a.mslink.active, #day ul.nav.afmenuside-nav li.nav-item a.mslink:hover {
        background: #fff;
        color: #26ee89;
    }

#day a.rc-quickgame {
    color: #000;
}

    #day a.rc-quickgame img {
        filter: contrast(0) brightness(0.6);
    }

#day .rcframe-container {
    background: #dcdfe3;
}

#day .rwcbox-wrap {
    background: #fff;
}

#day .claim-requirement {
    background: #dcdfe3;
}

#day .rwctext-2 {
    color: #000;
}

#day .dtinner {
    background: #fff;
}

#day .count-box {
    background: #f6f5f5;
    border: 1px solid #c5cbd2;
}

#day table.challenge-table tr th {
    background: #f6f5f5;
    border: 1px solid #c8c8c8;
}

#day table.challenge-table tr td {
    background: #fff;
    border: 1px solid #c8c8c8;
}

#day .deposit-note {
    background: #dcdfe3;
}

#day .important-note {
    color: #000;
}

#day .deposit-note ul {
    color: #474747;
}

#day .frame-container {
    background: #dcdfe3;
}

#day .frame-container2 {
    background: #dcdfe3;
}

#day a.afsub-btn {
    background: #f6f5f5;
    color: #000;
    border: 1px solid #c5cbd2;
}

    #day a.afsub-btn.active, #day a.afsub-btn:hover {
        background: #c5cbd2;
        border: 1px solid #c5cbd2;
        color: #000;
    }

#day .bank-acct-btn {
    border: 1px solid #949494;
    background: #889197;
}

#day input.afinput, #day select.afinput, #day textarea.afinput {
    background: #fff;
    color: #000000;
    border: 1px solid #afafaf;
}

#day .input-hide .bank-pay input:active + .bank-acct-btn, #day .input-hide .bank-pay input:checked + .bank-acct-btn {
    background: #26ee89;
    color: #000;
    border: 1px solid #27f38c;
}

#day button.qamt-btm {
    border: 1px solid #949494;
    background: #889197;
}

    #day button.qamt-btm:hover {
        border: 1px solid #949494;
        background: #26ee89;
    }

#day .greytext {
    color: #2d2d2d;
}

#day .agree-depo {
    color: #000000;
}

    #day .agree-depo a {
        color: #000000;
        font-weight: 600;
    }

#day table.history-table tr.hstop td {
    background: #c5cbd2;
    font-weight: 600;
}

#day table.history-table {
    color: #000;
}

#day button.page-arrow-btn {
    color: #000;
}

#day .trans-card {
    background: #fff;
}

#day .trans-note {
    color: #000;
}

#day .gtext {
    color: #000;
    font-weight: 600;
}

#day select.trans-input {
    background: #fff;
    color: #000000 !important;
    border: 1px solid #afafaf;
}

#day input.trans-input-1 {
    background: #fff;
    color: #000000 !important;
    border: 1px solid #afafaf;
}
#day select.trans-input option {
    color: #000000;
}

#day select.trans-input1 option {
    color: #000000;
}
#day button.balance-btn {
    background: #c5cbd2;
}


#day .all-balance-card {
    background: #fff;
}

#day .prvdbox {
    background: linear-gradient(180deg, rgba(220, 223, 227, 1) 0%, rgba(215, 218, 221, 1) 71%, rgba(208, 210, 211, 1) 100%);
    color: #000;
}

#day button.allin-btn {
    border: 1px solid #000;
    color: #000;
}

#day .pvd-amt {
    color: #000;
    font-weight: 500;
}

#day .profile-tabs .nav-link {
    color: #000;
}

#day .profile-top-wrapper {
    background: #fff;
}

#day input.profile-input {
    color: #000;
}

#day .pfcolumn {
    background: #fff;
}

#day .crypto-note {
    background: #dcdfe3;
}

#day .cytext {
    color: #000;
}

#day input.crypto-input {
    background: #fff;
    color: #000000;
    border: 1px solid #afafaf;
}

#day .profile-tabs {
    border-bottom: 1px solid #a9a9a9;
}

    #day .profile-tabs .nav-link.active {
        border-bottom-color: #000;
    }

#day ul.nav.nav-refer li.nav-item a.nav-link.active {
    background: #c5cbd2;
    border: 1px solid #c5cbd2;
    color: #000;
}

#day ul.nav.nav-refer li.nav-item a.nav-link {
    background: #f6f5f5;
    color: #000;
    border: 1px solid #c5cbd2;
}

#day .modal-content.promo {
    background: linear-gradient(180deg, rgba(220, 223, 227, 1) 0%, rgba(215, 218, 221, 1) 71%, rgba(208, 210, 211, 1) 100%);
    color: #000;
}

#day button.close-promo, #day button.close-x {
    color: #000;
}

#day .pmtitle {
    color: #000;
}

#day table.table-promo tr td {
    background: none;
    border: 1px solid #bebebe;
}

#day .modal-content.download {
    background: linear-gradient(180deg, rgba(220, 223, 227, 1) 0%, rgba(215, 218, 221, 1) 71%, rgba(208, 210, 211, 1) 100%);
    color: #000;
}

#day .modal-content.promo.rules {
    border: 1px solid #6a6a6a;
}

#day .pm-box.top-title {
    background: #c5cbd2;
    border-bottom: 1px solid #ccc;
    color: #000;
}

#day .pm-box {
    color: #000;
    border-bottom: 1px solid #ccc;
}

#day button.delete-btn {
    color: #878787;
}

#day .mail-content {
    background: #c5cbd2;
}

#day ul.nav.nav-rcgame a.nav-link {
    border: 1px solid #c5cbd2;
    background: #f6f5f5;
}

    #day ul.nav.nav-rcgame a.nav-link:hover {
        background: #c5cbd2;
    }

    #day ul.nav.nav-rcgame a.nav-link img {
        filter: drop-shadow(0px 0px 1px rgb(0, 0, 0, 0.8));
    }

#day button.wdr-btn:hover {
    background: #26ee89;
    color: #000;
}

#day .bank-info-depo {
    background: #fff;
}




/** Responsive **/
@media (max-width: 1100px) {
    .body-container {
        display: block;
        padding-top: 55px;
    }

    .t-sidemenu {
        display: none;
    }

    .mobile-btm-sec {
        display: block;
    }

    .header-container {
        height: 55px;
    }

    .logo img {
        max-height: 35px;
    }

    button.sidemenu-btn {
        display: none;
    }

    button.back-to-top {
        bottom: 80px;
        height: 35px;
        width: 35px;
        border-radius: 6px;
        font-size: 17px;
    }

    .floating-chat {
        max-width: 40px;
        right: 10px;
        bottom: 135px;
    }

    .footer-sec {
        padding: 30px 0 90px;
    }

    .footer-row {
        grid-template-columns: auto;
        grid-gap: 15px;
    }

    .home-slider-sec {
        padding: 5px 0 15px;
    }

    .ctgy-column-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }

    .ctgy-item {
        margin: 3% 3% 3% auto;
    }

    .register-wrapper {
        grid-template-columns: auto;
        border-radius: 15px;
    }

    .regtitle {
        display: block;
        font-size: 20px;
        font-weight: 400;
        text-align: center;
    }

    .lottery-result-wrapper {
        display: none;
    }

    .lottery-mobile {
        text-align: center;
        display: initial;
    }

    .catg-model img {
        max-height: 24vw;
    }

    .slots-lobby-container {
        padding: 20px;
        grid-template-columns: auto;
    }

    a.spvdbox {
        display: inline-block;
        height: auto;
        width: 12.2%;
        text-align: center;
        font-size: 13px;
        padding: 8px 3px;
        border-right: 1px solid #393f40;
    }

        a.spvdbox::after {
            content: '';
        }

    span.pdv-icon {
        margin: 0;
        display: block;
    }

    .slots-provider {
        white-space: nowrap;
        overflow: auto;
    }

        .slots-provider::-webkit-scrollbar {
            display: none;
        }

    .slot-filter-wrap {
        flex-direction: column;
        grid-gap: 15px;
    }

    .download-list-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .vip-lvl-frame {
        display: none;
    }

    .vip-trophy-img {
        display: none;
    }

    .slidermain_vip, .vip-mobile-wrapper {
        display: block;
    }

    .quick-menu-wrapper {
        display: block;
    }

    .af-container {
        display: block;
    }

    .afcolumn-left {
        display: none;
    }

    .deposit-note.mobile {
        display: block;
        background: none;
    }

    .pfrow {
        grid-template-columns: auto;
    }

        .pfrow .pfcol:last-child {
            border: none;
            padding-left: 0;
            padding-right: 0;
        }

    .afcolumn-left.rwcenter {
        display: block;
        margin-bottom: 15px;
    }

    .rwcenter ul.nav.afmenuside-nav {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 5px;
    }

        .rwcenter ul.nav.afmenuside-nav li.nav-item a.mslink {
            align-items: center;
            flex-direction: column;
            justify-content: center;
            height: 75px;
            font-size: 12px;
            text-align: center;
            border-radius: 10px;
            padding: 1px 3px;
        }

    .afn-icon {
        margin: 0 auto 5px;
    }

    .arrw {
        opacity: 1;
        visibility: visible;
    }

    .recentlyplay .thumb-img {
        height: 22vw;
    }
}

@media (max-width: 991px) {
    .rcw-wrap {
        display: block;
        width: 100%;
    }

    .rcw-container {
        display: block;
    }

    .mv-box {
        margin-bottom: 20px;
    }

    .step-wrapper {
        grid-template-columns: repeat(2, 1fr);
        max-width: 620px;
        margin: 0 auto;
    }

    .feature-bonus-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 50px 10px;
        max-width: 600px;
        margin: 0 auto;
    }

    .infopage-container {
        grid-template-columns: auto;
    }

    ul.info-menu {
        text-align: center;
    }

        ul.info-menu li {
            display: inline-block;
            width: 32%;
            margin-right: 0.5%;
            text-align: left;
            font-size: 14px;
        }

    .lotto-top-row {
        flex-direction: column;
    }

    .pvd-list-wrapper {
        grid-template-columns: repeat(5, 1fr);
    }

    .promo-bx {
        width: 48%;
        max-width: 410px;
    }

    .ctgy-column-1 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }

    .ctgy-box, .ctgy-box.slots, .ctgy-box.casino, .ctgy-box.sports {
        width: 100%;
        margin: 0 auto;
    }

        .ctgy-box.slots::before, .ctgy-box.casino::before, .ctgy-box.sports::before {
            content: none;
        }
}


@media (max-width: 767px) {
    .usp-wrapper {
        padding-top: 5px;
    }

    .usp-container {
        padding: 20px 15px 20px;
    }

    .usp-subtitle {
        font-size: 15px;
    }

    .usp-box {
        display: grid;
        grid-template-columns: 26% auto;
        grid-gap: 10px;
        max-width: 100%;
        align-items: center;
        padding: 10px;
        margin: 10px 0;
    }

    .uspimg {
        margin: 0 auto;
        max-width: 70%;
    }

    .usp-info {
        text-align: left;
    }

    .wtitle-1 h1, .ftbn-title {
        font-size: 18px;
    }

    .thumb-text {
        font-size: 12px;
    }

    .mv-box {
        height: 55vw;
    }

    .reg-banner-wrapper {
        grid-template-columns: auto;
    }

    .thumb-text {
        font-size: 12px;
    }

    ul.nav-game.casino li.nav-item {
        margin: 0.6% 0.5%;
        width: 24%;
    }

    a.spvdbox {
        width: 16.3%;
        font-size: 13px;
    }

    .slots-container {
        grid-template-columns: repeat(4,1fr);
        grid-gap: 8px;
    }

    .slot-name {
        font-size: 12px;
    }

    .pvd-list-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }

    .download-list-wrapper {
        grid-template-columns: auto;
    }

    .comtext {
        font-size: 2.2vw;
    }

    .pm-detail-wrap {
        padding: 2vw 0 2vw 3vw;
        display: block;
    }

    .more-info-wrap {
        left: 3vw;
        bottom: 2vw;
    }

    button.pm-more-btn {
        height: 4vw;
        font-size: 2vw;
        min-width: 14vw;
        border-radius: 1vw;
    }

    .modal-content.promo {
        padding: 15px 15px;
    }

    .vip-player-info-wrapper {
        border-radius: 15px;
        height: auto;
        padding: 20px 20px;
        margin-bottom: 20px;
    }

    .vp-info-wrap {
        grid-template-columns: 30% auto;
        grid-gap: 10px;
        width: 100%;
    }

    .vpname-lvl {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .vprgress-wrap {
        margin-top: 10px;
        font-size: 14px;
    }

    .yviptext {
        margin-bottom: 6px;
    }

    .mainwallet-wrap {
        grid-template-columns: 70% auto;
        padding: 15px 15px;
    }

    .mwbox1 {
        grid-template-columns: 20vw auto;
    }

    .mwbalance {
        font-size: 28px;
    }

    .af-field-wrap {
        grid-template-columns: auto;
    }

    .date-form-wrapper {
        display: grid;
        grid-gap: 15px;
    }

    .history-btn-wrap {
        text-align: center;
    }

    button.submit-btn.history {
        margin-left: 0;
    }

    .pfrow-2 {
        grid-template-columns: auto;
    }

    .all-balance-card {
        max-width: 480px;
        padding: 20px 15px;
    }

    .pvd-balance-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .pvb-col-1 {
        font-size: 12px;
    }

    .rwclaim-upper {
        grid-template-columns: 45% auto;
        grid-gap: 10px;
    }

    .rwclaim-top {
        font-size: 18px;
    }

    .rwctext-1 {
        -webkit-line-clamp: 2;
    }

    .rwclaim-wrap {
        text-align: right;
    }

    .dtinner {
        padding: 15px 10px;
        display: grid;
        grid-template-columns: auto 125px;
        grid-gap: 10px;
    }

    .trw-img {
        grid-column: 1 / 3;
        max-width: 480px;
        max-height: 220px;
    }

    .torw-content {
        font-size: 15px;
    }

    button.rw-claim-btn {
        font-size: 11px !important; /* Scaled down slightly to fit mobile cells better */
        height: auto !important; /* Allows the button to expand vertically */
        min-height: 40px !important; /* Ensures a clean touch target size */
        padding: 6px 8px !important; /* Comfortable inner spacing for multi-line text */
    }

    ul.cdtimer {
        font-size: 13px;
    }

    ul.nav.nav-rcgame li.nav-item {
        margin: 1% 1%;
    }

    ul.nav.nav-rcgame a.nav-link {
        padding: 0px 3%;
    }

    .legend-prize-wrapper {
        grid-template-columns: auto;
    }

    .deco.rwhistory {
        max-width: 24%;
    }
}

@media (max-width: 480px) {
    button.green-btn {
        font-size: 13px;
        height: 30px;
        padding: 3px 4px;
        min-width: 75px;
        border-radius: 7px;
        margin: 0px 3px;
    }

    button.login-btn {
        font-size: 13px;
        height: 30px;
        padding: 3px 4px;
        min-width: 75px;
        border-radius: 7px;
        margin: 0px 3px;
    }

    .ctgy-column-1 {
        grid-gap: 6px;
    }

    .ctgy-title {
        font-size: 14px;
    }

    .feature-bonus-wrapper {
        grid-gap: 8vw 10px;
    }

    .bftitle {
        font-size: 15px;
    }

    .usp-box {
        font-size: 14px;
    }

    .usp-title {
        font-size: 125%;
    }

    .bf-box {
        padding: 0 5px 10px;
    }

    .welcome-content {
        font-size: 14px;
    }

    button.btn-tnc h3 {
        font-size: 14px;
    }

    .record-title-row {
        font-size: 13px;
    }

    .recent-wd-table-wrapper {
        font-size: 13px;
    }

    .stepbox {
        grid-template-columns: auto;
        text-align: center;
        height: auto;
    }

        .stepbox::after {
            content: '';
            width: 90px;
            right: -3%;
            top: auto;
            bottom: -15%;
        }

    ul.nav.ftnav li.ftitem a {
        font-size: 13px;
    }

    .lisence-logo img {
        max-height: 27px;
    }

    .ft-payment img {
        max-height: 30px;
    }

    .copyright-text {
        font-size: 12px;
    }

    .reg-left-column {
        padding: 20px 15px;
    }

    form.reg-form {
        padding: 15px 0;
    }

    .user-bal {
        margin-right: 5px;
        font-size: 13px;
        gap: 2px;
    }

    .balamt {
        font-size: 12px;
    }

    .header-user {
        height: 33px;
        font-size: 11px;
        padding: 0 17px 0 2px;
    }

    .vipbadge img {
        max-height: 40px;
    }

    .modal-content.login {
        font-size: 14px;
    }

    ul.info-menu {
        padding: 15px 10px;
    }

        ul.info-menu li {
            font-size: 12px;
        }

            ul.info-menu li a.infolink {
                padding: 2px 5px;
                height: 40px;
            }

    .info-content {
        padding: 20px 15px;
    }

    .info-content-inner {
        font-size: 14px;
    }

    ul.nav.cm-nav {
        justify-content: center;
    }

        ul.nav.cm-nav li.cm-item {
            margin: 3px 0.5% 3px 0.5%;
            width: 32%;
        }

            ul.nav.cm-nav li.cm-item a.cmlink {
                min-width: auto;
                font-size: 12px;
                line-height: 1;
            }

    .catg-model img {
        max-height: 30vw;
    }

    .slots-container {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px 10px;
    }

    .pvd-list-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    a.spvdbox {
        width: 24.5%;
        font-size: 12px;
    }

    button.playslot-btn {
        font-size: 13px;
        height: 30px;
        padding: 3px 5px;
        min-width: 90px;
        border-radius: 7px;
    }

    .lottery-container {
        padding: 15px 10px;
    }

    ul.nav.nav-download li {
        width: 48%;
        margin-right: 2%;
    }

        ul.nav.nav-download li.nav-item a.nav-link {
            min-width: auto;
            padding: 0 2px;
        }

    .filter-menu {
        text-align: center;
    }

    .pmbox {
        width: 31%;
    }

    .pmbox-inner {
        font-size: 13px;
        min-width: 90px;
    }

    .promo-bx {
        width: 100%;
        margin: 10px 0;
    }

    .pm-detail-wrap {
        padding: 3vw 0 3vw 4vw;
    }

    .comtext {
        font-size: 4.4vw;
    }

    .more-info-wrap {
        bottom: 3vw;
    }

    button.pm-more-btn {
        height: 30px;
        font-size: 15px;
        min-width: 110px;
        border-radius: 9px;
    }

    .pm-top-row {
        grid-template-columns: auto;
    }

    .promo-banner-popup {
        text-align: center;
    }

    .pmtitle-wrap {
        margin-top: 15px;
        font-size: 20px;
        padding: 0;
        display: block;
        height: auto;
    }

    button.gnr-tnc-btn {
        position: initial;
        margin-top: 20px;
    }

    .vip-player-info-wrapper {
        padding: 15px 15px;
    }

    .vpname-lvl {
        font-size: 18px;
    }

    .reg-left-column {
        padding: 20px 15px;
    }

    .info-how-wrapper {
        left: auto;
        right: 0;
    }

    .vip-level-box {
        font-size: 13px;
    }

    .mwtext {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .mwbalance {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .mwtext {
        font-size: 12px;
        margin-bottom: 5px;
        flex-direction: column;
        align-items: flex-start;
    }

    button.restore-btn {
        padding: 4px 6px;
        font-size: 11px;
        margin: 5px 0 0;
    }

    a.tpm-btn {
        font-size: 10px;
        padding: 8px 0;
    }

        a.tpm-btn img {
            max-height: 25px;
        }

    ul.submenu-nav li {
        min-width: auto;
        width: 47%;
        margin-right: 1%;
    }

    a.afsub-btn {
        min-width: auto;
        padding: 6px 7px;
        font-size: 14px;
    }

    .frame-container {
        padding: 15px 15px;
    }

    .bank-pay {
        max-width: 31.5%;
        margin: 0 0.4%;
    }

    .bank-acct-btn {
        padding: 8px 5px;
        font-size: 13px;
    }

        .bank-acct-btn img {
            max-height: 25px;
            margin-bottom: 3px;
        }

    table.bank-depo {
        font-size: 14px;
    }

    .af-submenu-wrap.history ul.submenu-nav li {
        width: 31%;
        min-width: auto;
    }

    table.history-table {
        font-size: 13px;
    }

    select.afinput.history {
        padding: 5px;
        font-size: 14px;
    }

    .profile-top-wrapper, .pfcolumn {
        padding: 20px 15px;
    }

    .bank-profile-wrap table.history-table {
        font-size: 13px;
    }

    .prvdbox {
        padding: 10px 10px;
    }

    .pvb-col-2 {
        font-size: 14px;
    }

    button.allin-btn {
        font-size: 13px;
        padding: 2px 6px;
    }

    .afmenu-box {
        padding: 15px 10px;
    }

    .rcframe-inner {
        padding: 15px 10px;
    }

    .rwclaim-upper {
        grid-template-columns: auto;
    }

    .claim-requirement {
        font-size: 11px;
    }

    ul.nav.nav-rcgame a.nav-link {
        padding: 0px 2%;
        height: 45px;
    }

    .lstitle-img {
        height: 64vw;
        margin: 0 -10px;
    }

        .lstitle-img img {
            object-fit: cover;
            height: 100%;
        }

    .title-round {
        max-width: 85%;
        margin: 0 auto 10px;
    }

    table.winner-table.top tr td, table.legend-winner-table tr td {
        font-size: 14px;
    }

    .legendwl-title {
        font-size: 15px;
    }

    .prize-box {
        grid-template-columns: 35% auto;
    }

    .prize-box {
        grid-template-columns: 150px auto;
    }

    .shine-wrap {
        width: 140px;
        height: 140px;
    }

    .actext-1 {
        font-size: 20px;
    }

    .pmbox {
        width: 31%;
    }

    .pmbox-inner {
        font-size: 13px;
    }

    .deco.rwhistory {
        max-width: 27%;
        top: 2%;
    }

    .wl-title {
        font-size: 16px;
    }

    .wlist-content {
        padding: 10px;
    }

    .winner-top table.winner-table tr td {
        font-size: 16px;
    }

    .winner-list table.winner-table tr td {
        font-size: 15px;
    }

    .contactbox {
        max-width: 100%;
        width: 47%;
        margin: 10px 1%;
    }

    form.reg-form {
        padding: 15px 0;
    }

    .choose-text {
        font-size: 15px;
    }

    .game-option {
        font-size: 14px;
    }

    .pm-box {
        font-size: 13px;
        padding: 12px 5px;
    }

    .mtitle {
        grid-gap: 10px;
    }

    .pm-box.top-title {
        font-size: 15px;
    }

    ul.nav.nav-refer li.nav-item {
        width: 49%;
    }

        ul.nav.nav-refer li.nav-item a.nav-link {
            min-width: 100%;
            font-size: 14px;
        }

    a.tpm-btn {
        border-radius: 7px;
        padding: 6px 0;
        line-height: 1;
    }

    .rwcenter ul.nav.afmenuside-nav {
        grid-template-columns: repeat(4, 1fr);
    }

    .chc-text {
        font-size: 13px;
    }

    .challenge-count.col3 .chc-text {
        font-size: 13px;
    }

    .challenge-count.col3 .count-box {
        max-width: 90%;
    }

    .challenge-table-wrapper {
        border-radius: 0;
        padding: 5px;
    }

    table.challenge-table {
        font-size: 13px;
    }

    .torw-content {
        grid-column: 1 / 3;
    }

    ul.cdtimer {
        font-size: 13px;
        justify-content: left;
    }

    button.rc-claim-btn {
        font-size: 12px;
        min-width: 75px;
    }

    .recently .thumb-img {
        height: 38vw;
    }
}

.register-btn {
    background-color: #26ee89;
    color: #000000;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    border: none;
    border-radius: 6px;
    padding: 0 16px;
    height: 38px; /* Matches standard input height */
    margin-left: 8px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
}

    .register-btn:hover {
        background-color: #1fd678;
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(38, 238, 137, 0.3);
    }

    .register-btn:active {
        transform: translateY(0);
    }


/* =========================================================
   MOBILE FIX: "ADD BANK" BUTTON STACKING
   ========================================================= */
@media (max-width: 767px) {
    /* 1. Convert the header wrapper into a wrapping flex container */
    .profile-top-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
    }

        /* 2. Force the title to take up the full width on its own line */
        .profile-top-wrapper .pf-ftitle {
            width: 100% !important;
            margin-bottom: 5px !important;
            padding-bottom: 0 !important;
        }

        /* 3. Remove absolute positioning and drop the button to the next line as a full-width block */
        .profile-top-wrapper .update-btn.add-bank {
            position: relative !important;
            right: auto !important;
            top: auto !important;
            display: flex !important;
            width: 100% !important;
            max-width: 100% !important;
            justify-content: center !important;
            align-items: center !important;
            margin-top: 10px !important;
            margin-bottom: 10px !important;
            box-sizing: border-box !important;
        }

        /* 4. Ensure the banking table wrapper stays neatly below */
        .profile-top-wrapper .table-responsive.bank-profile-wrap {
            width: 100% !important;
            clear: both !important;
            margin-top: 5px !important;
        }
}