*, ::after, ::before {
  box-sizing: border-box !important;
}
.text-purple{
  color: #DEB35E !important;
}
.text-purple1{
  color: #DEB35E !important;
}
.text-white{
  color: #ffffff !important;
}
.text-orange{
  color: #BE1C3B !important;
}
.text-gray{
  color: #9BABBA !important;
}
.text-white{
  color: #ffffff !important;
}
.lb-msg{
  color: #FF5959;
  text-align: left;
  font-size: 12px;
}
.bg-purple{
  background-color: #BE1C3B;
}
.size-12px{
  font-size: 12px !important;
}
body {
  background: #0D0D0D;
  color: #fff;
}
.o-wrapper {
  padding-top: 50px;
}
header {
  background: #1E1E1E;
  height: 50px;
  z-index: 95;
  box-shadow: unset;
}
footer {
  height: 64px;
  background: unset;
}
.logo {
  width: 2.5rem;
}
.header-right .current-lang img,
.header-right .dropdown-menu .dropdown-item img {
  max-width: 28px;
}
.announcement {
  /* background: linear-gradient(to bottom, #DEB35E, #4f1e77); */
  margin-top: 0.5rem;
  padding: 0;
}
.announcement i {
  color: #DEB35E !important;
  margin-right: 5px;
}
.main-nav .nav-link {
  height: 59px;
  color: #ffffff;
  background: #181818;
  border: 1px solid;
  border-image-source: linear-gradient(180deg, #3A3F53 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 0px 4px 0px #353748 inset;
}
.announcement .js-marquee{
  color :#97A6B5;
}
.main-nav .nav-link.active {
  background: linear-gradient(180deg, #FFDA7C 12.97%, #85662B 110.17%);
  box-shadow: 0px 0px 5px 0px #FFFDF880 inset;
  border: unset;
  text-shadow: unset;
  color: #000000;
}
.center-head-msg i,
.center-tab a.active,
.center-tab a:hover,
.promotion-page .navbar-promo .nav-link.active,
.main-menu-username-wrapper span,
.turnover-item label span,
.input .text-white h3,
.input .text-white,
.transfer label span,
.depo-btn,
.input .step1 .item .title {
  color: #fff !important;
}
.main-thumb-long img {
  border-radius: 10px;
  /* border: 1px solid #DEB35E; */
}
.input label{
  margin-top: 0;
}
.gradient,
.code-match,
.center .list a:hover,
.list a:hover,
.lott-list.list a:hover,
.center-table th span,
.main-menu-balance-wrapper span,
.poker_popup .btn,
.btn#gameLink,
.vip-bonus-btn.active,
#pills-add-bank-tab.active,
#pills-cryptocurrency-tab.active {
  color: #000 !important;
  background-image: linear-gradient(180deg, #FFDA7C 12.97%, #85662B 110.17%) !important;
  box-shadow: 0px 0px 5px 0px #FFFFFF40 inset !important;
  border: unset !important;
}
.gradient{
  border-radius: 8px !important;
  padding: .375rem .50rem !important;
  font-size: 1rem !important;
}
.btn.poker_play {
  line-height: 1.2rem !important;
}
.header-right-btn-login {
  color: #DEB35E;
  border: 1px solid #DEB35E;
}
.nav-icon:after,
.nav-icon:before,
.nav-icon div,
.promo-top-title,
.poker_popup .poker_close {
  background-color: #DEB35E !important;
}
.center-head,
.header-nav {
  background: transparent;
}
.center-basic tr {
  border-bottom: 1px solid #DEB35E;
}
.poker_popup {
  border: 2px solid #DEB35E !important;
}
.promo-top-cont {
  border-bottom: 2px solid #DEB35E !important;
}
.main-menu-balance-wrapper span {
  border: none;
}
/* .carousel {
  padding: 0 0.5rem;
} */
.game-name {
  display: none;
}
.union-step1 .title {
  background: #ff8300;
}
.alipay-step1 .title {
  background: #0e86d4;
}
.poker_popup .btn {
  margin: 0;
}
.block-height {
  height: 20px;
}
.login-wrapper,.register-wrapper{
  width: 90%;
  margin: auto;
}
.login-wrapper .header-right,
.register-wrapper .header-right {
  justify-content: center !important;
}

/* Popup home page */
  .modal-home-popup .modal-header{
    background: #606060;
    position: relative;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: unset;
  }
  .modal-home-popup .modal-header .close{
    position: absolute;
    top: -20px;
    right: -10px;
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0;
    color: #ffffff;
    border: 3px solid #ffffff;
    border-radius: 50px;
    font-size: 24px;
    opacity: 1;
  }
  .modal-home-popup .modal-body{
    background: #181818;
    padding: 15px;
    font-size: 12px;
    line-height: 1.8;
    max-height: 60vh;
    overflow: auto;
  }
  .modal-home-popup .modal-footer{
    background: linear-gradient(0deg, #D0A453 0%, #6A542A 117.86%);
    position: relative;
    align-items: center;
    justify-content: center;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top: unset;
  }
  .modal-home-popup .modal-footer a{
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
  }
  .modal-home-popup .hr-line{
    border-color: #25273C;
    border-width: 2px;
  }
  .modal-home-popup ul{
    padding: 0;
    margin: 0;
    padding-left: 25px;
  }
  .modal-home-popup ul li{
    list-style: none;
  }
  i.home-icon-check{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: 5px;
    margin-right: 10px;
    background-image: url(../../images/gameplus/new-layout/home-icon-check.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
/* Popup home page */

/* Header home page */
  .header-right{
    gap: 5px;
  }
  .header-right .btn_home_vip{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 5px;
    border-radius: 15px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    padding: 0 5px;
    color: #000000;
    background: linear-gradient(180deg, #FFF5D0 -46.61%, #FFDA7C 29.43%, #85662B 110.17%);
    box-shadow: 0px 0px 10px 0px #FFFDF880 inset;
  }
  .header-right .btn_home_vip .text-name {
    width: 65px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .header-right .btn_home_vip .text-vip{
    color: #FE0404;
    font-size: 12px;
    text-transform: uppercase;
  }
  .header-right .user_balance{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 5px;
  }
  .header-right .user_balance .text-balance{
    color: #ffffff;
    font-size: 12px;
  }
  .center-info{
    position: unset;
    padding: 0;
    margin-left: 0;
    width: 70%;
  }
  .center-info #member_balance{
    font-weight: 600;
  }
  .header-right i.home-icon-vip,
  .header-right i.home-icon-balance,
  .center-info i.home-icon-vip{
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  i.home-icon-vip{
    background-image: url(../../images/gameplus/new-layout/home-icon-vip.png);    
    width: 17px;
    height: 16px;
  }
  i.home-icon-balance{
    background-image: url(../../images/gameplus/new-layout/home-icon-balance.png);
    width: 17px;
    height: 14px;
  }
/* Header home page */

/* Announcement */
  .announcement-slide {
    position: relative;
    padding: 0 10px;
  }
  i.icon-announcement-right{
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    width: 14px;
    height: 14px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  i.icon-announcement-right{
    background: url(../../images/gameplus/new-layout/home-icon-voice.png);
  }
  .announcement-slide-box {
    padding: 0 25px;
    padding-right: 0;
  }
  .announcement-slide-list {
    font-size: 14px;
    padding-top: 5px;
    color: #97A6B5;
  }
/* Announcement */

/* Footer home page */
  footer .footer-nav{
    background: #1E1E1E;
    border-top: 1px solid #836528;
    border-radius: 18px 18px 0 0;
    padding: 0;
  }
  footer .footer-nav li{
    position: relative;
    height: 100%;
  }
  footer .footer-nav li a{
    color: #9BABBA;
    height: 100%;
  }
  footer .footer-nav li a.active{
    color: #DEB35E;
  }
  footer .footer-nav li a.active::after{
    content: '';
    position: absolute;
    left: 55%;
    bottom: 0;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    width: 100%;
    height: 64px;
    text-align: center;
    background: unset;
    background-image: url(../../images/gameplus/new-layout/bg_btn_active.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .footer-nav .fa-home,
  .footer-nav .fa-gift,
  .footer-nav .fa-icon-money,
  .footer-nav .fa-comments,
  .footer-nav .fa-user{
    display: block;
    width: 21px;
    height: 21px;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .footer-nav .fa-home:before,
  .footer-nav .fa-gift:before,
  .footer-nav .fa-icon-money:before,
  .footer-nav .fa-comments:before,
  .footer-nav .fa-user:before{
    content: '';
  }
  .footer-nav .fa-home{
    background-image: url(../../images/gameplus/new-layout/footer-icon-home.png);
  }
  .footer-nav .fa-gift{
    background-image: url(../../images/gameplus/new-layout/footer-icon-gift.png);
  }
  .footer-nav .fa-icon-money{
    background-image: url(../../images/gameplus/new-layout/footer-icon-money.png);
  }
  .footer-nav .fa-comments{
    background-image: url(../../images/gameplus/new-layout/footer-icon-contact.png);
  }
  .footer-nav .fa-user{
    background-image: url(../../images/gameplus/new-layout/footer-icon-user.png);
  }
  .footer-nav li a.active .fa-home{
    background-image: url(../../images/gameplus/new-layout/footer-icon-home-active.png);
  }
  .footer-nav li a.active .fa-gift{
    background-image: url(../../images/gameplus/new-layout/footer-icon-gift-active.png);
  }
  .footer-nav li a.active .fa-icon-money{
    background-image: url(../../images/gameplus/new-layout/footer-icon-money-active.png);
  }
  .footer-nav li a.active .fa-comments{
    background-image: url(../../images/gameplus/new-layout/footer-icon-contact-active.png);
  }
  .footer-nav li a.active .fa-user{
    background-image: url(../../images/gameplus/new-layout/footer-icon-user-active.png);
  }
  
  .home-icon-down-app{
    position: absolute;
    z-index: 1;
    right: 10px;
    bottom: 80px;
  }
  .home-icon-down-app a.f-img-wheel{
    display: block;
    width: 80px;
    height: 65px;
    /* background-image: url(../../images/gameplus/new-layout/home-icon-down-app.png); */
    background-image: url(../../images/gameplus/new-layout/lucky-wheel.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .close-home-down-app {
    position: absolute;
    width: 20px;
    height: 20px;
    right: -5px;
    top: -5px;
    background: rgb(0 0 0 / 70%);
    color: #fff;
    text-align: center;
    border-radius: 100%;
    font-size: 12px;
    border: unset;
    padding: unset;
  }
  .home-icon-down-app span{
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 10px;
  }
/* Footer home page */

/* Promotion page */
  .nav-promo-type .nav-link{
    text-transform: uppercase;
    text-align: center;
    position: relative;
    color: #ffffff;
  }
  .nav-promo-type .nav-link.active::before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translate(-50%, 0);
    width: 120px;
    height: 50px;
    background-image: url(../../images/gameplus/new-layout/bg_btn_active.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .nav-promo-type .nav-link.active{
    background: unset;
    color: #DEB35E;
  }
  .nav-promo{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .nav-promo img{
    width: 25px;
    height: 25px;
  }
  .nav-promo .nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 5px;
    padding: 0;
    margin: 5px 0;
    width: 90%;
    height: 70px;
    background: #181818;
    box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
    border-radius: 8px;
  }
  .nav-promo .nav-link.active,
  .btn-promo-collect{
    background: linear-gradient(180deg, #FFDA7C 12.97%, #85662B 110.17%) !important;
    box-shadow: 0px 0px 5px 0px #FFFFFF80 inset;
  }
  .nav-promo .nav-link span {
    font-size: 13.5px;
    color: #ffffff;
  }
  .nav-promo .nav-link.active span{
    color: #000000;
  }
  .card-promo{
    background: unset;
    text-align: center;
  }
  a.nav-link.btn-promo-collect{
    height: 29px;
    border-radius: 5px;
  }
  a.nav-link.btn-promo-collect span{
    color: #000000;
  }
/* Promotion page */

/* Login & Register page */
  .login-wrapper .logo,
  .register-wrapper .logo{
    width: 85px;
    margin-bottom: 25px !important;
  }
  .login-content-wrapper{
    background: url(../../images/gameplus/new-layout/bg_login.png);
  }
  .register-content-wrapper{
    background: url(../../images/gameplus/new-layout/bg_register.png);
  }
  .login-content-wrapper,
  .register-content-wrapper{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-shadow: unset;
  }
  .login-content-wrapper i,
  .register-content-wrapper i{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #DEB35E;
  }
  #loginForm #togglePass,
  #registerForm #togglePass, 
  #registerForm #toggleConfirmPass {
    position: absolute;
    right: 10px;
    top: 50%;
    left: unset;
    color: #ffffff;
  }
  #loginForm .form-group .form-control, 
  #registerForm .form-group .form-control{
    padding-left: 30px;
  }
  #loginForm .form-group #captcha.form-control, 
  #registerForm .form-group #captcha.form-control,
  #loginForm .form-group select#phone_code.form-control,
  #registerForm .form-group select#phone_code.form-control{
    padding-left: 10px;
  }
  ::-webkit-input-placeholder { 
    color: #9BABBA;
  }
  :-moz-placeholder { 
    color: #9BABBA;
  }
  ::-moz-placeholder { 
    color: #9BABBA;
  } /* For the future */
  :-ms-input-placeholder { 
    color: #9BABBA;
  }
  .transfer #amt::-webkit-input-placeholder { 
    color: #ffffff !important;
  }
  .transfer #amt:-moz-placeholder { 
    color: #ffffff !important;
  }
  .transfer #amt::-moz-placeholder { 
    color: #ffffff !important;
  } /* For the future */
  .transfer #amt:-ms-input-placeholder { 
    color: #ffffff !important;
  }
  
  .form-group .form-control,
  .form-control input,
  #loginForm .form-group .form-control, #registerForm .form-group .form-control {
    background: #181818;
    box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
    color: #FFFFFF40;
    border-radius: 8px;
    border: unset;
    height: 41px;
  }
  .btn-login-form, 
  .btn-register-form,
  .btn-get-code {
    background: linear-gradient(180deg, #FFDA7C 12.97%, #85662B 110.17%);
    box-shadow: 0px 0px 5px 0px #FFFFFF80 inset;
    color: #000;
    border: unset;
    min-width: unset;
    width: 100%;
  }
  .header-right-btn-register,
  .header-right-btn-login{
    min-width: unset;
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0;
    color: #ffffff;
  }
  .header-right-btn-register{
    background: linear-gradient(180deg, #FFF5D0 -46.61%, #FFDA7C 29.43%, #85662B 110.17%);
    box-shadow: 0px 0px 8px 0px #F096FF40 inset;
    color: #000000;
    border: unset;
  }
  .header-right-btn-login{
    background: #181818;
    box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
    color: #ffffff;
    border: unset;
  }
  .code-match {
    width: 100%;
    height: 38px;
    border-radius: 8px;
    padding: 0 1.5rem;
    font-size: inherit;
  }
  /* newcheckbox */
    .newcheckbox {
      position: relative;
      padding-left: 25px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: #ffffff;
    }
    .newcheckbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }
    .checkmark {
      position: absolute;
      left: 5px;
      height: 16px;
      width: 16px;
      background-color: #181818;
      box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
    }
    .login-wrapper .checkmark{
      top: 3px;
      border-radius: 5px;
    }
    .register-wrapper .checkmark{
      top: 2px;
      border-radius: 100%;
    }
    .newcheckbox:hover input ~ .checkmark {
      background-color: #181818;
    }
    .newcheckbox input:checked ~ .checkmark {
      background-color: #181818;
    }
    .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }
    .newcheckbox input:checked ~ .checkmark:after {
      display: block;
    }
    .newcheckbox .checkmark:after {
      left: 6px;
      top: 2px;
      width: 5px;
      height: 9px;
      border: solid #ffffff;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
      transform: rotate(40deg);
    }
    #registerForm .newcheckbox{
      font-size: 14px;
      color: #fff;
    }
    #registerForm .newcheckbox .sub-text{
      color: #DEB35E;
    }
  /* newcheckbox */
  .login-wrapper::before,
  .register-wrapper::before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    width: 100%;
    height: 250px;
    background-image: url(../../images/gameplus/new-layout/bg_main_bottom.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
/* Login & Register page */

/* Contact Us page */
  header i.fa.fa-angle-left {
    font-size: 34px;
    margin-left: 25px;
    color: #DEB35E;
  }
  header .title {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .contact-us-banner{
    display: block;
    max-width: 364px;
    height: 192px;
    background-image: url(../../images/gameplus/new-layout/contact_us_banner.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: auto;
    margin-top: 20px;
  }
  .contact-us-content {
    padding: 20px 0;
  }
  .contact-us-content .title {
    text-align: center;
  } 
  .contact-us-content ul {
    padding: 0;
    margin: 0;
  }
  .contact-us-content ul li {
    list-style: none;
    background: #1E1E1E;
    box-shadow: inset 0px 0px 3px 0px #353748;
    border-radius: 8px;
    margin: 10px 0;
  }
  .contact-us-content ul li a{
    display: block;
    position: relative;
    color: #97A6B5;
    padding: 20px;
  }
  .contact-us-content ul li a::before{
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
    width: 8px;
    height: 14px;
    background-image: url(../../images/gameplus/new-layout/menu-icon-chevron-right.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .contact-us-content ul li a.active::before{
    rotate: 90deg;
    right: 30px;
  }
  .contact-us-content ul li p{
    display: none;
    padding: 20px;
    padding-top: 10px;
  }

/* Contact Us page */

/* Center page */
  .center{
    padding: 0 10px;
  }
  .center .btn-big {
    margin: 10px 0;
  }
  .center-basic{
    padding: 0;
    border-bottom: unset;
  }
  .center .contant.list{
    background: #202020;
    padding: 0 15px;
    border-radius: 8px;
  }
  .center .list a {
    display: flex;
    position: relative;
    list-style: none;
    background: unset;
    box-shadow: unset;
    border: unset;
    border-bottom: 1px solid #353748;
    border-radius: unset;
    margin: 0;
    color: #ffffff;
    height: 60px;
    line-height: 60px;
  }
  .center .list a:last-child{
    border-bottom: unset;
  }
  .list a::before{
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
    width: 8px;
    height: 14px;
    background-image: url(../../images/gameplus/new-layout/menu-icon-chevron-right.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .h-row-one,
  .h-row-two {
    display: flex;
    gap: 10px;
  }
  .h-row-one .vip,
  .h-row-one .username,
  .h-row-two .vip {
    border-radius: 8px;
    width: 150px;
    padding: 2px 5px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .h-row-one .vip{
    background: linear-gradient(180deg, #FFDA7C 12.97%, #85662B 110.17%);
    box-shadow: 0px 0px 4px 0px #E2BEFF40 inset;
    color: #E0162E;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }
  .h-row-two .vip{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
  }
  .h-row-one .username{
    background: #1E1E1E;
    border: 0.5px solid #3F3F3F;
  }
  .center-info hr{
    border-color: #9BABBA;
    margin: 5px 0px;
  }
  .center-head{
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    height: auto;
    gap: 10px;
  }
  .center-head .center-info p{
    color: #DEB35E;
    font-size: 12px;
  }
  .center-head .center-avtar {
    width: 80px;
    height: 80px;
    margin-top: 0;
    background-image: url(../../images/gameplus/new-layout/avtar-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .center-icon-sms{
    background-image: url(../../images/gameplus/new-layout/center-icon-sms.png);
  }
  .center-icon-notif{
    background-image: url(../../images/gameplus/new-layout/center-icon-notif.png);
  }
  .center-info2 {
    display: flex;
    width: 20%;
    height: 70px;
    flex-direction: column;
    justify-content: space-between;
  }
  .center-icon-sms,
  .center-icon-notif{
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .center-icon-sms{
    width: 25px;
    height: 20px;
    margin-top: 3px;
  }
  .center-icon-notif{
    width: 25px;
    height: 27px;
  }

  .list a i{
    background: unset;
  }
  .ctr-info{
    background: #1E1E1E;
    color: #ffffff;
    height: 29px;
    line-height: 29px;
    font-size: 12px;
    padding: 0 15px;
    border-radius: 8px;
    position: relative;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .ctr-info::before{
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate(0, -50%);
    width: 4px;
    height: 8px;
    background-image: url(../../images/gameplus/new-layout/menu-icon-chevron-right.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  i.center-icon-deposit{
    background-image: url(../../images/gameplus/new-layout/center-icon-deposit.png);
  }
  i.center-icon-withdraw{
    background-image: url(../../images/gameplus/new-layout/center-icon-withdraw.png);
  }
  i.center-icon-transfer{
    background-image: url(../../images/gameplus/new-layout/center-icon-transfer.png);
  }
  i.center-icon-betting{
    background-image: url(../../images/gameplus/new-layout/center-icon-betting.png);
  }
  i.center-icon-bonus{
    background-image: url(../../images/gameplus/new-layout/center-icon-bonus.png);
  }
  i.center-icon-acc-setting{
    background-image: url(../../images/gameplus/new-layout/center-icon-acc-setting.png);
  }
  i.center-icon-promo-code{
    background-image: url(../../images/gameplus/new-layout/center-icon-promo-code.png);
  }

  .list a i.center-icon-turnover{
    background-image: url(../../images/gameplus/new-layout/center-icon-turnover.png);
  }
  .list a i.center-icon-promo-list{
    background-image: url(../../images/gameplus/new-layout/center-icon-promo-list.png);
  }
  .list a i.center-icon-vip-bonus{
    background-image: url(../../images/gameplus/new-layout/center-icon-vip-bonus.png);
  }
  .list a i.center-icon-vip-bonus-report{
    background-image: url(../../images/gameplus/new-layout/center-icon-vip-bonus-report.png);
  }
  .list a i.center-icon-logout{
    background-image: url(../../images/gameplus/new-layout/center-icon-logout.png?v=1.1);
  }
  .list a i.center-icon-changepass{
    background-image: url(../../images/gameplus/new-layout/center-icon-changepass.png);
  }

  i.center-icon-deposit,
  i.center-icon-withdraw,
  i.center-icon-transfer,
  i.center-icon-betting,
  i.center-icon-bonus,
  i.center-icon-acc-setting,
  i.center-icon-promo-code{
    display: block;
    width: 42px;
    height: 42px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .list a i.center-icon-turnover,
  .list a i.center-icon-promo-list,
  .list a i.center-icon-vip-bonus,
  .list a i.center-icon-vip-bonus-report,
  .list a i.center-icon-logout,
  .list a i.center-icon-changepass
  {
    display: block;
    width: 19px;
    height: 19px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* float: left; */
    margin-top: 20px;
    margin-right: 5px;
  }
  .center-nav ul,
  ul.vip-block3 {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
  }
  .center-nav ul li,
  ul.vip-block3 li {
    list-style: none;
    width: 100%;
    text-align: center;
  }
  .center-nav ul li a {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    background: #1E1E1E;
    padding: 10px 5px;
    border-radius: 8px;
  }
  .center-nav ul li a span,
  ul.vip-block3 li a span{
    color: #fff;
    white-space: nowrap;
  }
  ul.vip-block3 li a {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    padding: 10px 5px;
    border-radius: 8px;
  }
  .center-bg-vip{
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../../images/gameplus/new-layout/center-bg-vip.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    padding: 15px;
    margin: 10px 0;
    border-radius: 8px;
    font-size: 12px;
  }
  .vip-block1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .side-top-right{
    position: relative;
    padding: 0 15px;
  }
  .side-top-right::before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 6px;
    height: 12px;
    background-image: url(../../images/gameplus/new-layout/menu-icon-chevron-right.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .vip-block2 {
    padding: 15px 0;
  } 
  .vip-block2 ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
  } 
  .vip-block2 ul li{
    list-style: none;
    padding: 2px 10px;
    border-radius: 15px;
  }
  .vip-block2 ul li:first-child{
    background: linear-gradient(137.4deg, #1C49BD 2.6%, #2BA7ED 93.52%);
  }
  .vip-block2 ul li:last-child{
    background: linear-gradient(179.08deg, #FF2E47 1.6%, #440509 99.69%);
  }
  .vip-block2 .progress {
    height: 8px;
    width: calc(100% - 40px);
    margin: auto;
    margin-top: 10px;
    background: #221A3A80;
    overflow: visible;
  }
  .vip-block2 .progress .progress-bar{
    position: relative;
    overflow: visible;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }
  .vip-block2 .progress .progress-bar::after {
    content: "";
    background: #fff;
    position: absolute;
    right: -6px;
    top: -4px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
  }
  .form-control:disabled, 
  .form-control[readonly],
  .input input[data-role="none"]:not([type="checkbox"]), 
  .input select[data-role="none"]:not([type="checkbox"]), 
  .noico:not([type="checkbox"]){
    background: #1E1E1E !important;
    box-shadow: 0px 0px 4px 0px #FFFFFF40 inset !important;
    border: unset !important;
    color: #fff;
    height: 37px !important;
  }
  .bg-input-clone{
    background: #1E1E1E;
    box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
    border: unset;
    color: #fff;
    height: 37px;
    border-radius: 8px;
  }
  /* .input select[data-role="none"]:not([type="checkbox"]){
    color: #5f6770;
  } */
/* Center page */

/* Custom home page */
  main.main-container {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
  }
  .main-nav .nav-link .main-nav-left-icon img{
    max-width: 35px;
    filter: grayscale(1) brightness(0.5);
  }
  .main-nav .nav-link.active .main-nav-left-icon img{
    filter: unset;
  }
  .home_btn_l_r{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px;
  }
  .home_btn_l_r a.btn_l,
  .home_btn_l_r a.btn_r{
    display: block;
    width: 50%;
    text-align: center;
    border-radius: 8px;
    height: 38px;
    line-height: 38px;
    color: #ffffff;
    text-transform: uppercase;
  }
  .home_btn_l_r a.btn_r{
    color: #000000;
  }
  .home_btn_l_r .btn_l{
    background: #181818;
    box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
  }
  .home_btn_l_r .btn_r{
    background: linear-gradient(180deg, #FFDA7C 12.97%, #85662B 110.17%);
    box-shadow: 0px 0px 5px 0px #FFFDF880 inset;
  }
  .game-right-menu{
    height: 600px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  .main-menu-btn-wrapper a{
    color: #97A6B5;
    font-weight: 100;
  }
  .main-menu-btn-wrapper a img {
    width: auto;
    height: 35px;
    margin-bottom: 3px;
  }
  .main-menu-btn-wrapper:last-child a img {
    padding: 3px;
  } 
  .index-game-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .main-nav .nav-link .main-nav-right-title{
    justify-content: flex-start;
  }
/* Custom home page */

/* Center Record page */
  .center-table th{
    border-radius: 8px;
    background: unset !important;
    box-shadow: unset !important;
    border: unset !important;
  }
  .center-table th span {
    display: block;
    padding: 10px 20px;
    border-radius: 8px;
  }  
  .center-table td{
    background-color: unset;
    color: #ffffff;
    border: unset;
    border-bottom: 1px solid #353748;
  }
  .center-table td span {
    display: block;
    width: 100%;
    border-right: 1px solid #353748;
    padding: 5px;
    white-space: nowrap;
  }
  .center-table td:last-child span{
    border-right: unset;
  }
  .center-table tbody{
    background: #1E1E1E;
    box-shadow: 0px 0px 4px 0px #353748 inset;
    border-radius: 8px;
  }
  .center-table{
    padding: 0;
    background: transparent;
  }
/* Center Record page */

/* Center Statement page */
.provider-item{
  text-align: center;
  margin-top: 20px;
  padding: 0 !important;
}
.provider-item .d-flex{
  gap: 5px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#form1 .provider-item .btn-turnover {
  width: 24.33% !important;
  margin: 5px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 !important;
}
.turnover-item {
  display: flex;
  flex-wrap: wrap;
  max-width: 420px;
  margin: auto;
  padding: 0 !important;
}
.turnover-item .checkbox {
  width: 50%;
}
#form1 .turnover-item .input input[data-role="none"]:not([type="checkbox"]),
#form1 .turnover-item .noico:not([type="checkbox"]) {
  border-radius: 8px;
  background: #1E1E1E !important;
  text-align: center;
  height: 39px !important;
}

#form1 .turnover-item label[for="start_date"],
#form1 .turnover-item label[for="end_date"] {
  font-size: 17px;
}

#form1 input[type="checkbox"] {
  /* Hide the default checkbox */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #1E1E1E;
  box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}

#form1 .turnover-item input[type="checkbox"]:checked {
  background: linear-gradient(180deg, #FFDA7C 12.97%, #85662B 110.17%);
  border: none;
}

#form1 .turnover-item input[type="checkbox"]::after {
  content: '';
  position: absolute;
  width: 5px;
  height: 8.5px;
  border: solid #000;
  border-width: 0 2.5px 2.5px 0;
  /* how thick the tick is */
  transform: rotate(45deg);
  top: 4px;
  /* Adjust to align properly within the checkbox */
  left: 8px;
  /* Adjust to align properly within the checkbox */
  opacity: 0;
  /* Start hidden */
}

#form1 .turnover-item input[type="checkbox"]:checked::after {
  opacity: 1;
  /* Show when checked */
}

#form1 .turnover-item .textToCenter{
    text-align: center;
}
/* Center Statement page */

/* Center Bonus page */
  .center-tab{
    background: #1E1E1E;
    margin: 10px 0px;
    padding: 5px;
    gap: 10px;
  }
  .main.center .center-tab a {
    color: #fff;
    font-size: 12px;
    padding: 0;
    border: unset;
    flex: auto;
    height: 32px;
    line-height: 32px;
    border-radius: 50px;
    background: unset;
  }
  .center-tab a.active, .center-tab a:hover{
    background-color: unset;
    background: linear-gradient(180deg, #FFDA7C 12.97%, #85662B 110.17%) !important;
    box-shadow: 0px 0px 5px 0px #FFFFFF80 inset;
    color: #000 !important;
  }
/* Center Bonus page */
.promo-modal .modal-content{
  border-radius: 8px;
}
.promotion-page .tap-item{
  margin: 0;
}
.promotion-page .modal-body {
  padding: 15px;
}
.promotion-page table tr td{
  border: 1px solid #ccc;
}
.promo-modal-btn-wrapper{
  margin: auto;
}

/* Deposit page */
.deposit-page .input{
  padding: 0;
}
.select-amt-deposit{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
}
/* form#formQuickDeposit .select-amt-deposit a */
.select-amt-deposit a {
  width: 30%;
  padding: 5px;
  border-radius: 8px;
  color: #DEB35E;
  background: #1E1E1E;
  box-shadow: 0px 0px 3.3315069675445557px 0px #FFFFFF40 inset;
}
.input .step1 .item a{
  border: unset;
  box-shadow: unset;
  border-radius: 8px;
  line-height: 2rem;
}
.union-step1 .title{
  background: unset;
}
#deposit-page a.payment-step-1.active{
  background: linear-gradient(180deg, #D6B16D -9.13%, #422F0C 73.27%);
  box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
}
#deposit-page a.payment-step-1{
  background: #1E1E1E;
  box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
}
#quickly span,
#union span{
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.payment-step-1 .title{
  background-color: transparent !important;
}
#quickly span::before{
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 0.5rem;
  left: 0;
  top: 0;
  background: #DEB35E;
  box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
  mix-blend-mode: normal;
  filter: blur(8px);
  transform: rotate(-180deg);
}
#union span::before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 0.5rem;
  left: 0;
  top: 0;
  background: #DEB35E;
  box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
  mix-blend-mode: normal;
  filter: blur(10px);
  transform: rotate(-180deg);
}
#form-text,
#public-text, 
.text-info-des{
  padding: 15px;
  margin: 15px 0;
  background: #1E1E1E;
  box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
  border-radius: 8px;
  line-height: 2;
  font-size: 14px;
}
#form-text h3,
#public-text h3,
.text-info-des h3 {
  background: linear-gradient(180deg, #FFDA7C 12.97%, #85662B 110.17%);
  box-shadow: 0px 0px 5px 0px #FFFFFF80 inset;
  color: #000 !important;
  padding: 5px;
  margin: auto;
  margin-bottom: 10px;
  max-width: 149px;
  text-align: center;
  border-radius: 36px;
  font-size: 16px !important;
}
form.usdt-form h3 {
  text-align: center;
}
.depo-btn.active {
  border: unset;
  background: linear-gradient(180deg, #FFDA7C 12.97%, #85662B 110.17%);
  box-shadow: 0px 0px 8px 0px #F096FF40 inset;
}
.depo-btn{
  background: #1E1E1E;
  box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
  border: unset !important;
}
.union-form input#bankAccountCp,
.union-form input#bankNoCp,
.union-form input#fpsNumCp {
  border-radius: 8px !important;
  width: calc(100% - 10px);
}
/* Deposit page */

/* Transfer page */
form.transfer .d-flex{
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
form.transfer .d-flex label{
  width: 48%;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  margin: 0;
  background: #1E1E1E;
  box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
  border-radius: 8px;
  display: flex;
  gap: 5px;
  justify-content: space-between;
  align-items: center;
  line-height: 2;
}
form.transfer .d-flex label span{
  font-size: 12px;
}
form.transfer .d-flex label span:last-child{
  color: #DEB35E !important;
  text-align: right !important;
}
form.transfer .d-flex label span{
  text-align: right !important;
}
/* Transfer page */

@media screen and (max-width:500px) {
  .center-info{
    width: 50%;
  }
  .center-info2{
    width: 30%;
  }
}
/* Withdrawal page */
i.icon-recycling{
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../images/gameplus/new-layout/icon-recycling.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.refresh-turnover {
  margin-left: -15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: 8px;
  background: linear-gradient(180deg, #FFDA7C 12.97%, #85662B 110.17%);
  box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
  color: #fff;
  white-space: nowrap;
  padding: 0 5px;
}
/* Withdrawal page */
/* Invite page */
.invite-content {
  padding: 10px;
  text-align: center;
}
.invite-title {
  text-align: center;
  color: #FFDE57;
  font-size: 1.5rem;
  margin-bottom: 15px;
}
.block-one{
  display: flex;
  justify-content: center;
  gap: 10px;
}
.bg-invite-trasparent{
  display: block;
  width: 140px;
  height: 150px;
  background-image: url(../../images/gameplus/new-layout/bg-invite-trasparent.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
  padding: 15px;
  line-height: 2;
}
.bg-invite-trasparent div:nth-child(2){
  font-size: 25px;
  color: #FFDE57;
  margin-top: -10px;
}
.bg-invite-trasparent button {
  background: linear-gradient(180deg, #FFDA7C 12.97%, #85662B 110.17%);
  color: #000;
  border: unset;
  border-radius: 6px;
  font-size: 12px;
  padding: 5px 15px;
}
.btn-invite {
  background: linear-gradient(179.08deg, #FF2E47 1.6%, #440509 99.69%);
  box-shadow: 0px 4px 10px 0px #FFFFFF40;
  border: 1px solid #FFFFFF;
  color: #fff;
  border-radius: 40px;
  height: 46px;
  line-height: 46px;
  width: 280px;
  font-size: 18px;
  position: relative;
  margin: 30px auto;
  margin-top: -20px;
  animation: blinker 1.5s linear infinite;
}
.btn-invite::before{
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  bottom: -15px;
  width: 75px;
  height: 55px;
  background-image: url(../../images/gameplus/new-layout/icon-finger.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
@keyframes blinker {  
  50% { opacity: 0; }
}
.block-two{
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}
.block-two .b-content{
  width: 176px;
  height: 65px;
  background: #202020;
  border-radius: 8px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 15px;
  font-size: 14px;
}
.block-two .b-content .text-left div:nth-child(2){
  color: #9BABBA;
}
.invite-icon-slots{
  background-image: url(../../images/gameplus/new-layout/invite-icon-slots.png);
}
.invite-icon-money{
  background-image: url(../../images/gameplus/new-layout/invite-icon-money.png);
}
.invite-icon-slots,
.invite-icon-money{
  display: block;
  width: 42px;
  height: 42px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.block-three{
  max-width: 367px;
  background: #202020;
  padding: 20px;
  margin: auto;
  margin-bottom: 20px;
  border-radius: 8px;
}
.block-three ul.nav{
  justify-content: center;
  gap: 10px;
}
.block-three ul.nav li.nav-item {
  width: 48%;
}
.block-three .nav-pills .nav-link{
  color: #fff;
  position: relative;
}
.block-three .nav-pills .nav-link.active{
  background-color: unset;
  color: #DEB35E;
}
.block-three .nav-pills .nav-link.active::before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 100%;
  height: 55px;
  background-image: url(../../images/gameplus/new-layout/bg_btn_active1.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.block-three .tab-content ol{
  padding: 0;
  color: #7B8797;
}
.block-three .tab-content ol li{
  list-style-type: none;
  counter-increment: list;
  position: relative;
  padding-left: 30px;
  margin: 18px 0;
}
.block-three .tab-content ol li::before {
  content: counter(list) "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background: linear-gradient(90deg, #EFE593 18.35%, #E5B965 36.58%, #D7AB5A 60.07%, #EAD17E 94.12%);
  color: #000;
  border-radius: 100%;
}
.block-three .tab-content ol li span{
 color: #EA9618;
}
/* Invite page */
.gap-20-px {
  gap: 20px;
}
#o-wrapper.lang-en .nav-promo .nav-link span {
  font-size: 11.5px;
}

/* 2024-04-06 */
.g-wrap{
  background-color: transparent !important;
  color: #fff !important;
}
.g-wrap .bg-white{
  background-color: transparent !important;
}
.g-table th, 
.g-table td,
.g-table-bordered th, 
.g-table-bordered td{
  border: unset !important;
}
.g-wrap hr{
  border-top: 1px solid rgb(255 255 255 / 10%) !important;
}
.g-popup {
  width: 90%;
}
.g-popup .g-content {
  background: #1C1821;
}
.g-point span{
  color: #DEB35E !important;
}
/* 2024-04-09 */
i.center-icon-balance{
  background-image: url(../../images/gameplus/new-layout/center-icon-balance.png);
}
i.center-icon-bonus1{
  background-image: url(../../images/gameplus/new-layout/center-icon-bonus1.png);
}
i.center-icon-bao{
  background-image: url(../../images/gameplus/new-layout/center-icon-bao.png);
}
i.center-icon-balance,
i.center-icon-bonus1,
i.center-icon-bao{
  display: block;
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.center-sub-nav {
  margin: 15px 0;
}
.center-sub-nav ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.center-sub-nav ul li {
  list-style: none;
  text-align: center;
  width: 100%;
}
.center-sub-nav ul li a {
  display: block;
  color: #fff;
  font-size: 12px;
}
.center-sub-nav ul li a .amount {
  position: relative;
  min-width: 50px;
  max-width: 100px;
  padding-left: 5px;
  padding-right: 15px;
  color: #FF8A00;
  font-weight: bold;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.center-sub-nav ul li a .amount::before{
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  background-image: url(../../images/gameplus/new-layout/menu-icon-chevron-right.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 6px;
  height: 10px;
}
#usdtModal .icon-close::before{
  content: 'x';
  display: block;
}
.depo_img label {
  background: #1E1E1E !important;
  box-shadow: 0px 0px 4px 0px #FFFFFF40 inset !important;
  border: unset !important;
  color: #5f6770 !important;
}
.promo-modal-content table tr td p span {
  color: #fff !important;
}
#carouselIndicators{
  border: unset;
  box-shadow: unset;
}
.o-wrapper.menu-active{
  transform: unset
}
.side-menu-wrapper{
  z-index: 9;
  width: 269px;
  height: calc(100% - 50px);
  transform: translateX(-269px);
  top: 50px;
  padding: 15px 12px;
  background-color: #0D0D0D;
  box-shadow: 6px 0px 12px 0px #00000080;
}
.o-wrapper.menu-active::after{
  content: unset;
}
.side-menu-wrapper .side-content-menu{
  background-color: #181818;
  border-radius: 8px;
  padding: 5px 15px;
}
.side-menu-wrapper .side-content-menu ul {
  padding: 0;
  margin: 0;
}
.side-menu-wrapper .side-content-menu ul li {
  position: relative;
  list-style: none;
  margin: 10px 0;
  width: 100%;
}
.side-menu-wrapper .side-content-menu ul li a{
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.side-menu-wrapper .side-content-menu ul li i {
  margin-right: 15px;
}
.side-menu-wrapper .side-content-menu ul li span {
  width: 100%;
  text-align: center;
  padding-right: 22px;
}
.side-menu-wrapper .side-content-menu ul li::before {
  color: #ffffff;
  content: '';
  background-image: url(../../images/gameplus/new-layout/icon-next-page.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 8px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.side-menu-icon-lang{
  background-image: url(../../images/gameplus/new-layout/side-menu-icon-lang.png);
}
.side-menu-icon-msg{
  background-image: url(../../images/gameplus/new-layout/side-menu-icon-msg.png);
}
.side-menu-icon-vip{
  background-image: url(../../images/gameplus/new-layout/side-menu-icon-vip.png);
}
.side-menu-icon-value{
  background-image: url(../../images/gameplus/new-layout/side-menu-icon-value.png);
  width: 28px !important;
  height: 28px !important;
  margin-left: -5px;
}
.side-menu-icon-bet{
  background-image: url(../../images/gameplus/new-layout/side-menu-icon-bet.png);
}
.side-menu-icon-statement{
  background-image: url(../../images/gameplus/new-layout/side-menu-icon-statement.png);
}
.side-menu-icon-app{
  background-image: url(../../images/gameplus/new-layout/side-menu-icon-app.png);
  width: 25px !important;
  height: 25px !important;
}
.side-menu-icon{
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  width: 20px;
  height: 20px;
}
a.side-menu-btn-logout{
  display: block;
  margin-top: 15px;
  background: linear-gradient(180deg, #FFDA7C 12.97%, #85662B 110.17%);
  height: 42px;
  line-height: 32px;
  border-radius: 8px;
  text-align: center;
  color: #000000;
  font-size: 14px;
}
.index-game-wrapper .form-row {
  height: 610px;
  overflow: hidden;
}
.index-game-wrapper .form-row .col-4,
.index-game-wrapper .form-row .col-8 {
  height: 100%;
  overflow-y: auto;
}
.index-game-wrapper .form-row .col-8 .main-thumb img{
  width: 100%;
  filter: contrast(1.1);
}
.promobanner {
  padding: 0 10px;
  padding-bottom: 20px;
}
.promobanner .carousel-indicators {
  margin-bottom: -25px;
}
.promobanner .carousel-indicators li{
  width: 6px;
  height: 6px;
  border-radius: 100%;
}
.promobanner .carousel-indicators .active{
  background-color: #DEB35E;
}
.refresh-icon{
  background-image: url(../../images/gameplus/new-layout/refresh-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 16px;
  height: 16px;
  display: block;
}
#pills-add-bank-tab,
#pills-cryptocurrency-tab{
  color: #CB9743;
  background: #1E1E1E;
  box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
  border-radius: 8px;
  border: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.bank-card-icon{
  background-image: url(../../images/gameplus/new-layout/bank-card-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 19px;
  height: 16px;
  display: block;
}
.crypto-icon{
  background-image: url(../../images/gameplus/new-layout/crypto-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 22px;
  height: 22px;
  display: block;
}
.plus-icon{
  background-image: url(../../images/gameplus/new-layout/plus-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 20px;
  height: 20px;
  display: block;
}
.card-add-bank{
  display: flex;
  background: #1E1E1E;
  box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
}
.card-add-bank img{
  width: 127px;
  height: 98px;
}
.card-add-bank span{
  color: #FF5959;
}
#pills-add-bank a{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.promo-modal .promo-modal-content{
  font-size: 14px;
  padding: 0 25px;
}
.promo-modal .promo-modal-content p{
  margin-bottom: 0.5rem;
}
.promo-modal .promo-modal-content .mob-title-bottom-line{
  position: relative;
  text-align: center;
  margin-bottom: 25px;
}
.promo-modal .promo-modal-content .mob-title-bottom-line::before{
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  width: 60%;
  height: 25px;
  background-image: url(../../images/gameplus/new-layout/bg_btn_active1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.promo-modal .promo-modal-content .mob-title-bg-style{
  background: linear-gradient(180deg, #FFDA7C 12.97%, #85662B 110.17%);
  box-shadow: 0px 0px 4px 0px #FFFFFF40 inset;
  border-radius: 25px;
  text-align: center;
  width: fit-content;
  padding: 5px 25px;
  margin: auto;
}
#onlineQRModal .separator {
  width: 50px;
  text-align: center;
}

#onlineQRModal .online-btn-copy {
  width: 80%;
  border-radius: 5px;
  flex: 0 0 49%;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #f8d377;
  background-color: #f8d377;
  color: #333;
  padding: 8px;
}
#onlineQRModal .exchange_rate{
  display: flex;
}
#onlineQRModal .modal-content{
  background-color: #1e2b3e;
}
#onlineQRModal .modal-content .modal-header{
  background-color:#85662B ;
  background-image: linear-gradient(90deg, #FFDA7C, #85662B);
  color: #333;
  border: 0;
}
#onlineQRModal .modal-content .modal-header .close{
  font-size: 1.8rem;
  font-weight: 500;
  opacity: 1;
  text-shadow: none;
  color:#332e2e;
}