.inactive_game{
    background: linear-gradient(180deg, #5E5B52 0%, #9d9481 100%);
}

.gm_card img {
  height: 72px;
  padding-left: 200px;
  margin-top: -13px;
  position: absolute;
}
.carousel {
	position: relative;
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left;
	padding: 0.5rem;
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img {
	line-height: 1;
}
.carousel-inner > .item > img {
  height: 180px;
  /*height: 215px;*/
   border-radius:10px;
}
@media all and (transform-3d),(-webkit-transform-3d) {
	.carousel-inner>.item {
		-webkit-transition: -webkit-transform .6s ease-in-out;
		-o-transition: -o-transform .6s ease-in-out;
		transition: -webkit-transform .6s ease-in-out;
		transition: transform .6s ease-in-out;
		transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}
	.carousel-inner>.item.active.right,.carousel-inner>.item.next {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		left: 0;
	}
	.carousel-inner>.item.active.left,.carousel-inner>.item.prev {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		left: 0;
	}
	.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		left: 0;
	}
}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
	display: block;
}
.carousel-inner>.active {
	left: 0;
}
.carousel-inner>.next,.carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%;
}
.carousel-inner>.next {
	left: 100%;
}
.carousel-inner>.prev {
	left: -100%;
}
.carousel-inner>.next.left,.carousel-inner>.prev.right {
	left: 0;
}
.carousel-inner>.active.left {
	left: -100%;
}
.carousel-inner>.active.right {
	left: 100%;
}
.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	background-color: rgba(0,0,0,0);
	filter: alpha(opacity=50);
	opacity: .5;
}
.carousel-control.left {
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
	background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;
}
.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
	background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x;
}
.carousel-control:focus,.carousel-control:hover {
	color: #fff;
	text-decoration: none;
	outline: 0;
	filter: alpha(opacity=90);
	opacity: .9;
}
.bg-header{
    background:rgb(63, 63, 63);
}
.referral{
    background: #fff;
  border: 1px solid #000;
  border-radius: 20px;
  margin: 10px 0 10px;
}
div.gallery {
  border: 1px solid #ccc;
  padding: 5px;
  box-shadow: rgba(251, 251, 252, 0.25) 0px 50px 100px -20px, rgba(250, 246, 246, 0.3) 0px 30px 60px -30px, rgba(107, 112, 117, 0.35) 0px -2px 6px 0px inset;
border-radius:10px;
    
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
  border: 5px solid black;
}

div.desc {
  /*padding: 15px;*/
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
    width: 33%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}
#google_translate_element
{
  position: absolute;
  top: 8px;
}
#google_translate_element
{
  position: absolute;
    top: 14px;
  right: 100px;
}
.goog-te-gadget
{
  font-family: arial;
  font-size: 11px;
  color:#3b3a3a;;
  white-space: nowrap;
}
.goog-te-gadget .goog-te-combo
{
background: #292929;
  padding: 6px 10px;
  border-radius: 15px;
  border: none;
  color: #fff;
}
select.goog-te-combo option{
    display:none !important;
}

select.goog-te-combo option[value="hi"], select.goog-te-combo option[value="en"]{
    display: block !important;
}
.skiptranslate span
{
  display: none;
}

.textColor{
    color: var(--mc);
    font-weight: bolder;
}
.withdr .table td {
  padding: 4px 5px;
  color: #fff;
}
.withdr table img {
  width: 3rem;
  border-radius: 10px ;
}

body {
  background-color: #999;
}
.withdr {
  padding: 0px;
}
.wrapper {
 // width: 21em;
  height: 21em;
  padding: 5px;
}

.scrollbox {
  margin: 0 auto;
  padding: 0px 0px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: var(--bg2);
}

.scrollgroup {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 0;
}

.scrollgroup .scrollitem {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  border-bottom: 8px solid var(--bg);
  box-sizing: border-box;
}	

.new-game{
    /*display:none;*/
    position: absolute;
    top: 14px;
    left: -3px;
    width: 50% !important;
    height: auto !important;
    /*transform: rotate(30deg);*/
    animation:blink 1s ease infinite;
}

.shadow {
  display: grid;
  display: none;
place-items: center;
  /*color: #fff;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
  /*text-transform: uppercase;*/
  /*font-size: 6rem;*/
  /*font-weight: 800;*/
  position: absolute;
  /*margin: 200px auto 0;*/
  width: 100%;
  height: 100%;
  background: #15202B00;
  aspect-ratio: 1;
}

.shadow::before,
.shadow::after {
  content: '';
  position: absolute;
  /*top: -4px;*/
  /*left: -4px;*/
  background: linear-gradient(45deg,red,blue,green,yellow,#e11d74,black,#ffff00,#aa0000);
  background-size: 400%;
  width: calc(100% - 7px);
  height: calc(100% - 16px);
  z-index: 0;
  animation: animate 25s linear infinite;
  border-radius: 12px;
}

.shadow::after {
  filter: blur(25px);
}

@keyframes animate {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 400% 0;
  }

  100% {
    background-position: 0 0;
  }
}
@keyframes blink {
  0% {
    opacity:0;
  }

  50% {
     opacity:1;
  }

  100% {
     opacity:0;
  }
}

/* Tab button styles */
.tab-buttons {
  display: flex;
}

.tab-buttons a {
  padding: 10px 0px;
  cursor: pointer;
  text-decoration: none;
  color: #000;
  background-color: #f1f1f100;
  transition: background-color 0.3s, color 0.3s;
  
}

.tab-buttons a.active {
  color: white;
}


/* Tab content styles */
.tab-content {
  display: none;
  padding: 10px;
}

.tab-content.active {
  display: block;
}

.cgame_inr {
  cursor: pointer; 
}

.tab-buttons a.tab-link {
  display: block; 
  text-decoration: none;
}

.tab-buttons a.tab-link img {
  pointer-events: auto; 
}
.bg-img-1 > img{
  /*  aspect-ratio: 1;*/
  /*width: 4rem !important;*/
  /*object-fit: contain;*/
}
.bg-img-1{
    background: url(../img/g-img/hot_bg-1.png) no-repeat center center !important;
    /*background: var(--bg2) !important;*/
    background-size:100%;
    border-radius: 10px;
}
.bg-img-3{
    background: url(../img/g-img/third_bg.png) no-repeat center center !important;
    /*background: var(--bg2) !important;*/
    background-size:100%;
    border-radius: 10px;
}
.bg-img-2{
    background: url(../img/g-img/fish_bg.png) no-repeat center center !important;
    /*background: var(--bg2) !important;*/
    background-size:100%;
    border-radius: 10px;
}
.mt--10{
    margin-top:-20px;
}
.bor-l{
    border-left: 1px solid #ffffff61;
}
.bor-ll{
    border-left: 5px solid var(--mc);
    color:var(--tx-lt);
}
.active a p {
  color: #343a40  !important;
}

.g-cont {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 0.513rem;
  margin-bottom: .82667rem;
}
.ch-g-cont {
  border-radius: .26667rem;
  width: 100%;
  min-height: 5rem;
  height: auto;
  text-align: center;
  position: relative;
}
.ch-g-cont.de-active > img {
    filter: grayscale(1);
    cursor: default;
}
.ch-g-cont > img {
  width: 98%;
  height: 8rem;
  border-radius: 10px;
  background: #0000;
}
.tab-c-span{
  margin-top: .13333rem;
  display: block;
  color: #ffee6a;
  white-space: break-spaces;
  font-weight: 700;
  text-transform: capitalize;
  text-align: center;
  position: absolute;
  bottom: .13333rem;
  width: 100%;
}