body {
  /* background-color: var(--bg-color) !important; */
  background: var(--bg-color) !important;
}

.header {
  /* background-color: var(--bg-color) !important; */
}

.footer {
  background-color: var(--bg-color) !important;
}

.home-games {
  background-color: var(--bg-color) !important;
}

.card-game {
  background-color: var(--bg-color) !important;
}

.live-card .card-title {
  background: var(--bg-color) !important;
  color: #fff;
  font-size: 14px;
}

.support li h5 {
  color: #fff;
}

.card-game p {
  color: #fff;
}

.home-games {
  border: 2px solid #3a4a57;
}

/* .live-card.swiper-slide{
  border-radius: 0 0 12px 12px;
  border: 2px solid #fff;
  border-top: none;
} */
.card-game {
  border: 2px solid #3a4a57;
  border-radius: 0 0 12px 12px;
}

.live-card {
  background: none !important;
}

.support li p {
  color: #fff;
}

.mod-home .top-banner {
  background: var(--color-lg);
  margin-top: 10px;
    border-radius: 10px !important;
}

.slider img {
  display: none;
  /* Prevent flashing */
}

.language-cont ul {
  overflow: hidden !important;
  justify-content: center;
}

.offcanvas {
  background: var(--bg-color) !important;
}

/* .btn-lang {
  background-color: var(--bg-color) !important;
  outline: 2px solid #3a4a57;
}

.btn-lang:hover {
  background-color: var(--bg-color) !important;
  outline: 2px solid #3a4a57;
  opacity: 0.8;
} */

/* .ico-earth {
  color: #fff;
} */

.offcanvas-menu span {
  color: #fff;
}
.notice marquee{
  color: #fff !important;
}
.notice {
  margin: 5px !important;
  background-image: none;
  background-color: var(--color-lg) !important;
  text-align: center;
  align-items: center;
  display: flex
}

.foot-link li {
  background-color: #090909 !important;
  border: 1px inset #fff;
}
.footer li{
  border:unset !important;
}
.support {
  /* margin-top: 30px;
  border: 2px solid #fff; */
}

.support li em {
  border: 3px #fff solid;
  color: #fff;
}

.home-games .h4 span {
  color: #fff;
}

.footer span {
  color: #fff;
}

.footer h5,
.footer .h5 {
  color: #fff;
}

.footer a {
  color: #fff;
}

.foot-link li {
  background-color: var(--bg-color);
  border: 2px solid #3a4a57;
}

/* .footer-pro1 {
  background: var(--bg-color);
  border: 2px solid #fff !important;
} */

#marquee {
  color: #fff;
}

.footer>div {
  border-bottom: 2px solid #3a4a57 !important;
}

.copyright1 {
  color: #fff;
}

.offcanvas-menu hr {
  background: #3a4a57 !important;
  height: 2px;
}

/* .btn-green {
  background: #f24869 !important;
}

.btn-green:hover {
  background: #f24869 !important;
  opacity: 0.8;
} */

/* .btn-white {
  background: var(--bg-color) !important;
  color: #fff !important;
  outline: 2px solid #3a4a57;
}

.btn-white:hover {
  background: var(--bg-color) !important;
  color: #fff !important;
  outline: 2px solid #3a4a57;
  opacity: 0.8;
} */

.offcanvas-menu a:hover {
  background-image: linear-gradient(90deg, #2dee881a, #2dee8800);
}

.offcanvas-menu a.active {
  background-image: linear-gradient(90deg, #2dee881a, #2dee8800);
}

/* center  */
.center-side {
  background: var(--bg-color) !important;
}

.center-contant {
  background: var(--bg-color) !important;
  border: 2px #3a4a57 solid;
}

.center-data .left,
.center-data .right {
  color: #fff;
}

#refUrl,
#refUrl1,
#refUrl2 {
  color: #fff;
}

.center-contant .center-title h3 {
  background-image: none !important;
  border: 1px solid #3a4a57;
}

.center-side a {
  outline: 2px #3a4a57 solid !important;
  color: #fff !important;
  background: var(--bg-color) !important;
  border: none !important;
}

body .center-side a.active,
body .center-side a:hover {
  background-image: linear-gradient(90deg, #2dee881a, #2dee8800) !important;
}

span {
  color: var(--text);
}

.center-form input[disabled] {
  background: var(--bg-color) !important;
  border: 2px var(--text) solid;
  color: var(--text) !important;
}

input,
input[type="text"],
input,
input[type="password"] {
  background: var(--bg-color) !important;
  border: 2px var(--text) solid;
  color: var(--text) !important;
}

.center-tab a.active,
.center-tab a:hover {
  background: var(--bg-color) !important;
  border-bottom: 3px solid #3a4a57;
  color: #fff !important;
}

.center-tab a {
  color: #fff !important;
}

.updat_k9 {
  color: #fff !important;
}

.refmain {
  background: var(--bg-color) !important;
  color: #fff !important;
  border: 2px var(--text) solid;
}

.depo-form-input {
  background: var(--bg-color) !important;
}

.icon-container {
  background: var(--bg-color) !important;
  color: var(--text) !important;
  border: 1px solid var(--text) !important;
}

.file-input-wrapper {
  background-color: unset !important;
}

.depo-form-input .copy_btn {
  color: #fff !important;
  /* margin-bottom: 10px; */
}

.center-contant .center-table td {
  color: #fff !important;
  background: var(--bg-color) !important;
}

.center-table th {
  background: #a6a6a6 !important;
  color: #fff !important;
}

select {
  color: var(--text) !important;
}

.center-select select {
  background-image: none !important;
  border: 2px #3a4a57 solid !important;
}

.center-contant {
  color: var(--text) !important;
}

.sdate_input {
  color: #fff !important;
}

#btn_submit_query,
.center-submit {
  background-image: var(--black-theme) !important;
  color: var(--text);
  border: 1px solid var(--text) !important;
}

#btn_submit_query {
  line-height: 10px !important;
  transform: none !important;
}

.btn:active {
  background: var(--bg-color);
  opacity: 0.8;
}

.btn:hover {
  background: var(--bg-color);
  opacity: 0.8;
}

/* .btn {
  background: var(--bg-color);
  border: 2px #3a4a57 solid !important;
} */

.vip-buy li span {
  color: #ffffff;
}

.vip-cont h4 {
  color: #fff !important;
}

.main-menu a {
  text-transform: uppercase;
}

html[lang=ca] [name="search"],
html[lang=en] [name="search"],
html[lang=ca] [name="submit"],
html[lang=en] [name="submit"] {
  line-height: 10px !important;
}

:root {
  --text: #fff;
  --bg-color: #000;
  --main-color: #06A6FF
}

.header-logo img {
  width: 100px;
  margin-left: 20px;
}

#loginForm input,
#loginForm input[type="text"],
#loginForm input,
#loginForm input[type="password"] {
  background-color: #e8f1f7 !important;
  color: #333 !important;
}

#register input,
#register input[type="text"],
#register input,
#register input[type="password"] {
  background-color: #e8f1f7 !important;
  color: #333 !important;
}

#register select {
  color: #333 !important;
}

.rewards li a.rew4 {
  display: none;
}

.promo_group_body .promo_group_body_inner * {
  color: #fff !important;
}

.promo-title .promo-pTitle {
  color: #fff !important;
}

.bank_type h3 {
  color: #fff !important;
  font-size: 13px;
  padding: 7px 0;
  text-align: left;
}

.center-data-btn p {
  width: 400px;
  float: right;
  padding: 10px 0;
  line-height: 220%;
  color: #fff !important;
}

.right.bot tr td {
  color: #fff !important;
}.popup-content{
  margin: auto !important; 
}#loginForm input[type="text"], #loginForm input[type="email"], #loginForm input[type="password"]{
  width: 100% !important;
}