/* mission page */
.button-container {
    border-radius: 10px;
    font-size: 12px;
    padding: 2px;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    /* margin: 0 5px; */
    min-width: 120px;
    font-weight: 700;
    /* min-height: 50px; */
    background: linear-gradient(to bottom, #243c62 0%, #142948 100%);
}

.button-container a {
    color: #fff;
}

.mini-box {
    position: relative;
    text-align: center;
}

.mini-box-content {
    position: absolute;
    bottom: -10px;
    text-align: center;
    width: 100%;
    left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.mini-box-text h4 {
    font-size: 25px;
}

.mini-box-text p {
    font-weight: bold;
    margin-bottom: 5px;
    ;
    font-size: 13px;
}

.play-mini .button-container {
    padding: 2px 20px;
    box-shadow: 0px 2px 6px 2px #00000078;
    border: 1px solid #93acd3;
    color: #fff;
}

button.button-container.claimed {
    background: linear-gradient(to bottom, rgba(235, 32, 39, 1) 0%, rgba(97, 10, 13, 1) 100%);
    border: 1px solid transparent;
}

button.button-container.soon {
    background: linear-gradient(to bottom, rgba(66, 50, 38, 1) 0%, rgba(25, 11, 0, 1) 100%);
    border: 1px solid #efa832;
}

.play-mini .button-container span {
    color: #fff;
}

.mini-game {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding-bottom: 50px;
}

@media only screen and (max-width: 1279px) {
    .mini-box-text h4 {
        font-size: 20px;
    }

    .mini-box-content {
        bottom: -25px;
    }
}

@media (max-width: 999px) {
    .mini-game {
        grid-template-columns: repeat(2, 1fr);
    }

    .mini-box-text p {
        padding-bottom: 5%;
    }

    .mini-box-content {
        bottom: -10px;
    }
}


@media (max-width: 600px) {
    .mini-box-text p {
        padding-bottom: 5%;
    }

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

/* end mission page */



/* header part */


/* end header part */

/* scrollbar color */


/* end scrollbar color */

/* left menu bar */



/* end left menu bar */


/* index page  */
.ann-wrap {
    background: #152a4a;
}

.intro_promo {
    background: #152a4a;
}

.tab_wrapper {
    background: #152a4a;
}

.view_btn {
    background: #152a4a;
}

.arrow_slider .slide-arrow {
    background: #152a4a;
}

.hotgame-main-img_pro {
    background: #152a4a;
}

.daily_table_wrap {
    background: linear-gradient(to right, #0f2132 0%, #0e2030 100%);
}

.transaction_container {
    background: #1c2532 url(../images/theme-2/index/live-transaction.png) bottom right no-repeat;
    /* live site image url  */
    background: #152a4a url(../images/index/live-transaction.png) bottom right no-repeat;
    /* local image url  */
}

.wrap-live {
    background: rgb(18, 37, 65, 0.9);
    border: 1px solid #263572;
    border-radius: 20px;
}

.desktop_footer {
    background: #0b1628;
}

/* end index page  */


/* afterlogin header */
.head_afterlogin_custom .btn_dropup_lang .dropdown-menu.show {
    background-color: #152a4a;
}

.btn-bln-all {
    background: #0b1628;
}

.balance-modal .modal-content {
    background: #152a4a;
}

.bln-all ul li {
    background-color: #0b1628;
}

/* end afterlogin header */

/* account page */
.profile_userimg_wrap {
    background: #152a4a;
}

.profile_content_wrap {
    background: #152a4a;
}

/* end account page */


/* deposit page */
.afterlogin_inn_wrap_faqbody {
    background: #152a4a;
}

.afterlogin_inn_wrap_faqaccor .card-header {
    background-color: #0b1628;
    border-bottom: #0b1628;
}

.afterlogin_inn_wrap_faqaccor .card-header:hover {
    background: #1c2532;
}

.depwith_wrapbtn {
    background: #152a4a;
}

.afterlogin_dep_head {
    background-color: #0f203a;
}

.afterlogin_dep_body {
    background: #152a4a;
}

.tab-pay ul li a {
    background-color: #0b1628;
}

.deposit_bank_choose_box {
    background-color: #0b1628;
}

.deposit_bank_choose_box:hover {
    background: #1c2532;
}

.step_line {
    background-image: linear-gradient(269.99deg, #0b1628 1.25%, rgba(46, 49, 54, 0) 101.67%);
}

.deposit_body_notis {
    background-color: #0b1628;
}

.trans_btn {
    background-color: #0b1628;
}

.addbankdropdown .btn {
    background-color: rgba(0, 0, 0, .3);
}

.addbankdropdown .dropdown-menu {
    background-color: #0b1628;
}

.addbankdropdown .dropdown-menu a {
    background-color: #0b1628;
}

.addbankdropdown .dropdown-menu a:hover {
    background: #1c2532;
}

/* end deposit page */

/* history page */
.form-control {
    background-color: rgba(0, 0, 0, .8)
}

.history_table_wrap {
    background: #152a4a;
}

/* end history page */

/* payment status page */
.table-pen table th {
    background: #0b1628;
}

.table-pen table tr:nth-child(even) {
    background: #0f203a;
}

.table-pen table tr:nth-child(odd) {
    background: #243c62;
}

/* end payment status page */

/* inbox page */
.history_table_wrap.history_table_wrap_inbox {
    background-color: #0b1628;
}

.modal-content.inbox {
    background: #152a4a;
}

/* end inbox page  */


/* referral page */
input:read-only {
    background-color: rgba(0, 0, 0, .3) !important;
    border: 1px solid #d9aa4d;
    border-bottom: 1px solid #d9aa4d;
    color: #fff;
}

button.btn-cpy {
    background: transparent;
    color: white;
}

/* end referral page */

/* vip 1 page */
.promo-ttl {
    background: linear-gradient(90deg, #152a4a 0%, #2c2e34 100%);
}

.vip-lvl {
    box-shadow: 0px 0px 6px #263572;
    background: #0b1628;
}

.table_vip_outwrap {
    background: #0b1628;
}

.vip_table_head {
    background: #152a4a;
}

hr.table_hr {
    border-top: 1px solid #93acd3;
}

.table_vip_wrap {
    background: #0f203a;
}

table.vip_table tr.vip_colbackground_cus th,
table.vip_table tr.vip_colbackground_cus td {
    background: #243c62;
}


/* end vip 1 page */


/* vip 2 page */
.user_vip_inner .user_vip_left {
    background: #152a4a;
}

.user_vip_inner .user_vip_righ {
    background: #152a4a;
}

.rank_slider_slide {
    border: 1px solid #263572;
}

/* end vip 2 page */


/* promotion page */
.promo_filter_wrap {
    background: #152a4a;
}

.promo_box_wrap_inn {
    background: #152a4a;
}

/* end promotion page  */


/* WhatsApp Floating Icon */
.whatsapp-floating {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
}

.whatsapp-floating .whatsapp-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    background-color: #25D366;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.whatsapp-floating .whatsapp-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);
}

.whatsapp-floating .whatsapp-btn i {
    font-size: 40px;
    color: #ffffff;
}

/* Animation for attention */
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    }
}

.whatsapp-floating .whatsapp-btn {
    animation: pulse 2s infinite;
}

/* Mobile responsiveness */
@media (max-width: 767px) {
    .whatsapp-floating {
        bottom: 15px;
        right: 15px;
    }

    .whatsapp-floating .whatsapp-btn {
        width: 50px;
        height: 50px;
    }

    .whatsapp-floating .whatsapp-btn i {
        font-size: 26px;
    }
}

/* play 2 earn page */
.p2e-ttl-1 {
    background: #0b1628;
}

.p2e-info-content {
    background: #152a4a;
    border: 1px solid #0b1628;
}

.p2e-amount-box {
    background: #0b1628;
}

.progress-bar {
    background: #0b1628;
}

.vip_modal .modal-content {
    background: #152a4a;
}

/* end play 2 earn page */


/* privacy policy page */
.info-bg {
    background: #0b1628;
    padding: 0px 15px 15px;
    border-radius: 20px;
    margin-top: 20px;
}

/* end privacy policy page */


/* banking page */
.info-wrap tr td {
    background: #152a4a;
}

/* end banking page  */



/* 29/5/2024 */
.logo {
    max-width: 170px;
}

/* daily page */
.daily-wrap-in {
    background: #152a4a;
    box-shadow: 0px 0px 10px #93acd3;
}

/* end daily page */


/* product page */
.content_header_txt {
    color: #fff;
    text-shadow: 2px 1px black;
}

/* end product page */


/* 31/5/2024 */
/* index page */
.mySwiper1 .swiper-wrapper {
    padding: 0px 0px 10px;
}

.hotgame-main-img_pro {
    text-align: center;
}

.view_modal .daily_table_wrap {
    background: #152a4a;
    padding: 10px;
}

.modal_body_view h5 {
    padding: 15px 0px;
}

.view_modal .modal_body_view {
    padding: 0px;
}

/* end index page */

/* slot page  */
.tab-content-slots {
    background: rgb(21, 42, 74, 0.9);
    padding: 10px;
    border-radius: 10px;
}

.tab-content-slots .inn_slider_wrp {
    margin-top: 0px;
}

/* end slot page  */

/* left menu bar */
.left_container_bonus_txt_btm {
    font-size: 12px;
    display: block;
}

/* end left menu bar */

/* Game Provider Modal - Bottom to Top Slide */
.game-provider-modal .modal-dialog-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    max-width: 100%;
    transform: translateY(100%);
    transition: transform 0.3s ease-out;
    will-change: transform;
    height: calc(100vh - env(safe-area-inset-bottom) - 50px);
    max-height: calc(100vh - env(safe-area-inset-bottom) - 50px);
    display: flex;
    flex-direction: column;
}

@supports (height: 100dvh) {
    .game-provider-modal .modal-dialog-bottom {
        height: calc(100dvh - env(safe-area-inset-bottom) - 50px);
        max-height: calc(100dvh - env(safe-area-inset-bottom) - 50px);
    }
}

.game-provider-modal.show .modal-dialog-bottom,
.game-provider-modal.showing .modal-dialog-bottom {
    transform: translateY(0);
}

.game-provider-modal.fade .modal-dialog-bottom {
    transition: transform 0.3s ease-out;
}

.game-provider-content {
    background: #152a4a;
    border-radius: 0;
    border: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding-bottom: calc(env(safe-area-inset-bottom) + 10px);
}

.game-provider-header {
    background: #152a4a;
    border-bottom: 1px solid #263572;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0;
    flex-shrink: 0;
}

.game-provider-header .modal-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.game-provider-header .close {
    color: #fff;
    opacity: 1;
    font-size: 28px;
    font-weight: 300;
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.game-provider-header .close:hover {
    opacity: 0.8;
}

.game-provider-body {
    padding: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    min-height: 0;
    -webkit-overflow-scrolling: touch;
    padding-bottom: calc(env(safe-area-inset-bottom) + 20px);
}

.game-provider-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 2rem);
}

.game-provider-btn {
    background: #0b1628;
    border: 1px solid #263572;
    border-radius: 10px;
    padding: 15px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    min-height: 100px;
}

.game-provider-btn:hover {
    background: #1c2532;
    border-color: #93acd3;
    transform: translateY(-2px);
}

.game-provider-btn.active {
    background: linear-gradient(to bottom, #263572 0%, #152a4a 100%);
    border-color: #93acd3;
    box-shadow: 0 0 10px rgba(147, 172, 211, 0.3);
}

.game-provider-btn img {
    max-height: 50px;
    object-fit: contain;
    margin-bottom: 10px;
}

.game-provider-btn span {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2;
}

/* Mobile Responsive */
@media (max-width: 767px) {
    .game-provider-modal .modal-dialog-bottom {
        height: calc(100vh - env(safe-area-inset-bottom));
        max-height: calc(100vh - env(safe-area-inset-bottom));
    }

    .game-provider-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        padding-bottom: calc(env(safe-area-inset-bottom) + 2rem);
    }

    .game-provider-btn {
        padding: 12px 8px;
        min-height: 90px;
    }

    .game-provider-btn img {
        /* width: 40px; */
        max-height: 40px;
        margin-bottom: 8px;
    }

    .game-provider-btn span {
        font-size: 10px;
    }

    .game-provider-header {
        padding: 15px;
    }

    .game-provider-header .modal-title {
        font-size: 16px;
    }

    .game-provider-body {
        padding: 15px;
        padding-bottom: calc(env(safe-area-inset-bottom) + 15px);
    }
}

@media (max-width: 480px) {
    .game-provider-modal .modal-dialog-bottom {
        height: calc(100vh - env(safe-area-inset-bottom));
        max-height: calc(100vh - env(safe-area-inset-bottom));
    }

    .game-provider-grid {
        grid-template-columns: repeat(3, 1fr);
        padding-bottom: calc(env(safe-area-inset-bottom) + 2rem);
    }

    .game-provider-body {
        padding-bottom: calc(env(safe-area-inset-bottom) + 15px);
    }
}

@supports (height: 100dvh) {
    @media (max-width: 767px) {
        .game-provider-modal .modal-dialog-bottom {
            height: calc(100dvh - env(safe-area-inset-bottom));
            max-height: calc(100dvh - env(safe-area-inset-bottom));
        }
    }

    @media (max-width: 480px) {
        .game-provider-modal .modal-dialog-bottom {
            height: calc(100dvh - env(safe-area-inset-bottom));
            max-height: calc(100dvh - env(safe-area-inset-bottom));
        }
    }
}

/* Support for devices without safe-area-inset support */
@supports not (padding: env(safe-area-inset-bottom)) {
    .game-provider-modal .modal-dialog-bottom {
        height: calc(100vh - 50px);
        max-height: calc(100vh - 50px);
    }

    .game-provider-content {
        padding-bottom: 10px;
    }

    .game-provider-body {
        padding-bottom: 20px;
    }

    .game-provider-grid {
        padding-bottom: 2rem;
    }

    @media (max-width: 767px) {
        .game-provider-modal .modal-dialog-bottom {
            height: calc(100vh - 50px);
            max-height: calc(100vh - 50px);
        }
    }

    @media (max-width: 480px) {
        .game-provider-modal .modal-dialog-bottom {
            height: calc(100vh - 70px);
            max-height: calc(100vh - 70px);
        }
    }
}

/* Animation for modal backdrop */
.game-provider-modal .modal-backdrop {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.game-provider-modal.show .modal-backdrop {
    opacity: 0.5;
}

/* Ensure modal appears above other content */
.game-provider-modal {
    z-index: 1055;
}

.game-provider-modal .modal-backdrop {
    z-index: 1050;
}

/* Crypto deposit network tabs */
.crypto-network-content.tab-content{
    display: block!important;
}
.crypto-network-tabs {
    margin-bottom: 16px;
}

.crypto-network-tabs__nav {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(21, 42, 74, 0.75);
    border-radius: 999px;
    padding: 4px;
}

.crypto-network-tabs__nav .nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    color: #ffffff;
    font-weight: 600;
    transition: background-color 0.2s ease, color 0.2s ease;
    background: #0b1628;
}



.crypto-network-tabs__icon {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #9ba8c7;
}



.crypto-network-content .tab-pane {
    padding: 0;
}

.crypto-network-content .qr-address {
    margin-top: 18px;
}

.crypto-network-content .qr-address .qr-num {
    margin-top: 10px;
}

@media (max-width: 575.98px) {
    .crypto-network-tabs__nav {
        width: 100%;
        justify-content: space-between;
    }

    .crypto-network-tabs__nav .nav-link {
        flex: 1 1 0;
        justify-content: center;
    }
}

/* Crypto deposit network tabs */