:root {
  --dark-bg: #191919;
  --dark-text: #e0e0e0;
  --dark-header: #1a1a1a;
  --dark-border: #333333;
  --dark-accent: #bb86fc;
  --dark-secondary: #03dac6;
  --dark-button: #272727;
  --dark-input: #2c2c2c;
  --dark-card: #1e1e1e;
  --dark-gradient: linear-gradient(to bottom, #1a1a1a 0%, #0f0f0f 60%, #1a1a1a 100%);
  /* Toggle Switch Colors */
  --toggle-light: #f6b17a;
  --toggle-dark: #292c35;
  --toggle-border: #f6b17a;
}

/* Theme Toggle Button Styles */
.theme-toggle {
  display: flex;
  align-items: center;
  /* margin-left: 10px; */
}

/* Toggle Switch */
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
  cursor: pointer;
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--toggle-light);
  border-radius: 30px;
  border: 2px solid var(--toggle-border);
  transition: 0.4s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px;
  overflow: hidden;
  height: 33px;
}

/* White circle for light mode */
.toggle-slider:before {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  left: 5px;
  bottom: 4px;
  background-color: white;
  border-radius: 50%;
  transition: 0.4s;
  z-index: 1;
}

/* Dark mode background */
input:checked+.toggle-slider {}

/* Black circle for dark mode */
input:checked+.toggle-slider:before {
  transform: translateX(27px);
  background-color: black;
}

.light-icon {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  z-index: 4;
  position: relative;
  transition: color 0.3s ease;
}

.dark-icon {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  z-index: 5;
  position: relative;
  transition: color 0.3s ease;
}

/* Position the icons better */
.toggle-slider .light-icon {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.toggle-slider .dark-icon {
  position: absolute;
  right: 7px;
  top: 51%;
  transform: translateY(-50%);
}

/* Highlight active icon */
input:not(:checked)+.toggle-slider .light-icon {
  color: #ffbf00;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}

input:checked+.toggle-slider .dark-icon {
  color: #f98941;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}

/* Dark Theme Applied */
body.dark-theme {
  background-color: var(--dark-bg);
  color: var(--dark-text);
}

body.dark-theme .t-header,
body.dark-theme .head_navbar {
  /* background-color: var(--dark-header); */
}

body.dark-theme .navbar_ul li a {
  color: var(--dark-text);
}

body.dark-theme marquee {
  color: var(--dark-text);
}

body.dark-theme .marquee_bg {
  background: var(--dark-gradient);
  box-shadow: 0 0 2px inset black;
  filter: drop-shadow(0 4px 0 #0f0f0f) drop-shadow(0 5px 6px #090909);
}

body.dark-theme .slider_product_main .slider2.slider-single02 .index_product_wrap {
  background: url(../images/dark/index/product.png) no-repeat top center;
  box-shadow: 0 0 2px inset black;
  filter: drop-shadow(0 4px 0 #0f0f0f) drop-shadow(0 5px 6px #090909);
}

body.dark-theme .slider_product_main .slider2.slider-nav02 {
  background: linear-gradient(to bottom, #1a1a1a 0%, #0f0f0f 60%, #1a1a1a 100%);
  box-shadow: 0 0 2px inset black;
  filter: drop-shadow(0 4px 0 #0f0f0f) drop-shadow(0 5px 6px #090909);
}

body.dark-theme .slider_product_main .slider2.slider-nav02 .slick-slide .game_tab .game_tab_info .img_slide_icon {
  filter: saturate(0);
}

body.dark-theme .right_fixed_btn a {
  background: linear-gradient(180deg, #292929, #0f0f0f);
  box-shadow: 0 3px 5px black;
}

body.dark-theme .footer_main {
  background-color: #292929;
}

body.dark-theme .footer_btm {
  background-color: #191919;
}

body.dark-theme .f_provider {
  border-top: 1px solid #393939;
  border-bottom: 1px solid #393939;
}

body.dark-theme .head_navbar.scrolled {
  background-color: #1a1a1a;
  box-shadow: 0 0 15px 0 #090909;
}
body.dark-theme .head_navbar.scrolled 

body.dark-theme .vip-table th {
  background: #3f3f3f;
}

body.dark-theme .section-header p {
  color: #fff;
}

body.dark-theme .game_tab_info {
  color: #fff;
}

body.dark-theme .section_whoweare_box {
  background-image: url(../images/dark/general-bg.jpg);
  box-shadow: 0 0 3px 3px #000000 inset;
  filter: drop-shadow(0 5px 0 #000000) drop-shadow(0 5px 6px #16161655);
}

body.dark-theme .section_whoweare_content p {
  color: #fff;
}

body.dark-theme .service-section-content {
  background-image: url(../images/dark/index/serv-bg.png);

}

body.dark-theme .service-section-content p {
  color: #fff;
}

body.dark-theme .f_providerhead {
  color: #fff;
}

body.dark-theme .navbar_ul li a.head_icon.reg_btn {
  color: #6c7ba8;
}

body.dark-theme .right_fixed_btn p {
  color: #fff;
}
body.dark-theme .dropdown-menu-list{
  background: #191919;
}
body.dark-theme .dropdown_title_icon{
  background-image:url(../images/dark/header_icon/btn-normal.png);
}
body.dark-theme .dropdown_product p{
  color: #fff;
}
body.dark-theme .slots_bg_banner{
  background-image: url(../images/dark/bg/banner-slots.jpg);
}
body.dark-theme .slot_product_bg{
  background-image: url(../images/dark/general-bg.jpg);
}
body.dark-theme .casino_bg{
  background-image: url(../images/dark/bg/bg-casino.jpg);
}
body.dark-theme .sports_bg{
  background-image: url(../images/dark/bg/bg-sports.jpg);
}
body.dark-theme .esport_bg{
  background-image: url(../images/dark/bg/bg-esports.jpg);
}
body.dark-theme .fish_bg{
  background-image: url(../images/dark/bg/bg-fishing.jpg);
}
body.dark-theme .vip_bg_banner{
  background-image: url(../images/dark/vip/banner-vip.jpg);
}
body.dark-theme .vip_bg{
 background: none;
}
body.dark-theme .info-box{
  background: url(../images/dark/vip/bg-big.png) no-repeat center top;
  box-shadow: 0px 3px 7px 1px #000000a6;
}
body.dark-theme .product_logo_icon{
  background-image:url(../images/dark/header_icon/btn-normal.png);
}
body.dark-theme .product_content{
  color: #fff;
}
body.dark-theme .slots_bg{
 background: none;
}
body.dark-theme .badge p{
  color: #fff;
}
body.dark-theme .vip-header nav a{
  color: #fff;
}
body.dark-theme .sub-header{
  background-color: #111111;
}
body.dark-theme .vip-table .highlight{
  background-color: #111111;
}
body.dark-theme .faq, body.dark-theme .terms{
  background-image: url(../images/dark/vip/bg.png);
  box-shadow: 0px 3px 7px 1px #000000a6;
}
body.dark-theme .vip-table td{
  color: #fff;
}
body.dark-theme table th,body.dark-theme table td{
  border-right: 1px solid #000000;
  color: #000;
}
body.dark-theme .faq p, body.dark-theme .terms p{
  color: #fff;
}
body.dark-theme .testimonial-container h2{
  color: #fff;
}
body.dark-theme .afterlogin_left_menu{
  background-color: #111111;
  box-shadow: 0px 3px 7px 1px #000000a6;
}
body.dark-theme .ps_navbar_box{
  color: #fff;
}
body.dark-theme .afterlogin_right_menu{
  background-color: #111111;
  box-shadow: 0px 3px 7px 1px #000000a6;
}
body.dark-theme .select_bank_opt .form-check-inline .form-check-label{
  color: #fff;
}
body.dark-theme .amt_input .input-group-text{
  color: #fff;
}
body.dark-theme .afleft_menu_btm ul li a.menu_btm_navlink p{
  color: #fff;
}
body.dark-theme .table-share tr th{
  background-color: #000000;
}
body.dark-theme .afterloginpage_title{
  color: #fff;
}
body.dark-theme .tab-menu ul{
  background-image: url(../images/dark/index/serv-bg.png);
  filter: drop-shadow(0 5px 0 #000000) drop-shadow(0 5px 6px #16161655);
}
body.dark-theme .tab-menu ul li a{
  color: #fff;
}
body.dark-theme .dl table th{
  background-color: #000000;
}
body.dark-theme .dl table tr td:first-child{
  color: #fff;
}
body.dark-theme .section_downloadgames_box{
  background: #111111;
}
body.dark-theme .section_downloadapp_box{
 background-image: url(../images/dark/general-bg.jpg);
 box-shadow: 0 0 3px 3px #000000 inset;
 filter: drop-shadow(0 5px 0 #000000) drop-shadow(0 5px 6px #16161655);
}
body.dark-theme .section_downloadapp_content p{
  color: #fff;
}
body.dark-theme .info_grid_menu{
  background-image: url(../images/dark/general-bg.jpg);
  box-shadow: 0 0 3px 3px #000000 inset;
  filter: drop-shadow(0 5px 0 #000000) drop-shadow(0 5px 6px #16161655);
  background-size: cover;
  border-radius: 20px;
}
body.dark-theme .info_grid_content{
  background-image: url(../images/dark/general-bg.jpg);
    box-shadow: 0 0 3px 3px #000000 inset;
    filter: drop-shadow(0 5px 0 #000000) drop-shadow(0 5px 6px #16161655);
}
body.dark-theme .info_grid_menu a{
  color: #fff;
}

body.dark-theme .inf-content p{
  color: #fff;
}
body.dark-theme .contact_row p{
  color: #6c7ba8;
}
body.dark-theme .tnc-body{
  color: #fff;
  background: #111111;
}
body.dark-theme .filters-group .form-check-label{
  color: #fff;
}
body.dark-theme .promo_menu{
  background-image: url(../images/dark/general-bg.jpg);
  box-shadow: 0 0 3px 3px #000000 inset;
  filter: drop-shadow(0 5px 0 #000000) drop-shadow(0 5px 6px #16161655);
  background-size: cover;
  border-radius: 20px;
}
body.dark-theme .promo_menu .filter{
  color: #fff;
}
body.dark-theme .promo-text{
  color: #fff;
  background-color: #111111;
}
body.dark-theme .promo-modal-tnc{
  color: #fff;
}
body.dark-theme .basic-text{
  color: #fff;
}
body.dark-theme .login_f_wrapping.top::after{
  background-color: #111111;
  border-top: #111111 solid 1px;
  border-left: #111111 solid 1px;
}
body.dark-theme .login_f_wrapping{
  background-color: #111111;
  box-shadow: 0px 0px 2px #111111;
  border: 1px solid #000;
}
body.dark-theme .mission_bg{
  background: url('../images/dark/bg-mission.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  padding: 80px 0;
  display: flex;
  align-items: center;
}
body.dark-theme .checkin-section{
  background: url(../images/dark/checkin/bg-mission.jpg) no-repeat center top;
}
body.dark-theme .check-iteam ul li a p{
background: #000;
}
body.dark-theme .tnc-pop .modal-content{
  background: url("../images/dark/checkin/bg-mission.jpg") no-repeat center top;
}
body.dark-theme .tnc-content{
  color: #fff;
}
body.dark-theme .check-iteam ul img{
  background: #242424;
}
body.dark-theme .check-iteam ul li.active a img{
  background: #000000;
}
body.dark-theme .jackpot-section .dark-img{
  display: block;
}
body.dark-theme .jackpot-section .light-img{
  display: none;
}
body.dark-theme .jackpot-wrap{
  background: linear-gradient(to bottom, #1a1a1a 0%, #0f0f0f 60%, #1a1a1a 100%);
  box-shadow: 0 0 2px inset black;
  filter: drop-shadow(0 4px 0 #0f0f0f) drop-shadow(0 5px 6px #090909);
}
body.dark-theme .game-info{
  background: #111111;
}
/*body.dark-theme{
  background: #191919 url(../images/dark/cny/cny.jpg) no-repeat center;
}
body.dark-theme .head_navbar{
  background: url(../images/dark/cny/hdr.jpg) no-repeat center top;
  background-size: cover;
}
body.dark-theme .head_navbar.scrolled{
  background: #fff url(../images/dark/cny/hdr.jpg) no-repeat center top;
  box-shadow: 0 0 15px 0 rgba(62, 115, 250, .25);
}*/


/* INNOVATIO CSS */
body.dark-theme .statement-info-box,body.dark-theme .statement-history-table{
  background: #292929;
}
body.dark-theme .history-title,body.dark-theme .date-tab,body.dark-theme .bank-info p span:first-child,body.dark-theme .bank-warning,body.dark-theme .bank-info p,body.dark-theme .statement-grid-header .statement-grid-cell{
  color: #fff;
}
body.dark-theme .statement-grid-body .statement-grid-row{
  color: #000000;
}