:root .color9-3 {
	--color-theme: #f75630;
    --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: #ff4a44;
	--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-3 {
    background:none;
    background-size: 100%;
    background: url(../images/color9-3/GSG-index-bg.jpg) no-repeat fixed;
    background-size: cover;
    background-color: #f2e9e0;
    color: #6f211e;
}
/*preloader*/
.color9-3 .preloader{
    background-color: #9754508a;
}
.color9-3 .loader div {
    background-color: #ffbe00;
    box-shadow: 0 0 15px rgba(255, 223, 120, 0.6);
}
.color9-3 ::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.062);
    -webkit-border-radius: 6px;
   }
   
.color9-3 ::-webkit-scrollbar-thumb {
    background: #afd3ff;
   }
   
.color9-3 ::-webkit-scrollbar-thumb:hover {
    background: #eeeeee;
   }
.color9-3 header {
    background: #ff4f3f;
    border-bottom: 1px solid #e1dfdd;
}
.color9-3 header:after{
    background-image: url(../images/color9-3/shape.png);
}
.color9-3 .left_menu_container_wrap {
    background: linear-gradient(to right, #ffffff 0%, #ebddce 100%);
}
.color9-3 .left_container_bonus_box {
    background:linear-gradient(to right, #fe5237 0%, #ff725c 100%);
}
.color9-3 .left_container_bonus_txt_btm {
    color: #ffffff;
    text-shadow: 0px 2px 3px #000000bb;
}
.color9-3 .side_menu_content li a,
.color9-3 .slider_title,
.color9-3 .filter-button,
.color9-3 .ann-wrap,
.color9-3 .arrow_slider .slide-arrow, 
.color9-3 .view_btn,
.color9-3 .fnt-wh,
.color9-3 .transaction_content_1_title,
.color9-3 .transaction_content_2_title,
.color9-3 .transaction_content_1,
.color9-3 .transaction_content_2,
.color9-3 #closeButton,
.color9-3 .annou-ttle,
.color9-3 a,
.color9-3 .reg_form .form_wrap label,
.color9-3 .reg_form h4,
.color9-3 .btn_dropup_lang button,
.color9-3 .btn_dropup_lang .dropdown-menu a,
.color9-3 .reptnc_modal .modal_body_view h5,
.color9-3 .reptnc_modal .close,
.color9-3 .non-ef,
.color9-3 .msg_user,
.color9-3 .msg_user:hover,
.color9-3 tr.unread td,
.color9-3 .msg-date2,
.color9-3 .info-wrap .intro_subtitle{
    color:#6f211e;
}
.color9-3 .intro_promo,
.color9-3 .tab_wrapper,
.color9-3 .ann-wrap,
.color9-3 .promo_filter_wrap,
.color9-3 .mobile_dropdown{
    background: #ffffff;
    box-shadow: 0px 3px 5px #bda989;
}
.color9-3 .tab_wrapper-slots .filter-button.active,
.color9-3 .tab_wrapper-slots .filter-button:hover{
    background-color: #e4e4e4;
}
.color9-3 .mobile_dropdown-slots{
    background-color: #ffffff;
}
.color9-3 .filter-button,
.color9-3 .arrow_slider .slide-arrow,
.color9-3 .view_btn,
.color9-3 .hotgame-main-img_pro {
    background-color: #ffffff;
}
.color9-3 .filter-button.active, 
.color9-3 .filter-button:hover,
.color9-3 .filter-list li.mixitup-control-active,
.color9-3 .filter-list li:hover{
    background-color: #f75630;
    color: #fff;
}
.color9-3 .transaction_container {
    background: #ffffff url(../images/index/live-transaction.png) bottom right no-repeat;
}
.color9-3 .wrap-live {
    background: rgb(247 239 228 / 86%);
    border: 1px solid #ffffff;
}
.color9-3 .transaction_time {
    color: #6f211e;
    text-shadow: 0px 3px #ffffff;
}
.color9-3 .header_hamburger,
.color9-3 .chat_btn{
    filter: brightness(0) invert(1);
}
.color9-3 .desktop_footer,
.color9-3 .mobile_footer {
    background: #fffaf3;
}
.color9-3 .btn_log {
    background-color: #ffffff;
    color:#6f211e;
}
.color9-3 .annou-pop {
    background: #ffffff;
    color: #6f211e;
    border: 1px solid #ffffff;
}
.color9-3 .annou-ttle{
    border-bottom: 1px solid #6f211e;
}
.color9-3 .share_modal .modal-body,
.color9-3 .modal-content.promo{
    background-color: #ffffff;
}
.color9-3 .cls-checkbox,
.color9-3 .intro_promo_inn span,
.color9-3 .battle_card_title{
    color: #fff;
}
.color9-3 .chat_ser,
.color9-3 .btn_dropup_lang button,
.color9-3 .btn_dropup_lang .dropdown-menu.show,
.color9-3 .in-aff-1,
.color9-3 .graph-in,
.color9-3 .rewd-date,
.color9-3 .depwith_wrapbtn,
.color9-3 .info-bg{
    background-color: #ffffff;
}
.color9-3 .chat_ser:hover,
.color9-3 .side_menu_content li a:hover{
    color: #b17876;
}
.color9-3 .reg-box {
    background-color: #ece3d8;
}
.color9-3 .reg-list ul li a {
    background: #ffffff;
}
.color9-3 .reg-list ul li a.active {
    background: #ff4a44;
    color:#fff;
}
.color9-3 .form-control {
    background-color: rgba(231, 231, 231, 1);
    color: #6f211e;
}
.color9-3 .reg_form .form-control{
    background-color: rgba(255, 255, 255, 1);
}
.color9-3 .show>.btn-secondary.dropdown-toggle {
    color: #6f211e;
    background-color: #ffffff;
    border-color: #4e555b;
}
.color9-3 .tab_wrapper-slots {
    background-color: #ffffff;
}
.color9-3 .tab-content-slots {
    background: rgb(255, 255, 255, 0.9);
}
.color9-3 .promo-ttl {
    background: linear-gradient(90deg, #ececec 0%, #ebebeb 100%);
}
@media (max-width: 999px) {
    .color9-3 .headcol_first_mobile {
        background-color: #f0f0f0;
    }
}
.color9-3 .vip_tncbtn {
    background: transparent;
    color: #ff4a44;
    border: 1px solid #ff4a44;
}
.color9-3 .lvl-lv ul {
    color: #193963;
}
.color9-3 button.btn-footer.collapsed {
    background: #fffaf3;
    color: #ad6058;
}
.color9-3 button.btn-footer {
    background: #fffaf3;
    color: #ad6058;
}
.color9-3 .content_header_txt {
    color: #3f3834;
    text-shadow: 2px 1px rgba(255, 255, 255, 0.603);
}
.color9-3 .ant-progress-inner {
    background-color: hsla(0, 0%, 0%, 0.08);
}
.color9-3 .user_vip_inner .usr_vip_score_box_item,
.color9-3 .user_vip_inner .levle_box_body {
    background: #f5f3f0;
}
.color9-3 .user_vip_inner .levle_box_body {
    color: #6b211f;
}
.color9-3 .rank_slider_slide {
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, #fff4e7);
    border: 1px solid #ff4f3f79;
}
.color9-3 .rank_slider_slider_body hr {
    background-color: #ff4a449e;
}
.color9-3 .rank_slider_rule_box_item {
    background: #ffffff;
    border: 1px solid #ffb5b2;
}
.color9-3 .rank_slider_slide_bottom .btn,
.color9-3 .btn-more  {
    background-color: #ff4a44;
    color: #ffffff;
}
.color9-3 .promo_box_wrap {
    background-color: #a8c3df;
}
.color9-3 .promo_box_wrap_inn {
    background: #ffffff;
}
.color9-3 .pm-title-wrapper {
    background: #ff4a44;
    color: #ffffff;
}
.color9-3 .select-menu select {
    background-color: #ffffff;
    border: solid 1px #ffffff;
    color: #6b211f;
}
.color9-3 .btn_dropup_lang .dropdown-menu a:hover {
    background-color: rgb(223, 231, 255);
}
.color9-3 .ndl-btn:hover, 
.color9-3 .ndl-btn:focus,
.color9-3 a.ndl-btn,
.color9-3 a.adl-btn{
    color: #ffffff;
    background: #2278df;
}
.color9-3 .reptnc_modal .modal_body_view {
    background: #ffffff;
    border: 1px solid #ff4a44;
    box-shadow: 0px 0px 19px 4px #f9837f;
}
.color9-3 .reptnc_modal .tnc-content {
    color: #252525;
    border-top: 1px solid #868686;
}
.color9-3 .red-bg {
    color:#fff;
}
.color9-3 .header_mobile_show,
.color9-3 .header_mobile_show a {
    color: #ffffff;
}
.color9-3 .depwith_wrapbtn a {
    background-color: #b5bac526;
}
.color9-3 .depwith_wrapbtn a.active {
    color: #ffffff;
    background-color: #ff4a44;
}
.color9-3 .afterlogin_dep_head {
    background-color: rgb(247 247 247);
}
.color9-3 .btn_dep,
.color9-3 .btn_tr  {
    background-color: #ffa500;
}
.color9-3 .header_btn_dep{
    background-color: #9f2c28;
}
.color9-3 .header_btn_dep a{
    color: #fff;
}
.color9-3 .box {
    background-color: #F44336;
    color: #fff;
}
.color9-3 button.btn-copy {
    color: #ffffff;
}
.color9-3 .btnmr-if{
    color: #fff;
}
.color9-3 .msg-content {
    background: #ededed;
}
.color9-3 .footer-menu {
    background: #ff4a44;
    border-top: 1px solid #93acd33b;
}
.color9-3 .footer-in ul li a,
.color9-3 .mini-box-text h4,
.color9-3 .mini-box-text p,
.color9-3 .play-mini .button-container a{
    color: #ffffff;
}
.color9-3 .footer_pay {
    background-color: #2d3035;
    color: #fff;
}
.color9-3 button.btn-tnc.collapsed,
.color9-3 button.btn-tnc {
    background: #e7e7e7;
    color: #193963;
}
.color9-3 .blog-item {
    border: 1px solid #ffffff42;
    background-color: #fff;
}
.color9-3 .contact_wrapper{
    color: #fff;
}
.color9-3 .info-wrap tr td {
    background: #f5f5f5;
    color: #721f20;
}
.color9-3 .bnk-td {
    background: rgb(255, 255, 255);
}
.color9-3 button.btn-dly {
    background: #ff4a44;
    color: #fff;
    border: 1px solid #ff4a44;
    box-shadow: 0px 0px 5px 3px #ffb0ae;
    text-shadow: 0px 2px 0px black;
}
.color9-3 .btn-bln-all {
    background: #e7e7e7;
    color: #721f20;
}
.color9-3 .bln-all ul li {
    background-color: #e7e7e7;
}
.color9-3 .button-container {
    background: #ff4a44;
    border: 1px solid #ff4a44;
}
.color9-3 .footer_submenu p {
    color: #ff4a44;
}
.color9-3 .footer_submenu ul a:hover{
    color: #cc8684;
}
.color9-3 .text-trs {
    color: #ff4a44;
}
.color9-3 .btn_login_modal {
    background-color: #ff4a44;
}
.color9-3 .input_inner svg{
    color: #ff4a44;
}
.color9-3 .share_modal .close,
.color9-3 .balance-modal .close{
    color: #ff4a44;
    text-shadow: 0 1px 0 #ff4a44;
}
.color9-3 .input_inner_forgot a {
    border-bottom: 1px solid #ff4a44;
}
.color9-3 .btn_reg {
    background-color: #ffa500;
}
.color9-3 .footer-card ul li a {
    color: #712426;
}
.color9-3 .user_vip_inner .usr_vip_score_box_item h5 {
    color: #ff4a44;
}
.color9-3 .promo_box_wrap_inn span {
    color: #584040;
}
.color9-3 .promo_box_wrap_a a {
    color: #6f211e;
    border: 1px solid #6f211e;
}
.color9-3 .filter-list li {
    color: #6f211e;
}
.color9-3 .intro_promotion_subtitle {
    color: #721f20;
}
.color9-3 .modalhead_btn.active {
    background-color: #ff4448;
    color: #fff;
}
.color9-3 .modalhead_btn {
    color: #cba09f;
}
.color9-3 .level-status, 
.color9-3 .level-desc,
.color9-3 .review-card,
.color9-3 .news-card{
    background-color:#ffffff;
    color:#000;
    border: 1px rgba(0,0,0,0.1) solid;
}
.color9-3 .data-wrapper{
    background-color:#cbcbcb;
}
.color9-3 .btn-readmore {
    background-color: #1cc980;
    color: #fff;
}
.color9-3 .annbox{
    color: #fff;
    border: 2px solid #ff9901;
    background: url(../images/ann-bg.png), linear-gradient(180deg, #ff4f3f 0%, #ff9e95 100%);
}
.color9-3 .ann-title {
    background-color: #000;
    border-bottom: 2px solid #ff9901;
}
.color9-3 .anncon .nav .nav-link {
    background-color: #9d3c34;
    border: 1px solid #ff9901;
}
.color9-3 .anncon .nav .nav-link.active {
    background: linear-gradient(90deg, #ffcb00 0%, #f99e17 100%);
}
.color9-3 .annbox .annimg {
    border: 1px solid #ff9901;
}
.color9-3 .annpagi .pitem.active, 
.color9-3 .annpagi .pitem:hover {
    background-color: #ff9901;
}
.color9-3 .ranking-list {
    background-color: #ffffffb5;
    color:#000;
}
.color9-3 .ranking-list .amount {
    color:rgb(0, 0, 0);
}
.color9-3 .ranking-list span {
    color: rgba(0, 0, 0, 0.5);
}
.color9-3 .ranking-list .no {
    background-color: rgb(0 0 0 / 20%);
}
.color9-3 .logo-text{
    color:rgb(243 199 0);
}

/*game filter*/
.color9-3 .hotgame-main-img_pro img {
    opacity: 0.5;
    filter: invert(1);
}
.color9-3 .btn-fav {
    color: #888888;
}
.color9-3 .btn-fav.active{
    color: #ffb612;
}
.color9-3 .searchinput{
    background-color: #ffffff;
    color: #000;
    box-shadow: 0px 3px 5px #bda989;
}
.color9-3 .swiper-wrapper-custom-slots .swiper-slide.active .hotgame-main-img_pro,
.color9-3 .swiper-wrapper-custom-slots .swiper-slide:hover .hotgame-main-img_pro {
    background-color: #f75630;
}
/*game thumb*/
.color9-3 .inn_product_wrap a{
    background-color: #ffffff80;
}
/* referral */
.color9-3 .referral-top {
    background-color: #0000001A;
}
.color9-3 .btn-referral {
    background-color: #2283f6;
}
.color9-3 .referral-detail-single {
    background-color: #FFFFFF;
}
.color9-3 .btn-referral-detail {
    background-color: #d9d9d9;
    color: #000000;
}
.color9-3 .btn-referral-detail.active {
    background-color: rgb(169 149 148);
    color: #FFFFFF;
}
.color9-3 .referral-qr-code,
.color9-3 .referral-share-link {
    background-color: #0000001A;
}
.color9-3 .referral-link {
    background-color: rgba(231, 231, 231, 1);
}
.color9-3 .table-referral tr > th,
.color9-3 .table-referral tr > td {
    color: #000000;
}
.color9-3 .table-referral-wrapper {
    border-top: 1px solid #0000001A;
}

/* af */
.color9-3 .form-box, 
.color9-3 .viptabs,
.color9-3 .form-box, 
.color9-3 .vip-benefit{
    box-shadow: 2px 2px 5px #00000020;
    border-color: #0000001a;
}
.color9-3 .form-box,
.color9-3 .vip-info .accordion-item,
.color9-3 .vip-info .accordion-button,
.color9-3 .login-wrapper{
    background-color:#ffffff;
    color:#000;
}
.color9-3 .af-form .form-control, 
.color9-3 .af-form .form-control:focus, 
.color9-3 .af-form .form-control:disabled {
    border: none;
}
.color9-3 .vip-info .accordion-button,
.color9-3 .vip-info .accordion-button:focus {
    box-shadow: none;
}
.color9-3 .bal{
    color: #ff4a44;
}
.color9-3 .btnform{
    background-color: #ff4a44;
    color: #fff;
}
.color9-3 .tab-menu a {
    background: #ffffff;
    filter: none;
    border:1px solid #0000001a;
}
.color9-3 .tab-menu a.active{
    background-color: #ff4a44;
    color: #fff;
    border:1px solid #ff4a44;
}
.color9-3 .af-form .input-group,
.color9-3 .w-type .pincode-input-text, 
.color9-3 .form-control.pincode-input-text,
.color9-3 .d-amount a,
.color9-3 .d-promo .form-check-label,
.color9-3 .form-control option{
    background-color: rgb(255, 255, 255);
    border:1px solid #0000001a;
    color: #000;
}
.color9-3 .af-form .input-group .form-control::placeholder, 
.color9-3 .af-form .input-group .input-group-text,
.color9-3 .af-form .input-group .form-control {
    color: #00000075;
}
.color9-3 .b-type,
.color9-3 .t-type {
    background: #f3f3f3;
}
.color9-3 .viptabs .nav-tabs .nav-item.show .nav-link, 
.color9-3 .viptabs .nav-tabs .nav-link.active, 
.color9-3 .viptabs .nav-tabs .nav-link:focus, 
.color9-3 .viptabs .nav-tabs .nav-link:hover {
    background-color: #ffffff;
    color: #000000;
    border-color: #0000001a;
}
.color9-3 .vipbox {
    background: linear-gradient(90deg, rgb(254 85 59) 0%, rgb(255 157 93) 100%);
}
.color9-3 .actarea a,
.color9-3 .af-form .form-remark{
    color: #ff0000;
}
.color9-3 .accordion-item {
    border-color:#0000001a;
}
.color9-3 .vip-bar .progress{
    background:#0000003b;
}
.color9-3 .vip-bar .progress-bar{
    background:#ffa500;
}
.color9-3 .profile .p-info .username,
.color9-3 .form-til,
.color9-3 .s-label b,
.color9-3 .actarea, 
.color9-3 .tabss1 span,
.color9-3 .viptabs .nav-tabs .nav-link.active .tabss1 span,
.color9-3 .s-amount,
.color9-3 .form-label{
    color: #000;
}
.color9-3 .statistic .s-data {
    background:#00000014;
}
.color9-3 .s-label, 
.color9-3 .profile .p-info, 
.color9-3 .b-table table,
.color9-3 .viptabs .nav-tabs .nav-item.show .nav-link .tabss1 span, 
.color9-3 .tabss1 span {
    color: #000000a0;
}
.color9-3 .w-menu img {
    background: #00000014;
}
.color9-3 .vipbox .info .tt,
.color9-3 .vipbox .info .levelinfo,
.color9-3 .vipbox .badges,
.color9-3 .vipbox .info .desc{
    color: #fff;
}
.color9-3.form-select.form-select,
.color9-3 .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-3 .h-record{
    border-bottom: 1px solid #00000014;
}
.color9-3 .b-table .btn-claim{
    background: #00000011;
    color: #000;
}
.color9-3 .w-menu.active img{
    border: 1px #ffbe00 solid;
}
.color9-3 .statistic .s-data.active{
    background:#ff4a44;
    color: #fff;
}
.color9-3 .statistic .s-data.active .s-amount{
    color: #fff;
}
.color9-3 .rstep.active{
    background:#ff4a44;
}
.color9-3 .rstep{
    background-color: #ffffff;
    border-color: #0000001a;
}
.color9-3 .rstep::after{
    background-color: #0000001a;
}
.color9-3 .form-check-input:checked + .form-check-label{
    background: linear-gradient(90deg, rgb(255 205 56) 0%, rgb(255 255 255) 57%);
    background-repeat: no-repeat;
}
.color9-3 .af-form .form-check-input:checked{
    background-color: rgb(0, 138, 37) !important;
    border-color:transparent;
}
.color9-3 .w-bar .progress {
    --bs-progress-bg: #0000003b;
    --bs-progress-bar-bg:#ffa500;
    margin: 0;
}
.color9-3 .w-bar .progress-bar{
    background:#ffa500;
}
.color9-3 #loginmodal input:-webkit-autofill,
.color9-3 #loginmodal input:-webkit-autofill:hover, 
.color9-3 #loginmodal input:-webkit-autofill:focus, 
.color9-3 #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-3 .af-form input:-webkit-autofill,
.color9-3 .af-form input:-webkit-autofill:hover, 
.color9-3 .af-form input:-webkit-autofill:focus, 
.color9-3 .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-3 .promo-btn, 
.color9-3 .refer-btn {
    border: 1px #f75630 solid;
    background-color: #ffffff;
}
.color9-3 .promo-btn:hover,
.color9-3 .refer-btn:hover{
    color: #f75630;
}
@media (min-width: 1000px) {
    .color9-3 .tabs_product .tab-content {
        background-color: #ffffff;
    }
}
/*info page*/
.color9-3 .info-wrapper h1,
.color9-3 .info-wrapper h2,
.color9-3 .info-wrapper h3,
.color9-3 .info-wrapper h4,
.color9-3 .info-wrapper h5,
.color9-3 .info-wrapper h6{
    color: #f75630;
}

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