@font-face {
    font-family: arial;
    font-weight: 400;
    src: url(/static/media/Arial.21714b10.woff) format("woff");
    font-display: swap;
}

@font-face {
    font-family: arial-bold;
    font-weight: 400;
    src: url(/static/media/Arial-BoldMT.woff) format("woff");
    font-display: swap;
}

@font-face {
    font-family: arial-black;
    font-weight: 400;
    src: url(/static/media/ariblk.woff) format("woff");
    font-display: swap;
}

@font-face {
    font-family: nunito-black;
    src: url(../../fonts/Nunito-Black.82d2e893.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: taviraj-semibold;
    src: url(../../fonts/taviraj-semibold.36352cee.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: nunito-extrabold;
    src: url(../../fonts/Nunito-ExtraBold.6028bda2.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: nunito-black;
    src: url(../../fonts/Nunito-Black.82d2e893.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: nunito-bold;
    src: url(../../fonts/Nunito-Bold.36352cee.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: nunito-extrabold;
    src: url(../../fonts/Nunito-ExtraBold.6028bda2.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: nunito-regular;
    src: url(../../fonts/Nunito-Regular.410f973e.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: nunito-semibold;
    src: url(../../fonts/Nunito-SemiBold.0d76eef4.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: nunitosans-regular;
    src: url(../../fonts/NunitoSans-Regular.2504e64d.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: nunitosans-extrabold;
    src: url(../../fonts/NunitoSans-ExtraBold.a95b8c3c.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: nunitosans-extralight;
    src: url(../../fonts/NunitoSans-ExtraLight.5f2c6108.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: nunitosans-regular;
    src: url(../../fonts/NunitoSans-Regular.2504e64d.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: nunitosans-extrabold;
    src: url(../../fonts/NunitoSans-ExtraBold.a95b8c3c.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: nunitosans-extralight;
    src: url(../../fonts/NunitoSans-ExtraLight.5f2c6108.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: taviraj-extralight;
    src: url(../../fonts/Taviraj-ExtraLight.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: taviraj-regular;
    src: url(../../fonts/Taviraj-Regular.woff) format("woff");
    /* font-weight: 400; */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: taviraj-medium;
    src: url(../../fonts/Taviraj-Medium.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: taviraj-semibold;
    src: url(../../fonts/Taviraj-SemiBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: taviraj-bold;
    src: url(../../fonts/Taviraj-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: taviraj-extrabold;
    src: url(../../fonts/Taviraj-ExtraBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: taviraj-black;
    src: url(../../fonts/Taviraj-Black.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: avertastd-regular;
    src: url(../../fonts/AvertaStd-Regular.7f4c5ac6.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: kohsantepheap-regular;
    src: url(../../fonts/KohSantepheap-Regular.22aa1882.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: manrope-regular;
    src: url(../../fonts/Manrope-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: manrope-medium;
    src: url(../../fonts/Manrope-Medium.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: manrope-semibold;
    src: url(../../fonts/Manrope-SemiBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: manrope-bold;
    src: url(../../fonts/Manrope-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: manrope-extrabold;
    src: url(../../fonts/Manrope-ExtraBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* -------------------------------------------------------------------------- */
/*                               CSS Starts Here                              */
/* -------------------------------------------------------------------------- */

:root {
    --primary-color: #02224d;
    --primary-gradient: linear-gradient(0deg, #ae8625 0%, #f7ef8a 34%, #d2ac47 73%, #edc967 100%);
    --primary-darken-color: #545100;
    --primary-hover-color: linear-gradient(0deg, #8f6b19 0%, #d4ce77 34%, #b3933d 73%, #ceaf5b 100%);
    --primary-link-color: #c29e00;
    --secondary-color: #edc967;
    --secondary-gradient: linear-gradient(0deg, #000f26 0%, #02224d 100%);
    --third-gradient: linear-gradient(0deg, #700019 0%, #a80429 100%);
    --bg-color: #0c1125;
    --primary-text-color: #02224d;
    --vip-normal-color: #919397;
    --vip-rank1-color: #e79546;
    --vip-rank2-color: #c1c1c1;
    --vip-rank3-color: #c7b056;
    --vip-rank4-color: #b1aa98;
    --vip-rank5-color: #3a52e6;
    /* Input Field */
    --placeholder-color: #7e7e7e;
    --input-disabled-field-background: #3a3a54;
    --input-disabled-field-border: #535373;
    --input-text-color: #000;
    --input-field-background: #25253C;
    --input-field-border: #383853;
    --input-border-color: #0d72b9;
    --m-input-text-color: #929dc9;
    --m-input-border-color: #929dc9;
    --input-label-color: #00a1ff;
    /* Others */
    --default-text-color: #c8c8c8;
    --modal-background-color: linear-gradient(150deg, #000a19 0%, #011c3f 100%);
    --modal-content-color: #e7e7e7;
    --inactive-text-color: #7b7b7b;
    --box-background: #011a3c;
    --red: red;
    --myaccount-background: #181b29;
    --inactive-selection-text-color: #939bb0;
    --selected-gold-color: #f2e883;
    --gold-gradient: linear-gradient(145deg, #ae8625 0%, #f7ef8a 50%, #d2ac47 85%, #edc967 100%);
    --gold-gradient-text: #1c2a3a;
    --champagne-gradient: linear-gradient(145deg, #856f30 0%, #e2c79f 50%, #7b682f 100%);
    --champagne-gradient-text: #1c2a3a;
    --platinum-gradient: linear-gradient(145deg, #d3d3d3 0%, #f7e7ce 50%, #d3d3d3 100%);
    --platinum-gradient-text: #1c2a3a;

}

html ::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px var(--primary-color);
    background: var(--primary-gradient);
}

html body a {
    color: #dbc763;
}

#app .swiper-pagination-bullet-active {
    background: var(--primary-gradient);
}

#app .notice {
    background: var(--primary-gradient);
    color: #000;
}

.notice-box b {
    color: var(--input-label-color);
}

.notice-box .remark {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app button.btn-reset, #app button.btn-secondary, #app button.btn-submit {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .wap-page button.btn-reset, #app .wap-page button.btn-secondary, #app .wap-page button.btn-submit {
    background: var(--gold-gradient);
    color: var(--gold-gradient-text);
    font-family: taviraj-bold;
}

#app .primary-text {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .slider .pagination.default li.on {
    background: var(--primary-gradient)
}

#app .mobile-select .current-select .item-list-box li.on {
    color: #f5f5f5;
}

#app .mobile-select .current-select .item-list-box.item-bank-list-select li.on {
    background: rgba(0,0,0,0.15);
    color: #f5f5f5;
    border-radius: 1rem;
}

#app .m-language-container .country-language-box .country-box .language-box .language-column.active {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .special-group input {
    border-color: var(--primary-text-color);
}

/* .addAddress-box .addAddress-popup .content .input > input:focus, .addAddress-box .addBank-popup .content .input > input:focus, .addAddress-box .memberVerify-popup .content .input > input:focus, .addAddress-box .qrbanklist-popup .content .input > input:focus, .addAddress-box .shareInfo-popup .content .input > input:focus, .addBank-box .addAddress-popup .content .input > input:focus, .addBank-box .addBank-popup .content .input > input:focus, .addBank-box .memberVerify-popup .content .input > input:focus, .addBank-box .qrbanklist-popup .content .input > input:focus, .addBank-box .shareInfo-popup .content .input > input:focus, .memberVerify-box .addAddress-popup .content .input > input:focus, .memberVerify-box .addBank-popup .content .input > input:focus, .memberVerify-box .memberVerify-popup .content .input > input:focus, .memberVerify-box .qrbanklist-popup .content .input > input:focus, .memberVerify-box .shareInfo-popup .content .input > input:focus, .qrbanklist-box .addAddress-popup .content .input > input:focus, .qrbanklist-box .addBank-popup .content .input > input:focus, .qrbanklist-box .memberVerify-popup .content .input > input:focus, .qrbanklist-box .qrbanklist-popup .content .input > input:focus, .qrbanklist-box .shareInfo-popup .content .input > input:focus, .shareInfo-box .addAddress-popup .content .input > input:focus, .shareInfo-box .addBank-popup .content .input > input:focus, .shareInfo-box .memberVerify-popup .content .input > input:focus, .shareInfo-box .qrbanklist-popup .content .input > input:focus, .shareInfo-box .shareInfo-popup .content .input > input:focus {
    border-color: #fff;
    background-color: transparent;
    background: linear-gradient(0deg, var(--primary-color) 0%, var(--primary-color) 100%) padding-box, var(--primary-gradient) border-box;
} */

.addAddress-box .addAddress-popup .content .input > select:focus, .addAddress-box .addBank-popup .content .input > select:focus, .addAddress-box .memberVerify-popup .content .input > select:focus, .addAddress-box .qrbanklist-popup .content .input > select:focus, .addAddress-box .shareInfo-popup .content .input > select:focus, .addBank-box .addAddress-popup .content .input > select:focus, .addBank-box .addBank-popup .content .input > select:focus, .addBank-box .memberVerify-popup .content .input > select:focus, .addBank-box .qrbanklist-popup .content .input > select:focus, .addBank-box .shareInfo-popup .content .input > select:focus, .memberVerify-box .addAddress-popup .content .input > select:focus, .memberVerify-box .addBank-popup .content .input > select:focus, .memberVerify-box .memberVerify-popup .content .input > select:focus, .memberVerify-box .qrbanklist-popup .content .input > select:focus, .memberVerify-box .shareInfo-popup .content .input > select:focus, .qrbanklist-box .addAddress-popup .content .input > select:focus, .qrbanklist-box .addBank-popup .content .input > select:focus, .qrbanklist-box .memberVerify-popup .content .input > select:focus, .qrbanklist-box .qrbanklist-popup .content .input > select:focus, .qrbanklist-box .shareInfo-popup .content .input > select:focus, .shareInfo-box .addAddress-popup .content .input > select:focus, .shareInfo-box .addBank-popup .content .input > select:focus, .shareInfo-box .memberVerify-popup .content .input > select:focus, .shareInfo-box .qrbanklist-popup .content .input > select:focus, .shareInfo-box .shareInfo-popup .content .input > select:focus {
    border-color: #fff;
    /* background: linear-gradient(0deg, var(--primary-color) 0%, var(--primary-color) 100%) padding-box, var(--primary-gradient) border-box; */
}

.v-toast__item {
    color: #4d4d4d !important;
}

.v-toast__item--success {
    background-color: #fff !important;
}

.v-toast__item--error {
    background-color: #f9c9c5 !important;
    border: 1px solid #ff0606 !important;
    color: #ff0606 !important;
}

#app select {
    cursor: pointer;
}

/* #app select option {
    background: var(--primary-color);
} */

/* --------------------------- VIP Rank CSS Begin --------------------------- */

#app .vip-status .progress-status .status-level .all-level p[data-level=NORMAL], #app .vip-panel .vip-table .table-type td.type-normal, span[data-level=NORMAL], div[data-level=NORMAL], #app .acct-bar .member-info .level-box>div>span:nth-child(2)[data-level=NORMAL], html body #fixed-container .side-menu-box .side-menu .side-menu-scroll-wrapper .card .inner .vip-progress .vip-content-top .vvv .vip-rank[data-level=NORMAL], .nav-leaderboard .icon-leaderboard-svg .icon-leaderboard-span[data-level=NORMAL] {
    color: var(--vip-normal-color);
}

#app .vip-status .progress-status .status-level .all-level p[data-level=BRONZE], #app .vip-panel .vip-table .table-type td.type-bronze, span[data-level=BRONZE], div[data-level=BRONZE], #app .acct-bar .member-info .level-box>div>span:nth-child(2)[data-level=BRONZE], html body #fixed-container .side-menu-box .side-menu .side-menu-scroll-wrapper .card .inner .vip-progress .vip-content-top .vvv .vip-rank[data-level=BRONZE], .nav-leaderboard .icon-leaderboard-svg .icon-leaderboard-span[data-level=BRONZE] {
    color: var(--vip-rank1-color);
}

#app .vip-status .progress-status .status-level .all-level p[data-level=SILVER], #app .vip-panel .vip-table .table-type td.type-silver, span[data-level=SILVER], div[data-level=SILVER], #app .acct-bar .member-info .level-box>div>span:nth-child(2)[data-level=SILVER], html body #fixed-container .side-menu-box .side-menu .side-menu-scroll-wrapper .card .inner .vip-progress .vip-content-top .vvv .vip-rank[data-level=SILVER], .nav-leaderboard .icon-leaderboard-svg .icon-leaderboard-span[data-level=SILVER] {
    color: var(--vip-rank2-color);
}

#app .vip-status .progress-status .status-level .all-level p[data-level=GOLD], #app .vip-panel .vip-table .table-type td.type-gold, span[data-level=GOLD], div[data-level=GOLD], #app .acct-bar .member-info .level-box>div>span:nth-child(2)[data-level=GOLD], html body #fixed-container .side-menu-box .side-menu .side-menu-scroll-wrapper .card .inner .vip-progress .vip-content-top .vvv .vip-rank[data-level=GOLD], .nav-leaderboard .icon-leaderboard-svg .icon-leaderboard-span[data-level=GOLD] {
    color: var(--vip-rank3-color);
}

#app .vip-status .progress-status .status-level .all-level p[data-level=PLATINUM], #app .vip-panel .vip-table .table-type td.type-platinum, span[data-level=PLATINUM], div[data-level=PLATINUM], #app .acct-bar .member-info .level-box>div>span:nth-child(2)[data-level=PLATINUM], html body #fixed-container .side-menu-box .side-menu .side-menu-scroll-wrapper .card .inner .vip-progress .vip-content-top .vvv .vip-rank[data-level=PLATINUM], .nav-leaderboard .icon-leaderboard-svg .icon-leaderboard-span[data-level=PLATINUM] {
    color: var(--vip-rank4-color);
}

#app .vip-status .progress-status .status-level .all-level p[data-level=DIAMOND], #app .vip-panel .vip-table .table-type td.type-diamond, span[data-level=DIAMOND], div[data-level=DIAMOND], #app .acct-bar .member-info .level-box>div>span:nth-child(2)[data-level=DIAMOND], html body #fixed-container .side-menu-box .side-menu .side-menu-scroll-wrapper .card .inner .vip-progress .vip-content-top .vvv .vip-rank[data-level=DIAMOND], .nav-leaderboard .icon-leaderboard-svg .icon-leaderboard-span[data-level=DIAMOND] {
    color: var(--vip-rank5-color);
}

#app .vip-panel .vip-status .progress-status .status-level .all-level.level-normal hr, #app .vip-page .m-vip-panel .vip-status .progress-status .status-level>div .memberGroupLevelArrowContainer .level-normal {
    background: var(--vip-normal-color);
    background-color: var(--vip-normal-color);
    border: var(--vip-normal-color);
}

#app .vip-panel .vip-status .progress-status .status-level .all-level.level-bronze hr, #app .vip-page .m-vip-panel .vip-status .progress-status .status-level>div .memberGroupLevelArrowContainer .level-bronze {
    background: var(--vip-rank1-color);
    background-color: var(--vip-rank1-color);
    border: var(--vip-rank1-color);
}

#app .vip-panel .vip-status .progress-status .status-level .all-level.level-silver hr, #app .vip-page .m-vip-panel .vip-status .progress-status .status-level>div .memberGroupLevelArrowContainer .level-silver {
    background: var(--vip-rank2-color);
    background-color: var(--vip-rank2-color);
    border: var(--vip-rank2-color);
}

#app .vip-panel .vip-status .progress-status .status-level .all-level.level-gold hr, #app .vip-page .m-vip-panel .vip-status .progress-status .status-level>div .memberGroupLevelArrowContainer .level-gold {
    background: var(--vip-rank3-color);
    background-color: var(--vip-rank3-color);
    border: var(--vip-rank3-color);
}

#app .vip-panel .vip-status .progress-status .status-level .all-level.level-platinum hr, #app .vip-page .m-vip-panel .vip-status .progress-status .status-level>div .memberGroupLevelArrowContainer .level-platinum {
    background: var(--vip-rank4-color);
    background-color: var(--vip-rank4-color);
    border: var(--vip-rank4-color);
}

#app .vip-panel .vip-status .progress-status .status-level .all-level.level-diamond hr, #app .vip-page .m-vip-panel .vip-status .progress-status .status-level>div .memberGroupLevelArrowContainer .level-diamond {
    background: var(--vip-rank5-color);
    background-color: var(--vip-rank5-color);
    border: var(--vip-rank5-color);
}

#app .vip-panel .vip-status .progress-status .current-status .progress-bar>span:after {
    background: repeating-linear-gradient(35deg,var(--primary-link-color),var(--primary-link-color) .15rem,#111 0,#111 .2rem)
}

#app .vip-panel .vip-table tr td.content-title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .vip-panel .vip-table .table-type td:first-child {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .vip-panel .vip-status .progress-status .status-details > div .title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .vip-page .m-vip-panel .vip-status .progress-status .current-status .status-title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .vip-page .m-vip-panel .vip-status .progress-status .current-status .progress-bar>span:after {
    background: repeating-linear-gradient(35deg,var(--primary-link-color),var(--primary-link-color) .2rem,#111 0,#111 .3rem);
}

#app .vip-page .m-vip-panel .vip-table .row-title-content .details-title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .vip-page .m-vip-panel .vip-table .type-title-overlap {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .vip-page .m-vip-panel .vip-table .vip-type .type-desc .type-title {
    color: var(--primary-text-color);
}

#app .vip-page .m-vip-panel .vip-table .type-details .details-title {
    color: var(--primary-text-color);
}

#app .vip-page .m-vip-panel .vip-table .type-details .details-content p {
    color: var(--primary-text-color);
}

/* #app .vip-page .m-vip-panel .vip-status .progress-status .status-details > div .title {
    color: var(--primary-text-color);
} */

@media(max-width: 1024px) {
    #app .vip-panel .vip-status .progress-status .current-status .progress-bar>span:after {
        background: repeating-linear-gradient(35deg,var(--primary-link-color),var(--primary-link-color) .15rem,#111 0,#111 .23rem);
    }
}
/* ---------------------------- VIP Rank CSS End ---------------------------- */


/* --------------------------- All Modal CSS Begin -------------------------- */

#app .info-popup .info-popup-container .info-popup-header {
    background: var(--primary-gradient);
}

#app .activation-box .standard-popup-modal-container button.btn-submit {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

.standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header {
    background: var(--secondary-gradient);
}

.m-standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header {
    background: transparent;
}

.addAddress-box .addAddress-popup .content .btn-submit,.addAddress-box .addBank-popup .content .btn-submit,.addAddress-box .memberVerify-popup .content .btn-submit,.addAddress-box .qrbanklist-popup .content .btn-submit,.addAddress-box .shareInfo-popup .content .btn-submit,.addBank-box .addAddress-popup .content .btn-submit,.addBank-box .addBank-popup .content .btn-submit,.addBank-box .memberVerify-popup .content .btn-submit,.addBank-box .qrbanklist-popup .content .btn-submit,.addBank-box .shareInfo-popup .content .btn-submit,.memberVerify-box .addAddress-popup .content .btn-submit,.memberVerify-box .addBank-popup .content .btn-submit,.memberVerify-box .memberVerify-popup .content .btn-submit,.memberVerify-box .qrbanklist-popup .content .btn-submit,.memberVerify-box .shareInfo-popup .content .btn-submit,.qrbanklist-box .addAddress-popup .content .btn-submit,.qrbanklist-box .addBank-popup .content .btn-submit,.qrbanklist-box .memberVerify-popup .content .btn-submit,.qrbanklist-box .qrbanklist-popup .content .btn-submit,.qrbanklist-box .shareInfo-popup .content .btn-submit,.shareInfo-box .addAddress-popup .content .btn-submit,.shareInfo-box .addBank-popup .content .btn-submit,.shareInfo-box .memberVerify-popup .content .btn-submit,.shareInfo-box .qrbanklist-popup .content .btn-submit,.shareInfo-box .shareInfo-popup .content .btn-submit {
    background: var(--primary-gradient);
}

.addAddress-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button,.addAddress-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button,.addAddress-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button,.addAddress-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button,.addAddress-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button,.addBank-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button,.addBank-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button,.addBank-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button,.addBank-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button,.addBank-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button,.memberVerify-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button,.memberVerify-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button,.memberVerify-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button,.memberVerify-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button,.memberVerify-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button,.qrbanklist-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button,.qrbanklist-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button,.qrbanklist-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button,.qrbanklist-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button,.qrbanklist-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button,.shareInfo-box .addAddress-popup .content.addAddress-content .input.otp-input>div>div button,.shareInfo-box .addBank-popup .content.addAddress-content .input.otp-input>div>div button,.shareInfo-box .memberVerify-popup .content.addAddress-content .input.otp-input>div>div button,.shareInfo-box .qrbanklist-popup .content.addAddress-content .input.otp-input>div>div button,.shareInfo-box .shareInfo-popup .content.addAddress-content .input.otp-input>div>div button {
    background: var(--primary-gradient);
}

.custom-modal .btn-submit {
    background: var(--primary-gradient);
    color: var(--primary-color);
}

/* .modal-box .modal-header.title>span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
} */

/* .delete-modal .custom-modal .custom-modal-header {
    justify-content: end;
    background: transparent;
} */

/* .delete-modal .custom-modal .custom-modal-body {
    text-align: center;
    margin: 0;
} */

/* @media (max-width: 1024px) {
    .delete-modal .custom-modal .custom-modal-body {
        padding: 0.3rem 0 1rem;
    }
} */
/* ---------------------------- All Modal CSS End --------------------------- */


/* ------------------------- Home Content CSS Begin ------------------------- */

#app .bg-content-section .banner .slider .pagination li.on .loading-line {
    background: var(--primary-gradient);
}

#app .bg-content-section .sports .item-title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .bg-content-section .sports .step-box ul, #app .bg-content-section .sports .step-box ul li {
    align-items: center;
}

#app .bg-content-section .sports .step-box ul li>i {
    visibility: hidden;
    margin-top: 0.48rem;
}

#app .bg-content-section .sports .step-box ul li>div>span:first-child {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .bg-content-section .sports .step-box ul li>div>span:nth-child(2), #app .bg-content-section .sports .step-box ul li:last-child>div>span:nth-child(2) {
    text-transform: capitalize;
    font-weight: 400;
    font-family: taviraj-medium;
}

#app .bg-content-section .sports .contact-box .contact-list li:hover div>span:nth-child(2) {
    color: var(--primary-link-color);
}

#app .bg-content-section .sports .group .sports-games .slider .slider-container>div .item-content .btn {
    background: var(--primary-gradient);
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li {
    background: var(--secondary-gradient) padding-box, var(--primary-gradient) border-box;
    border: 0.01rem solid transparent;
    border-radius: 0.08rem;
    height: 0.55rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1024px) {
    #app .bg-content-section .sports .group .sports-games .slider .pagination li {
        height: 0.91rem !important;
    }
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li:not(:last-child) {
    margin-bottom: 0.2rem;
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li.swiper-slide-thumb-active, #app .bg-content-section .sports .group .sports-games .slider .pagination li:hover {
    background: var(--primary-gradient);
}

#app .bg-content-section .dota2-box>.container .item-title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .bg-content-section .sports .group .sports-games li.swiper-slide-thumb-active>div::after,
#app .bg-content-section .sports .group .sports-games li.swiper-slide-thumb-active>div::before {
    background: var(--primary-gradient) !important;
}

#app .bg-content-section .sports .group .sports-games li.swiper-slide-thumb-active>div span {
    color: var(--primary-text-color) !important;
}

.home-container .thumbnail .swiper-slide-thumb-active .loading-line {
    background: var(--primary-gradient);
}

#app .home-notice-box .notice-popup .btn-item>span {
    color: var(--primary-text-color);
}

#app .announcement-box .announcement-popup .btn-item>span {
    color: var(--primary-text-color);
}

#app .up-events .slider-box .slider .slider-container>div .item-match .teams>div.info>span.btn {
    background: var(--primary-gradient);
}

#app .up-events .slider-box .slider .pagination li.on,#app .up-events .slider-box .slider .pagination li:hover {
    background: var(--primary-gradient);
}

#app .dropping-hot .item-title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .wap-page .dropping-hot .item-title {
    background: var(--gold-gradient);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

/* #app .dropping-hot .group .games-list .nav-tabs {
    border-image: var(--primary-gradient) 1;
} */

#app .dropping-hot .group .games-list .nav-tabs .more-games>span:first-child, #app .dropping-hot .group .games-list .nav-tabs .more-games>span:nth-child(2) {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    font-family: taviraj-semibold;
}

#app .dropping-hot .group .games-list .nav-tabs li {
    background: var(--secondary-gradient) padding-box, var(--primary-gradient) border-box;
    border-color: transparent;
}

#app .dropping-hot .group .games-list .nav-tabs li:not(.on)>span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .dropping-hot .group .games-list .nav-tabs li.on,#app .dropping-hot .group .games-list .nav-tabs li:hover {
    background: var(--primary-gradient) padding-box, var(--primary-gradient) border-box;
    border-color: transparent;
    color: #000;
}

#app .dropping-hot .group .games-list .nav-tabs li:hover span {
    -webkit-text-fill-color: var(--primary-text-color);
    -moz-text-fill-color: var(--primary-text-color);
}

#app .donot-miss .item-title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .donot-miss .donot-miss-list li .bottom:after,#app .donot-miss .donot-miss-list li .bottom:before {
    background: var(--primary-gradient);
}

#app .donot-miss .donot-miss-list li .title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .promotion-preview-panel .item-title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .wap-page .promotion-preview-panel .item-title {
    background: var(--gold-gradient);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#app .promotion-preview-panel .more-promo  {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .wap-page>div .home-page .sports-box .group .up-events .slider-box[data-screen=mobile]>.slider .slider-container>div .item-match .teams>div.info>span.btn {
    background: var(--platinum-gradient);
    color: var(--platinum-gradient-text);
}

#app .wap-page>div .home-page .sports-box .group .sports-games .sports-games-slider-box[data-screen=mobile] .slider .pagination li.on {
    background: var(--primary-gradient)
}

#app .wap-page>div .home-page .sports-box .group .item-title {
    background: var(--gold-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .wap-page>div .home-page .dropping-hot .group .games-list .nav-tabs:before {
    background: var(--gold-gradient);
    height: 0.05rem;
}

#app .wap-page>div .home-page .dota2-box .item-title {
    background: var(--gold-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .wap-page>div .home-page .dota2-box .mv-source .selector-container .selector-content .selector-content-img-container-active:before {
    background: var(--primary-gradient);
}

#app .wap-page>div .home-page .donot-miss .more-games {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

/* -------------------------- Home Content CSS End -------------------------- */


/* --------------------------- All Games CSS Begin -------------------------- */

#app .game-content li>p:after, #app .game-content li>p:before {
    background: #675403;
}

#app .game-content li.force-hover:hover>p:after,#app .game-content li.force-hover:hover>p:before {
    background: var(--primary-link-color);
}

#app .dropping-hot .group .featured-box .img-box .hover-box>span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .sports-panel, #app .esports-panel, #app .casino-panel, #app .slots-games, #app .provider-panel .provider-games {
    background: var(--bg-color);
}

#app .casino-panel .slider .pagination li, #app .esports-panel .slider .pagination li, #app .sports-panel .slider .pagination li {
    background: var(--secondary-gradient);
}

#app .casino-panel .slider .pagination li.swiper-slide-thumb-active:not(.disabled):after, #app .casino-panel .slider .pagination li.swiper-slide-thumb-active:not(.disabled)::before,
#app .esports-panel .slider .pagination li.swiper-slide-thumb-active:not(.disabled)::after, #app .esports-panel .slider .pagination li.swiper-slide-thumb-active:not(.disabled)::before,
#app .sports-panel .slider .pagination li.swiper-slide-thumb-active:not(.disabled)::after, #app .sports-panel .slider .pagination li.swiper-slide-thumb-active:not(.disabled)::before {
    background: var(--primary-gradient);
}

#app .casino-panel .slider .pagination li.on:after,#app .casino-panel .slider .pagination li.on:before,#app .casino-panel .slider .pagination li:hover::after, #app .casino-panel .slider .pagination li:hover::before,
#app .esports-panel .slider .pagination li.on:after, #app .esports-panel .slider .pagination li.on:before, #app .esports-panel .slider .pagination li:hover:after, #app .esports-panel .slider .pagination li:hover:before,
#app .sports-panel .slider .pagination li.on:after,#app .sports-panel .slider .pagination li.on:before,#app .sports-panel .slider .pagination li:hover:after,#app .sports-panel .slider .pagination li:hover:before {
    background: var(--primary-gradient);
}

#app .casino-panel .slider .pagination li:after,#app .casino-panel .slider .pagination li:before,
#app .esports-panel .slider .pagination li::after,#app .esports-panel .slider .pagination li::before,
#app .sports-panel .slider .pagination li:after,#app .sports-panel .slider .pagination li:before {
    background: var(--primary-darken-color);
}

#app .casino-panel .slider .slider-container>div>div .container .content .btn,
#app .esports-panel .slider .slider-container>div>div .container .content .btn,
#app .sports-panel .slider .slider-container>div>div .container .content .btn {
    background: var(--primary-gradient);
}

#app .wap-page>div .brand-page .item-title {
    background: var(--gold-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

/* #app .slots-games .slots-games-items .brand-list, #app .provider-panel .provider-games .provider-games-items .brand-list {
    padding-left: 0;
    background: #03204a;
} */

#app .slots-games .slots-games-items .brand-list li.on,#app .slots-games .slots-games-items .brand-list li:hover {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    font-weight: 600;
}

#app .slots-games .slots-games-items .slots-games-right .type-nav-box .type-list li.on,#app .slots-games .slots-games-items .slots-games-right .type-nav-box .type-list li:hover, #app .provider-panel .provider-games .provider-games-items .provider-games-right .type-nav-box .type-list li.on, #app .provider-panel .provider-games .provider-games-items .provider-games-right .type-nav-box .type-list li:hover {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    font-weight: 600;
}

#app .slots-games .slots-games-items .slots-games-right .type-game-list-box .more-games {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .slots-games .slots-games-items .slots-games-right .scr-panel .scr-info .btn-download {
    background: var(--primary-gradient);
}

#app .provider-panel .provider-games-lottery .provider-games-items .brand-list li.on,#app .provider-panel .provider-games-lottery .provider-games-items .brand-list li:hover {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    font-weight: 600;
}

#app .provider-panel .provider-games-fishing .provider-games-items .brand-list li.on,#app .provider-panel .provider-games-fishing .provider-games-items .brand-list li:hover {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    font-weight: 600;
}

#app .wap-page>div .slots-page .slots-box-container .gamelist-page .tools-box .icon-box .icon-back2 {
    fill: var(--m-input-border-color);
}

#app .wap-page>div .slots-page .slots-box-container .gamelist-page .slots-games-bottom .type-nav-box .type-list li.on {
    background: var(--gold-gradient) padding-box, var(--gold-gradient) border-box;
    border-color: transparent;
}

#app .wap-page>div .slots-page .slots-box-container .gamelist-page .scr-info .btn-download {
    background: var(--gold-gradient);
    color: var(--gold-gradient-text);
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .sports-list-box .item-title {
    background: var(--gold-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .wap-page>div .sports-page .sports-box-container .brand-page .button-container .playnow-btn {
    background: var(--platinum-gradient);
    border-color: var(--platinum-gradient-text);
}
/* ---------------------------- All Games CSS End --------------------------- */


/* ---------------------------- Header CSS Begin ---------------------------- */

/* #app .header-section #header .top-header {
    background: url('/images/LV88/menubar.webp') no-repeat 20%;
} */

/* #app .header-section #header .top-header .top-header-box .nav-list li:not(:last-child) {
    margin-right: .45rem;
} */

/* #app .header-section #header .top-header .top-header-box .nav-list li {
    padding-bottom: .08rem;
} */

#app .header-section #header .top-header .top-header-box .nav-list li img.menu-icon {
    width: .21rem;
    top: .17rem;
    right: 50%;
    transform: translateX(50%);
    filter: grayscale(1)
}

@media (max-width: 1024px) {
    #app .header-section #header .top-header .top-header-box .nav-list li img.menu-icon {
        width: .45rem;
        top: .25rem;
    }
}

@media (max-width: 1024px) {
    #app .header-section #header .top-header .top-header-box .nav-list li img.menu-icon {
        width: .45rem;
        top: .25rem;
    }
}

#app .header-section #header .top-header .top-header-box .nav-list li span {
    font-family: taviraj-medium;
}

#app .header-section #header .top-header .top-header-box .nav-list li.on .menu-item, #app .header-section #header .top-header .top-header-box .nav-list li:hover .menu-item {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .header-section #header .top-header .top-header-box .nav-list li.on .menu-item img.menu-icon, #app .header-section #header .top-header .top-header-box .nav-list li:hover .menu-item img.menu-icon {
    filter: grayscale(0);
}

#app .header-section #header .second-header {
    background: #03204a;
}

#app .header-section #header .second-header .second-header-box .right .down-list li:hover {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn span {
    font-family: taviraj-bold;
}

#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-deposit,#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-sign-up {
    background: var(--primary-gradient);
    color: #000;
}

#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-deposit:hover,#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-sign-up:hover {
    background: var(--primary-hover-color);
}

#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-login,#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-logout {
    background: var(--secondary-gradient) padding-box, var(--primary-gradient) border-box;
    border-color: transparent;
}

#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-login span,#app .header-section #header .second-header .second-header-box .right>div .btn-box .btn.btn-logout span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .currency .reload-box  {
    background: var(--primary-gradient);
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info>span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list {
    height: 1.85rem;
    width: 2.1rem;
}

@media (max-width: 1024px) {
    #app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list {
        height: auto;
    }
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list li:hover {
    background: var(--bg-color);
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info .drop-list, #app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box, #app .header-section #header .second-header .second-header-box .right .down-list .dropdowndot-submenu-container {
    background: #03204a;
}

#app .header-section #header .second-header .second-header-box .left .date-time:before {
    background: var(--primary-gradient);
    width: 0.03rem;
}

#app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box {
    background: #03204a;
}

#app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li span.divide {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    font-weight: 900;
}

#app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li span.on {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.nav-leaderboard .navbar-member-group-desc .navbar-member-group-rank {
    font-family: taviraj-medium;
}

/* ----------------------------- Header CSS End ----------------------------- */


/* ---------------------------- Footer CSS Begin ---------------------------- */

html body #footer .top-footer-box .top .provider li .title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

html body #footer .top-footer-box .top .provider li i, html body #footer .top-footer-box .top .provider li svg {
    opacity: 1;
}

html body #footer .top-footer-box .top .provider li.followUs i {
    margin-right: 0.13rem;
}

html body #footer .top-footer-box .top .provider li .content-text {
    margin-top: 0.15rem;
    line-height: .18rem;
}

html body .mobile-footer #footer .top-footer-box .top .provider li>div {
    display: flex;
}

html body #footer .middle-footer-container .mergeLayout .supportAndInfo-ftrmerge span {
    border-image: var(--primary-gradient) 1;
    color: #fff;
}

html body #footer .middle-footer-container .mergeLayout li {
    width: 50%;
}

html body #footer .middle-footer-container .mergeLayout li .copyright p {
    color: #fff;
    font-size: 0.12rem;
    font-family: taviraj-regular;
    text-transform: uppercase;
    text-align: right;
}

/* #dynamic-seo-footer, .bottom-footer-separator, #footer-btm {
    display: none !important;
} */

@media (max-width: 1024px) {
    html body #footer .top-footer-box .top .provider li .content-text {
        line-height: 0.28rem;
    }

    html body #footer .top-footer-box .top .provider .gamingLicense {
        width: 100%;
    }

    html body #footer .middle-footer-container .mergeLayout li:first-child {
        width: 90%;
    }

    html body #footer .middle-footer-container .mergeLayout li .copyright p {
        text-align: left;
        font-size: 0.22rem;
    }
}

/* ----------------------------- Footer CSS End ----------------------------- */


/* ------------------------ Authentication CSS Begin ------------------------ */

#app .login-page-box .login-popup, #app .reset-page-box .reset-popup {
    background: var(--secondary-gradient);
}

#app .login-page-box .login-popup .btn-item>span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .login-page-box .login-popup .input-item .input, #app .reset-page-box .reset-popup .input-item .input {
    border-color: #fff;
}

#app .login-page-box .login-popup .input-item .input>input, #app .reset-page-box .reset-popup .input-item .input>input {
    color: #c8c8c8;
}

#app .login-page-box .login-popup .input-item .input>input::placeholder, #app .reset-page-box .reset-popup .input-item .input>input::placeholder {
    color: var(--m-input-text-color);
}

#app .login-page-box .login-popup .msg-box .msg-tips, #app .reset-page-box .reset-popup .msg-tips {
    color: #c8c8c8;
}

#app .login-page-box .login-popup .msg-box .msg-tips>span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .login-page-box .login-popup .btn-item>button .btn-login {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .reset-page-box .reset-popup .msg-tips span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

/* #app .reset-page-box .reset-popup .input-success {
    color: var(--primary-text-color);
} */

#app .reset-page-box .reset-popup .reset-title {
    color: #fff;
    /* background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent; */
}

#app .reset-page-box .reset-popup .btn-item>.btn-reset  {
    color: var(--primary-text-color);
}

.register-panel {
    background: var(--bg-color);
}

/* .register-panel .register-box .title {
    background: var(--primary-gradient);
} */

/* .register-panel .register-box .content img {
    background: var(--bg-color);
} */

/* .register-panel .register-box .content .steps ul li:not(:last-child):after {
    background: var(--primary-gradient);
} */

.register-panel .register-box .content .steps ul li.on {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

.register-panel .register-box .content .step-content .input-dropdown-desc svg {
    fill: var(--primary-color);
}

.register-panel .register-box .content .step-content .btn-next.btn-next,.register-panel .register-box .content .step-content .input.btn-next {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

.register-panel .register-box .content .step-content .btn-next>div>input:focus,.register-panel .register-box .content .step-content .btn-next>input:focus,.register-panel .register-box .content .step-content .input>div>input:focus,.register-panel .register-box .content .step-content .input>input:focus {
    border-color: var(--primary-text-color);
}

.register-panel .register-box .content .step-content .text-p>span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.register-panel .register-box .content .step-content>div.step3-box>div>p:first-child {
    color: var(--secondary-color);
}

.register-panel .register-box .content .steps ul li.done {
    background: var(--primary-gradient);
    color: var(--primary-text-color)
}

@media(max-width: 1024px) {
    .register-panel .register-box .content .step-content .btn-next>div>input:focus,.register-panel .register-box .content .step-content .btn-next>input:focus,.register-panel .register-box .content .step-content .input>div>input:focus,.register-panel .register-box .content .step-content .input>input:focus {
        border-color: var(--primary-text-color);
    }
}
/* ------------------------- Authentication CSS End ------------------------- */


/* ------------------------- Member Panel CSS Begin ------------------------- */

#app .member-panel {
    background: var(--bg-color);
}

#app .member-panel .notice {
    background: transparent;
}

#app .member-panel .member-com-page .member-nav {
    background: var(--secondary-gradient);
}

#app .member-panel .member-com-page .member-nav .member-info .username {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .member-panel .member-com-page .member-nav .member-info .level-box .leaderboard-rank {
    color: #e6e6e6;
}

#app .member-panel .member-com-page .member-nav .nav-item>span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .member-panel .member-com-page .member-nav .nav-item li a {
    color: var(--default-text-color);
}

#app .member-panel .member-com-page .member-nav .nav-item li:before {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-nav .nav-item li:after {
    border-image: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-nav .nav-item li.on a,#app .member-panel .member-com-page .member-nav .nav-item li:hover a {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .member-panel .member-com-page .member-main {
    background: var(--primary-color);
}

/* #app .member-panel .member-com-page .member-main .member-wallet .reload>span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
} */

#app .member-panel .member-com-page .member-main .member-wallet .reload .restore-box {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .member-panel .member-com-page .member-main .member-info {
    background: var(--primary-color);
}

#app .member-panel .member-com-page .member-main .member-wallet {
    background: var(--secondary-gradient);
}

#app .member-panel .member-com-page .member-main .member-info ul li.on,#app .member-panel .member-com-page .member-main .member-info ul li:hover {
    color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .group-item .title {
    color: #e7e7e7;
}

/* #app .member-panel .member-com-page .member-main .member-page .notice-box {
    border: 0.01rem solid transparent;
    background: linear-gradient(0deg, var(--primary-color) 0%, var(--primary-color) 100%) padding-box, var(--primary-gradient) border-box;
} */

#app .member-panel .member-com-page .member-main .member-page .notice-box .item-title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .member-panel .member-com-page .member-main .member-page .notice-box ul li {
    color: var(--default-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .btn-submit {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .input-box svg {
    fill: #ffdf00;
}

/* #app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box select option {
    background: var(--primary-color);
} */

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box.box-otp button {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .check-box .checkbox:before {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list, #app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list {
    background: var(--box-background);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list ul li, #app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li {
    color: var(--inactive-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list ul li.on,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list ul li:hover {
    color: #fff;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .deposit-options-list ul li:not(:last-child):before, #app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li:not(:last-child):before {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.on,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li:hover {
    color: #fff;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.box-info span {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

/* #app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.box-info, #app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.qr-box, #app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.box-info .info-note, #app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.box-info:hover, #app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.qr-box:hover {
    color: #c8c8c8;
} */

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.share-box {
    color: #cdcdcd;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul li.share-box .btn-share {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-list ul .checkStatus {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .btn-remove {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content ul li.on,#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content ul li:hover {
    border-color: var(--primary-text-color);
    color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .addBankButton, #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .addBankButton {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item.crypto-shareBox span {
    color: #c8c8c8;
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .btn {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .btn-submit {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item.withdraw-option {
    border-image: var(--primary-gradient) 1;
    border-bottom: 0.02rem solid;
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item.withdraw-option span:not(.on):not(:hover) p {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item.withdraw-option span.on,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item.withdraw-option span:hover {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li.on,#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .bank-list ul li:hover {
    color: #fff;
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box.address-box .btn-addnewbank {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box .btn {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .withdraw-page .addAddress-box .addAddress-popup .content .btn-submit {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page .btn-submit {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .changepwd-page select:focus {
    border-color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-option span.on,#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-option span:hover {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-option span:not(.on):not(:hover) p {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .btn-submit {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box .btn {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .check-box .checkbox:before {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-password-container .tab-list .tab-header.active {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-password-container .tab-list .tab-header.active span {
    background: var(--secondary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container button.btn-submit {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .termNCondition-container .title {
    color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .details-container .detailsData {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .share-option input:checked~.checkmark {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .share-option input:checked~.checkmark:after {
    border-color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-btn {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .referral-dropdown .referral-share-link:hover {
    background: var(--primary-color);
    color: #fff;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .tab-list .tab-header.active, #app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .tab-list .tab-header:hover {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .check-box .checkbox:before {
    background: var(--primary-gradient);
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-tab-container .inbox-tab.on, #app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-tab-container .inbox-tab:hover {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .inbox-page .inbox-tab-container .inbox-tab:not(.on):not(:hover) p {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul li.on span,#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul li:hover span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box input:focus {
    border-color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .btn-submit {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

@media (max-width: 1024px) {
    #app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .btn-submit {
        font-size: .18rem;
    }
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools select:focus {
    border-color: var(--primary-text-color);
}

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group li > a.router-link-exact-active {
    color: var(--primary-text-color);
}

#app .pagination-content .pagination .page-item svg {
    fill: var(--primary-color);
}

#app .pagination-content .pagination .active {
    background: var(--primary-gradient);
}

#app .pagination-content-2 .pagination .active {
    background: var(--primary-gradient);
}

/* .user-verification-container .verification-bar .beta-tick {
    background: var(--primary-gradient);
} */

.turnover-content > div .title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

@media (max-width: 1024px) {
    .turnover-content > div .title {
        font-size: .18rem;
    }
}

/* #app .profile-page .key {
    color: var(--primary-text-color);
} */

/* #app .deposit-page .addBankButton {
    background: var(--primary-gradient);
} */

#app .deposit-page .group-item .deposit-options-list ul li.on,#app .deposit-page .group-item .deposit-options-list ul li:hover {
    color: var(--selected-gold-color);
}

#app .deposit-page .group-item.crypto-shareBox .btn-share p {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .deposit-page .group-item.crypto-shareBox .checkStatus {
    background: var(--primary-gradient);
}

#app .deposit-page .group-item.crypto-shareBox .box-info p span {
    color: var(--primary-text-color);
}

/* #app .deposit-page .group-item .bank-selector.crypto-qr .box-info span {
    background: var(--primary-gradient);
} */

#app .deposit-page .group-item .bank-selector .bank-list .small-bank .member-bankacc label input[type=radio]:checked~.checkmark, #app .deposit-page .group-item .bank-selector .bank-list .small-bank.selected .member-bankacc label .checkmark {
    background: var(--selected-gold-color);
}

#app .deposit-page .group-item .bank-selector .bank-list .small-bank .member-bankacc label input[type=radio]:checked~.checkmark:after {
    border-color: transparent;
}

#app .deposit-page .group-item .bank-selector .bank-list .small-bank .member-bankacc label .radio-checkmark~.checkmark2 {
    background: var(--primary-gradient);
}

#app .deposit-page .group-item .bank-selector .bank-list .small-bank .member-bankacc label .radio-checkmark~.checkmark2:after {
    border-color: var(--primary-text-color);
}

#app .deposit-page .group-item .bank-selector .bank-list .small-bank .member-bankacc label .checkmark2, #app .deposit-page .group-item .bank-selector .bank-list .small-bank .member-bankacc label .checkmark2:hover {
    background: var(--primary-gradient);
}

#app .deposit-page .group-item .bank-selector .bank-list .small-bank .member-bankacc label .checkmark2:after {
    border-color: var(--primary-text-color);
}

#app .deposit-page .group-item .bank-selector .bank-list .small-bank .member-bankacc label .checkmark:hover {
    background: var(--primary-gradient);
}

#app .deposit-page .group-item .bank-selector .bank-list .small-bank .member-bankacc .radio-form .account-holder {
    background-color: var(--primary-text-color);
}

#app .deposit-page .group-item .bank-selector input[type=radio]:checked~.checkmark, #app .deposit-page .group-item .bank-selector input[type=radio2]:checked~.checkmark2 {
    background: var(--primary-gradient);
}

#app .deposit-page .group-item .bank-selector input[type=radio]:checked~.checkmark:after, #app .deposit-page .group-item .bank-selector input[type=radio2]:checked~.checkmark2:after {
    border-color: var(--primary-text-color);
}

#app .deposit-page .group-item .bank-account-container .input-box input:focus, #app .deposit-page .group-item .amount-content .input-box select:focus, #app .deposit-page .group-item .amount-content ul li.on{
    border-color: var(--primary-text-color);
}

#app .deposit-page .group-item .amount-content ul li.on,#app .deposit-page .group-item .amount-content ul li:hover {
    border-color: var(--primary-text-color);
    color: var(--primary-text-color);
}

#app .deposit-page .group-item .bank-list .bank-icon-box svg {
    border-color: var(--primary-text-color);
}

#app .deposit-page .notice-box .item-title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .wap-page .deposit-page .notice-box .item-title {
    color: #f5f5f5;
    background: none;
    -webkit-text-fill-color: initial;
}

#app .withdraw-page .bank-selector .small-bank label .checkmark:after {
    border-color: transparent;
}

/* #app .history-page .transaction-date ul li.on {
    color: var(--primary-text-color);
} */

#app .bank-page .group-item.bank-option>span.on,#app .bank-page .group-item.bank-option>span:hover {
    background: var(--gold-gradient);
    color: var(--gold-gradient-text);
}

/* #app .bank-page .member-bank .title span {
    color: var(--primary-text-color);
} */

#app .bank-page .tab-list .tab-header.active {
    background: var(--platinum-gradient);
    color: var(--platinum-gradient-text);
}

#app .inbox-page .check-box .checkbox:before {
    background: var(--primary-gradient);
}

#app .wap-page .inbox-page .check-box .checkbox:before {
    background: #484b54;
}

#app .wap-page .inbox-page .check-box .checkbox:checked::before {
    background: transparent;
}

#app .inbox-page .inbox-tab-container .inbox-tab.on {
    background: var(--primary-gradient);
}

#app .wap-page .inbox-page .inbox-tab-container .inbox-tab.on {
    background: var(--gold-gradient);
    color: var(--gold-gradient-text);
}

#app .inbox-details .inbox-tab-container .inbox-tab.on {
    background: var(--primary-gradient);
}

/* #app .acct-bar {
    background: var(--secondary-gradient);
} */

#app .acct-bar .member-info .name-box .username {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

/* #app .acct-bar .member-info:before {
    background: var(--primary-gradient);
} */

/* .mobile-wallet-section .collapse {
    background: var(--secondary-gradient);
} */

.mobile-wallet-section .collapse p {
    color: #8ea0bb;
}

/* .mobile-wallet-section .wallet-info {
    background: var(--bg-color);
} */

/* .mobile-wallet-section .wallet-info .bottom-content {
    border-image: var(--primary-gradient) 1;
} */

/* .mobile-wallet-section .wallet-info .bottom-content .action-box {
    border-image: var(--primary-gradient) 1;
} */

#app .m-myaccount-password-container button.btn-submit {
    background: var(--gold-gradient);
    color: var(--gold-gradient-text);
}

#app .m-myaccount-password-container .tab-list .tab-header.active {
    background: var(--gold-gradient);
    color: var(--gold-gradient-text);
}

#app .m-myaccount-referral-container button.btn-submit {
    background: var(--gold-gradient);
    color: var(--gold-gradient-text);
}

#app .m-myaccount-referral-container .termNCondition-container .title {
    color: var(--primary-text-color);
}

#app .m-myaccount-referral-container .details-container .detailsData {
    color: var(--selected-gold-color);
}

#app .m-myaccount-referral-container .share-option input:checked~.checkmark {
    background: var(--primary-gradient);
}

#app .m-myaccount-referral-container .share-option input:checked~.checkmark:after {
    border-color: var(--primary-text-color);
}

#app .m-myaccount-referral-container .share-wrap input {
    border-color: var(--primary-text-color);
}

#app .m-myaccount-referral-container .referral-btn {
    background: var(--primary-gradient);
    color: var(--primary-color);
}
#app .m-myaccount-referral-container .referral-dropdown {
    border-color: var(--primary-text-color);
}

#app .m-myaccount-referral-container .referral-dropdown .referral-share-link:hover {
    background-color: var(--primary-text-color);
}

#app .m-myaccount-referral-container .tab-list .tab-header.active {
    background: var(--gold-gradient);
    color: var(--gold-gradient-text);
}

#app .myaccount-referral-container  .referOption-container .referOption .option-remark, #app .m-myaccount-referral-container .referOption-container .referOption .option-remark {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .voucher-page .group-item.voucher-option span.on, #app .voucher-page .group-item.voucher-option span:hover {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .voucher-page .table-body .claim-amount .amount {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .voucher-page .btn-addvouchercode {
    background: var(--primary-gradient);
}

#app .voucher-page .btn-addvouchercode:disabled {
    opacity: .5;
}

#app .voucher-page button.claim-button {
    background: var(--primary-gradient);
}

#app .wap-page .voucher-page .voucher-claim-box .claim-figure {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .pending-transaction-page .pending li.details-list .overview .info-button {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .profile-page .edit-btn, #app .profile-page .button {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .profile-page .key .change-btn svg {
    fill: var(--m-input-text-color);
}

#app .bank-page .upload-box .btn-upload {
    background: var(--champagne-gradient);
    color: var(--champagne-gradient-text);
}

@media(max-width: 1024px) {
    #app .member-panel .member-com-page .member-main .member-page .withdraw-page .group-item .input-box input:focus {
        border-color: var(--primary-text-color);
    }
}
/* -------------------------- Member Panel CSS End -------------------------- */


/* --------------------------- Promotion CSS Begin -------------------------- */

#app .promos-panel {
    background: var(--bg-color);
}

/* #app .promos-panel .promos-box .promos-list li {
    background: var(--secondary-gradient);
} */

#app .promos-panel .promos-box .promos-nav li .group .count {
    background: var(--primary-hover-color);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .promos-panel .promos-box .promos-nav li.on .group .count,#app .promos-panel .promos-box .promos-nav li:hover .group .count {
    color: var(--primary-link-color);
    -webkit-text-fill-color: var(--primary-link-color);
}

#app .promos-panel .promos-box .promos-nav li.on .group .name, #app .promos-panel .promos-box .promos-nav li:hover .group .name {
    color: #fff;
}

#app .promos-panel .promos-box .promos-list li .bottom-box .tools>span {
    font-size: 0.14rem;
    min-width: 1.1rem;
}

#app .promos-panel .promos-box .promos-list li .bottom-box .tools>span.btn-apply {
    background: var(--primary-gradient);
    color: var(--primary-text-color);
}

#app .promos-panel .promos-box .promos-list li .bottom-box .time-box>span.time {
    color: var(--primary-link-color);
}

#app .promos-panel .promos-box .promos-list li .bottom-box .text-box .title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .promosDetail-popup .popup .popup-body a {
    color: var(--selected-gold-color);
}

#app .promosDetail-popup .popup .popup-footer {
    border-color: var(--primary-text-color);
}

#app .promosDetail-popup .popup .popup-body .btn-box span.btn-apply {
    background: var(--gold-gradient);
    color: var(--gold-gradient-text);
}

#app .promosDetail-popup .popup .popup-body .box-top .box-content .content-title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .wap-page>div .promos-page .promos-box-container .promos-panel .container .promos-nav li.on,#app .wap-page>div .promos-page .promos-box-container .promos-panel .container .promos-nav li:hover {
    color: var(--gold-gradient-text);
    background: var(--gold-gradient);
}

#app .wap-page>div .promos-page .promos-box-container .promos-panel .container .promos-nav li.on .group .name, #app .wap-page>div .promos-page .promos-box-container .promos-panel .container .promos-nav li:hover .group .name {
    color: var(--gold-gradient-text)
}

#app .wap-page>div .promos-page .promos-box-container {
    background: var(--bg-color);
}
/* ---------------------------- Promotion CSS End --------------------------- */


/* ---------------------------- Reward CSS Begin ---------------------------- */

.reward-popup .popup .reward-close {
    fill: var(--primary-color);
}

#app .reward-page.m-reward-page .order-history-menu {
    background: var(--primary-gradient);
}

#app .reward-page.m-reward-page .order-history-menu svg {
    background: var(--primary-gradient);
}

#app .reward-page .reward-catalog ul li.product .bottom-box .coin {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    border-image: var(--primary-gradient) 1;
}

#app .reward-page.m-reward-page .instructions li span:first-child {
    background-color: var(--primary-text-color);
}

#app .m-reward-popup.order-form .popup .popup-body form .order-summary {
    border-image: var(--primary-gradient) 1;
}

.earn-coins-page .title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;

}

.earn-coins-page .bottom .container .grid>div.default-box span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
/* ----------------------------- Reward CSS End ----------------------------- */


/* ------------------------------ VIP CSS Begin ----------------------------- */

#app .vip-panel {
    background: var(--bg-color);
}

#app .vip-panel .slider .slider-container>div>div .container .content .title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .vip-panel .vip-status .progress-status .current-status .status-title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
/* ------------------------------- VIP CSS End ------------------------------ */


/* ------------------------ Floating Banner CSS Begin ----------------------- */

#app .floating-banner-container .floating-banner-img .floating-banner-close-btn {
    background: var(--primary-gradient);
}

#app .floating-banner-container .floating-banner-content strong {
    color: var(--primary-text-color);
}

#app .floating-banner-container .floating-banner-content button {
    background-color: var(--primary-text-color);
}
/* ------------------------- Floating Banner CSS End ------------------------ */


/* -------------------------- Mobile Navigation -------------------------- */

html body #fixed-container .tool-bar .icon-logo {
    width: 4rem;
    height: 34px;
}

html body .mobile-footer {
    background: url(/images/LV88/footer_monogram.webp), linear-gradient(0deg, #022049 0%, #00061e 100%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

html body .mobile-footer .contact-box ul li>span:nth-of-type(3) {
    color: var(--primary-text-color);
}

html body #fixed-container .tool-bar .content .login-btn>span.btn-sign-up {
    background: var(--primary-gradient);
    color: #000;
}

html body #fixed-container .tool-bar .content .restore-box .currency-count .currency {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    margin-top: 0.18rem;
}

/* html body #fixed-container .tool-bar.funds .funds-com .currency-box .currency {
    color: var(--primary-text-color);
} */

html body #fixed-container .tool-bar.funds .funds-com .bottom-box .restore-box {
    color: var(--primary-text-color);
}

html body #fixed-container .tool-bar.funds .nav-com .currency-box .currency {
    color: var(--primary-text-color);
}

html body #fixed-container .tool-bar.funds .nav-com .wap-funds-list li.on>p>span {
    /* background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent; */
    color: #fff;
}

html body #fixed-container .tool-bar.funds .nav-com .bottom-box .restore-box {
    color: var(--primary-text-color);
}

html body #fixed-container .nav-bar ul li.on span,html body #fixed-container .nav-bar ul li:hover span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

html body #fixed-container .side-menu-box .right-box .btn-login {
    background: var(--primary-gradient);
}

html body #fixed-container .side-menu-box .side-menu .side-menu-scroll-wrapper .btn-sign-up {
    background: var(--primary-gradient);
}

html body #fixed-container .side-menu-box .side-menu .side-menu-scroll-wrapper .popular-submenu li.on:before {
    background: var(--primary-gradient);
}

html body #fixed-container .side-menu-box .side-menu .side-menu-scroll-wrapper .submenu li.on {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .submenu-box ul li.on {
    background: var(--gold-gradient);
    color: var(--gold-gradient-text);
}


/* ---------------------------- Mobile Login | Register ---------------------------- */

html body .mobile-register .register-panel .content .step-content .btn-next.btn-next,html body .mobile-register .register-panel .content .step-content .input.btn-next {
    background: var(--primary-gradient);
}

html body .mobile-register .register-panel .content .step-content .btn-next>input:focus,html body .mobile-register .register-panel .content .step-content .input input:focus {
    border-color: #fff;
}

/* html body .mobile-register .register-panel .register-box .title {
    border-color: var(--primary-text-color);
} */

html body .mobile-register.mobile-login .register-panel .content .step-content .step-box form .input input:focus {
    border-color: #fff;
}

html body .mobile-register.mobile-login .register-panel .content .step-content .step-box .remember-box {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

html body .mobile-register.mobile-login .register-panel .content .step-content .step-box .to-forget {
    color: var(--primary-text-color);
}

html body .mobile-register.mobile-login .register-panel .content .step-content .step-box .text-box p span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

html body .mobile-register.mobile-reset .register-panel .content .step-content .reset-title {
    /* background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent; */
    color: #fff;
}

html body .mobile-register.mobile-reset .register-panel .content .step-content .msg-tips p span {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    font-family: taviraj-medium;
}


/* -------------------------------------------------------------------------- */
/*                                   ICON CSS                                  */
/* -------------------------------------------------------------------------- */
/* #member_profile .st4{fill:var(--primary-color);}
#member_profile .st5{fill:var(--primary-color);}
#member_profile .st6{fill:var(--primary-color);}
#member_profile .st9{stroke:var(--primary-color);}
#member_profile .st14{fill:var(--primary-color);} */

.icon-reload,.icon-restore {
    fill: url(#icon-gold-gradient);
}

.icon-reload path, .icon-restore path {
    fill: url(#icon-gold-gradient)
}

.copy .st0 {
    fill: var(--primary-color);
}

.copy .st4 {
    fill: var(--primary-color);
}

.copy .st5 {
    stroke: var(--primary-color);
}

.copy .st7 {
    fill: var(--primary-color);
}

.copy .st8 {
    stroke: var(--primary-color);
}

.copy .st9 {
    stroke: #fff;
}

.copy .st11 {
    stroke: #fff;
}

.copy .st12 {
    fill: var(--primary-color);
    stroke: var(--primary-color);
}

.copy .st13 {
    stroke: var(--primary-color);
}

.copy .st14 {
    fill: var(--primary-color);
    stroke: var(--primary-color);
}

.copy .st15 {
    stroke: var(--primary-color);
}

.copy .st16 {
    fill: var(--primary-color);
    stroke: var(--primary-color);
}

.copy .st17 {
    fill: var(--primary-color);
    stroke: var(--primary-color);
}

.copy .st18 {
    stroke: var(--primary-color);
}

.copy .st20 {
    stroke: var(--primary-color);
}

.copy .st22 {
    fill: var(--primary-color);
    stroke: var(--primary-color);
}

.copy .st23 {
    fill: var(--primary-color);
    stroke: var(--primary-color);
}

.on .fast-deposit-icon .st0 {
    fill: #009aff;
}

.on .fast-deposit-icon .st1 {
    fill: #009aff;
}

.on .fast-deposit-icon .st11 {
    stroke: #009aff;
}

svg.close-button {
    fill: var(--primary-color);
}

svg.info-button {
    fill: #fff;
}

.icon-bmm {
    background-image: url(/images/footer/bmm.png);
}

.icon-godaddy {
    background-image: url(/images/footer/godaddy.png);
}

.icon-tst {
    display: inline-block;
    width: .55rem;
    height: .26rem;
    background-image: url(/images/footer/tst-certified.svg);
    background-size: 100% 100%
}

.icon-itechlab {
    background-image: url(/images/footer/itechlab.png);
}

.icon-cloudfare {
    display: inline-block;
    width: .65rem;
    height: .22rem;
    background-image: url(/images/footer/cloudfare.webp);
    background-size: 100% 100%
}

/* .icon-usdt {
    background-image: url(/images/footer/ftr_usdt.svg)
} */

.icon-facebook,.icon-facebook:hover {
    background-image: url(/images/footer/facebook.svg)
}

.icon-instagram,.icon-instagram:hover {
    background-image: url(/images/footer/instagram.svg)
}

.icon-youtube,.icon-youtube:hover {
    background-image: url(/images/footer/youtube.svg)
}

.icon-ukgc {
    display: inline-block;
    width: 1.68rem;
    height: .28rem;
    background-image: url(/images/footer/UKGC-logo.webp);
    background-size: 100% 100%
}

.icon-mga {
    display: inline-block;
    width: 1.42rem;
    height: .28rem;
    background-image: url(/images/footer/MGA-logo.webp);
    background-size: 100% 100%
}

.icon-pagcor {
    display: inline-block;
    width: 1.28rem;
    height: .28rem;
    background-image: url(/images/footer/PAGCOR-logo.webp);
    background-size: 100% 100%
}

.icon-fsc {
    display: inline-block;
    width: 1.28rem;
    height: .28rem;
    background-image: url(/images/footer/FSC-logo.webp);
    background-size: 100% 100%
}

.icon-menu-deposit path.st13 {
    fill: url(#icon-gradient);
}

@media (max-width: 1024px) {
    .icon-ukgc {
        width: 3.2rem;
        height: 0.55rem;
    }

    .icon-mga {
        width: 3.05rem;
        height: 0.59rem;
    }

    .icon-pagcor {
        width: 2.8rem;
        height: 0.6rem;
    }

    .icon-fsc {
        width: 3.1rem;
        height: 0.65rem;
    }

    .icon-cloudfare {
        width: 1.68rem;
        height: 0.55rem;
    }

    .icon-tst {
        width: 1.2rem;
        height: 0.68rem;
    }
}


/* -------------------------------- T&C Etc. Begin -------------------------------- */

#app .about-panel, #app .faq-panel, #app .responsible-panel, #app .terms-panel {
    background: var(--bg-color);
    color: #a2aabd;
}

#app .about-panel .container, #app .faq-panel .container, #app .responsible-panel .container, #app .terms-panel .container {
    background-color: #00193b;
}

#app .about-panel .container .panel-title, #app .faq-panel .container .panel-title, #app .responsible-panel .container .panel-title, #app .terms-panel .container .panel-title {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    border-image: var(--primary-gradient) 1;
}

#app .about-panel .container .panel-content .title-content, #app .faq-panel .container .panel-content .title-content, #app .responsible-panel .container .panel-content .title-content, #app .terms-panel .container .panel-content .title-content {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .about-panel .container .panel-content .collapse .collapse-header:hover, #app .faq-panel .container .panel-content .collapse .collapse-header:hover, #app .responsible-panel .container .panel-content .collapse .collapse-header:hover, #app .terms-panel .container .panel-content .collapse .collapse-header:hover {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

#app .about-panel .container .panel-content .collapse.active .collapse-header, #app .faq-panel .container .panel-content .collapse.active .collapse-header, #app .responsible-panel .container .panel-content .collapse.active .collapse-header, #app .terms-panel .container .panel-content .collapse.active .collapse-header {
    background: var(--primary-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

/* ------------------------------ T&C Etc. End ------------------------------ */


/* -------------------------------------------------------------------------- */
/*                                Custom Event                                */
/* -------------------------------------------------------------------------- */
.sponsorship-container .sponsorship-row .list-item .sponsorship-content > div .title {
    color: var(--primary-text-color);
}

.all-prediction > div .predictionSwiper .swiper-button-next, .all-prediction > div .predictionSwiper .swiper-button-prev {
    background: var(--primary-gradient);
}


#app .login-page-box .login-popup .input-item i.icon-username, #app .login-page-box .login-popup .input-item i.icon-lock, #app .reset-page-box .reset-popup i.icon-at-sign, #app .reset-page-box .reset-popup i.icon-telephone {
    filter: grayscale(2) brightness(10);
}

/* #app .maintenance-hover-box {
    filter: brightness(1) grayscale(3);
} */

#app .login-page-box .login-popup .icon-close2, #app .reset-page-box .reset-popup .icon-close2 {
    filter: brightness(2) grayscale(1);
}

.swiper-slide-thumb-active .icon-small-EG, li:hover .icon-small-EG, .swiper-slide-thumb-active .icon-small-E0-LC, li:hover .icon-small-E0-LC, .swiper-slide-thumb-active .icon-small-bal, li:hover .icon-small-bal, .swiper-slide-thumb-active .icon-small-AL, li:hover .icon-small-AL, .swiper-slide-thumb-active .icon-small-TL, li:hover .icon-small-TL, .swiper-slide-thumb-active .icon-small-AB, li:hover .icon-small-AB, .swiper-slide-thumb-active .icon-small-SA, li:hover .icon-small-SA, .swiper-slide-thumb-active .icon-small-GD, li:hover .icon-small-GD, .swiper-slide-thumb-active .icon-small-WM, li:hover .icon-small-WM, .swiper-slide-thumb-active .icon-small-SX, li:hover .icon-small-SX, .swiper-slide-thumb-active .icon-small-PG, li:hover .icon-small-PG, .swiper-slide-thumb-active .icon-small-GMS-G0-LC-0, li:hover .icon-small-GMS-G0-LC-0, .swiper-slide-thumb-active .icon-small-BG, li:hover .icon-small-BG, .swiper-slide-thumb-active .icon-small-SE, li:hover .icon-small-SE, .swiper-slide-thumb-active .icon-small-IS, li:hover .icon-small-IS, .swiper-slide-thumb-active .icon-small-SB, li:hover .icon-small-SB, .swiper-slide-thumb-active .icon-small-ML, li:hover .icon-small-ML, .swiper-slide-thumb-active .icon-small-DG, li:hover .icon-small-DG, .swiper-slide-thumb-active .icon-small-MB, li:hover .icon-small-MB, .swiper-slide-thumb-active .icon-small-CM, li:hover .icon-small-CM {
    filter: grayscale(2) brightness(3);
}

.slots-games-items li:hover .icon-box img, .slots-games-items .on .icon-box img {
    filter: grayscale(2) brightness(3);
}

#app div[data-page=horse-racing] .slots-games-items li:hover .icon-box img, #app div[data-page=horse-racing] .slots-games-items .on .icon-box img {
    filter: invert(1) hue-rotate(242deg);
}

/* #app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item.date-select .group .input-box .icon-date {
    filter: brightness(3) grayscale(1);
} */

#app .order-history-panel .order-history-list .filter .group-item .group .input-box .icon-date {
    filter: brightness(3) grayscale(1);
}

#app .wap-page>div .slots-page .slots-box-container .gamelist-page .tools-box .icon-box img {
    filter: grayscale(2) brightness(1.5);
}

/* racing page */
#app .provider-panel .provider-games-racing .provider-games-right {
    padding-left: 0.5rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content {
    display: block;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .right-col {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .right-col .content {
    display: flex;
    flex-direction: column;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .right-col .title {
    color: #fff;
    font-size: .36rem;
    font-weight: 700;
    margin-bottom: .06rem;
}
#app .provider-panel .provider-games-racing .provider-games-right .game-content .right-col .desc {
    color: #aaaaaa;
    font-size: .18rem;
    font-weight: 500;
    margin-bottom: .26rem;
}
#app .provider-panel .provider-games-racing .provider-games-right .game-content .right-col button {
    background: var(--primary-gradient);
    color: var(--primary-color);
    border: 0;
    border-radius: 0.14rem;
    height: 0.5rem;
    width: 2.5rem;
    cursor: pointer;
}

@media (max-width: 1024px) {
    #app .provider-panel .provider-games-racing .provider-games-right .game-content .right-col button {
        width: 4rem;
        height: .7rem;
        font-size: .26rem;
    }
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .table-header {
    background: #2D2F39;
    border-radius: 0.05rem 0.05rem 0 0;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .table-list {
    background: #434343;
    border-radius: 0 0 0.05rem 0.05rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .table-header ul,
#app .provider-panel .provider-games-racing .provider-games-right .game-content .table-list ul {
    display: flex;
    justify-content: space-around;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .table-header ul li {
    color: #FFBE00;
    width: 12%;
    text-align: center;
    min-height: 0.5rem;
    height: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    font-weight: 400;
    margin-bottom: 0;
    overflow-wrap: anywhere;
    margin: auto;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .table-header ul li:first-child,
#app .provider-panel .provider-games-racing .provider-games-right .game-content .table-header ul li:nth-child(2) {
    width: 1.78rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .table-list ul li {
    flex-grow: 1;
    width: 12%;
    text-align: center;
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    font-weight: 400;
    color: #fff;
    overflow-wrap: anywhere;
    margin: auto;
    padding: 0.1rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .table-list ul li:first-child,
#app .provider-panel .provider-games-racing .provider-games-right .game-content .table-list ul li:nth-child(2) {
    width: 1.58rem;
    height: auto;
    background: #fff;
    border-radius: 0.08rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    cursor: pointer;
    color: #2D2F39;
    margin: auto .1rem;
    padding: 0;
    padding-left: .16rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .table-list ul li button {
    width: 1.28rem;
    height: 0.46rem;
    background: #FF5000;
    border-radius: 0.26rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    cursor: pointer;
    color: #fff;
    border: 0;
    font-size: .16rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .table-list ul li button:disabled {
    opacity: .9;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .table-list ul li button.btn-login {
    background: #326BF8;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .table-list ul li button.btn-transfer {
    background: var(--primary-gradient);
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .form-wrapper {
    width: 4rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .form-wrapper .account-details-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 0.5rem;
    padding: 0.06rem 0.25rem;
    font-size: .21rem;
    font-weight: 500;
    color: #fff;
    border: 1px solid #A9B3C8;
    border-radius: 0.14rem;
    margin: 0;
    margin-bottom: 0.16rem;
    background: #03204a;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .form-wrapper .pin-holder {
    color: #fff;
    font-size: .18rem;
    font-weight: 700;
    padding: 0.07rem 0.22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0.5rem;
    border: 1px solid #595F6A;
    border-radius: 0.14rem;
    margin: 0;
    margin-bottom: 0.36rem;
    background: transparent;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .form-wrapper button {
    width: 100%;
    border-radius: .14rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .form-wrapper button.btn-login {
    background: #031c70;
    color: #fff
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .form-wrapper button.btn-transfer {
    background: #febb1f;
    color: #0c1125
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .form-wrapper button.btn-transfer:disabled {
    opacity: .5;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .form-wrapper button.btn-reset {
    background: #a9adac;
    text-transform: capitalize;
    color: #000
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .form-wrapper .btn-group {
    display: flex;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .form-wrapper .btn-group li {
    margin: 0;
    margin-bottom: .18rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .form-wrapper .btn-group li:first-child {
    margin-right: .1rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .form-wrapper .btn-group li:last-child {
    margin-left: .1rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content h4 {
    color: #fff;
    font-size: .26rem;
    margin-bottom: .16rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content li {
    width: 100%;
    height: 100%;
    background: none;
    margin-bottom: 0.24rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content li.rcb {
    width: 2.01rem;
    background: #131313;
    margin-bottom: 0.33rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content li img {
    /* object-fit: contain;
    width: 100%; */
    cursor: pointer;
    /* background: #2D2F39;
    padding: 0.1rem; */
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .account-details-box {
    background-color: #191919;
    border-radius: 0.16rem;
    display: flex;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .account-details-box .account-details-header {
    border-radius: 0.16rem 0.16rem 0 0;
    color: #fff;
    padding: 0.16rem 0.26rem;
    background: var(--primary-color);
    font-size: .24rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .account-details-box .account-details-body {
    align-items: center;
    display: flex;
    padding: 0.1rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .account-details-box .account-details-body .account-details-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 0.52rem;
    padding: 0.06rem 0.17rem 0.07rem 0.22rem;
    font-size: .2rem;
    font-weight: 700;
    color: #696969;
    border: 0;
    border-radius: 0.1rem;
    margin-bottom: 0.1rem;
    background: #434343;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .account-details-box .account-details-body .account-details-input img {
    width: .24rem;
    filter: brightness(2);
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .account-details-box .account-details-body .account-details-input .icon-wrapper {
    width: 0.65rem;
    display: flex;
    justify-content: space-between;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .account-details-box .account-details-body .pin-holder {
    color: #fff;
    font-size: .21rem;
    font-weight: 700;
    padding: 0.16rem 0;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .account-details-box .account-details-body button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fcff2e;
    border-radius: 0.1rem;
    width: 100%;
    height: 0.52rem;
    color: #000;
    font-size: .2rem;
    cursor: pointer;
    margin-top: .1rem;
    border: 0;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .account-details-box .account-details-body button.btn-transfer {
    background: #5520ed;
    color: #fff;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .account-details-box .account-details-body button:disabled {
    opacity: .9;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .racing-collaboration {
    color: #fff;
    width: 5rem;
    text-align: center;
    /* margin-left: 0.35rem;*/
    margin-bottom: 0.3rem;
    font-size: .21rem;
    font-weight: 700;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .racing-collaboration>div {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .racing-collaboration>div>img {
    height: .75rem;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .racing-collaboration>div>img:nth-child(2) {
    height: .5rem;
    border-left: 1px solid grey;
}

/* racing mobile */
#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .text-col{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 1rem;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .title {
    color: #ffffff;
    font-size: .7rem;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .desc {
    color: #aaaaaa;
    font-size: .4rem;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .account-details-box {
    /* background-color: #191919; */
    border-radius: 0.16rem;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .account-details-box .account-details-header {
    border-radius: 0.16rem 0.16rem 0 0;
    color: #fff;
    padding: 0.16rem 0.26rem;
    background: var(--primary-color);
    font-size: .5rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .account-details-box .account-details-body {
    align-items: center;
    /* display: flex; */
    /* padding: 0.5rem; */
    flex-direction: column;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .account-details-box .account-details-body .account-details-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1.2rem;
    padding: 0.06rem 0.65rem;
    font-size: .5rem;
    font-weight: 500;
    color: #fff;
    border: 1px solid #A9B3C8;
    border-radius: 0.36rem;
    margin-bottom: 0.32rem;
    background: #02224d;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .account-details-box .account-details-body .account-details-input img {
    height: auto;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .account-details-box .account-details-body .account-details-input .icon-wrapper {
    /* width: 1.35rem; */
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .account-details-box .account-details-body .pin-holder {
    color: #fff;
    font-size: .42rem;
    font-weight: 700;
    padding: 0.07rem 0.22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1.2rem;
    border: 1px solid #595F6A;
    border-radius: 0.36rem;
    margin-bottom: .65rem;
    background: transparent;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .account-details-box .account-details-body .btn-group {
    display: flex;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .account-details-box .account-details-body .btn-group button:first-child {
    margin-right: .1rem;
    background: #031c70;
    color: #fff;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .account-details-box .account-details-body .btn-group button:last-child {
    margin-left: .1rem;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .account-details-box .account-details-body button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-gradient);
    border-radius: 0.36rem;
    width: 100%;
    height: 1.2rem;
    color: var(--primary-color);
    font-size: .42rem;
    font-weight: 500;
    cursor: pointer;
    margin-top: .24rem;
    border: 0;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .account-details-box .account-details-body button.btn-transfer {
    background: #febb1f;
    color: #0c1125
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .account-details-box .account-details-body button.btn-reset {
    background: #a9adac;
    color: #000;
    text-transform: capitalize;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .account-details-box .account-details-body button:disabled {
    opacity: .5;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .game-content .racing-collaboration {
    color: #fff;
    width: fit-content;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    font-size: .48rem;
    font-weight: 700;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .game-content .racing-collaboration>div {
    color: #fff;
    display: flex;
    align-items: center;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .game-content .racing-collaboration>div>img {
    height: 1.5rem;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .game-content .racing-collaboration>div>img:nth-child(2) {
    height: 1rem;
    border-left: 1px solid grey;
}

#app .game-rtp {
    padding: 3px 8px;
    /* width: 50%; */
    color: #000;
    background-image: linear-gradient(180deg,#FFD800,#FF9100);
    font-size: 10px;
    font-weight: bolder;
    text-align: center;
    border-radius: 1rem;
    cursor: default;
}

@media (max-width: 1024px) {
    #app .game-rtp {
        font-size: 8px;
        padding: .05rem .2rem;
    }
}

#app .wap-page .game-rtp {
    padding: 2px 8px;
    font-size: .25rem;
    margin-bottom: .1rem;
}

.disabled {
    opacity: 0.5;
}

#app .banner { height: 500px; }