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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
    --primary-color: #009aff;
    --primary-darken-color: #004a75;
    --primary-hover-color: #007bcc;
    --primary-link-color: #3f51b5;
    --vip-rank1-color: #957772;
    --vip-rank2-color: #9b9b9d;
    --vip-rank3-color: #b58121;
    --vip-rank4-color: #937d64;
    --vip-rank5-color: #c9d3f3;
    --yellow-gradient: linear-gradient(60deg, #de8820 0%, #EED600 100%);
    --blue-gradient: linear-gradient(60deg, #49C0F0 0%, #0679C6 100%);
    --primary-gradient: linear-gradient(60deg, #49C0F0 0%, #0679C6 100%);
    --darker-blue-gradient: linear-gradient(90deg, #064f8a 0%, #3f6ad4 100%);
    --input-text-color: #f5f5f5;
    --input-field-background: #3f3f3f;
    --input-field-border: #2A2A2A;
    --placeholder-color: #838383;
    --input-disabled-field-background: #575656;
    --input-disabled-field-border: #545454;
    --heading-color: #f5f5f5;
    --selected-blue-color: #5cc3ff;
    --inactive-selection-text-color: #a7a8a9;
    --myaccount-background: #333333;
    --modal-background-color: #313131;

}

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

html body a {
    color: var(--primary-link-color);
}

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

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

.notice-box .remark {
    color: var(--primary-color);
}

#app .primary-text {
    color: var(--primary-color);
}

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

#app .mobile-select .current-select .item-list-box li.on {
    /* color: var(--primary-color); */
    background: #525252;
    color: var(--input-text-color);
    border-radius: 1rem;
}

#app .mobile-select .current-select .item-list-box.item-bank-list-select li.on {
    background: #525252;
    color: var(--input-text-color);
    border-radius: 1rem;
}

#app .m-language-container .country-language-box .country-box .language-box .language-column.active {
    color: var(--primary-color);
}

#app .line-box .line1, #app .line-box .line2 {
    background-color: var(--primary-color);
}

#app .special-group input {
    border-color: 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[data-level=NORMAL], .nav-leaderboard .icon-leaderboard-svg .icon-leaderboard-span[data-level=NORMAL] {
    color: #632fee;
}

#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[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[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[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[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[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(--primary-color);
    background-color: var(--primary-color);
    border: var(--primary-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-color),var(--primary-color) .15rem,#111 0,#111 .2rem)
}

#app .vip-panel .vip-table tr td.content-title {
    color: var(--primary-color);
}

#app .vip-panel .vip-table .table-type td:first-child {
    color: var(--primary-color);
}

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

#app .vip-page .m-vip-panel .vip-status .progress-status .current-status .status-title {
    color: var(--primary-color);
}

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

#app .vip-page .m-vip-panel .vip-table .row-title-content .details-title, #app .vip-page .m-vip-panel .vip-table .benefit-title-content .details-title {
    color: var(--primary-color);
    width: 5rem;
    text-wrap: nowrap;
}

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

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

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

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

#app .vip-page .m-vip-panel .vip-status .progress-status .status-details > div .title {
    color: var(--primary-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-color),var(--primary-color) .15rem,#111 0,#111 .23rem);
    }
}
/* ---------------------------- VIP Rank CSS End ---------------------------- */


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

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

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

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

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

.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(--yellow-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-color);
}

.custom-modal .btn-submit {
    background: var(--primary-color);
}
/* ---------------------------- All Modal CSS End --------------------------- */


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

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

#app .bg-content-section .sports .item-title {
    color: var(--primary-color);
}

#app .bg-content-section .sports .step-box ul li>div>span:first-child {
    color: var(--primary-color);
}

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

/* #app .bg-content-section .sports .group .sports-games .slider .slider-container>div .item-content .btn {
    background: var(--primary-color);
} */
#app .bg-content-section .sports .group .sports-games .slider .pagination li>div:after, #app .bg-content-section .sports .group .sports-games .slider .pagination li>div:before {
    background: var(--primary-darken-color);
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li.on>div:after,#app .bg-content-section .sports .group .sports-games .slider .pagination li.on>div:before,#app .bg-content-section .sports .group .sports-games .slider .pagination li:hover>div:after,#app .bg-content-section .sports .group .sports-games .slider .pagination li:hover>div:before {
    background: var(--primary-color);
}

#app .bg-content-section .sports .group .sports-games .slider .pagination li.on>div span,#app .bg-content-section .sports .group .sports-games .slider .pagination li:hover>div span {
    color: var(--primary-color);
}

#app .bg-content-section .dota2-box>.container .item-title {
    color: var(--primary-color);
}

#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-color) !important;
}

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

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

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

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

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

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

#app .dropping-hot .item-title {
    color: var(--primary-color);
}

#app .dropping-hot .group .games-list .nav-tabs .more-games>span:first-child {
    color: var(--primary-color);
}

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

#app .donot-miss .item-title {
    color: var(--primary-color);
}

#app .donot-miss .donot-miss-list li .title {
    color: var(--primary-color);
}

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

#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: #e4dc49;
    color: #000;
}

#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-color)
}

#app .wap-page>div .home-page .sports-box .group .item-title {
    /* color: var(--heading-color); */
    background: linear-gradient(to right, #49C0F0 0%, #0A84D6 100%);
    -webkit-background-clip: text;
    -webkit-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-color);
}
/* -------------------------- Home Content CSS End -------------------------- */


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

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

#app .game-content li .img-box .hover-box>span:first-child {
    background: var(--primary-color);
}

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

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

#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-color);
}

#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-color);
}

#app .wap-page>div .brand-page .item-title {
    background: linear-gradient(to right, #49C0F0 0%, #0A84D6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#app .game-content li .img-box .hover-box>span:first-child {
    background: var(--primary-color);
}

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

#app .slots-games .slots-games-items .brand-list li.on,#app .slots-games .slots-games-items .brand-list li:hover {
    color: var(--primary-color);
}

#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 {
    color: var(--primary-color);
}

#app .slots-games .slots-games-items .slots-games-right .type-game-list-box .more-games {
    color: var(--primary-color);
}

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

#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 {
    color: var(--primary-color);
}

#app .provider-panel .provider-games-lottery .game-content li .img-box .hover-box span:first-child {
    background: var(--primary-color);
}

#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 {
    color: var(--primary-color);
}

#app .provider-panel .provider-games-fishing .game-content li .img-box .hover-box span:first-child {
    background: var(--primary-color);
}

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

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

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

#app .wap-page>div .sports-page .sports-box-container .brand-page .sports-list-box .item-title {
    background: linear-gradient(to right, #49C0F0 0%, #0A84D6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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


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

#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 {
    color: var(--primary-color);
}

#app .header-section #header .top-header .top-header-box .nav-list li.on .menu-item:before, #app .header-section #header .top-header .top-header-box .nav-list li:hover .menu-item:before {
    background: var(--primary-color);
}

#app .header-section #header .second-header .second-header-box .right .down-list li:hover {
    color: var(--primary-color);
}

#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-color);
}

#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.after-login .account-info-box .currency .reload-box  {
    background: var(--primary-color);
}

#app .header-section #header .second-header .second-header-box .right>div.after-login .account-info-box .account-info>span {
    color: var(--primary-color);
}

#app .header-section #header .second-header .second-header-box .left .lan-select-box .lan-list-box li span.divide {
    color: var(--primary-color);
}
/* ----------------------------- Header CSS End ----------------------------- */


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

#seo-footer-container #seo-footer>div a {
    color: var(--primary-color);
}
/* ----------------------------- Footer CSS End ----------------------------- */


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

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

#app .login-page-box .login-popup .msg-box .msg-tips>span {
    color: var(--primary-color);
}

#app .reset-page-box .reset-popup .msg-tips span {
    color: var(--primary-color);
}

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

.register-panel .register-box .content .steps ul li.on {
    background: var(--primary-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-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-color);
}

.register-panel .register-box .content .step-content .text-p>span {
    color: var(--primary-color);
}

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

.register-panel .register-box .content .steps ul li.done {
    background: var(--primary-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-color);
    }
}
/* ------------------------- Authentication CSS End ------------------------- */


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

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

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

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

#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 {
    color: var(--primary-color);
}

#app .member-panel .member-com-page .member-main .member-wallet .reload>span:first-child {
    color: var(--primary-color);
}

#app .member-panel .member-com-page .member-main .member-wallet .reload .restore-box {
    color: var(--primary-color);
}

#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-color);
}

#app .member-panel .member-com-page .member-main .member-page .notice-box .item-title {
    color: var(--primary-color);
}

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

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box input:focus,#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .input-box select:focus {
    border-color: 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-color);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .bank-add .group-item .check-box .checkbox:before {
    background: var(--primary-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: var(--primary-color);
}

#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: var(--primary-color);
}

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

#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-color);
}

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

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

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .bank-account-container .input-box input:focus {
    border-color: var(--primary-color);
}

#app .member-panel .member-com-page .member-main .member-page .deposit-page .group-item .amount-content .input-box input:focus {
    border-color: var(--primary-color);
}

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

#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-color);
    color: var(--primary-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-color);
}

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

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

#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-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: var(--primary-color);
}

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

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

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

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

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

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

#app .member-panel .member-com-page .member-main .member-page .changepwd-page select:focus {
    border-color: var(--primary-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-color);
}

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

#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box input:focus,#app .member-panel .member-com-page .member-main .member-page .bank-page .bank-add .group-item .input-box select:focus {
    border-color: var(--primary-color);
}

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

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

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

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

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

/* #app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .details-container .detailsData {
    color: var(--primary-color);
} */

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

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

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

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

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

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .tab-list .tab-header {
    transition: 0.3s;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
    /* height: 35px; */
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 20px 25px;
    width: 180px;
    box-shadow: 2px 0px 4px #0000001a;
    height: 43px;
    margin-bottom: -3px;
}

#app .member-panel .member-com-page .member-main .member-page .myaccount-referral-container .tab-list .tab-header.active {
    background-image: linear-gradient(To right, #522db8 0%, #1c7ce0 70%, #49c0f0 100%);
    filter: brightness(0.95);
}

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

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

#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul li.on,#app .member-panel .member-com-page .member-main .member-page .history-page .history-tools .group-item .group ul li:hover {
    color: var(--primary-color);
}

#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-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-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-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-color);
}

#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div .li-div .key,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container .ul-div li .key,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul .li-div .key,#app .member-panel .member-com-page .member-main .member-page .profile-page .info-box .info-box-container ul li .key {
    color: var(--primary-color);
}

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

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

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

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

.turnover-content > div .title {
    color: var(--primary-color);
}

#app .deposit-page .addBankButton,
#app .withdraw-page .addBankButton {
    background: var(--darker-blue-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-blue-color);
}

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

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

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

#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-blue-color);
}

#app .deposit-page .group-item .bank-selector .bank-list .small-bank.inactive.selected .member-bankacc label input[type=radio]:checked~.checkmark, #app .deposit-page .group-item .bank-selector .bank-list .small-bank.inactive.selected .member-bankacc label .checkmark {
    background: var(--inactive-selection-text-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-color);
}

#app .deposit-page .group-item .bank-selector .bank-list .small-bank .member-bankacc label .radio-checkmark~.checkmark2:after {
    border-color: var(--primary-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-color);
}

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

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

#app .deposit-page .group-item .bank-selector .bank-list .small-bank .member-bankacc .radio-form .account-holder {
    background-color: var(--primary-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-color);
}

#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-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-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-color);
    color: var(--primary-color);
}

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

#app .deposit-page .notice-box .item-title {
    color: #f5f5f5;
}

#app .withdraw-page .bank-selector .small-bank label input[type=radio]:checked~.checkmark {
    background: var(--primary-color);
}

#app .withdraw-page .bank-selector .small-bank label .checkmark:after {
    border-color: var(--primary-color);
}

#app .withdraw-page .notice-box .item-title {
    color: #f5f5f5;
}

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

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

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

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

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

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

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

#app .acct-bar .member-info .name-box .username {
    color: #e5e5e5;
}

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

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

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

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

#app .m-myaccount-referral-container .details-container .detailsData {
    color: #f2ec76;
}

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

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

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

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

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

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

#app .myaccount-referral-container .referOption-container .referOption, #app .m-myaccount-referral-container .referOption-container .referOption {
    border-color: var(--primary-color);
}

#app .myaccount-referral-container  .referOption-container .referOption .option-remark, #app .m-myaccount-referral-container .referOption-container .referOption .option-remark {
    color: var(--primary-color);
}

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

#app .voucher-page .table-body .claim-amount .amount {
    color: var(--primary-color);
}

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

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

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

#app .wap-page .voucher-page .voucher-claim-box .claim-figure {
    color: #f2ec76;
}

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

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

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

@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-color);
    }
}
/* -------------------------- Member Panel CSS End -------------------------- */


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

#app .promos-panel .promos-box .promos-nav li .group .count {
    color: var(--primary-darken-color);
}

#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-color);
}

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

#app .promosDetail-popup .popup .popup-body a {
    color: var(--primary-color)
}

#app .promosDetail-popup .popup .popup-btn {
    background: var(--primary-color);
}

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

#app .promosDetail-popup .popup .btn-apply {
    background: var(--primary-color);
}

#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 {
    background: var(--blue-gradient);
    color: #fff;
}
/* ---------------------------- 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-color);
}

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

#app .reward-page .search-panel button {
    background: var(--primary-color);
}

#app .reward-page .reward-catalog ul li.product .bottom-box .coin {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

#app .reward-page .reward-catalog ul li.product .bottom-box button.redeem-btn {
    background: var(--primary-color);
}

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

#app .reward-popup .popup .popup-header {
    background: var(--primary-color);
}

#app .reward-popup .popup .popup-body .box .box-content .quantity .quantity-selector button {
    background: var(--primary-color);
}

#app .reward-popup .popup .popup-body .box .box-content .btn-box button {
    background: var(--primary-color);
}

/* #app .welcome-popup .popup .popup-header {
    background: var(--primary-color);
} */

#app .welcome-popup .popup .popup-body .welcome-box .voucher .claim-btn, #app .welcome-popup .popup .popup-body .welcome-box .coins .claim-btn {
    background: var(--primary-color);
}

#app .welcome-popup .popup .popup-header .popup-header-right svg {
    fill: var(--primary-color);
}

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

#app .reward-popup.order-form .popup .popup-body form .submit-btn {
    background-color: var(--primary-color);
}

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

#app .reward-page .coin-available {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem 0;
}
#app .wap-page .reward-page .coin-available {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 0;
}
#app .reward-page .coin-available .left {
    display: flex;
    align-items: center;
    gap: .3rem;
}
#app .reward-page .coin-available .left .coin-img img {
    width: 1rem;
}
#app .wap-page .reward-page .coin-available .left .coin-img img {
    width: 1.5rem;
}
#app .reward-page .coin-available .right a {
    background-color: #FCDE08;
    color: #000;
    font-size: 0.36rem;
    padding: .12rem .4rem;
    border-radius: .16rem;
    text-decoration: none;
}
#app .reward-page .coin-bal {
    display: flex;
    color: #fff;
    flex-direction: column;
    font-size: .34rem;
}
#app .wap-page .reward-page .coin-bal {
    font-size: .44rem;
}
#app .reward-page .collapse {
    background-image: linear-gradient(#4A4A4A, #2D3033);
    color: var(--primary-color);
    padding: .25rem 1rem;
    border-radius: .15rem;
    font-size: .46rem;
    margin-bottom: .5rem;
}
#app .wap-page .reward-page .collapse {
    padding: .25rem 1rem;
    border-radius: .3rem;
    font-size: .46rem;
}
#app .reward-page .collapse .collapse-header {
    font-size: .42rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .3rem;
    font-family: nunito-bold;
}
#app .wap-page .reward-page .collapse .collapse-header {
    font-size: .46rem;
}
#app .reward-page .collapse .collapse-header>div {
    display: flex;
    align-items: center;
    gap: .3rem;
    font-family: 'nunito-bold';
    font-size: .42rem;
}
#app .reward-page .collapse .collapse-header img {
    width: .8rem;
}
#app .wap-page .reward-page .collapse .collapse-header img {
    width: 1rem;
}
#app .reward-page .collapse .collapse-header .arrow-icon {
    transition: transform 0.3s ease;
}

#app .reward-page .collapse .collapse-header .arrow-icon.rotated {
    transform: rotate(180deg);
  }

#app .reward-page .collapse .collapse-item {
    color: #ffffff;
    text-align: center;
    font-size: .34rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: .2rem;
    font-family: 'nunitosans-extralight';
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 10px;
}

#app .reward-page .collapse .collapse-item span {
    background-color: #595959;
    padding: .15rem .6rem;
    border-radius: .15rem;
    font-size: .48rem;
}
#app .wap-page .reward-page .collapse .collapse-item span {
    background-color: #595959;
    padding: .25rem .6rem;
    border-radius: .35rem;
    font-size: .48rem;
}
#app .reward-page .coin-bal .coin-num {
    color: var(--primary-color);
    font-family: nunito-bold;
    font-size: .5rem;
}
#app .wap-page .reward-page .coin-bal .coin-num {
    font-size: .6rem;
}

#app .wap-page .reward-page .slider {
    margin-top: .6rem;
    margin-bottom: .6rem;
}

#app .wap .reward-page .slider .swiper {
    border-radius: .3rem;
}

#app .reward-page .slider .swiper img {
    width: 100%;
}

#app .wap-page .reward-page .slider .swiper img {
    border-radius: .3rem;
}

#app .reward-page .why-background {
    background-image: linear-gradient(#353535, #242628);
    padding: .5rem 1rem;
    border-radius: .3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .3rem;
    display: none;
}

#app .reward-page .why-background .why-title {
    color: var(--primary-color);
    font-family: 'nunito-black';
    font-size: .56rem;
}

#app .reward-page .what-div {
    display: flex;
    align-items: center;
}

#app .reward-page .what-div a {
    background-color: #FCDE08;
    color: #000;
    font-family: 'nunito-bold';
    font-size: 0.36rem;
    padding: .12rem .4rem;
    border-radius: .16rem;
    text-decoration: none;
    cursor: pointer;
}

#app .reward-page .what-div img {
    min-height: 1rem;
    width: 100%;
}

#app .wap-page .reward-page .what-div img {
    min-height: 1rem;
    width: 100%;
}

#app .reward-page .what-div .mall-div,
#app .reward-page .what-div .gf-div {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .3rem;
}

#app .reward-page .what-div .mall-div .mall-content,
#app .reward-page .what-div .gf-div .gf-content {
    display: flex;
    flex-direction: column;
}

#app .reward-page .what-div .mall-div .mall-title,
#app .reward-page .what-div .gf-div .gf-title {
    color: var(--primary-color);
    font-family: nunito-bold;
    font-size: .42rem;
}

#app .reward-page .what-div .mall-div .mall-subtitle,
#app .reward-page .what-div .gf-div .gf-subtitle {
    color: #ffffff;
    font-size: .3rem;
}

#app .reward-page .what-div .separator {
    width: 1px;
    height: 5rem;
    background-color: #a1a1a1;
    margin: 0 1rem;
}

#app .wap-page .reward-page .what-div .separator {
    width: 1px;
    height: 5rem;
    background-color: #a1a1a1;
    margin: 0 .5rem;
}


.earn-coins-page .title {
    color: var(--primary-color);
}

.earn-coins-page .bottom .container .grid>div.default-box {
    color: var(--primary-color);
}
/* ----------------------------- Reward CSS End ----------------------------- */


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

#app .vip-panel .slider .slider-container>div>div .container .content .title {
    color: var(--primary-color);
}

#app .vip-panel .vip-status .progress-status .current-status .status-title {
    color: var(--primary-color);
}
/* ------------------------------- VIP CSS End ------------------------------ */


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

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

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

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


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

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

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

html body #fixed-container .tool-bar .content .restore-box .currency-count .currency {
    color: var(--primary-color);
}

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

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

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

html body #fixed-container .tool-bar.funds .nav-com .wap-funds-list li.on>p>span {
    /* color: var(--primary-color); */
    color: #fff;
}

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

html body #fixed-container .nav-bar ul li.on,html body #fixed-container .nav-bar ul li:hover {
    color: var(--primary-color);
}

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

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

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

html body #fixed-container .side-menu-box .side-menu .side-menu-scroll-wrapper .submenu li.on {
    color: #49C0F0;
}

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


/* ---------------------------- 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(--yellow-gradient);
    color: #000;
}

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: var(--primary-color);
}

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

html body .mobile-register.mobile-login .register-panel .content .step-content .step-box form .input input:focus {
    border-color: var(--primary-color);
}

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

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

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

html body .mobile-register.mobile-reset .register-panel .content .step-content .msg-tips p span {
    color: var(--primary-color);
}


/* -------------------------------------------------------------------------- */
/*                                   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: var(--primary-color);
}

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

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

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

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

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

.copy .st9 {
    stroke: var(--primary-color);
    stroke: #F4D77F;
}

.copy .st11 {
    stroke: var(--primary-color);
    stroke: #F4D77F;
}

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

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

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

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

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

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

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

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

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

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

.on .fast-deposit-icon .st0 {
    fill: var(--primary-color);
}

.on .fast-deposit-icon .st1 {
    fill: var(--primary-color);
}

.on .fast-deposit-icon .st11 {
    stroke: var(--primary-color);
}

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

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

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

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


/* 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: #02D4B1;
    color: #fff;
    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: #02D4B1;
}

#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: #282828;
}

#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: #326BF8;
}

#app .provider-panel .provider-games-racing .provider-games-right .game-content .form-wrapper button.btn-transfer {
    background: #02D4B1;
}

#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: #b6006a;
    text-transform: capitalize;
}

#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: #202020;
}

#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: #326BF8;
}

#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: #02D4B1;
    border-radius: 0.36rem;
    width: 100%;
    height: 1.2rem;
    color: #fff;
    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: #02D4B1;
}

#app .wap-page>div .racing-page .racing-box-container .gamelist-page .brand-page .account-details-box .account-details-body button.btn-reset {
    background: #b6006a;
    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;
    background-image: linear-gradient(180deg, #75829a, #262a54);
    font-family: nunito-semibold;
    color: #dad6d6;
}

.disabled {
    opacity: 0.5;
}

#app .banner { height: 500px; }