@media (max-width: 767px) {
  header {
    height: 45px;
    position: fixed;
    z-index: 9999;
    width: 100%;
  }

  .main-wrapper {
    padding: 0;
  }
}

.mike {
  width: 70% !important;
}

.mikemobile {
  display: none;
}

.btn-xs {
  padding: 1px 5px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
}

.pull-right {
  float: right !important;
}


.div-figure {
  width: 31.33% !important;
  overflow: hidden;
  padding: 14px;
  max-width: 31.33%;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.div-figure img {
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}


/* Video */

.video-overlay {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, .4);
  height: auto;
  left: 0;
  content: "";
  top: 0;
  padding: 5px;
}


.video-overlay .card-inner {
  margin-bottom: 5px;
}

.video-overlay h3 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
  text-transform: uppercase;
}

.video-overlay img {
  width: 35px;
  height: auto;
  margin-right: 2px;
  margin-left: 2px;
}



.text-right {
  text-align: right !important;
}

.ball-runs.playera {
  background: #d07c7d;
  color: #fff;
}

.last-result {
  cursor: pointer;
}

.ball-runs {
  background: #6CAF90;
  height: 30px;
  margin: 5px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-weight: 700;
}


/*drawer*/


/** { */
/*-webkit-box-sizing: border-box; */
/*-moz-box-sizing: border-box; */
/*-o-box-sizing: border-box; */
/*box-sizing: border-box; */
/* adds animation for all transitions */
/*-webkit-transition: .25s ease-in-out; */
/*-moz-transition: .25s ease-in-out; */
/*-o-transition: .25s ease-in-out; */
/*transition: .25s ease-in-out; */
/*margin: 0; */
/*padding: 0; */
/*-webkit-text-size-adjust: none; */
/*} */

/* Makes sure that everything is 100% height */

html,
body {
  height: 100%;
}

/* gets the actual input out of the way; 
we're going to style the label instead */

#drawer-toggle {
  position: absolute;
  opacity: 0;
}

#drawer-toggle-cose {
  position: absolute;
  opacity: 0;
}

#drawer-toggle-label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  left: 0px;
  height: 50px;
  width: 50px;
  display: block;
  position: fixed;
  background: rgba(255, 255, 255, .0);
  z-index: 1;
}


#drawer-toggle-close {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  background: rgba(255, 255, 255, .0);
  z-index: 1;
  display: block;
  float: right;
}




/* adds our "hamburger" menu icon */

#drawer-toggle-label:before {
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  width: 24px;
  background: #fff;
  left: 13px;
  top: 10px;
  box-shadow: 0 6px 0 #fff, 0 12px 0 #fff;
}


#drawer-toggle-close:before {
  content: 'x';
  display: block;
  height: 38px;
  width: 30px;
  background: #2f2f2f;
  font-size: 28px;
  color: #fff;
  text-align: center;
}

/* drawer menu pane - note the 0px width */

#drawer {
  position: fixed;
  top: 0;
  left: -100%;
  height: 100%;
  width: 65%;
  background: #2f2f2f;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 20px;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
}




/* actual page content pane */

#page-content {
  margin-left: 0px;
  margin-top: 50px;
  width: 100%;
  height: calc(100% - 50px);
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 20px;
}

/* checked styles (menu open state) */

/*#drawer-toggle:checked ~ #drawer-toggle-label { */
/*height: 100%; */
/*width: calc(100% - 300px); */
/*background: rgba(255,255,255,.8); */
/*} */

/*#drawer-toggle:checked ~ #drawer-toggle-label, */
/*#drawer-toggle:checked ~ header { */
/*left: 300px; */
/*} */

#drawer-toggle:checked~#drawer {
  left: 0px;
}


#drawer-toggle:checked~#drawer #drawer-toggle-close {
  display: block;
}

#drawer-toggle-cose:checked #drawer {
  left: -100% !important;
}



/*#drawer-toggle:checked ~ #page-content { */
/*margin-left: 300px; */
/*}*/

/* Menu item styles */

#drawer ul {
  list-style-type: none;
}

#drawer ul li {
  width: 80%;

}

#drawer ul a {
  display: block;
  padding: 10px;
  color: #c7c7c7;
  text-decoration: none;
}

#drawer ul a:hover {
  color: #f7be27 !important;

}



#drawer ul a:focus #drawer {
  background: #d4d4d4;
}



@media (min-width: 992px) {
  #drawer-toggle-label {
    display: none;
  }

  #drawer-toggle-close {
    display: none;
  }

  .mobile-bet-box {
    display: none;
  }

  .mobile-match-box-margin {
    margin-bottom: 0%
  }

  .mobile-tv {
    display: none;
  }
}

@media (min-width: 1200px) {
  #drawer-toggle-label {
    display: none;
  }

  #drawer-toggle-close {
    display: none;
  }

  .mobile-bet-box {
    display: none;
  }

  .mobile-match-box-margin {
    margin-bottom: 0%
  }

  .mobile-tv {
    display: none;
  }

}

@media (max-width: 767px) {
  .mobile-match-box-margin {
    margin-bottom: 100%
  }

  .right-bet-content {
    display: none;
  }

  .mobile-tv {
    display: block;
  }

}


#drawer-toggle-right {
  position: absolute;
  opacity: 0;
}

#drawer-toggle-label-right {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  right: -10px;
  top: 0;
  height: 50px;
  width: 50px;
  display: block;
  position: fixed;
  background: rgba(255, 255, 255, .0);
  z-index: 9999;
}


#drawer-toggle-close-right {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  background: rgba(255, 255, 255, .0);
  z-index: 1;
  display: block;
  float: right;
}


/* adds our "hamburger" menu icon */

#drawer-toggle-label-right:before {
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  width: 24px;
  background: #fff0;
  left: 13px;
  top: 10px;
  box-shadow: 0 6px 0 #fff0, 0 12px 0 #fff0;
}


#drawer-toggle-close-right:before {
  content: 'x';
  display: block;
  height: 30px;
  width: 30px;
  background: #da4343;
  font-size: 20px;
  color: #fff;
  text-align: center;
  border-radius: 45px;
  top: 5px;
  right: 6px;
}

/* drawer menu pane - note the 0px width */

#drawer-right {
  position: fixed;
  top: 0;
  right: -100%;
  height: 100%;
  width: 100%;
  background: #ffffff;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
}




/* actual page content pane */

#page-content-right {
  margin-left: 0px;
  margin-top: 50px;
  width: 100%;
  height: calc(100% - 50px);
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 20px;
}

/* checked styles (menu open state) */

/*#drawer-toggle:checked ~ #drawer-toggle-label { */
/*height: 100%; */
/*width: calc(100% - 300px); */
/*background: rgba(255,255,255,.8); */
/*} */

/*#drawer-toggle:checked ~ #drawer-toggle-label, */
/*#drawer-toggle:checked ~ header { */
/*left: 300px; */
/*} */

#drawer-toggle-right:checked~#drawer-right {
  right: 0px;
}


#drawer-toggle-right:checked~#drawer-right #drawer-toggle-close {
  display: block;
}

/*#drawer-toggle:checked ~ #page-content { */
/*margin-left: 300px; */
/*}*/

/* Menu item styles */

#drawer-right ul {
  list-style-type: none;
}

#drawer-right ul a {
  display: block;
  padding: 10px;
  color: #c7c7c7;
  text-decoration: none;
}

#drawer-right ul a:hover {
  color: #fff !important;
}


@media (min-width: 992px) {
  #drawer-toggle-label-right {
    display: none;
  }



}

@media (min-width: 1200px) {
  #drawer-toggle-label-right {
    display: none;
  }



}


/*BET BOx*/
.bet-box-inner-mobile {
  padding: 0px !important;
}

.close_btn {

  color: #da161d;
  font-size: 15px;
  cursor: pointer;
  margin-right: 10px;
  margin-top: 10px;
  position: absolute;
  right: 0;


}


/*dropDown Toggle*/

.dropbtn {
  color: white;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  right: 0px;
}

.dropdown-content li a {
  color: #fff !important;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}

.dropdown-content li a:hover {
  color: #f7be27 !important;

}


.dropdown:hover .dropdown-content {
  display: block;
}

.live-tv-frame {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  max-height: 247px;
}

/*account statement*/
.red {
  color: #ea384d !important;
}

.green {
  color: #27924e !important;
}


.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem;
}


.resetPassword-button {
  margin: 5px
}

.ledger-header {
  background: #2a3e5d;
  color: #fff;
  font-size: 16px;
  text-align: center;
  margin: 10px 0px 0px 0px;
}

.ledger-body {
  background: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
}

.table_tittle {
  margin-top: 10px;
}

.mod-header.tab_bets .nav-pills>li>a {
  cursor: pointer;
}

.lottery-frame {
  display: block;
  background: #000;
  border: none;
  height: 100vh;
  width: 100vw;
}

/* dropdown */

.input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.row {
  display: flex;
}

.row .col {
  flex: 1;
}

/* Accordion styles */
.tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.tab {
  width: 100%;
  color: white;
  overflow: hidden;
}

.tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #2F4F4F;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}

.tab-label:hover {
  background: #2F4F4F;
}

.tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}

.tab-content-style {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: #ffffff00;
  transition: all 0.35s;
}

.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #ffffff00;
  cursor: pointer;
}

.tab-close:hover {
  background: #ffffff00;
}

label {
  color: #ffffff !important;
}

input:checked+.tab-label {
  background: #ffffff00;
}

input:checked+.tab-label::after {
  transform: rotate(90deg);
}

input:checked~.tab-content {
  max-height: 100vh;
  padding: 1em;
}

.scorecard2 {
  padding: 5px;


  color: #fff;
  font-size: 10px;
}



.score-background {
  background-image: url(/assets/images/cbg.jpg);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}


.game-box .game-inner .icn .icn-inner.cs-text {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}


/* mobile footer */



.header .bottom-nav {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.8rem 0;
  /*background-color: #252a32;*/
  background: #2F4F4F;
  z-index: 99;
  will-change: transform;
  transform: translateZ(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
}

.header .bottom-nav-item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  text-align: center;
  font-size: 0.8rem;
  color: #f1f5f8;
}

.header .bottom-nav-link {
  display: flex;
  flex-direction: column;
}

.header .bottom-nav .active a {
  color: #f7be27 !important;
}

.bottom-nav .bottom-nav-item a {
  color: #fff !important;
  text-decoration: none;
  background-color: transparent;
}


.notification {
  background-color: #f7be27;
  color: white;
  text-decoration: none;
  padding: 0px 5px;
  position: relative;
  display: inline-block;
  border-radius: 15px;
  float: right;
  margin: 2px;
}

.pwdlable {
  color: #2F4F4F !important;
}

.mod-header.tab_bets .nav-pills>li.active>a:hover {
  color: #fff !important;
}

.component-message-wrap {
  z-index: 9999 !important;
}

.radio label {
  color: #2F4F4F !important;
}

.captcha {
  font-size: 14px;
  padding: 6px 12px;
  height: 40px;
  width: 140px;
  background: #dfdfdf;
  border: 0px;
}

/* loader */


.sk-circle {
  margin: 0px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


.modal-content .modal-body {
  background: #eeeeee;
}

.modal-header {
  background: #2F4F4F !important;
  color: #fff !important;
}

.modal-footer {
  background: #eeeeee !important;
}

.btn-primary {
  background: #2F4F4F !important;
  border-color: #2F4F4F !important;
  color: #fff !important;
}

.close {
  font-size: 2.0rem !important;
  color: #fd0303 !important;
  text-shadow: 0 1px 0 #f00 !important;
  line-height: 10px !important;
}

.modal-content label {
  color: #000 !important;
}

.pd-left-right {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.scoreB {
  padding: 0px;
  color: rgb(255, 255, 255);
  text-align: center;
  background: rgb(0, 0, 0);
  align-items: center;
  justify-content: center;
}

.itemCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}

.teamScore span {
  display: block;
}

.teamScore .score {
  font-size: 16px;
}

.fs-heading {
  text-align: left;
  padding: 4px 12px;
  color: #a9a9a9;
  border-bottom: 0.5px solid;
  border-top: 0.5px solid;
}

.ring-container {
  position: relative;
}

.circle {
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  left: 7px;
}

.ringring {
  border: 3px solid #62bd19;
  -webkit-border-radius: 30px;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 2px;
  top: -10px;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0.0
}

.live-txt {
  position: absolute;
  top: -7px;
  left: 17px;
  font-size: 10px
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0;
  }

  50% {
    opacity: 1.0;
  }

  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0;
  }
}





/* ab2 style */

.ab2-main {
  background: #a2a2a2;
}

.ab2-text {
  font-size: 14px;
  padding: 0px;
  margin: 5px 5px 0px 5px !important;
  color: #fff;
  text-align: center;
  display: inline-grid;
}

.ab2-btn-background {
  background: #098495;
  width: 100%;
}


.casino {
  margin: 0 10px;
}

.casino .mod-header {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}


.live-str {
  border: 0px solid black;
}


.game-result {
  background: green;
  border-radius: 25px;
  margin: 2px;
  height: 30px;
  width: 30px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
}

.playera {
  color: #ff4500;
  font-weight: 800;
}

.playerb {
  color: #FFFF33;

}

/* end ab2 style*/

.susb-bhav {
  position: absolute;
  background: #0a0a0ab5;
  height: 100%;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  top: 0;
  left: 0;
}

.bhav-row {
  margin-bottom: 10px !important;

}

.rescard {
  display: flex;
  width: 100%;
  overflow: hidden;
}

.next-card-res {
  position: absolute;
  right: 0;
  bottom: 15%;
}

.perv-card-res {
  position: absolute;
  left: 0;
  bottom: 15%;
}

.res-box {
  width: 30%;
  position: absolute;
  top: 40%;

  background: #00000061;
  padding-bottom: 5px;
}

.ab2-res-fst-card {
  height: 40px;
  position: absolute;
  left: 20px;
  top: 40%;
}

.andr-bhar2-res-text {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  color: #fff;
  width: 80% !important;
  float: right;
}



.andarbahar-res .andar-bahar-image {
  width: 25px;
  cursor: pointer;
  margin: 3px;
}






/* casino live style */
.featured-box-detail {
  max-width: 70% !important;
  -ms-flex: 0 0 70% !important;
  flex: 0 0 70% !important;
}

.liveStr {
  height: 400px !important;
  width: 100% !important;
}

.game-header {
  font-size: 16px;
  justify-content: space-between;
  display: flex;
  background: linear-gradient(-180deg, #0A92A5 0%, #087989 82%) !important;
  padding: 5px 10px;
  color: #fff;
}

.bhav-section {
  display: flex;
  justify-content: space-around;
  background: #eee;
  text-align: center;
}

.bet-btn {
  background: #9eb6cc;
  color: #fff;
  padding: 5px;
}

.bhav-price {
  font-size: 20px;
}

.result-section {
  display: flex;
  background: #bbbbbb;
  justify-content: flex-end;
}

.result-badge {
  background: chocolate;
  color: #fff;
  padding: 5px;
  border-radius: 15px;
  margin: 5px;
}


@media (max-width: 767px) {
  .game-box {
    display: inline-block;
    width: 150px;
    height: 150px;
    margin: 0 5px 10px;
    background-color: #fff;
    position: relative;
    border-radius: 5px;
    cursor: pointer;
  }

  .featured-box-detail {
    max-width: 100% !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
  }

  .pd-left-right {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .liveStr {
    height: 210px !important;
    width: 100% !important;
  }

  .andarbahar-module .andar-bahar-image {
    width: 50px !important;
    cursor: pointer;
    margin: 5px;
    height: 80px !important;

  }

  .andarbahar-res .andar-bahar-image {
    width: 22px !important;
    cursor: pointer;
    margin: 3px;
    height: 35px !important;

  }

  .res-box {
    width: 45% !important;
    position: absolute;
    top: 16% !important;
    left: 0 !important;
  }

  .andr-bhar-res-text {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 14px !important;
    color: #fff;
  }

  .mob-ab-cards {
    text-align: center;
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    padding: 10px 0;
  }

  .mobile-ab-text-border {
    border-bottom: 1px solid #000;
  }

  .mobile-ab2-text-border {
    border-top: 1px solid;
    margin-top: 15px !important;
  }

  .ab2-res-fst-card {
    left: 5px !important;
  }

  /* teen patti */
  .tp-bhav {
    font-size: 14px !important;
  }

  .tp-res-box {
    width: 31% !important;
    position: absolute;
    top: 15% !important;
    left: 0 !important;
  }

  .flipclock {
    position: absolute;
    bottom: 0% !important;
    right: 0 !important;
  }

}

.andarbahar-res .andar-bahar-image {
  width: 25px;
  cursor: pointer;
  margin: 3px;
}

.andarbahar-module .andar-bahar-image {
  width: 38px;
  cursor: pointer;
  margin: 3px;
}

.andr-bhar-text {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 18px;
  color: #fff;
}

.andr-bhar-res-text {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  color: #fff;
}

.mr-left-right {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.rescard {
  display: flex;
  width: 100%;
  overflow: hidden;
}

.next-card-res {
  position: absolute;
  right: 0;
  bottom: 15%;
}

.perv-card-res {
  position: absolute;
  left: 0;
  bottom: 15%;
}

.res-box {
  width: 30%;
  position: absolute;
  top: 10%;
  background: #00000061;
  padding-bottom: 5px;
}

::-webkit-scrollbar {
  width: 0;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}

/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
  background: transparent;
}

/* AB2 */
.ab2-bhav {
  text-align: center;
  margin: auto;
  background: #087e8f;
  color: #fff;
  display: inline-grid;
  border: 2px solid #d7d04a;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}

.ab2-res-fst-card {
  height: 40px;
  position: absolute;
  left: 20px;
  top: 40%;
}

.andr-bhar2-res-text {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  color: #fff;
  width: 80% !important;
  float: right;
}

/* teen patti style */

.tp-bhav {
  text-align: center;
  font-size: 18px;
  background: #76c6c6;
  color: #fff;
  padding: 10px;
  border-right: 1px solid #fff;
  cursor: pointer;

}

.mobile-tp-text {
  text-align: center;
  margin: auto;
}

.mobile-tp-border {

  border-bottom: 1px solid #fff;
}

.tp-res-box {
  width: 31% !important;
  position: absolute;
  top: 15% !important;
  left: 1% !important;
}

/* suspandad */
.susb-bhav {
  position: absolute;
  background: #0a0a0ab5;
  height: 100%;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}

.tpatti-img-height {
  height: 20px;
}

.ab2-main .lucky7-bhav {
  padding: 0 !important;
  height: 40px;
  margin: 5px 0px;
}

/* flipclock */


.flipclock {
  position: absolute;
  right: 0%;
  bottom: 0%;
}

.flipclock-t1 {
  color: #fff;
  font-size: 25px;
  background: #4c4c4c8a;
  padding: 0px 5px;

}

.mr-left-right {
  margin-left: 0px !important;
  margin-right: 0px !important;
}



/* Lucky 7 */

@media (max-width: 767px) {
  .lucky7-bhav {
    font-size: 20px !important;
  }

  .lucky7-main-bhav-card {
    display: inline-grid;
    margin: 5px 13px !important;
  }

  .lucky7-main-bhav-card .card-img {
    height: 50px !important;
  }
}

.lucky7-main {
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
  background: white;
  padding: 12px 0;
  display: flex;
}

.lucky7-main-bhav {
  display: inline-grid;
}

.lucky7-main-bhav-card {
  display: inline-grid;
  margin: 3px 0px;
}

.lucky7-main-bhav-card .card-img {
  height: 50px;
}

.lucky7-main-bhav span {
  font-size: 16px;

}

.lucky7-bhav {
  background: #098495;
  font-size: 20px;
  color: #fff;
  display: flex;
  padding: 5px;
  justify-content: center;
  align-items: center;
}

.lucky7-bhav img {
  height: 20px;
}

.card-icon {
  font-family: Card Characters !important;
  display: inline-block;
}

/* end Lucky 7 */


.rules-btn {
  position: absolute;
  right: 10px;
  color: #fff;
  background: #76767600;
  border: 0;
}





@media (max-width: 767px) {

  .ab2-main {
    width: 100% !important;
  }

  .live-str {
    height: 220px;
    border: 0px solid black;
  }

  .casino {
    margin: 0 0px !important;
    padding-bottom: 60px;
  }

  .casino .match-box {
    border-bottom: 0px solid #dfdfdf !important;
    border-top: 1px solid #dfdfdf !important;
    border-left: 0px solid #ececec !important;
    border-radius: 0px !important;
    border-right: 0px solid #ececec !important;
  }

}


/*AAA*/
.casino-profit-text {
  color: rgb(0, 0, 0);
  font-weight: 700;
}

.aaa-bhav {
  display: flex;
}

.lay {
  background-color: #f9c9d4;
}

.back {
  background-color: #a7d8fd;
}




.dt-second-card {
  left: 50px !important;
}
.dt-third-card {
  left: 81px !important;
}

/* dashboard casino block*/

.live-games-heading-block {
  background: #2F4F4F;
  padding: 5px;
  margin: 10px 0px;
}

.live-games-heading-txt {
  color: #fff;
  font-weight: 700;
}

.casino-img {
  width: 95%;
}

@media (max-width: 767px) {
  .casino-img {
    height: auto;
  }
}

.padding-lr-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 5px;
}

.game-text {
  background: #fff;
  text-align: center;
  font-weight: 700;
  color: #2F4F4F;
}

.padding-lr-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.blink {
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  background-color: magenta;
  padding: 10px 0px;
  line-height: 10px;
  border-radius: 50px;
  text-align: center;
  animation: blink 1s linear infinite;

}

.blink-txt {
  font-size: 8px;
  color: white;
}

@keyframes blink {
  0% {
    background: #c2e884
  }

  20% {
    background: #c2e884
  }

  40% {
    background: #ff7f00
  }

  60% {
    background: #ff7f00
  }

  80% {
    background: #36cb3b
  }

  100% {
    background: #36cb3b
  }
}


.checkmarkAnimation {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 0 auto;
  -webkit-box-shadow: inset 0px 0px 0px #28a745;
  box-shadow: inset 0px 0px 0px #28a745;
  -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmarkAnimation .checkmarkAnimation-circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #28a745;
  fill: none;
  -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmarkAnimation .checkmarkAnimation-check {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes scale {

  0%,
  100% {
    -webkit-transform: none;
    transform: none;
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes scale {

  0%,
  100% {
    -webkit-transform: none;
    transform: none;
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
}

@-webkit-keyframes fill {
  100% {
    -webkit-box-shadow: inset 0px 0px 0px 30px #28a745;
    box-shadow: inset 0px 0px 0px 30px #28a745;
  }
}

@keyframes fill {
  100% {
    -webkit-box-shadow: inset 0px 0px 0px 30px #28a745;
    box-shadow: inset 0px 0px 0px 30px #28a745;
  }
}