:root .color9-2 {
	--color-theme: #2283f6;
    --black: #000000;
    --black2: #000000;
    --black3: #00000066;
    --white: #000000;
    --bgcolor-box: #FFFFFF;
    --bgcolor-box2: #FFFFFF;
    --bg-color: #FFFFFF;
    --bg-img: url(../images/referral/white-bg.png);
	--shadow-box: 0 0 10px 0 #00000026;
    --bg-modal: #FFFFFF;
    --color-text-tnc: #000000BF;
	--table-bg: #2283f6;
	--bgcolor-table:#0000000D;

    /* leaderboard */
    --shadow-box2: #0000001A;
    --border-line: #8a8a8a;
    --bg-rank: #4e4e4e99;
    --bg-leaderboard: url(../images/leaderboard/white-frame.png);
    --bgform-select: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

    /* payment */
    --bg-boxwrapper: #0000001A;
    --filter-payment: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(5%) hue-rotate(9deg) brightness(103%) contrast(102%);
    --opacity-payment: .8;
}

body.color9-2 {
    background:none;
    background-size: 100%;
    background: url(../images/color9-2/GSG-index-bg.jpg) no-repeat fixed;
    background-size: cover;
    background-color: #c0daf5;
    color: #1d3964;
}
/*preloader*/
.color9-2 .preloader{
    background-color: #3682fb8a;
}
.color9-2 .loader div {
    background-color: #ffbe00;
    box-shadow: 0 0 15px rgba(255, 223, 120, 0.6);
}

.color9-2 ::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.062);
    -webkit-border-radius: 6px;
   }
   
.color9-2 ::-webkit-scrollbar-thumb {
    background: #afd3ff;
   }
   
.color9-2 ::-webkit-scrollbar-thumb:hover {
    background: #eeeeee;
   }
.color9-2 header {
    background: #3682fb;
    border-bottom: 1px solid #cadff4;
}
.color9-2 header:after{
    background-image: url(../images/color9-2/shape.png);
}
.color9-2 .left_menu_container_wrap {
    background: linear-gradient(to right, #ffffff 0%, #cadef5 100%);
}
.color9-2 .left_container_bonus_box {
    background:linear-gradient(to right,#4677fb 0%, #3da5fd 100%);
}
.color9-2 .left_container_bonus_txt_btm {
    color: #ffffff;
    text-shadow: 0px 2px 3px #000000bb;
}
.color9-2 .side_menu_content li a,
.color9-2 .slider_title,
.color9-2 .filter-button,
.color9-2 .ann-wrap,
.color9-2 .arrow_slider .slide-arrow, 
.color9-2 .view_btn,
.color9-2 .fnt-wh,
.color9-2 .transaction_content_1_title,
.color9-2 .transaction_content_2_title,
.color9-2 .transaction_content_1,
.color9-2 .transaction_content_2,
.color9-2 #closeButton,
.color9-2 .annou-ttle,
.color9-2 a,
.color9-2 .reg_form .form_wrap label,
.color9-2 .reg_form h4,
.color9-2 .btn_dropup_lang button,
.color9-2 .btn_dropup_lang .dropdown-menu a,
.color9-2 .reptnc_modal .modal_body_view h5,
.color9-2 .reptnc_modal .close,
.color9-2 .non-ef,
.color9-2 .msg_user,
.color9-2 .msg_user:hover,
.color9-2 tr.unread td,
.color9-2 .msg-date2{
    color:#1d3964;
}
.color9-2 .intro_promo,
.color9-2 .tab_wrapper,
.color9-2 .ann-wrap,
.color9-2 .promo_filter_wrap,
.color9-2 .mobile_dropdown,
.color9-2 .searchinput{
    background: #ffffff;
    box-shadow: 0px 3px 5px #bcd4ff;
}
.color9-2 .filter-button,
.color9-2 .arrow_slider .slide-arrow,
.color9-2 .view_btn,
.color9-2 .hotgame-main-img_pro {
    background-color: #ffffff;
}
.color9-2 .filter-button.active, 
.color9-2 .filter-button:hover,
.color9-2 .filter-list li.mixitup-control-active,
.color9-2 .filter-list li:hover{
    background-color: #2283f6;
    color: #fff;
}
.color9-2 .tab_wrapper-slots .filter-button.active,
.color9-2 .tab_wrapper-slots .filter-button:hover{
    background-color: #e4e4e4;
}
.color9-2 .mobile_dropdown-slots{
    background-color: #ffffff;
}
.color9-2 .transaction_container {
    background: #ffffff url(../images/index/live-transaction.png) bottom right no-repeat;
}
.color9-2 .wrap-live {
    background: rgb(237 245 251 / 91%);
    border: 1px solid #ffffff;
}
.color9-2 .transaction_time {
    color: #1d3964;
    text-shadow: 0px 3px #ffffff;
}
.color9-2 .header_hamburger,
.color9-2 .chat_btn{
    filter: brightness(0) invert(1);
}
.color9-2 .desktop_footer,
.color9-2 .mobile_footer {
    background: #ffffff;
}
.color9-2 .btn_log {
    background-color: #ffffff;
    color:#1d3964;
}
.color9-2 .annou-pop {
    background: #ffffff;
    color: #1d3964;
    border: 1px solid #ffffff;
}
.color9-2 .annou-ttle{
    border-bottom: 1px solid #1d3964;
}
.color9-2 .share_modal .modal-body,
.color9-2 .modal-content.promo{
    background-color: #ffffff;
}
.color9-2 .cls-checkbox,
.color9-2 .intro_promo_inn span,
.color9-2 .battle_card_title{
    color: #fff;
}
.color9-2 .chat_ser,
.color9-2 .btn_dropup_lang button,
.color9-2 .btn_dropup_lang .dropdown-menu.show,
.color9-2 .in-aff-1,
.color9-2 .graph-in,
.color9-2 .rewd-date,
.color9-2 .depwith_wrapbtn,
.color9-2 .info-bg{
    background-color: #ffffff;
}
.color9-2 .chat_ser:hover,
.color9-2 .side_menu_content li a:hover{
    color: #8399bb;
}
.color9-2 .reg-box {
    background-color: #d4e5f7;
}
.color9-2 .reg-list ul li a {
    background: #ffffff;
}
.color9-2 .reg-list ul li a.active {
    background: #2283f6;
    color:#fff;
}
.color9-2 .form-control {
    background-color: rgba(231, 231, 231, 1);
    color: #1d3964;
}
.color9-2 .reg_form .form-control{
    background-color: rgba(255, 255, 255, 1);
}
.color9-2 .show>.btn-secondary.dropdown-toggle {
    color: #1d3964;
    background-color: #ffffff;
    border-color: #4e555b;
}
.color9-2 .tab_wrapper-slots {
    background-color: #ffffff;
}
.color9-2 .tab-content-slots {
    background: rgb(255, 255, 255, 0.9);
}
.color9-2 .promo-ttl {
    background: linear-gradient(90deg, #ececec 0%, #ebebeb 100%);
}
@media (max-width: 999px) {
    .color9-2 .headcol_first_mobile {
        background-color: #f0f0f0;
    }
}
.color9-2 button.btn-footer.collapsed {
    background: #ffffff;
    color: #93acd3;
}
.color9-2 button.btn-footer {
    background: #ffffff;
    color: #93acd3;
}
.color9-2 .content_header_txt {
    color: #193963;
    text-shadow: 2px 1px rgba(255, 255, 255, 0.603);
}
.color9-2 .promo_box_wrap {
    background-color: #a8c3df;
}
.color9-2 .promo_box_wrap_inn {
    background: #ffffff;
}
.color9-2 .pm-title-wrapper {
    background: #2283f6;
    color: #ffffff;
}
.color9-2 .select-menu select {
    background-color: #ffffff;
    border: solid 1px #ffffff;
    color: #193963;
}
.color9-2 .btn_dropup_lang .dropdown-menu a:hover {
    background-color: rgb(223, 231, 255);
}
.color9-2 .ndl-btn:hover, 
.color9-2 .ndl-btn:focus,
.color9-2 a.ndl-btn,
.color9-2 a.adl-btn{
    color: #ffffff;
    background: #2278df;
}
.color9-2 .reptnc_modal .modal_body_view {
    background: #ffffff;
    border: 1px solid #bad2ff;
    box-shadow: 0px 0px 19px 4px #6e90ff;
}
.color9-2 .reptnc_modal .tnc-content {
    color: #193963;
    border-top: 1px solid #193963;
}
.color9-2 .red-bg {
    color:#fff;
}
.color9-2 .header_mobile_show,
.color9-2 .header_mobile_show a {
    color: #ffffff;
}
.color9-2 .depwith_wrapbtn a {
    background-color: #b5bac526;
}
.color9-2 .depwith_wrapbtn a.active {
    color: #ffffff;
    background-color: #ed1d49;
}
.color9-2 .afterlogin_dep_head {
    background-color: rgb(247 247 247);
}
.color9-2 .btn_dep,
.color9-2 .btn_tr  {
    background-color: #0935ff;
}
.color9-2 .header_btn_dep{
    background-color: #004499;
}
.color9-2 .header_btn_dep a{
    color: #fff;
}
.color9-2 .box {
    background-color: #F44336;
    color: #fff;
}
.color9-2 button.btn-copy {
    color: #ffffff;
}
.color9-2 .btnmr-if{
    color: #fff;
}
.color9-2 .msg-content {
    background: #ededed;
}
.color9-2 .footer-menu {
    background: #2783f7;
    border-top: 1px solid #93acd33b;
}
.color9-2 .footer-in ul li a,
.color9-2 .mini-box-text h4,
.color9-2 .mini-box-text p,
.color9-2 .play-mini .button-container a{
    color: #ffffff;
}
.color9-2 .footer_pay {
    background-color: #2d3035;
    color: #fff;
}
.color9-2 button.btn-tnc.collapsed,
.color9-2 button.btn-tnc {
    background: #e7e7e7;
    color: #193963;
}
.color9-2 .blog-item {
    border: 1px solid #ffffff42;
    background-color: #fff;
}
.color9-2 .contact_wrapper{
    color: #fff;
}
.color9-2 .info-wrap tr td {
    background: #f5f5f5;
    color: #193963;
}
.color9-2 .bnk-td {
    background: rgb(255, 255, 255);
}
.color9-2 button.btn-dly {
    background: #2783f7;
    color: #fff;
    border: 1px solid #2783f7;
    box-shadow: 0px 0px 5px 3px #c8e1ff;
    text-shadow: 0px 2px 0px black;
}
.color9-2 .btn-bln-all {
    background: #e7e7e7;
    color: #193963;
}
.color9-2 .bln-all ul li {
    background-color: #e7e7e7;
}
.color9-2 .button-container {
    background: #2783f7;
    border: 1px solid #2783f7;
}
.color9-2 .footer_submenu p {
    color: #93acd3;
}
.color9-2 .footer_submenu ul a:hover{
    color: #55657e;
}
.color9-2 .text-trs {
    color: #859cbf;
}
.color9-2 .btn_login_modal{
    background-color: #2283f6;
}
.color9-2 .input_inner svg{
    color: #2283f6;
}
.color9-2 .share_modal .close,
.color9-2 .balance-modal .close {
    color: #007bff;
    text-shadow: 0 1px 0 #007bff;
}
.color9-2 .input_inner_forgot a {
    border-bottom: 1px solid #007bff;
}
.color9-2 .btn_reg {
    background-color: #ed1d49;
}
.color9-2 .footer-card ul li a {
    color: #55657e;
}
.color9-2 .promo_box_wrap_inn span {
    color: #93acd3;
}
.color9-2 .promo_box_wrap_a a {
    color: #93acd3;
    border: 1px solid #93acd3;
}
.color9-2 .filter-list li {
    color: #93acd3;
}
.color9-2 .intro_promotion_subtitle {
    color: #55657e;
}
.color9-2 .info-wrap .intro_subtitle {
    color: #55657e;
}
.color9-2 .modalhead_btn.active {
    background-color: #4196fd;
    color: #fff;
}
.color9-2 .modalhead_btn {
    color: #93acd3;
}
.color9-2 .level-status, 
.color9-2 .level-desc,
.color9-2 .review-card,
.color9-2 .news-card{
    background-color:#ffffff;
    color:#000;
    border: 1px rgba(0,0,0,0.1) solid;
}
.color9-2 .data-wrapper{
    background-color:#3682fb;
}
.color9-2 .btn-readmore {
    background-color: #1cc980;
    color: #fff;
}
.color9-2 .annbox{
    color: #fff;
    border: 2px solid #009fff;
    background: url(../images/ann-bg.png), linear-gradient(180deg, #004a8e 0%, #5dbdff 100%);
}
.color9-2 .ann-title {
    background-color: #000;
    border-bottom: 2px solid #009fff;
}
.color9-2 .anncon .nav .nav-link {
    background-color: #173c70;
    border: 1px solid #009fff;
}
.color9-2 .anncon .nav .nav-link.active {
    background: linear-gradient(90deg, #0055c5 0%, #009fff 100%);
}
.color9-2 .annbox .annimg {
    border: 1px solid #009fff;
}
.color9-2 .annpagi .pitem.active, 
.color9-2 .annpagi .pitem:hover {
    background-color: #009fff;
}
.color9-2 .ranking-list {
    background-color: #ffffff;
    color:#000;
}
.color9-2 .ranking-list .amount {
    color:rgb(0, 0, 0);
}
.color9-2 .ranking-list span {
    color: rgba(0, 0, 0, 0.5);
}
.color9-2 .ranking-list .no {
    background-color: rgb(0 0 0 / 20%);
}
.color9-2 .logo-text{
    color:rgb(243 199 0);
}

/*game filter*/
.color9-2 .hotgame-main-img_pro img {
    opacity: 0.5;
    filter: invert(1);
}
.color9-2 .btn-fav {
    color: #888888;
}
.color9-2 .btn-fav.active{
    color: #ffb612;
}
.color9-2 .swiper-wrapper-custom-slots .swiper-slide.active .hotgame-main-img_pro,
.color9-2 .swiper-wrapper-custom-slots .swiper-slide:hover .hotgame-main-img_pro {
    background-color: #2283f6;
}
/*game thumb*/
.color9-2 .inn_product_wrap a{
    background-color: #ffffff80;
}
/* referral */
.color9-2 .referral-top {
    background-color: #0000001A;
}
.color9-2 .btn-referral {
    background-color: #2283f6;
}
.color9-2 .referral-detail-single {
    background-color: #FFFFFF;
}
.color9-2 .btn-referral-detail {
    background-color: #d9d9d9;
    color: #000000;
}
.color9-2 .btn-referral-detail.active {
    background-color: #1cc980;
    color: #FFFFFF;
}
.color9-2 .referral-qr-code,
.color9-2 .referral-share-link {
    background-color: #0000001A;
}
.color9-2 .referral-link {
    background-color: rgba(231, 231, 231, 1);
}
.color9-2 .table-referral tr > th,
.color9-2 .table-referral tr > td {
    color: #000000;
}
.color9-2 .table-referral-wrapper {
    border-top: 1px solid #0000001A;
}
/* af */
.color9-2 .form-box, 
.color9-2 .viptabs, 
.color9-2 .form-box, 
.color9-2 .vip-benefit{
    box-shadow: 2px 2px 5px #00000020;
    border-color: #0000001a;
}
.color9-2 .form-box,
.color9-2 .vip-info .accordion-item,
.color9-2 .vip-info .accordion-button,
.color9-2 .login-wrapper{
    background-color:#ffffff;
    color:#000;
}
.color9-2 .af-form .form-control, 
.color9-2 .af-form .form-control:focus, 
.color9-2 .af-form .form-control:disabled {
    border: none;
}
.color9-2 .vip-info .accordion-button,
.color9-2 .vip-info .accordion-button:focus {
    box-shadow: none;
}
.color9-2 .bal{
    color: #ed1d49;
}
.color9-2 .btnform{
    background-color: #2283f6;
    color: #fff;
}
.color9-2 .tab-menu a {
    background: #ffffff;
    filter: none;
    border:1px solid #0000001a;
}
.color9-2 .tab-menu a.active{
    background-color: #2283f6;
    color: #fff;
    border:1px solid #2283f6;
}
.color9-2 .af-form .input-group,
.color9-2 .w-type .pincode-input-text, 
.color9-2 .form-control.pincode-input-text,
.color9-2 .d-amount a,
.color9-2 .d-promo .form-check-label,
.color9-2 .form-control option{
    background-color: rgb(255, 255, 255);
    border:1px solid #0000001a;
    color: #000;
}
.color9-2 .af-form .input-group .form-control::placeholder, 
.color9-2 .af-form .input-group .input-group-text,
.color9-2 .af-form .input-group .form-control {
    color: #00000075;
}
.color9-2 .b-type,
.color9-2 .t-type {
    background: #f3f3f3;
}
.color9-2 .viptabs .nav-tabs .nav-item.show .nav-link, 
.color9-2 .viptabs .nav-tabs .nav-link.active, 
.color9-2 .viptabs .nav-tabs .nav-link:focus, 
.color9-2 .viptabs .nav-tabs .nav-link:hover {
    background-color: #ffffff;
    color: #000000;
    border-color: #0000001a;
}
.color9-2 .vipbox {
    background: linear-gradient(90deg, rgb(70 121 251) 0%, rgb(62 164 253) 100%);
}
.color9-2 .actarea a,
.color9-2 .af-form .form-remark{
    color: #ed1d49;
}
.color9-2 .accordion-item {
    border-color:#0000001a;
}
.color9-2 .vip-bar .progress{
    background:#0000003b;
}
.color9-2 .vip-bar .progress-bar{
    background:#ffc313;
}
.color9-2 .profile .p-info .username,
.color9-2 .form-til,
.color9-2 .s-label b,
.color9-2 .actarea, 
.color9-2 .tabss1 span,
.color9-2 .viptabs .nav-tabs .nav-link.active .tabss1 span,
.color9-2 .s-amount,
.color9-2 .b-table table thead,
.color9-2 .form-label{
    color: #000;
}
.color9-2 .statistic .s-data {
    background:#00000014;
}
.color9-2 .s-label, 
.color9-2 .profile .p-info, 
.color9-2 .b-table table,
.color9-2 .viptabs .nav-tabs .nav-item.show .nav-link .tabss1 span, 
.color9-2 .tabss1 span {
    color: #000000a0;
}
.color9-2 .w-menu img {
    background: #00000014;
}
.color9-2 .vipbox .info .tt,
.color9-2 .vipbox .info .levelinfo,
.color9-2 .vipbox .badges,
.color9-2 .vipbox .info .desc{
    color: #fff;
}
.color9-2 .form-select,
.color9-2 .form-select:focus-visible{
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300000075'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.color9-2 .h-record{
    border-bottom: 1px solid #00000014;
}
.color9-2 .b-table .btn-claim{
    background: #00000011;
    color: #000;
}
.color9-2 .w-menu.active img{
    border: 1px #ffbe00 solid;
}
.color9-2 .statistic .s-data.active{
    background:#2283f6;
    color: #fff;
}
.color9-2 .statistic .s-data.active .s-amount{
    color: #fff;
}
.color9-2 .rstep.active{
    background:#2283f6;
}
.color9-2 .rstep{
    background-color: #ffffff;
    border-color: #0000001a;
}
.color9-2 .rstep::after{
    background-color: #0000001a;
}
.color9-2 .form-check-input:checked + .form-check-label{
    background: linear-gradient(90deg, rgb(157 202 255) 0%, rgb(255 255 255) 57%);
    background-repeat: no-repeat;
}
.color9-2 .af-form .form-check-input:checked{
    background-color: rgb(0, 138, 37) !important;
    border-color:transparent;
}
.color9-2 .w-bar .progress {
    --bs-progress-bg: #0000003b;
    --bs-progress-bar-bg:#ffc313;
    margin: 0;
}
.color9-2 .w-bar .progress-bar{
    background:#ffc313;
}
.color9-2 #loginmodal input:-webkit-autofill,
.color9-2 #loginmodal input:-webkit-autofill:hover, 
.color9-2 #loginmodal input:-webkit-autofill:focus, 
.color9-2 #loginmodal input:-webkit-autofill:active{
    box-shadow: 0 0 0px 1000px #ffffff inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    border: none !important;
}
.color9-2 .af-form input:-webkit-autofill,
.color9-2 .af-form input:-webkit-autofill:hover, 
.color9-2 .af-form input:-webkit-autofill:focus, 
.color9-2 .af-form input:-webkit-autofill:active{
    box-shadow: 0 0 0px 1000px #ffffff  inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    border: none !important;
}
/*special promo*/
.color9-2 .promo-btn, 
.color9-2 .refer-btn {
    border: 1px #007aff solid;
    background-color: #ffffff;
}
.color9-2 .promo-btn:hover,
.color9-2 .refer-btn:hover{
    color: #007aff;
}

@media (min-width: 1000px) {
    .color9-2 .tabs_product .tab-content {
        background-color: #ffffff;
    }
}

/*info page*/
.color9-2 .info-wrapper h1,
.color9-2 .info-wrapper h2,
.color9-2 .info-wrapper h3,
.color9-2 .info-wrapper h4,
.color9-2 .info-wrapper h5,
.color9-2 .info-wrapper h6{
    color: #1d3964;
}

@media (min-width: 1300px) {
	.color9-2 .reward-close {
		color: #000000BF;
	}
}