:root .color9-4 {
	--color-theme: #ff0065;
    --black: #FFFFFF;
    --black2: #FFFFFF;
    --black3: #FFFFFF66;
    --white: #000000;
    --bgcolor-box: #000000;
    --bgcolor-box2: #000000;
    --bg-color: #000000;
    --bg-img: url(../images/referral/dark-bg.png);
	--shadow-box: 0 0 10px 0 #00000026;
    --bg-modal: #181818;
    --color-text-tnc: #FFFFFFBF;
	--table-bg: #ff0066;
	--bgcolor-table:#FFFFFF1A;

    /* leaderboard */
    --shadow-box2: #FFFFFF1A;
    --border-line: #757575;
    --bg-rank: #b1b1b199;
    --bg-leaderboard: url(../images/leaderboard/dark-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: #FFFFFF1A;
    --filter-payment: none;
    --opacity-payment: 1;
}

body.color9-4 {
    background:#0f1827 url(../images/color9-4/GSG-index-bg.jpg) no-repeat fixed;
    background-size: cover;
    color: #ffffff;
}
/*preloader*/
.color9-4 .preloader{
    background-color: #0000008a;
}
.color9-4 .loader div {
    background-color: #d60056;
    box-shadow: 0 0 15px rgba(255, 4, 129, 0.6);
}
.color9-4 .input_inner {
    border: 1px solid #ffffff1c;
}
.color9-4 header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgb(45 27 71) 100%);
    border-bottom: 1px solid #000000
}
.color9-4 header:after{
    background-image: url(../images/color9-4/shape.png);
}
.color9-4 .left_menu_container_wrap {
    background:linear-gradient(to right, #000000 0%, #1d122f 100%);
}
.color9-4 .left_container_bonus_box {
    background: linear-gradient(to right, #fd0064 0%, #850081 100%);
}
.color9-4 .left_container_bonus_txt_btm {
    color: #fff;
    text-shadow: 0px 1px 2px #0000006b;
}
.color9-4 .side_menu_content li a {
    color: #93acd3;
}
.color9-4 .ann-wrap {
    background: #000000;
    box-shadow: none;
    color: #ffffff;
}
.color9-4 .intro_promo,
.color9-4 .tab_wrapper {
    background: #000000;
    box-shadow: none;
}
.color9-4 .filter-button {
    background-color: #1a1a1a;
    color: #ffffff8c;
}
.color9-4 .filter-button.active, 
.color9-4 .filter-button:hover,
.color9-4 .filter-list li.mixitup-control-active
.color9-4 .filter-list li:hover{
    background-color: #fd0064;
    color: #fff;
}
.color9-4 .searchinput {
    background-color: #242424;
    border: 1px solid #242424;
}
.color9-4 .arrow_slider .slide-arrow,
.color9-4 .view_btn,
.color9-4 .hotgame-main-img_pro{
    background: #000000;
}
.color9-4 .slider_title {
    color: #ffffffb8;
}
.color9-4 .fnt-wh,
.color9-4 .transaction_content_1_title,
.color9-4 .transaction_content_2_title,
.color9-4 .transaction_content_1,
.color9-4 .transaction_content_2,
.color9-4 #closeButton,
.color9-4 .annou-ttle,
.color9-4 .cls-checkbox,
.color9-4 a,
.color9-4 .reg_form .form_wrap label,
.color9-4 .reg_form h4,
.color9-4 .btn_dropup_lang .dropdown-menu a,
.color9-4 .non-ef,
.color9-4 .msg_user,
.color9-4 .msg_user:hover,
.color9-4 tr.unread td,
.color9-4 .msg-date2{
    color: #fff;
}
.color9-4 .transaction_container {
    background: #000000 url(../images/index/live-transaction.png) bottom right no-repeat;
}
.color9-4 .wrap-live {
    background: rgb(42 30 61 / 81%);
    border: 1px solid #ffffff1f;
}
.color9-4 .transaction_time {
    color: #ffffff;
    text-shadow: 0px 3px #000000;
}
.color9-4 .header_hamburger,
.color9-4 .chat_btn{
    filter:none;
}
.color9-4 .desktop_footer,
.color9-4 .mobile_footer {
    background: #171023;
}
.color9-4 .btn_log {
    background-color: #2283f6;
}
.color9-4 .annou-pop {
    background: #000;
    color: #fff;
    border: 1px solid #ff0065;
}
.color9-4 .annou-ttle{
    border-bottom: 1px solid #ff0065;
}
.color9-4 .share_modal .modal-body {
    background-color: #181818;
}
.color9-4 .chat_ser,
.color9-4 .btn_dropup_lang button,
.color9-4 .btn_dropup_lang .dropdown-menu.show {
    background-color: #22132e;
}
.color9-4 .side_menu_content li a:hover {
    color: #fff;
}
.color9-4 .reg-box {
    background-color: #000000;
}
.color9-4 .reg-list ul li a {
    background: #6d767d;
}
.color9-4 .reg-list ul li a.active {
    background: #ff0066;
}
.color9-4 .form-control {
    background-color: rgb(24 24 24 / 80%);
}
.color9-4 .form-control::placeholder{
    color:rgba(255, 255, 255, 0.541);
}
.color9-4 .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}
.color9-4 .tab_wrapper-slots {
    background-color: #000000;
}
.color9-4 .tab-content-slots {
    background: rgba(0, 0, 0, 0.9);
}
.color9-4 .promo-ttl {
    background: linear-gradient(90deg, #251e38 0%, #191e32 100%);
}
@media (max-width: 999px) {
    .color9-4 .headcol_first_mobile {
        background-color: #12131a;
    }
}
.color9-4 .vip_tncbtn {
    color: #ed474b;
    border: 1px solid #485463;
}
.color9-4 .lvl-lv ul {
    color: #c9d1df;
}
.color9-4 button.btn-footer.collapsed {
    background: #171022;
    color: #93acd3;
}
.color9-4 button.btn-footer {
    background: #171022;
    color: #93acd3;
}
.color9-4 .content_header_txt {
    color: #fff;
    text-shadow: 2px 1px black;
}
.color9-4 .user_vip_inner .user_vip_left,
.color9-4 .user_vip_inner .user_vip_righ {
    background: #000000;
}
.color9-4 .ant-progress-inner {
    background-color: hsla(0, 0%, 100%, .08);
}
.color9-4 .user_vip_inner .usr_vip_score_box_item,
.color9-4 .user_vip_inner .levle_box_body {
    background: #191b1e;
}
.color9-4 .user_vip_inner .levle_box_body {
    color: #adb6c4;
}
.color9-4 .rank_slider_slide {
    background: #000;
    border: 1px solid #000;
}
.color9-4 .rank_slider_slider_body hr {
    background-color: #ff0065;
}
.color9-4 .rank_slider_rule_box_item {
    background: #191b1e;
    border: 1px solid #191b1e;
}
.color9-4 .rank_slider_slide_bottom .btn {
    background-color: #ff0065;
    color: #000;
}
.color9-4 .rank_slider_slider_body h4,
.color9-4 .rank_slider_rule_box_item h5,
.color9-4 .pay-status .card{
    color: #fff;
}
.color9-4 .rank_slider_rule_box_item h4 {
    color: #ff0065;
}
.color9-4 .vip_modal .modal-content {
    background: #181818;
}
.color9-4 .promo_filter_wrap{
    background: #000000;
}
.color9-4 .promo_box_wrap {
    background-color: #1e182d;
}
.color9-4 .promo_box_wrap_inn {
    background: #000000;
}
.color9-4 .pm-title-wrapper {
    background: #ff0066;
    color: #ffffff;
}
.color9-4 .modal-content.promo {
    background: #181818;
}
.color9-4 .select-menu select {
    background-color: #171f2b;
    border: solid 1px #252a32;
    color: #fff;
}
.color9-4 .btn_dropup_lang .dropdown-menu a:hover {
    background-color: #372049;
}
.color9-4 .ndl-btn:hover, 
.color9-4 .ndl-btn:focus {
    color: #ffffff;
    background: #2278df;
}
.color9-4 .in-aff-1,
.color9-4 .graph-in,
.color9-4 .rewd-date {
    background: #000000;
}
.color9-4 .amt-red {
    color: #f6c622;
}
.color9-4 .reptnc_modal .modal_body_view {
    background: #070315;
    border: 1px solid #db9bfc;
    box-shadow: 0px 0px 19px 4px #6b12ae;
}
.color9-4 .reptnc_modal .tnc-content {
    color: #ffffff;
    border-top: 1px solid #db9bfc;
}
.color9-4 .reptnc_modal .modal_body_view h5,
.color9-4 .reptnc_modal .close {
    color: #db9bfc;
}
.color9-4 .btn-clm {
    color: #dd9dfd;
}
.color9-4 .depwith_wrapbtn,
.color9-4 .afterlogin_dep_body{
    background: #000000;
}
.color9-4 .depwith_wrapbtn a.active {
    color: #ffffff;
    background-color: #ed1d49;
}
.color9-4 .afterlogin_dep_head {
    background-color: #140b1a;
}
.color9-4 .trans_btn,
.color9-4 .depwith_wrapbtn a {
    background-color: #201330;
}
.color9-4 .btn_dep,
.color9-4 .btn_tr  {
    background-color: #2283f6;
}
.color9-4 .header_btn_dep{
    background-color: #140b1a;
}
.color9-4 .msg-content {
    background: #cbcbcb;
}
.color9-4 .footer-menu {
    background:  linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgb(45 27 71) 100%);
    border-top: 1px solid #93acd33b;
}
.color9-4 .footer-in ul li a {
    color: #93acd3;
}
.color9-4 .mobile_dropdown,
.color9-4 .mobile_dropdown-slots,
.color9-4 .detect_id_tab .filter-button {
    background-color: #000000;
}
.color9-4 .detect_id_tab .filter-button:hover,
.color9-4 .detect_id_tab .filter-button.active{
    background-color: #fd0064;
}
.color9-4 .footer_pay {
    background-color: #2c2e34;
}
.color9-4 .info-bg {
    background: #000000;
}
.color9-4 button.btn-tnc.collapsed,
.color9-4 button.btn-tnc {
    background: #201330;
    color: #fff;
}
.color9-4 .tnc-body {
    background: rgb(33 19 47);
}
.color9-4 .blog-item {
    border: 1px solid #ffffff42;
}
.color9-4 .info-wrap tr td {
    background: #252138;
}
.color9-4 .bnk-td {
    background: #000000;
}
.color9-4 button.btn-dly {
    background: linear-gradient(to right, rgba(250, 137, 57, 1) 0%, rgba(251, 62, 109, 1) 100%);
    color: #fff;
    border: 1px solid #aa284a96;
    box-shadow: 0px 0px 20px 8px #77267d, 0px 0px 20px 0px #603d92;
    text-shadow: 0px 2px 0px black;
}
.color9-4 .btn-bln-all {
    color: #ffffff;
    background: #000000;
}
.color9-4 .bln-all ul li {
    background-color: #000000;
}
.color9-4 .button-container {
    background: linear-gradient(to bottom, #ff0066 0%, #b91678 100%);
    border: 1px solid #ff0066;
}
.color9-4 .footer_submenu p {
    color: #93acd3;
}
.color9-4 .footer_submenu ul a:hover{
    color: #55657e;
}
.color9-4 .text-trs {
    color: #859cbf;
}
.color9-4 .btn_login_modal{
    background-color: #ff0065;
}
.color9-4 .input_inner svg{
    color: #ff0065;
}
.color9-4 .share_modal .close,
.color9-4 .balance-modal .close{
    color: #ff0065;
    text-shadow: 0 1px 0 #ff0065;
}
.color9-4 .input_inner_forgot a {
    border-bottom: 1px solid #ff0065;
}
.color9-4 .btn_reg {
    background-color: #ff0065;
}
.color9-4 .footer-card ul li a {
    color: #55657e;
}
.color9-4 .user_vip_inner .usr_vip_score_box_item h5 {
    color: #ff0065;
}
.color9-4 .promo_box_wrap_inn span {
    color: #9c91cd;
}
.color9-4 .promo_box_wrap_a a {
    color: #9c91cd;
    border: 1px solid #9c91cd;
}
.color9-4 .filter-list li {
    color: #ffffff8c;
}
.color9-4 .filter-list li.mixitup-control-active,
.color9-4 .filter-list li:hover {
    background-color: #ff0066;
    color: #fff;
}
.color9-4 .intro_promotion_subtitle {
    color: #9c91cd;
}
.color9-4 .info-wrap .intro_subtitle,
.color9-4 .promo_box_wrap_inn span {
    color: #9c91cd;
}
.color9-4 .modalhead_btn.active {
    background-color: #ff0065;
    color: #fff;
}
.color9-4 .modalhead_btn {
    color: #9c91cd;
}
.color9-4 .submit_btn_wrap button.paybtn{
    background-color: #ff0065;
}
.color9-4 .level-status, 
.color9-4 .level-desc,
.color9-4 .review-card,
.color9-4 .data-wrapper,
.color9-4 .news-card{
    background-color:#000000;
    border: 1px rgb(255 255 255 / 25%) solid;
}
.color9-4 .btn-readmore {
    background-color: #1cc980;
    color: #fff;
}
.color9-4 .annbox{
    color: #fff;
    border: 2px solid #000000;
    background: url(../images/ann-bg.png), linear-gradient(180deg, #0a0e14 0%, #b10262 100%);
}
.color9-4 .ann-title {
    background-color: #000;
    border-bottom: 2px solid #fd0064;
}
.color9-4 .anncon .nav .nav-link {
    background-color: #000000;
    border: 1px solid #000000;
}
.color9-4 .anncon .nav .nav-link.active {
    background: linear-gradient(90deg, #d60056 0%, #53006f 100%);
    border: none;
}
.color9-4 .annbox .annimg {
    border: 1px solid #000000 ;
}
.color9-4 .annpagi .pitem.active, 
.color9-4 .annpagi .pitem:hover {
    background-color: #fd0064;
}
.color9-4 .ranking-list {
    background-color: #ffffff10;
}
.color9-4 .logo-text{
    color:rgb(242 0 102);
}

/*game filter*/
.color9-4 .hotgame-main-img_pro img {
    opacity: 0.7;
}
.color9-4 .btn-fav {
    color: #ffffff40;
}
.color9-4 .btn-fav.active{
    color: #ffb612;
}
.color9-4 .searchinput{
    background-color: #000000;
    color: #ffffff;
}
.color9-4 .swiper-wrapper-custom-slots .swiper-slide.active .hotgame-main-img_pro,
.color9-4 .swiper-wrapper-custom-slots .swiper-slide:hover .hotgame-main-img_pro {
    background-color: #fd0064;
}
/*game thumb*/
.color9-4 .inn_product_wrap a{
    background-color: #00000080;
}
/* referral */
.color9-4 .referral-top {
    background-color: #000000;
}
.color9-4 .btn-referral {
    background-color: #2283f6;
}
.color9-4 .referral-detail-single {
    background-color: #000000;
}
.color9-4 .btn-referral-detail.active {
    background-color: #1cc980;
}
.color9-4 .referral-link {
    background-color: #FFFFFF40;
}
/* af */
.color9-4 .form-box,
.color9-4 .vip-info .accordion-button,
.color9-4 .vip-info .accordion-item,
.color9-4 .login-wrapper{
    background-color: #000000;
}
.color9-4 .af-form .form-control, 
.color9-4 .af-form .form-control:focus, 
.color9-4 .af-form .form-control:disabled {
    border: none;
}
.color9-4 .vip-info .accordion-button,
.color9-4 .vip-info .accordion-button:focus {
    box-shadow: none;
}
.color9-4 .bal{
    color: #ff0065;
}
.color9-4 .btnform{
    background-color: #ff0065;
}
.color9-4 .tab-menu a {
    background:#0e0e0e;
}
.color9-4 .tab-menu a.active{
    background-color: #ff0065;
}
.color9-4 .af-form .input-group,
.color9-4 .w-type .pincode-input-text, 
.color9-4 .form-control.pincode-input-text,
.color9-4 .d-amount a,
.color9-4 .d-promo .form-check-label,
.color9-4 .form-control option{
    background-color: rgb(18 18 18);
}
.color9-4 .b-type,
.color9-4 .t-type {
    background: #101010;
}
.color9-4 .viptabs .nav-tabs .nav-item.show .nav-link, 
.color9-4 .viptabs .nav-tabs .nav-link.active, 
.color9-4 .viptabs .nav-tabs .nav-link:focus, 
.color9-4 .viptabs .nav-tabs .nav-link:hover {
    background-color:#000000;
    color:#fff;
    border-color: #FFFFFF1A;
}
.color9-4 .vipbox {
    background: linear-gradient(90deg, rgb(251 0 100) 0%, rgb(137 0 129) 100%);
}
.color9-4 .actarea a,
.color9-4 .af-form .form-remark{
    color: #ff9e1f;
}
.color9-4 .accordion-item {
    border-color:#FFFFFF1A;
}
.color9-4 .vip-bar .progress{
    background:#ffffff3b;
}
.color9-4 .vip-bar .progress-bar{
    background:#ff9b00;
}
.color9-4 .b-table .btn-claim{
    background: #ffffff19;
    color: #ffffff;
}
.color9-4 .w-menu.active img{
    border: 1px #ff9b00 solid;
}
.color9-4 .statistic .s-data.active{
    background:#ff0065;
    color: #fff;
}
.color9-4 .statistic .s-data.active .s-amount{
    color: #fff;
}
.color9-4 .rstep.active{
    background:#ff0065;
}
.color9-4 .rstep{
    background-color: #121212;
}
.color9-4 .form-check-input:checked + .form-check-label{
    background:linear-gradient(90deg, rgb(143 0 57) 0%, rgb(18 18 18) 57%);
    background-repeat: no-repeat;
    color: #fff;
}
.color9-4 .af-form .form-check-input:checked{
    background-color: rgb(0, 138, 37) !important;
    border-color:transparent;
}
.color9-4 .w-bar .progress {
    --bs-progress-bg: #ffffff33;
    --bs-progress-bar-bg:#ff9b00;
    margin: 0;
}
.color9-4 .w-bar .progress-bar{
    background:#ff9b00;
}
.color9-4 #loginmodal input:-webkit-autofill,
.color9-4 #loginmodal input:-webkit-autofill:hover, 
.color9-4 #loginmodal input:-webkit-autofill:focus, 
.color9-4 #loginmodal input:-webkit-autofill:active{
    box-shadow: 0 0 0px 1000px #181818  inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #181818 inset !important;
    border: none !important;
}
.color9-4 .af-form input:-webkit-autofill,
.color9-4 .af-form input:-webkit-autofill:hover, 
.color9-4 .af-form input:-webkit-autofill:focus, 
.color9-4 .af-form input:-webkit-autofill:active{
    box-shadow: 0 0 0px 1000px #121212  inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #121212 inset !important;
    border: none !important;
}
/*special promo*/
.color9-4 .promo-btn,
.color9-4 .refer-btn{
    border: 1px #ffffff47 solid;
    background-color: #00000070;
}
.color9-4 .promo-btn:hover,
.color9-4 .refer-btn:hover{
    color: #ff0065;
}
@media (min-width: 1000px) {
    .color9-4 .tabs_product .tab-content {
        background-color: #00000040;
    }
}
/*info page*/
.color9-4 .info-wrapper h1,
.color9-4 .info-wrapper h2,
.color9-4 .info-wrapper h3,
.color9-4 .info-wrapper h4,
.color9-4 .info-wrapper h5,
.color9-4 .info-wrapper h6{
    color: #ff0065;
}