:root{
   --linear-gradient-theme: linear-gradient(265.83deg, #F8F1B1 3.21%, #CFB260 21.03%, #E5D28C 49.91%, #FAF3B5 71.57%, #BF9945 99.49%);
   --single-theme:#D3B86C;
}

.theme-text-color{
   background: var(--linear-gradient-theme);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent; /* Makes the text transparent */
}
.theme-background{
   background: var(--linear-gradient-theme) !important;
   color:black !important;
}
.border-4-custom1{
   border:4px solid var(--single-theme)
}
.br-pill{
   border-radius: 1000px;
}
#header-wrap{
   background-color: black;
   height:fit-content;
}
.nav-menu{
   background: var(--linear-gradient-theme) !important;
   /* background-color: orange !important; */
}
.bg-copyright{
   background: var(--linear-gradient-theme) !important;
}

.topgame_grid {
   display: grid;
   grid-template-columns: repeat(6, 1fr); /* 6 items for large screens */
   gap: 16px; /* Adjust as needed */
}

@media (max-width: 991px) { /* Medium to large screens */
   .topgame_grid {
      grid-template-columns: repeat(4, 1fr); /* 4 items */
   }
}

@media (max-width: 768px) { /* Smallest to medium screens */
   .topgame_grid {
      grid-template-columns: repeat(2, 1fr); /* 2 items */
   }
}
.event-card{
   background:white;
   border-radius:15px;
}

/* .topevent_grid{
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 16px;
} */
.player-image{
   display: flex;
   justify-content: center;
   align-items: center;
   width:40px;
   height:40px;
   padding:5px;
}
.responsive-image {
   width: auto;          /* Allow width to adjust automatically */
   height: 100%;        /* Set height to fill the container */
   max-width: 100%;     /* Prevents image from exceeding container width */
   max-height: 100%;    /* Prevents image from exceeding container height */
   object-fit: contain; /* Maintain aspect ratio without stretching */
}
.bg-rate{
   background: #F0F1F4;
   border-radius:5px;
}
.pc-view{
   display:block;
}
@media (max-width: 991px) { 
   .pc-view{
      display:none;
   }
}
.mobile-view{
   display:none;
}
@media (max-width: 991px) { 
   .mobile-view{
      display:block;
   }
}
.leaderboard-table{
   width:100%;
}


.leaderboard-table  tr:nth-child(odd),.leaderboard-toggle-button{
   background: black;
}
.leaderboard-table  tr:nth-child(even){
   background: #333333;
}
#leaderboard-body tr.deposit-row:nth-child(odd),
#leaderboard-body tr.withdrawal-row:nth-child(odd){
   background: black !important;
}
#leaderboard-body tr.deposit-row:nth-child(even),
#leaderboard-body tr.withdrawal-row:nth-child(even){
   background: #333333 !important;
}



.leaderboard-table th,
.leaderboard-table td {
    padding: 15px 0;
}
.leaderboard-table tr td:last-child{
   background: var(--linear-gradient-theme);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent; /* Makes the text transparent */
   font-weight: 800;
}

.leaderboard-toggle-button button{
   background: #323131;
   padding:15px 40px;
   border:none;
   color:white;
   font-weight: 700;
   border-radius:50px;
}
@media(max-width:991px){
   .leaderboard-toggle-button button{
      padding:8px 20px;
   }
}
.leaderboard-toggle-button button.active{
   background: var(--linear-gradient-theme) !important;;
   border:none;
   color: #664810;
   font-weight: 700;
}
.border-for-leaderboard-mobile{
   border-radius:20px;
   border:2px var(--single-theme) solid;
   padding:5px;
}
.footer-nagivation-list{
   list-style: none;

}
.footer-nagivation-list a{
   color:white;

}
.game-list-table{
   border-collapse: separate;
   border-spacing: 15px;
}
pre{
   color:white;
}
.promotion-button-info,
.promotion-button-join{
   border-radius:50px;
   font-weight:700;
}
.promotion-button-info{
   background: none;
   color: var(--single-theme);
   border: 1px solid var(--single-theme);
}
.promotion-button-join{
   background: var(--linear-gradient-theme);
   color: black;
}

#gs-login-modal,
.download-modal{
   display: none;
   position: fixed; /* Stay in place */
   z-index: 99; /* Sit on top */
   /* padding-top: 100px; Location of the box */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0,0,0); /* Fallback color */
   background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
#gs-login-modal .modal-content {
   background-color: black;
   margin: auto;
   padding: 20px;
   width: 100%;
   max-width: 300px;
 }
 @media(min-width:992px){
   #gs-login-modal .modal-content {
      max-width: 400px;
    }
 }
 /* The Close Button */
#close-modal-login {
   color: #ff0000;
   float: left;
   font-size: 28px;
   font-weight: bold;
   text-shadow:none;
   opacity:1;
   margin-left: auto;
 }

.close:hover{
   color: #ff0000;
}


#gs-login-modal input,
#gs-login-modal button{
   border-radius:10px;
}
.navmenu1 li a:hover, .navmenu1 li a.active{
   background: linear-gradient(270deg, #E5B429 0%, #F7E519 49%, #E3AE2C 100%) !important;
}
.login-header-list li a{
   color:white !important;
}

.mobile-gametype-nav{
   border:2px solid var(--single-theme);

   border-radius: 300px;
}
#kt_footer .fixed-footer{
   border-top :2px solid var(--single-theme) !important;
}
.mw-27px-w-100{
   min-width:27px !important;
   width:40% !important;
}
.h-22px{
   height: 22px !important;
}
a.nav-link.active{
   background: var(--linear-gradient-theme) !important;
}
a.nav-link.active span{
   color:black;

}
#kt_daterangepicker_bet{
   background: black;
}
.mobile-drawer{
   background:black;
}
.mobile-drawer a,.mobile-drawer p{
   color:white !important;

}
.mobile-gametype-nav button{
   background: none;
   border:none;
}

.download-border{
   border:2px solid var(--single-theme);
   border-radius:20px;
   overflow: hidden;
   max-width:500px;
}
.modal-download-border{
   border:2px solid var(--single-theme);
   border-radius:20px 20px 0 0;
   overflow: hidden;
   max-width:500px;
}
.download-grid{
   display:grid;
   grid-template-columns: auto 30%; /* Two columns for the top section */
}
.open-modal-button{
  background: #404040;

}
.download-button{
   background: none;
}
.download-display{
   width:100%;
   max-width:500px;
   background:black;
}
.modal-download-qr{
   border-left:2px solid var(--single-theme);
   border-right:2px solid var(--single-theme);
   border-bottom:2px solid var(--single-theme);
   border-radius:0 0 20px 20px;
}
.text-yellow{
   color:yellow;
}
.table th:first-child{
   padding-left: 0.75rem;
}
.menubar{
   background: #404040;
}
.menubar li p {
   color:white;
}
.menubar li.active{
   background: var(--linear-gradient-theme) !important;
}

.menubar li.active img{
   filter: drop-shadow(10000px 0px 0 black); /* Move shadow to X-axis */
   transform: translate(-10000px,0); /* Move the element horizontally */
}
.menubar li.active p{
   color:black !important;
}
.prmotion-text-white p{
   color: white !important;
}

/* .button-mobile-gametype img{
   visibility: visible;
   filter: drop-shadow(10000px 0px 0 #b89456); 
   transform: translate(-10000px,0);
}

.button-mobile-gametype.active img{
   visibility: visible;
   filter: drop-shadow(10000px 0px 0 #ffcf00);
   transform: translate(-10000px,0); 
} */
.signin-modal.modal-body{
   width:100%;
   max-width:400px;
}
.br-little{
   border-radius: 10px;;
}

@keyframes glowShrink {
   0% {
       transform: scale(0.9);
   }
   50% {
       transform: scale(1);
   }
   100% {
       transform: scale(0.9);
   }
}

.glow-shrink {
   display: inline-block; /* Ensure it can be transformed */
   animation: glowShrink 1.5s ease-in-out infinite; /* Adjust timing as needed */
}


.mega-menu.main-primary-menu.current{
   background: linear-gradient(270deg, #E5B429 0%, #F7E519 49%, #E3AE2C 100%);
}

@keyframes upDown {

   0% {
      transform: translateY(0px);
  }
  50% {
      transform: translateY(-5px);
  }
  100% {
      transform: translateY(0px);
  }
}
.button-mobile-gametype.active img{
   display: inline-block; /* Ensure it can be transformed */
   animation: upDown 1.5s ease-in-out infinite; /* Adjust timing as needed */
}
.button-mobile-gametype img{
   margin-left:auto !important;
   margin-right:auto !important;
}

.transfer-box-logo{
   height:90px;
   margin-bottom:10px;
}
.transfer-box-logo img{
   width:auto;
   height:100%;
   object-fit: contain;;
   margin-bottom:0px;
}

@media(min-width:768px){
   .transfer-box-logo{
      height:100px;
      margin-bottom:10px;
   }
}
.border-none{
   border:none !important;
}
.amt-btn:hover{
   color:white!important;
}
.br-1-white{
   border: 1px white solid !important;
}
.game-opener-container {
   position: relative;
   display: inline-block;
   overflow: hidden;
}

.start-button {
   padding: 10px 20px;
   background-color: #ffffff;
   color: #000;
   border: none;
   font-weight: bold;
   cursor: pointer;
   border-radius: 5px;
   font-size: 1rem;
}
.start-game-button,
.lobby-button{
   background: var(--linear-gradient-theme) !important;
   color:black !important;
   border:none;
   border-radius:15px;
   padding:10px 15px;
   font-weight: 700;
}

.swal2-popup .swal2-title{
   color: unset;
}