/* @import url("animation.css"); */
@import url('https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url("games.css");
@import url("whitelabels.css");


:root{
  --primary:#2a4b9a;
  --secondary:#192d5d;
  --lightactive:#717daf;
  --secondaryRgba:rgba(13,20,40,0.9);
  /* --bodyCR:#152142; */
  --bodyCR:linear-gradient(180deg, rgba(28,46,96,1) 0%, rgba(12,18,32,1) 100%);
  
  /* --bodyCR:linear-gradient(180deg, rgba(23,29,53,1) 0%, rgba(28,41,80,1) 0%, rgba(24,32,60,1) 1%, rgba(26,38,73,1) 2%, rgba(34,56,114,1) 3%, rgba(33,57,118,1) 5%, rgba(27,45,91,1) 7%, rgba(40,72,149,1) 8%, rgba(21,34,69,1) 12%, rgba(17,26,52,1) 20%, rgba(15,21,40,1) 45%, rgba(13,17,33,1) 60%, rgba(13,17,32,1) 100%);; */
  --pinnedBtn:linear-gradient(104deg, var(--primary) 74%, var(--secondary) 74%);
  --loginBG:#2a4b9a;
  --activeTab:#2a4b9a;
  --main-bg:var(--primary);
  --activeBG:#243d76;
  --footerBg:#1a1a1a;
  --white-color: #fff;
  --black-color:#000;
  --darkBg:rgba(0,0,0,0.8);
  --listBox:#2a2c38;
  --titleText:#2C2C2C;
  --borderCR:#6074FF;
  --faqActive:#6074FF;
  --font: "Poppins", sans-serif;
  --maindark:var(--primary);

  --depositBG:#08182f;
  --amountInput:linear-gradient(90deg,var(--primary) 35%, var(--lightprimary) 100%);
  --lightprimary:#4865d9;
}
ul{list-style: none; margin: 0; padding: 0;}
img { width: auto; max-width: 100%; height: auto!important;}
img:focus-visible{outline: none!important;}
body{font:400 14px/18px var(--font);}
a{cursor: pointer;}
.positive-value, .tgreen, .ngreen{color:green;}
.pth-value, .tred, .nred, .errorMa{color:red;}
.text-blue, .selectionText{color: blue;}
.selection-back{background-color: #edf8fd; color: #00f;}
.mainexpand .pth-value{background-color: #f7dbdb8f;}
.text-black{color: black!important;}
.resultclass{color: #3BB9FF; cursor: pointer;}
.btn-secondary, .badge-secondary{background: var(--secondary);}
.modal-backdrop.show, .modal-backdrop.in{opacity: 0.7;}
button:focus{outline: none!important;}
.btn:focus{box-shadow: inherit!important;}
.btn:focus-visible{box-shadow: inherit!important; outline: none!important;}
.form-group{position: relative; margin-bottom: 1.6rem;}
.form-control{box-shadow: none!important;}
.form-control:focus { background: none!important;}

.toggelPass{position: absolute; top:7px; right: 10px; color: var(--white-color) !important;}
.validation-message, .errorMa{
  /* position: absolute; bottom: -1.4rem;  min-height: 20px;  */
  font-size: 11px!important;float: left; line-height: 11px; margin: 3px 0 5px;}
.modal .close{font-size:24px; color: #fff; opacity: inherit; padding: 0.5rem 1rem; margin-top: -10px; box-shadow: none!important; border: none!important;}
.demodeposit button, .demodeposit span{background: var(--primary)!important; color: var(--white-color)!important;}
.modal .modal-header{ background: var(--primary); padding: 0.7rem 1rem; border-radius: 8px 8px 0 0;}
.modal .modal-header .modal-title{font: 600 14px/20px var(--font); color: #fff;}
.modal .modal-content{border-radius: 10px;}
.fadein{animation: fadeinout 0.5s alternate;}
.fadeout{animation: fade-out 0.5s alternate;}
@keyframes fadeinout {0% { opacity: 0; transform: translateY(10px);} 100% { opacity: 1; transform: translateY(0);}}
@keyframes fade-out{0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0);}}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect{background-image: none!important;}
.daterangepicker.show-ranges.ltr .drp-calendar.left{border-left: none;}
.blink_me{margin: 0 5px 0 0!important; font: 400 10px/10px var(--font); position: absolute; left: -15px;}
.mainRow, app-market-pinned .mian-wrap{margin: 42px 0 63px; padding: 0 0 10px; background: #D9D9D9; min-height: calc(100dvh - 106px);}
.bodyBG{background: var(--bodyCR); padding: 12px 0 10px; 
  /* box-shadow: inset 0 40px 40px -30px rgba(0, 0, 0, 0.5); */
}
.headerRow{background: var(--primary); padding: 8px 12px; min-height: 42px; position:fixed; width: 100%; top: 0; z-index: 999;}
.navIcon{display: flex; align-items: center; gap: 0 10px;}
.navIcon .btn:focus-visible{border: none!important; box-shadow: none!important; outline: none;}
.navText{color:  var(--white-color); font-weight: 600; text-transform: uppercase; padding: 2px 0 0; display: flex; align-items: center;}
.navText .fa{font-size: 26px; line-height: 0; margin:-2px 8px 0 0;}
.toggleSideNavBtn{background: none; padding: 0; border: none; display: flex;}
.toggleSideNavBtn img{width: 20px; height: 20px;}
.toggleSideNavBtn .opneIcon{display: block;}
.toggleSideNavBtn .colseNav{display: none;}
.opensidenavmobile .opneIcon{display: none;}
.opensidenavmobile .colseNav{display: block; color: #fff; width: 20px; height: 20px; font-size: 20px;}
#fc_frame, #fc_frame.fc-widget-normal{bottom: 123px!important;}
.d-hotline.h-btn{width: 50px!important; height: 50px!important;}
.back-to-top{    bottom: 140px !important; right: 42% !important;}
.logoCol{height: 20px; width: 92px; display: flex; align-items: center;}
.logoCol img{height: 100%!important; object-fit: contain;}
.apk-alert{position: fixed; bottom: 55px; z-index: 999; width: 75%; left: 15px; padding: 0; display: flex; align-items: center; flex-wrap: wrap;  background: #000; border: none; box-shadow: 5px 5px 10px rgba(0,0,0,0.5);}
.apk-alert strong{width: 68%; font-size: 12px; color: var(--white-color); margin-left: 10px;}
.apk-alert .close{padding: 5px 5px; margin-right: 10px; font-weight: 400; color: var(--white-color); opacity: inherit;}
.apkBtn{display: inline-block; margin:0;}
.apkBtn a{background:none; border: none; padding:10px 0; min-width:48px; min-height:24px; font:600 10px/10px var(--font); text-transform: uppercase; color:  var(--primary); display: flex; align-items: center; justify-content: center; gap: 5px; border-radius: 5px;}
.apkBtn svg{fill:  var(--white-color); width: 15px; height: 15px;}
.downApk a{background: rgba(0,0,0,0.5);}
.progress-container {width: 100%; overflow: hidden; height: 2px; position: relative;}
.progress-bar {width: 0%; height: 100%; background:#fff; animation: fillProgress 20s linear forwards;}
@keyframes fillProgress {
  from {width: 0%;} to {width: 100%;}
}
.avlBalBtn, .expBalBtn{min-width:48px; min-height:26px; padding: 0 8px; font:300 12px/10px var(--font); display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.avlBalBtn span, .expBalBtn span{font-weight: 600;}
.expBalBtn{background: none;}
.avlBalBtn{background:rgba(0,0,0,0.5)}
.avlBalBtn svg{fill:  var(--white-color); width: 12px; height: 12px; margin: -1.5px 5px 0 0;}
.notifiIcon{margin: 0 0 0 10px;}
.notifiIcon .bellIcon{position: relative;}
.notifiIcon .fa-bell{ color: var(--white-color);}
.notifiIcon sup.badge{border-radius: 10px; width: 15px; height: 15px; line-height: 15px; font-size: 8px; position: absolute; padding: 0; top: -5px; right: -10px;}
.notifiIcon .dropdown-menu{right: 0!important; padding: 0; border-radius: 5px; top: 5px!important;}
.notifiIcon .dropdown-menu::before{content: '\f0d8'; font-size: 18px; font-family: FontAwesome; color: #fff; top:-12px; right: 12px; position: absolute;}
.notifiIcon .dropdown-menu h2{background:var(--darkBg); font-size: 14px; padding: 5px 10px; color: #fff; border-radius: 5px; margin: 5px;}
.notifiIcon .dropdown-menu ul{height: 280px; overflow-x: auto; padding: 0 8px;}
.notifiIcon .dropdown-menu li{display: flex; justify-content: space-between; align-items: center; padding: 5px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);font:400 10px/12px var(--font)}
.notifiIcon .dropdown-menu li:last-child{border-bottom: none;}
.notifiIcon .messText{width: 65%;}
.notifiIcon .agoText{text-align: right;}
.notifiIcon .footNoti{background: var(--primary); display: block; text-align: center; color: #fff!important; font-size: 12px; padding: 5px 0; border-radius: 0 0 5px 5px;}
.notifiIcon .withAppTX{display: flex; justify-content: space-between;}
.notifiIcon .withAppTX .appRow{width: 65%; display: flex; gap: 0 5px;}
.notifiIcon .nodata{text-align: center;}
.notifiIcon .nodata img{width: 30%; margin:28% auto 0;}
.searchIcon{margin: 0 0 0 10px; display: flex; align-items: center; }
.searchIcon svg{width: 18px; height: 18px; fill: var(--white-color);}
.searchCell{display: flex; align-items: center; justify-content: flex-end;}
.searchCell ng2-completer{width: 70%;}
.searchCell .completer-holder input{height: 24px; width: 100%; font-size: 10px; padding-left: 10px; border-radius: 5px 0 0 5px; border: 1px solid var(--secondary)!important; box-shadow: none!important; outline: none!important;}
.searchCell .btn-primary{border-radius: 0 5px 5px 0; background: var(--secondary); border-color: var(--secondary); padding: 0.125rem .75rem; font-size: 12px;}
.searchCell .completer-dropdown{position: fixed!important; z-index: 99999!important; left: 0; right: 0; margin-top: 5px!important; width: 100%!important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.searchCell .completer-row-wrapper{border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important; font-size: 12px;}
.searchCell .completer-row-wrapper:last-child{border-bottom: none!important;}
.searchCell .completer-no-results{text-align: center;}
.recent-searches {width: 100%; background: #fff; padding: 0.313rem; position: fixed; top: 38px; left: 0; right: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.recent-searches h6{padding: 5px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
.recent-searches li{padding: 0.313rem; border-radius: 0.313rem; font-size: 0.75rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.recent-searches li:last-child{border-bottom: none;}
.loginCol{display: flex; gap:0 5px;}
.loginCol .btn{font:600 10px/8px var(--font); padding:7px; border-radius: 5px; text-transform: uppercase; min-width: 55px; min-height:24px;}
.loginCol .btn-dark{background: #000; border-color: #000;}
.langSelect{ margin: 0 0 0 7px;}
.dropdown-toggle::after{    border-top: .4em solid; border-right: .4em solid transparent; border-bottom: 0;
  border-left: .4em solid transparent;}
.langSelect a{background: var(--white-color); padding:2px 4px; min-width:32px; min-height:15px; font:600 10px/10px var(--font) ; text-transform: uppercase; color: var(--primary); display: flex; align-items: center; justify-content: center; gap:0 2px; border-radius: 3px;}
.langSelect .sortLang{color: var(--primary); width: 15px; text-align: center;}
.langSelect .dropdown-menu{left: -65px!important; top:10px!important; transform:translate3d(0, 15px, 0px)!important; background: var(--primary); border-radius: 5px; min-width: 110px; border: 1px solid rgba(255,255,255,0.5); padding: 0;}
.langSelect .dropdown-item{justify-content:flex-start; border-radius: 0; background: none; color:  var(--white-color)!important; padding: 8px; font:600 10px/10px var(--font); border-bottom: 1px solid rgba(255,255,255,0.5);}
.langSelect .dropdown-item:last-child{border-bottom: none;}
.langSelect .active{background: var(--white-color); color: var(--primary)!important;}
.mobileNav{position:fixed; bottom: 0; width: 100%; z-index: 999; min-height: 64px; background: var(--footerBg); box-shadow: 0 -3px 5px rgba(0,0,0,0.5); display: flex; justify-content: space-between; align-items: center;}
.mobileNav .mobtab{width: 20%; display: flex; flex-direction: column; align-items: center; justify-content: center; color:rgba(255,255,255,0.5)!important; border-bottom: 6px solid transparent;  min-height: 64px; font-size: 10px; font-weight: 600; text-transform: uppercase;}
.mobileNav .mobtab svg{height: 30px; fill: rgba(255,255,255,0.5)!important; margin: 5px 0 2px;}
.mobileNav .menu-active{color:  var(--white-color)!important; border-bottom: 6px solid var(--white-color);}
.mobileNav .menu-active svg{fill:  var(--white-color)!important;}
.headgameNav{clear: both; margin: 0 0 12px;}
.headgameNav ul{display: flex; align-items: center; flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
.headgameNav ul::-webkit-scrollbar{display: none;}
.headgameNav ul li{padding: 2px 10px; border-left:1px solid rgba(255,255,255,0.2);}
.headgameNav ul li:first-child{border-left: none;}
.headgameNav ul li a{display: flex; align-items: center; gap: 0 8px; min-height: 1.375rem;}
.headgameNav .gmIcon{width: 15px; height: 22px;}
.headgameNav .gmIcon svg{fill: var(--white-color);}
/* .headgameNav .gmIcon img{-webkit-filter: invert(100%);} */
.headgameNav .gmText{font:700 12px/18px var(--font); color: var(--white-color);}
.loginModal{background: var(--loginBG); border-radius: 10px; border: none; position: relative;}
#mobile-login .modal-dialog-centered, #player-signup .modal-dialog-centered{min-height: calc(100% - 40px);}
.loginModal .close{position: absolute; opacity: inherit; display: flex; align-items: center; gap: 0 10px; margin-top: -16px; font:500 12px/18px var(--font); right: 16px; top: -12px; z-index: 0; text-transform: uppercase; background:#2c2c2c; color:  var(--white-color); padding: 5px 15px 15px; border-radius: 10px 10px 0 0;  text-shadow: none;}
.loginModal .close span{font: 24px/16px var(--font);}
.loginModal .backBtn{right: inherit; left: 0; font-size: 20px;}
.loginModal .modal-header{padding: 5px 10px; flex-direction: column; border: none; background: none; position: relative;}
.loginModal .modal-header::before{height: 12px; background: var(--loginBG); content: ''; position: absolute; z-index: 1; width: 100%; left: 0; top: 0; border-radius: 10px 10px 0 0;}
.loginModal .modal-body{padding: 1rem 2rem;}
.loginModal .form-group{margin-bottom: 1rem;}
.loginModal .bonusimg{border-radius: 5px; overflow: hidden; margin: 10px 0 30px;}
.loginModal .loginLogo{height: 26px; width: 80%; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.loginModal .loginLogo img{height: 100%!important; object-fit: contain;}
.loginModal .welText{width: 100%; text-align: center; font-size: 24px; font-weight: 700; margin: 15px 0; color:  var(--white-color);}
.loginModal .form-control{background: none; border: 1px solid  var(--white-color); border-radius: 8px; font-size: 12px; color:  var(--white-color); height: 32px; padding: 0 35px 0 10px}
.loginModal input:-webkit-autofill,
  input:-webkit-autofill:hover, 
  input:-webkit-autofill:focus, 
  input:-webkit-autofill:active, input:-internal-autofill-selected{ 
    color : var(--white-color) !important;
    -webkit-text-fill-color:var(--white-color) !important;   
    -webkit-box-shadow: 0 0 0 0 white inset !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    
  }
.loginModal .countryBox{padding: 0 10px!important}
.loginModal .col-form-label{color:  var(--white-color); font-size: 14px;}
.loginModal .form-control::placeholder{opacity: inherit; color:  var(--white-color);}
.loginModal select{background: none!important; height: 32px!important;}
.loginModal .forgettext{float: right; font-size: 12px; color:  var(--white-color)!important; cursor: pointer; margin: 3px 0 0; text-decoration: underline!important; text-decoration-color: rgba(255,255,255,0.5)!important;}
.loginModal .loginbtn{margin: 70px 0 15px;}
.loginModal .demeLogin{margin: 0 0 15px;}
.loginModal .loginbtn .btn{ width: 100%; font-weight: 700; font-size: 14px; min-height: 36px; border-radius: 8px; text-transform: uppercase;}
.loginModal .loginbtn .btn-light, .loginModal .loginbtn .btn-warning{box-shadow: 0 2px 5px rgba(0,0,0,0.5); padding: 0 1rem;}
.loginModal .withCancel{ display: flex; justify-content: center; align-items: center; gap: 0 16px; padding: 0 16px;}
.loginModal .stakeRow{display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0 0 16px;}
.loginModal .inputbox{width: 65px; height: 30px; border: none; text-align: center; border-radius: 3px;}
.loginModal .optMsg{ padding: 0 28px;}
.loginModal .optMsg h6{color: var(--white-color);}
.loginModal .resendBox{display: flex; align-items: center; justify-content: flex-end; gap:0 10px; margin: 15px 0 0;}
.loginModal .resendBox p, .loginModal .resendBox .timeText{color: var(--white-color); margin: 0;}
.loginModal .modal-socialLInk{margin-top: 10px!important;}
.loginModal .modal-socialLInk .fa{font-size: 28px!important;}
.editFormat{display: flex; justify-content: flex-end; align-items: center; margin: 16px 0;}
.editFormat .formatText{color: #fff; position: relative;}
.editFormat .infolakh{color: #000; background: #fff; padding: 10px; border-radius: 10px; left: -12px; top: -10px; position: absolute; font-size: 12px;}
.globalsignup .modal-dialog{background: #000;;}
.accpetAnyRow label{color: #fff;}
.accpetAnyRow .checkRow{display: flex; justify-content: space-between; margin: 10px 0 0; flex-wrap: wrap;}
.accpetAnyRow .checkRow label{display: flex; gap: 0 6px; margin: 0;}
.accpetAnyRow .checkRow input{width: 15px; height: 15px; border: none;}
.setscreenRow{display: flex; justify-content: space-between; align-items: center;}
.setscreenRow img{border: 1px solid #fff; border-radius: 10px; margin: 10px 0 0;}
.setscreenRow span{color: #fff; margin: 0 0 0 10px;}
.open-bets .modal-backdrop.show{height: calc(100dvh - 64px);}
.open-bets .modal-dialog-centered{align-items: flex-end; margin-top: 0;}
.openBets{background: #fff; margin-bottom: 84px;}
.openBets .modal-header{background: none!important;}
.openBets .modal-body{padding: 1rem; position: relative;}
.openBets .modal-body:after{content: ''; width: 97px; height: 32px; background: url(../assets/images/dwonAR.png) no-repeat;  position: absolute; bottom: -28px; right: 15%;}
.openBets .welText{color: #000; margin: 10px 0 0;}
.openBets .fiterTab{display: flex; justify-content: center; align-items: center; list-style: none; padding:3px 2px; margin: 0 -10px 12px; min-height: 36px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px;}
.openBets .fiterTab li{padding: 0 3px; border-left: 1px solid rgba(0, 0, 0, 0.3); min-height: 28px; display: flex; align-items: center; flex: auto;}
.openBets .fiterTab li:first-child{border-left: none;}
.openBets .fiterTab a.tabBtn{font:600 14px/14px var(--font); padding: 7px 8px; color: #000; flex: auto; text-align: center;}
.openBets .fiterTab a.active{background: var(--primary); color: #fff!important; border-radius: 2px;}
.openBets .selectBox{background: rgba(0, 0, 0, 0.12); padding: 3px; border-radius: 5px; display: flex;}
.openBets .selectBox label{font:500 12px/20px var(--font); padding: 5px 10px;}
.openBets .selectBox .form-control{border: 1px solid rgba(0, 0, 0, 0.1); font:500 12px/20px var(--font); color: #000; height: 30px!important; -webkit-appearance:auto; border-radius: 5px;}
.openBets .betList{display: flex; flex-direction: column; overflow-y: auto; overflow-x: hidden; gap: 5px; height: calc(100dvh - 400px); padding: 0 10px 0 0;}
.openBets .betBox{border: 1px solid rgba(0, 0, 0, 0.2); padding: 3px; border-radius: 3px;}
.openBets .eventTitle{background: #000; padding: 3px 10px 3px 12px; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; min-height: 35px; font-weight: 600; color: #fff;}
.openBets .eventTitle .fa{font-size: 28px;}
.openBets .headRow{display: flex; justify-content: space-between; align-items: center; padding: 10px 0 7px;}
.openBets .headRow li{font-weight: 600; text-align: right; width: 28%; padding: 0 3px;}
.openBets .headRow li.nameBox{width: 42%; text-align: left;}
.openBets .betOdd { border-radius: 5px; margin: 3px 0 0; overflow: hidden;}
.openBets .betOdd ul{display: flex; justify-content: space-between; align-items: center; padding: 10px; position: relative;}
.openBets .betOdd li{font-weight: 600; text-align: right; width: 28%; padding: 0 3px;}
.openBets .betOdd li.oddcol1{width: 42%; text-align: left;}
.openBets .betslipback ul::before{content: ''; height: 100%; position: absolute; left: 0; width: 8px; background:#8ec5ff;}
.openBets .betsliplay ul::before{content: ''; height: 100%; position: absolute; left: 0; width: 8px; background:#ffa0cf;}
.openBets .refno{padding: 0 10px 2px!important;}
.openBets .refno li{font: 400 10px/11px var(--font); text-align: center; word-wrap: break-word;}
.openBets .refno li:nth-child(2){width: 42%;}



.mainRow app-announcment-mobile .announcebar, .pinnedHead{background: #2c2c2c!important;}
.pinnedHead{display: flex; justify-content: space-between; align-items: center; padding: 5px 10px; min-height: 42px; margin: 0 -5px;}
.pinnedHead h3{color: #fff; margin: 0; font-size: 14px; }
.pinnedHead .pinicon{width: 15px; height: 15px; fill: #fff;}
.mainRow app-announcment-mobile .announcebar .annoucmentIcon {width: 25px; height: 25px; fill: #fff;}
.mainRow app-announcment-mobile .announcebar .scrollvertical{align-items: center; min-height: 42px;}
.mainRow app-announcment-mobile .announcebar .announceStyle span{font: 400 12px/14px var(--font); text-transform: uppercase;}
.ptext{font:10px/12px var(--font); color:  var(--white-color); text-align: left;}
.whatsappCol .or-text{width: 100%; text-align: center; margin: 8px 0; display: block; color:  var(--white-color); font: 700 14px/14px var(--font);}
.whatsappCol .whatsappBtn{display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0,0,0,0.5); gap: 0 25px; background: #39b44a; color:  var(--white-color); width: 100%; padding: 0 10px; font-weight: 700; font-size: 14px; min-height: 36px; border-radius: 8px; text-transform: uppercase;}
.whatsappCol .whatsappBtn .fa{font-size: 28px;}
.signUpNew_icons{margin: 15px 0 0;}
.signUpNew_icons ul{display: flex; justify-content: center; align-items: center; justify-content: space-between; gap: 0 10px; list-style: none; padding: 0; margin: 0;}
.signUpNew_icons li{font:500 10px/10px var(--font); color:  var(--white-color); display: flex; align-items: center; text-align: left; width: 32%;}
.signUpNew_icons li br{display: none;}
.signUpNew_icons img{width: 32px; margin: 0 5px 0 0;}
.mobscro{overflow: hidden;}
.mainRow{ transition: all 0.3s; left: 0; position: relative;}
.mobscro .mainRow{left: 290px; position: relative; transition: all 0.3s; }

/* .showSidemenu .sideBar{display: block;}
.hideSidemenu .sideBar{display: none;} */
.showSidemenu .sideBar{left: 0; transition: all 0.3s;}
.hideSidemenu .sideBar{left: -320px;transition: all 0.3s;}
.hideSidemenu .sideBar::after{display: none;}
.smenu{width: auto!important; height: auto!important; padding: 0!important; top: 42px; overflow: hidden!important;}
.sideBar{width: 290px; height: calc(100dvh - 105px); background: var(--white-color); position: fixed; top: 42px; left: 0; z-index: 999;}
.sideBar::after{content: ''; width: 100dvw; left: 290px; height: 100%; position: absolute; top: 0; background: rgba(0,0,0,0.5);}
.sideBar .pinnedBtn{ background: var(--pinnedBtn); border-radius: 5px; margin: 12px; display: flex; align-items: center; justify-content: space-between; min-height: 38px;}
.sideBar .pinnedBtn .pinnText {display: flex; align-items: center;gap: 0 10px; padding: 0 10px; color: var(--white-color); font:600 14px/14px var(--font);}
.sideBar .pinnedBtn .pinnText svg{fill: var(--white-color); width: 15px;}
.sideBar .pinnedBtn .viewBtn{color: var(--white-color)!important; padding: 10px 15px; font:600 14px/14px var(--font); text-transform: uppercase;} 
.sideBar .sideLink{display: flex; align-items: center; justify-content: space-between; min-height: 42px; text-decoration: none!important;  padding: 5px 15px; color: var(--black-color); border-bottom: 1px solid rgba(0,0,0,0.1);}
.sideBar .sideLink .fa{justify-self: flex-end;}
.sideBar .sideLink .menutext{display: flex; align-items: center; line-height: 10px; gap: 0 12px; font: 600 14px/14px var(--font);}
.sideBar .sideLink svg{width: 20px; height: 20px; fill: var(--white-color);}
.sideBar .sideLink .cls-1{fill: #212121!important;}
.sideBar .sideLink .cls-2{fill: #333!important;}
.sideBar .sideHeading{font:600 20px/26px var(--font); padding: 10px 15px;}
.sideBar .game-option{overflow-y: auto; height: 100%;}
.sideBar .game-option ul.menu li{border-bottom: 1px solid rgba(0,0,0,0.1);}
.sideBar .game-option ul.menu li a{ min-height: 42px; display: flex; align-items: center; text-decoration: none!important; transition: all 0.3s; padding: 5px 15px; color: var(--black-color); font: 600 14px/14px var(--font); position: relative;}
.sideBar .game-option ul.menu li a.base-c{background: var(--activeTab); color: var(--white-color);}
.sideBar .game-option ul.menu li a.base-c.collapsed{background: none; color: var(--black-color);}
.sideBar .game-option ul.menu li a.base-c.collapsed::after{content: '\f107';}
.sideBar .game-option ul.menu li a.base-c:after{content: '\f106 '; font: 28px/28px FontAwesome; position: absolute; right: 12px; top: 7px; transition: all 0.3s;}
.sideBar .game-option ul.subclildmenu li ul.menu li:last-child{border-bottom: none;}
.sideBar .game-option ul.subclildmenu li ul.menu li a{background: none; color: var(--black-color);}
.sideBar .game-option ul.subclildmenu li ul.menu li a.base-c{background: var(--lightactive); color: var(--white-color);}
.sideBar .game-option ul.subclildmenu li ul.menu li a.base-c.collapsed{background: none; color: var(--black-color);}
.sideBar .game-option ul.subclildmenu li ul.menu li a{padding: 5px 15px 5px 32px!important; font:600 12px/14px var(--font); text-transform: uppercase;}
.sideBar .game-option ul.menu li a.base-c.thirdmenu{background: none!important; color: var(--black-color)!important;}
.sideBar .evtName{width: 82%;}
.sideBar .icon-sub-category{margin: 0 10px 0 0;}
.longName .icon-sub-category{align-self: flex-start;}
.sideBar .icon-sub-category .fa{font-size: 10px;}
.sideBar .icon-sub-category svg{width: 18px;}
.sideBar .icon-sub-category svg .cls-1{fill: #000;}
.sideBar .cricket-icon{fill: #ff0000;}
.sideBar .soccer-icon{fill: #000;}
.sideBar .soccer-icon .cls-2{fill: #fff;}
.sideBar .kb-icon{fill: #f26b28; width: 12px!important;}
/* .sideBar .soccer-icon .cls-1{fill: #fff!important;} */
.sideBar .tennis-icon{fill: #8bc53f;}

.sideBar .tabactive, .sideBar .subtabactive{background: var(--primary); color: var(--white-color)!important;}
.sideBar .tabactive .cricket-icon{fill: #fff;}
.sideBar .tabactive .soccer-icon{fill: #fff;}
.sideBar .tabactive .tennis-icon{fill: #fff;}

.sideBar .subtabactive{background: var(--lightactive);}
.sideBar .thirdmenu::after{display: none;}
.sideBar .tabactive:after, .sideBar .subtabactive:after{transform: rotate(-180deg);}
.sideBar .game-option ul.menu li a .countn{display: none;}
.fadeinImg{  opacity: 0; transition: opacity 0.3s ease-in-out;}
.fadeinImg.loaded {opacity: 1;}
.bannerRow{clear: both; margin: 0; position: relative; 
  background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 15%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0) 70%);
}
.dummyitem{padding: 24% 0; margin: 0 15px; border-radius: 5px;}
.bannerRow img{border-radius: 5px; height: auto!important; object-fit: cover;}
.bannerRow .carousel-inner{border-radius: 5px;}
.bannerRow .swiper-container{padding: 0 0 22px;}
.bannerRow .swiper{width: 100%; padding:0 0 6.5% !important; margin: 0 15px;}
/* .bannerRow .swiper-slide-active{transform: scale(1.1);} */
.bannerRow .swiper-slide-active img{filter:inherit!important;}
/* .bannerRow swiper>.swiper.s-wrapper .swiper-wrapper .swiper-slide{padding: 0 5px;} */
.bannerRow swiper>.swiper.s-wrapper .swiper-wrapper .swiper-slide img{filter: blur(1.5px);}
.bannerRow swiper>.swiper.s-wrapper .swiper-pagination .swiper-pagination-handle{padding: 0; margin: 0;}
.bannerRow .carousel-indicators{position: absolute; bottom: -25px!important;}
.bannerRow .swiper-pagination{ padding-bottom: 3px; 
  /* width: 80%!important; margin: 0 auto!important; right: 0; display: flex; justify-content: center; overflow: auto;*/
}
.bannerRow .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform: inherit!important;}
.bannerRow .swiper-pagination::-webkit-scrollbar{display: none;}
.bannerRow .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}
.bannerRow .swiper-pagination-bullet{width: 16px; height: 2.5px; border-radius: 4px; margin: 0 2px!important; background: var(--white-color); border: none!important; opacity: inherit!important;}
.bannerRow .swiper-pagination-bullet-active{width: 30px; background: var(--primary);}

swiper>.swiper.s-wrapper .swiper-wrapper .swiper-slide{overflow: inherit!important; }

.mainTabs{margin:5px 15px 15px; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;}
.mainTabs .Tabicon svg{height: 45px; width: 45px; margin: 5px auto; display: block; fill: var(--white-color);}
.mainTabs a{border: 1px solid rgba(255,255,255,0.2); text-decoration: none; box-shadow:2px 2px 3px rgba(0,0,0,0.5); width: 31%; min-height: 92px; font:600 10px/22px var(--font); text-transform: uppercase; color: var(--white-color); border-radius: 10px; padding: 10px 3px; background: var(--secondary); text-align: center;}
.mainTabs a.active{background: var(--activeTab); border: 1px solid rgba(255,255,255,0.3);}

.carouselAera .secTitle{font:600 14px/22px var(--font); margin: 0; text-transform: uppercase; color: var(--white-color);}
.carouselAera .arrowCol{display: flex; justify-content: flex-end; align-items: center; gap: 0 7px;}
/* .carouselAera .arrowCol .active{background: var(--activeTab); opacity: inherit;}
.carouselAera .swiper-button-prev, .carouselAera .swiper-button-next{width: 25.5px; height: 25.5px; display: flex; justify-content: center; align-items: center; margin:0!important; background: var(--activeBG); border-radius:5px; font-size: 20px; color: var(--white-color); position: inherit; left: inherit; right: inherit; top: inherit; opacity: 0.5;} */
.carouselAera .arrowCol .active{background: var(--activeTab); opacity: inherit;}
.carouselAera .swiper-button-prev, .carouselAera .swiper-button-next{width: 25.5px; height: 25.5px; display: flex; justify-content: center; align-items: center; margin:0!important; background: var(--activeTab); border-radius:5px; font-size: 20px; color: var(--white-color); position: inherit; left: inherit; right: inherit; top: inherit;  border: none;}
.carouselAera .btnArrow:disabled{opacity: 0.5; background: var(--activeBG);}
.carouselAera .swiper-button-prev:hover, .carouselAera .swiper-button-next:hover{border: 1px solid rgba(255,255,255,0.2);}
.carouselAera .swiper-button-next:after, .carouselAera .swiper-button-prev:after{display: none;}

.game-carousel{position: relative;}
.game-carousel swiper{margin: 15px 15px 0;}
.game-carousel .gameBox .gameImg{ position: relative; aspect-ratio: 1 / 1.33; height: -webkit-min-content; height: min-content;
  border-radius: 10px; animation: gradient 1s linear infinite;
  background-image: linear-gradient(120deg,rgba(255,255,255,0.1),rgba(255,255,255,0.3),rgba(255,255,255,0.1),rgba(255,255,255,0.3));
  background-size: 300% 100%;
}
/* .game-carousel .gameBox .gameImg::before {content: " "; position: absolute; display: block; width: 25px; height: 25px; margin: auto; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; border-radius: 50%;
    border: 3px dotted #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1s linear infinite; animation-iteration-count: 1; opacity: 0;}
    @keyframes lds-dual-ring {
    0% { 
      transform: rotate(-180deg); opacity: inherit;
    }
    100% {
      transform: rotate(360deg); opacity: 0;
    }
  } */
.game-carousel .gameBox .gameImg img{border-radius: 10px; height: 100%!important;}
.game-carousel .gameBox img{ 
  border-radius: 10px; width: 100%; height: 100%; 
   /*min-height: 135px; animation: gradient 1s linear infinite;
  background-image: linear-gradient(120deg,rgba(255,255,255,0.1),rgba(255,255,255,0.3),rgba(255,255,255,0.1),rgba(255,255,255,0.3));
  background-size: 300% 100%; */
}
.game-carousel .gameName{font: 500 10px/12px var(--font); color: var(--white-color); margin: 5px 0 0; width: 100%; text-align: center; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.game-carousel .providerName{font:400 9px/12px var(--font); color: rgba(255,255,255,0.8); margin: 0; width: 100%; text-transform: uppercase; text-align: center; display: block;}
.game-carousel .provider-logo{background: none!important; height: 20px!important; min-height: inherit!important; max-width: 100%; object-fit: contain; filter: grayscale(1) brightness(9);}
.game-carousel .gameBox.moreImg img{filter: blur(1.5px);}
.game-carousel .gameBox .viewMore{background: rgba(0, 0, 0, 0.3); color: var(--white-color); text-transform: uppercase; position: absolute; top: 0; width: 100%; height: 100%; border: none; display: flex; justify-content: center; align-items: center; z-index: 1; font:600 12px/14px var(--font); border-radius: 10px;}
.tGmaeRow {margin: 0 0 25px;}
.casinoList{display: flex; flex-wrap: wrap; gap: 15px; margin: 0 0 30px;}
.casinoList .gameBox{width: 30%;}
.casinoList .gameBox .imgWarp{position: relative;}
.imageoverlap{position: absolute; top: 0; padding: 2rem 1rem; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 0.5rem; align-items: center; justify-content: center;}
.imageoverlap span{font: 700 12px/12px var(--font); color: #fff; display: block; margin: 0 0 0.5rem; text-align: center;}
.proSec{background: rgba(0,0,0,0.2); padding: 10px 0;}
/* .providerCol{position: relative; padding: 0 15px; overflow: hidden; margin: 15px 0 0;}
.providerCol .swiper-container{overflow: visible!important;}
.providerCol .swiper-slide{background: var(--secondary); color: #fff; font-size: 11px; font-weight: 500; border-radius: 3px; border: 1px solid transparent; height: 32px!important; display: flex; justify-content: center; align-items: center; overflow: hidden!important; position: relative; cursor: pointer;}
.providerCol .swiper-slide img{height: 32px!important; filter: grayscale(1) brightness(9); object-fit: contain;}
.providerCol .active{background: var(--activeBG)!important; border: 1px solid rgba(255,255,255,0.2); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.providerCol .active img{filter:inherit;} */

.providerCol{position: relative; padding: 0 15px; overflow: hidden; margin: 15px 0 0;}
.providerCol .carousel-wrapper{margin: 0; gap: 8px;}
.providerCol .providerList{display: grid!important; grid-auto-flow: column; grid-template-rows: repeat(2, minmax(auto, auto));}
.providerCol .providerList .carousel-data{width: 108px!important;}
.providerCol .providerList.slotProList .carousel-data{width: 100%!important; flex: 0 0 100%;}
.providerCol .carousel-data{background: var(--secondary); color: #fff; font-size: 11px; font-weight: 500; border-radius: 3px; border: 1px solid transparent; height: 32px!important; display: flex; justify-content: center; align-items: center; overflow: hidden!important; position: relative; cursor: pointer;}
.providerCol .carousel-data img{height: 24px!important; filter: grayscale(1) brightness(9); object-fit: contain;}
.providerCol .active{background: var(--activeBG)!important; border: 1px solid rgba(255,255,255,0.2); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.providerCol .active img{filter:inherit;}
.fliterRow{width: 100%; margin: 10px 0;}
.fliterRow .form-control{ height: 26px!important; padding: 0 10px; border-color:  rgba(255,255,255,0.2); font:500 12px/16px var(--font); color: var(--white-color); background: var(--primary); border-radius: 5px;}
.fliterRow .form-control::placeholder{color: var(--white-color); opacity: inherit;}
.fliterRow .cmdBtn{color: var(--white-color); position: absolute; font-size: 14px;  z-index: 1; right: 5px; top:5px;}
.fliterRow .form-label{ font: 500 24px/56px var(--font); color: var(--themeText); margin: 0; cursor: pointer;}
.fliterRow .form-control option{font:400 16px/26px var(--font);}
.custom-dropdown {position: relative; max-width: 100%;}
.custom-dropdown-button {padding: 0 20px 0 10px; width: 100%; background:var(--primary); color:var(--white-color); border: 1px solid rgba(255,255,255,0.2); border-radius: 5px; height: 26px; cursor: pointer; width: 100%; display: flex; justify-content: space-between; align-items: center; font: 500 12px/12px var(--font); text-align: left; position: relative;}
.custom-dropdown-button::after{content: '\f107'; font: 16px/16px FontAwesome; color: var(--white-color); position: absolute; right: 5px; top: 3px;}
/* .custom-dropdown-button .fa{font-size: 26px;} */
.custom-dropdown .select{border-radius: 5px 5px 0 0; border-bottom: none;}
.custom-dropdown .select::after{content: '\f106';}
.custom-dropdown-button:focus {outline: none; }
.custom-dropdown-button .zmdi-chevron-down {position: absolute; right: 10px; top: 12px; }
.custom-dropdown-list {position: absolute; backdrop-filter: blur(4px); background: var(--secondaryRgba); display: block; left: 0; right: 0; padding: 0 7px; max-height: 200px; overflow: auto; margin: 0; list-style-type: none; opacity: 0; pointer-events: none; transform-origin: top left; transform: scale(1, 0); transition: all ease-in-out 0.3s; z-index: 2;}
.custom-dropdown-list.active {opacity: 1; pointer-events: auto; transform: scale(1, 1); } 
.custom-dropdown-list-item {display: block; list-style-type: none; position: relative; padding:8px 15px 8px 0; border-bottom: 1px solid #fff; font: 400 12px/18px var(--font); cursor: pointer; color:var(--white-color); transition: all ease-in-out 0.3s;}
.custom-dropdown-list-item::after{content: '';  position: absolute; border-radius: 20px; width: 14px; height: 14px; border: 1px solid #fff; right:0; top:8.5px; }
.custom-dropdown-list-item.active{background: none; color: var(--white-color);}
.custom-dropdown-list-item.active::after{content: '\f111'; font-size: 8.5px; font-family: FontAwesome; border-radius: 20px; width: 14px; height: 14px; display: flex; justify-content: center; align-items: center;}

.dummyBox{clear: both;}
.dummyText{width: 60px; height: 10px; animation: gradient 1s linear infinite; background-image: linear-gradient(120deg,rgba(255,255,255,0.1),rgba(255,255,255,0.3),rgba(255,255,255,0.1),rgba(255,255,255,0.3)); background-size: 300% 100%;  border-radius: 10px; display: block; margin: 0 0 15px 15px;}
.dummyBox ul{display: flex; flex-wrap: wrap; gap:10px; margin: 0 15px;}
.dummyBox ul li{width: 31.3%; height: 155px; border-radius: 10px; animation: gradient 1s linear infinite;
  background-image: linear-gradient(120deg,rgba(255,255,255,0.1),rgba(255,255,255,0.3),rgba(255,255,255,0.1),rgba(255,255,255,0.3));
  background-size: 300% 100%; }
.dummyBox .subListDummy{margin: 0;}
.bganimation{
  animation: gradient 1s linear infinite;
  background-image: linear-gradient(120deg,rgba(255,255,255,0.1),rgba(255,255,255,0.3),rgba(255,255,255,0.1),rgba(255,255,255,0.3));
  background-size: 300% 100%;}
  .bganimation2{
    animation: gradient 1s linear infinite;
    background-image: linear-gradient(120deg,rgba(0,0,0,0.1),rgba(0,0,0,0.2),rgba(0,0,0,0.1),rgba(0,0,0,0.2));
    background-size: 300% 100%;}
  
@keyframes gradient {
  0% { background-position: 100% 0%; }
  100% { background-position: 0% 0%; }
}
.dummyGameNav{display: flex; gap: 0 15px; margin-bottom: 15px; padding: 0 10px;}
.dummyGameNav .dummyText{ margin: 4px 0; height: 15px; width: 65px;}
.dummyMsg{min-height: 42px; width: 100%; background: var(--primary);}
.dummyTabs{display: flex; justify-content: center; gap: 0 5px;}
.dummyTabs .dTab{height: 32px; border-radius: 3px; width: 24%;}
.dummyTabs .dTab2{width: 32%;}
.dummyInput{display: flex; justify-content: center; gap: 0 15px; margin: 15px 0 25px;}
.dummyInput .dInput{height: 26px; border-radius: 5px; width: 48%;}
.dummyBox .arrowCol .arrowB{width: 25.5px; height: 25.5px; border-radius: 5px;}
.back{background: #8ec5fe; position: relative;}
.lay{background: #ffa0d0; position: relative;}
.gray{background: #d8d8d8;}
.betslipback{background: #c6e1ff; position: relative;}
.betsliplay{background: #ffcfe6; position: relative;}
.titimaindarkBack .marketData{background: #c6e1ff!important;}
.titimaindarkBack .sportHeading::after{background: #c6e1ff!important;}
.titimaindark .marketData{background: #ffcfe6!important;}
.titimaindark .sportHeading::after{background: #ffcfe6!important;}

.marketoddRow{padding: 15px 0px 10px 5px; margin: 20px 0; overflow-x: auto; overflow-y: hidden; background:var(--darkBg); border-bottom: 5px solid var(--darkBg); display: flex; align-items: center; flex-wrap: nowrap; white-space: nowrap;}
.marketList{padding:0 8px; border-radius: 5px; background:var(--listBox); min-width: 230px; min-height: 96px; margin: 0 6px;}
.marketList .iconRow{display: flex; justify-content: space-between; margin: 5px 0; gap: 0 5px;}
.marketList .iconLive svg{width: 20.5px; fill: #53e954;}
.marketList .sportIcon svg{width: 15px; fill: #fff;}
.marketList .compName{color: rgba(255, 255, 255, 0.7); font: 500 12px/18px var(--font); flex: auto;}

.marketList .winText{font: 600 10px/14px var(--font); color: rgba(255,255,255,0.5);}
.marketList .oddBox{display: flex; justify-content: space-between; gap: 0 20px;}
.marketList .marketNameBox{display: flex; flex-direction: column; justify-content: space-around; width: 65%;}
.marketList .marketNameBox .eName {font: 500 12px/18px var(--font); color: var(--white-color);}
.marketList .marketOdds{ width: 30%; position: relative;}
.marketList .marketOdds .btn{border: 1px solid var(--white-color); background: rgba(255,255,255,0.4); margin: 5px 0 0; box-shadow: none; border-radius: 3px; display: flex; justify-content: space-between; align-items: center; min-width: 62px; height: 24px; font: 500 12px/12px var(--font);}
.marketList .marketOdds .btn:first-child{margin: 0;}
.marketList .marketOdds .suspended{top:0; height: 53px; font-size: 8px; border-radius: 3px;}
.marketList .marketOdds .ballRunning{padding: 0 5px; text-wrap: wrap; line-height: 10px; text-align: center;}
.marketList .noText{color: var(--white-color);}
.marketoddRow .notFound{min-height: 130px; width: 100%; display: flex; align-items: center; justify-content: center;}
.marketoddRow .notFound .noRecords{color: var(--white-color); font:600 14px/14px var(--font); margin: 0;}

.faqRow{padding: 10px 0 30px; margin: 20px 0 0; justify-content: center; flex-wrap: wrap; position: relative;}
.faqHeading{display: inline-block; position: relative; font:600 12px/14px var(--font); padding: 3px 8px; color: var(--white-color);width: 100%; text-align: center;}
.faqHeading::before, .faqHeading::after{content: ''; top:9px; position: absolute; width: 26%; height: 2px; background: var(--borderCR); display: block;}
.faqHeading::before{left: 0;}
.faqHeading::after{right: 0;}
.faqlist{width: 100%; padding: 30px 35px 0;}
.faqlist .questionText{ color: var(--white-color)!important; font:600 12px/16px var(--font); position: relative; margin: 0 0 10px 30px; min-height: 32px; display: flex; align-items: center; }
.faqlist .questionText::before{content: '\f0d8'; font-family: fontAwesome; font-size: 18px; position: absolute; left: -35px; background:#fff; color:var(--faqActive);  width: 27px; height: 27px; border-radius: 3px; display: flex; justify-content: center; align-items: center;}
.faqlist .collapsed::before{content: '\f0d7'; background:var(--faqActive); color:#fff;}
.faqlist .anstext{border-left: 2px solid var(--borderCR); padding: 5px 0 0 10px; margin: 0 0 0 7px;}
.faqlist .anstext p{font:400 10px/14px var(--font); color: var(--white-color);}

.aboutRow{background: rgba(84,84,84,0.2); padding:15px 20px; text-align: center;}
.aboutRow p{color: rgba(255,255,255,0.5); font:400 10px/16px var(--font); margin: 0;}

.infoNavRow{display: flex; justify-content: center; flex-wrap: wrap; margin: 25px 0 5px;}
.infoNavRow .infoLink{width: 48%; font:500 12px/16px var(--font); color: var(--white-color); text-decoration: underline; text-align: center; margin: 0 0 20px;}
.copyrightSec{ text-align: center; margin: 10px 0 0;}
.copyrightSec p{font:500 12px/16px var(--font); color: rgba(255,255,255,0.5); margin: 0 0 20px;}
.copyrightSec p:last-child{margin: 0 0 10px;}
app-casino-dashboard app-d11-faq{display: none;}
/* app-casino-dashboard app-d11-footer-content{display: none;} */
app-casino-dashboard .bodyBG{padding: 0 0 10px;}
.inPlayTab{background: var(--primary); min-height: 36px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
.inPlayTab ul{display: flex; justify-content: center; align-items: center; padding: 5px 0;}
.inPlayTab li{padding: 0 15px; position: relative;}
.inPlayTab li::before{ content: ''; top:7px; left: 0; position: absolute; width: 1px; height: 22px; background: rgba(0,0,0,0.2); display: none;}
.inPlayTab li:first-child::before{display: none;}
.inPlayTab li .inTab{ padding: 8.4px 0; display: block; font:700 16px/16px var(--font); text-transform: uppercase; border-bottom: 3px solid transparent; color:#fff!important;}
.inPlayTab li .active{ border-bottom: 3px solid rgba(255,255,255,1); color: #fff!important;}

.inplay-container{margin: 0 5px;}
.pinedItem {margin: 0 5px;}
.sportscardRow{margin: 20px 0 0;}
.sportscardRow .sportHeading{ display: inline-flex; align-items: center; min-height: 30px; padding: 6px 8px 3px; border-radius: 10px 10px 0 0; background:var(--darkBg); color: var(--white-color); font: 600 12px/16px var(--font); text-transform: uppercase; position: relative;}
.sportscardRow .sportHeading::before{height: 10px; width: 12px; position: absolute; content: ''; background:var(--darkBg); display: block; bottom: -10px; left: 0;}
.sportscardRow .sportHeading::after{height: 11px; width: 20px; content: ''; background: #fff; position: absolute; bottom: -11px; left: 0; content: ''; border-radius: 10px 0 0;}
.sportscardRow .hide-BFAF::before, .sportscardRow .hide-BFAF::after{display: none;}
.sportscardRow .sportHeading .sportName{margin-right: 10px;}
.sportscardRow .sportHeading .sportName i{font-size: 14px;}
.sportscardRow .sportHeading .sportIcon svg{ width: 15px; height: 15px; fill: #fff;}
.sportscardRow .sportHeading .sportIcon img{ width: 15px; height: 15px;}
.sportscardRow .sportHeading .sportIcon i{width: 15px; height: 15px; color: #fff;}
.sportscardRow .sportHeading .sportIcon i.fa-info{border: 1px solid #fff; border-radius: 15px; text-align: center; line-height: 15px; font-size: 10px;}
.sportscardRow .withtabs .sportHeading{ min-height:28px; padding: 6px 8px;}
.sportscardRow .withtabs .sportHeading:before, .sportscardRow .withtabs .sportHeading:after{display: none;}
/* .sportscardRow .fancyaTabs{ display: inline-block; width:100%; min-height: 40px; padding: 6px 8px 14px; border-radius: 0 10px 0 0; background:var(--darkBg); color: var(--white-color); font: 600 12px/16px var(--font); text-transform: uppercase;} */
.sportscardRow .fancyaTabs {display: inline-block;  width: 100%;  padding: 6px 8px 10px 0; border-radius: 0 10px 0 0;  color: var(--white-color); font: 600 12px / 16px var(--font);  text-transform: uppercase;}
.sportscardRow .fancyaTabs li a .fa-info {display: none;}
.sportscardRow .fancyaTabs li.sportHeading a .fa-info{display: inline-block;}
.sportscardRow .fancyaTabs li a { font: 700 12px / 12px var(--font);  color: var(--white-color);  border: 1px solid rgba(255, 255, 255, 0.3);  padding: 1px 6px; border-radius: 6px;  text-decoration: none;  background: rgba(0, 0, 0, .5); position: relative;}
.sportscardRow .fancyaTabs li.sportHeading .bage-premimum {right: 1.25rem; top: -0.625rem;}
.sportscardRow .fancyaTabs ul{ display:flex; gap:10px ;  align-items: center;}
/* .sportscardRow .fancyaTabs li a{font:700 12px/12px var(--font); color: var(--white-color); border:1px solid rgba(255,255,255,0.3); padding:0 10px; border-radius: 6px; text-decoration:none} */
.sportscardRow .fancyaTabs li.active a{background: rgba(255,255,255,0.3); border:1px solid rgba(255,255,255,0.1);}
.sportscardRow .marketData{ background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); border-radius: 10px;  /* position: relative; top:-10px; z-index: 1; */}
.sportscardRow .marketData{ background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); border-radius: 10px;  
  /* position: relative; top:-10px; z-index: 1; */
}
.sportscardRow .marketData .textCell{width: 50%;}
.sportscardRow .marketData .txnIDText{width: 100%; word-wrap: break-word; font: 400 10px / 14px var(--font)!important;}
.fancyRow .marketData{position: relative; top:-10px; z-index: 1;}
.sportscardRow .matchList{border-bottom: 1px solid rgba(0,0,0,0.2);padding: 10px;}
.sportscardRow div.matchList:last-child{border-bottom: none;}
.sportscardRow .teamNameRow{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.sportscardRow .teamNameRow .nameCol{width: 75%;}
.sportscardRow .teamNameRow .nameCol .vsName{font:700 14px/18px var(--font); margin: 0; position: relative;}
.sportscardRow .teamNameRow .nameCol .vs{margin: 0 5px; color: #626770;}
.sportscardRow .teamNameRow .nameCol .datetime{font:500 10px/14px var(--font)}
.sportscardRow .teamNameRow .datetime{width: 100%;}
.sportscardRow .teamNameRow .iconsRow{width: 24%; display: flex; justify-content: flex-end; align-items: center; gap: 0 5px;}
.sportscardRow .teamNameRow .iconsRow .pIcon img{width: 18px; margin-top: -3px;}
.sportscardRow .teamNameRow .iconsRow .iconBook img{width: 25px;}
.sportscardRow .teamNameRow .iconsRow .iconLive svg{width: 22px; fill: #3aa740;}
.sportscardRow .teamNameRow .iconsRow .playNow .fa{font-size: 20px; color:#3aa740;}
.sportscardRow .teamNameRow .iconsRow .iconPin svg{width: 15px; fill: #b2b2b2;}
.sportscardRow .teamNameRow .iconsRow .pinactive svg{fill: #2c2c2c!important;}
.sportscardRow .oddsRow{display: flex; gap:0 3px; margin: 10px 0 3px; position: relative;}
.sportscardRow .oddsRow li{width: 18%; height: 30px; border-radius: 8px; display: flex; justify-content: center; align-items: center; font:700 14px/16px var(--font)}
.sportscardRow .backlayHead{display: flex; justify-content: space-between; align-items: center; padding:5px 10px; min-height: 28px;}
.sportscardRow .backlayHead .minMax{width: 58%; font:500 12px/13px var(--font); color: rgba(0, 0, 0, 0.5);}
.sportscardRow .backlayHead .backlayText{width: 40%; display: flex; justify-content: center; align-items: center;}
.sportscardRow .backlayHead .backlayText span{width: 48%; text-align: center; font:700 14px/18px var(--font);}
.sportscardRow .oddsList{display: flex; justify-content: space-between; align-items: center; border-top: 1.5px solid rgba(0, 0, 0, 0.2); padding:5px 10px;}
.sportscardRow .runnerName{width: 58%; min-height: 42px; display: flex; align-items: center; position: relative;}
.sportscardRow .runnerName marquee{position: absolute; bottom: -4px; font-size: 10px; line-height: 12px;}
.sportscardRow .runnerName .vsName{font:700 14px/16px var(--font); margin: 0; width: 100%;}
.sportscardRow .runnerName .vsName span{display: flex; align-items: center; gap: 0 5px; font-size: 12px; font-weight: 600; 
  /* margin: 3px 0 0; */
}
.sportscardRow .runnerOdds{width: 40%; display: flex; justify-content: center; margin: 0;}
.sportscardRow .runnerOdds li{width: 48%; min-height: 42px; flex-direction: column; }
.sportscardRow .runnerOdds li small{font-weight: 700; color: rgba(0, 0, 0, 0.5);}
.sportscardRow .cashout-button{font:700 12px/12px var(--font); border: none; color: var(--white-color); background: #39b44a; padding:4px 8px; border-radius: 5px;  margin: -10px 0 0;}
.sportscardRow .cashout-button:disabled{opacity: inherit; background: #cbcbcb;}
.sportscardRow .mpIcon{font-size: 20px; margin-left: 8px;}
.sportscardRow .btnbook{padding:0 3px; color: #fff; border-radius: 5px; font-size: 12px;}
.sportscardRow .fancyList{border-top: 1.5px solid rgba(0, 0, 0, 0.2); padding: 3px 0;}
.sportscardRow .fancyList .oddsList{border-top: none; padding: 2px 10px;}
.sportscardRow .fancyList .runnerName{ justify-content:space-between; gap:6px; position:relative; opacity:0}
.sportscardRow .fancyList div.fancyOdds:first-child .runnerName{opacity:inherit}
.sportscardRow .fancyList .runnerName .vsName{flex: auto;}
.sportscardRow .starIconCol{display: inline-flex; align-items: center;}
.sportscardRow .starIconCol i.fa-info{width: 15px; height: 15px; color: #000; border: 1px solid #000; border-radius: 15px; text-align: center; line-height: 15px; font-size: 10px; margin:0 5px;}
.sportscardRow .oddsRow li .suspended{font-size: 9px;}
.sportscardRow .fancyList .runnerName marquee{position:absolute; bottom:-5px; font-size: 10.5px;}
.sportscardRow .fancyList .runnerOdds li{min-height:46px}
.sportscardRow .fancyList .suspended{height:46px!important}
.sportscardRow .fancyList .suspended p{margin: 0;}
.sportscardRow .runPoint{display:flex; gap:5px; flex-wrap:wrap; padding:5px 10px}
.sportscardRow .runPoint li{font-size: 8.5px; font-weight: 500; color: rgba(0, 0, 0, 0.5); padding:2px; border-radius:6px; border:1px solid rgba(0,0,0,0.2);}
.sportscardRow .luckyNum{flex-wrap:wrap; padding: 0 10px 5px;}
.sportscardRow .luckyNum .runnerName{width:100%; justify-content: space-between;}
.sportscardRow .luckyNum .runnerOdds{width:100%; flex-wrap:wrap; gap:3px; margin-top: 5px;}
.sportscardRow .luckyNum .runnerOdds li{width:19%;}
.liveTV { margin: 10px 0 0;}
.liveTV .btn{width: 100%; background: var(--darkBg); border-radius:10px; padding: 5px 10px; margin-bottom: 5px; display: flex; justify-content: space-between; align-items: center;}
.liveTV .btn svg{width: 20px; fill: #fff;}
.liveTV .dropdown-toggle::after{display: none;}
.liveTV .hidetv{color: var(--white-color);}
.suspended{position: absolute; width: 100%; height: 30px; margin: 0!important; background: rgba(0, 0, 0, 0.4); color: #fff!important; font-weight: 700; font-size: 12px; text-transform: uppercase; border-radius: 8px; display: flex; justify-content: center; align-items: center;}
.oddsRow div.suspended{ color: #fff!important;}
.eventDetail .suspended{height:42px}
.dummyMarket .sportHeading{width: 80px;  animation: gradient 1s linear infinite; bottom: -4px;
  background: linear-gradient(120deg,rgba(0,0,0,0.1),rgba(0,0,0,0.2),rgba(0,0,0,0.1),rgba(0,0,0,0.2));;
  background-size: 300% 100%;}
.dummyMarket .sportHeading::before{background: linear-gradient(120deg,rgba(0,0,0,0.1),rgba(0,0,0,0.2),rgba(0,0,0,0.1),rgba(0,0,0,0.2));}
.dummyMarket h3{height: 12px; border-radius: 10px;}
.dummyMarket i{width: 15px; height: 15px; border-radius: 15px;}
.dummyMarket .backlayHead .backlayText{gap: 0 20px;}
.dummyEvent .backlayHead .minMax, .backlayHead .backlayText span{height: 12px; border-radius: 10px;}
.dummyMarket .backlayHead .backlayText{gap: 0 20px;}
.dummyEvent .runnerName h3{width: 60%;}
.dummyEvent .scoreRow{min-height: 30px; width: 100%;}

.scoreRow .scorehedr{padding: 0 10px!important; background: var(--darkBg)!important; min-height: 30px; border-radius: 0!important; display: flex!important; align-items: center; justify-content: space-between!important; border: none!important; box-shadow:none!important;}
.scoreRow .scorehedr p{margin: 0; color: #fff; font-size: 12px; line-height: 16px; margin: 4px 0; text-wrap: wrap;}
.scoreRow .scorehedr .datetimescore{color: #fff!important; display: none;}
 .scorecardarrow path {
  fill: white; /* Changes the arrow color to white */
}
.scoreRow .loading-icon{height: auto!important; padding-bottom: 0!important;}
.matchTabsRow{display: none;}

.betSlipModal{position:fixed; bottom:64px; left:0; right:0; z-index:999; background:#fff; overflow: hidden; border-radius: 10px 10px 0 0; box-shadow:0 -5px 5px rgba(0, 0, 0, 0.1);}
.betSlipModal .slipHead{display:flex; justify-content:space-between; align-items:center; padding:0 10px 0 0; min-height:45px; position: relative;}
.betSlipModal .titleBG{min-width:80px; min-height:45px; padding:10px; display:flex; justify-content:center; align-items:center;}
.betSlipModal .bg-pink{background: #ffcfe5;}
.betSlipModal .bg-pink .titleBG{background: #ffa0d0;}
.betSlipModal .bg-blue{background:#bcddff;}
.betSlipModal .bg-blue .titleBG{background:#8ec5fe;}
.betSlipModal .slipHead h3{font: 700 14px / 13px var(--font); margin: 0; text-transform: uppercase}
.betSlipModal .slipHead .runerText{flex:auto; padding: 0 10px; margin-top: -16px;}
.betSlipModal .slipHead .runerText .runerName{display: block;}
.betSlipModal .slipHead .markText{position: absolute; left: 90px; /*bottom: 0; width: 42%;*/ bottom: 0.188rem;width: 50%; height: 14px;}
.betSlipModal .slipHead .markText span{/*font-size: 10px;*/ font-size: 9px; line-height: 8px; width: 100%; display: block;}
.betSlipModal .slipHead .profitsCol{display:flex; flex-direction:column; justify-content:center; align-items:flex-end; font: 600 14px / 18px var(--font);}
.betSlipModal .maxminbet{background:#2c2c2c; min-height:38px; padding:0 10px; display:flex; justify-content:space-between; align-items:center; gap: 0 10px}
.betSlipModal .maxminT{font: 600 14px / 18px var(--font); color:#fff}
.betSlipModal .oddStakeRow{display:flex; justify-content:space-between; align-items:center; gap: 0 10px; padding: 12px 10px;}
.betSlipModal .oddCol{display:flex; justify-content:space-between; align-items:center; gap: 0 10px; width: 42%;}
.betSlipModal .col-form-label{font:500 12px/16px var(--font);}
.betSlipModal .inputCell{display:flex; justify-content:space-between; align-items:center; gap: 0 5px}
.betSlipModal .inputCell .inputBTN{background: #000; border:none; width: 15px; height: 26px; border-radius: 4px; text-align: center; padding: 0 3px; color: #fff;}
.betSlipModal .form-control{height: 26px; background: none; border-radius: 4px; text-align: center; width: 65%; font-size: 12px; font-weight: 500;}
.betSlipModal .stakeCol{display:flex; justify-content:space-between; align-items:center; gap: 0 5px; width: 50%;}
.betSlipModal .stakeCol .form-control{width: 100%;}
.betSlipModal .betPriceVal {padding: 0 10px;}
.betSlipModal .betPriceVal ul{display:flex; justify-content:center; align-items:center; flex-wrap: wrap; gap:10px;}
.betSlipModal .betPriceVal ul li{ border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; text-align: center; font:600 12px/28px var(--font); width: 22.5%; min-height: 30px;}
.betSlipModal .betPriceVal ul li:last-child{background: #000; color: #fff; text-transform: uppercase;}
.betSlipModal .slipbtnRow{margin-top: 12px; padding: 12px 10px 15px; border-top: 1px solid rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between; align-items: center; gap: 0 5px;}
.betSlipModal .slipbtnRow .cancelCol, .betSlipModal .slipbtnRow .placeBetCol{width: 49%;}
.betSlipModal .slipbtnRow .btn{width: 100%; height: 36px; text-transform: uppercase; font-size: 14px; font-weight: 600; border-radius: 5px;}
.betSlipModal .slipbtnRow .btn-danger{background: #ff0000; border-color: #ff0000;}
.betSlipModal .slipbtnRow .btn-success{background: #39b44a; border-color: #39b44a;}
.acceptRow{ display: flex; align-items: center; padding: 12px 10px 0; gap: 0 10px; font-size: 12px; font-weight: 600; color: #000; position: relative;}
.acceptRow .acText{flex: 0 0 100%; background: #ffed95;width: 100%; display: block; padding:0.5rem 0.313rem; text-align: center; margin: 0.313rem 0;}
.acceptRow .accBtn{background: #39b44a; color: #fff;}

.customCheck input {display: block;opacity: 0; height: 0;}
.customCheck label {position: relative; width: 32px;  height: 16px; display: inline-block; background: #000; border-radius: 30px; cursor: pointer; transition: all 0.3s; -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s; margin: 0; }
.customCheck label:after {content: ""; position: absolute; left: 2px; top: 2px; width: 12px; height: 12px; background: #FFF; border-radius: 50%; box-shadow: 1px 3px 6px #000;}
.customCheck input:checked + label {background: #39b44a;}
.customCheck input:checked + label:after {left: auto; right: 2px;}
.betslip-error{background: rgba(255, 0, 0, 0.7); padding: 10px; height: 40px; width: 100%; color: #fff; font: 400 12px/16px var(--font); display: flex; align-items: center;}

.profileRow{ margin: 42px 0 64px; padding: 15px; background: #fff;}
.profileRow .recallBtn{font:400 12px/10px var(--font); padding:3px 5px; background:#656565; border-radius: 5px; color: var(--white-color);}
.profileRow .userName{ min-height: 45px; border-radius: 6px; padding: 5px 10px; margin: 0 0 15px; background: var(--primary); display: flex; justify-content: space-between; align-items: center;}
.profileRow .userName .uName{font:600 16px/18px var(--font); color: var(--white-color); text-transform: uppercase;}
.profileRow .userName .usericon{width: 28px; height: 28px; fill: var(--white-color);}
.profileRow .userName .badge{line-height: 18px;}
.profileRow .accountDetail{ display: flex; flex-direction: column; margin: 0 -15px 0;}
.profileRow .accountDetail li{min-height: 42px; border-bottom:1px solid rgba(0, 0, 0, 0.2); font:500 14px/16px var(--font); padding: 5px 30px; display: flex; justify-content: space-between; align-items: center;}
.profileRow .accountDetail li:first-child{border-top:1px solid rgba(0, 0, 0, 0.2);}
.profileRow .accountDetail .numText{font:600 16px/16px var(--font);}
.profileRow .accountTabs{display: flex; flex-direction: column; gap: 10px;}
.profileRow .accountTabs li{min-height: 38px; border:1px solid #000; border-radius: 8px; padding: 5px 10px; display: flex; align-items: center; justify-content: center; font:600 14px/16px var(--font);}
.profileRow .logoutBtn{ margin: 15px auto 0; display: block; width: 80%; background: #ff0000; min-height: 44px; font:600 16px/16px var(--font); text-transform:uppercase; border-radius: 8px; border: none;}
.profileRow .bonCell{display: flex; align-items: center; gap: 0 10px;}
.profileRow .bonCell .fa-info{width: 12px; height: 12px; font-size: 10px; border-radius: 50%; text-align: center; border: 1px solid #000;}
.profileRow .backNav{background: var(--primary); border:none!important; color: var(--white-color); position: fixed; top: 0; left: 0; z-index: 999; padding: 8px 12px!important; text-transform: uppercase;}
.profileRow .backNav .fa{font-size: 26px; margin-top: -1px;}
.empty_message{display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: calc(100dvh - 220px); font:600 16px/26px var(--font); color: #000;}
.empty_message img{width: 80px; height: 80px; margin: 10px 10px 20px;}

app-mobile-wrcs, .video_frame{position: fixed!important; z-index: 99; top: 0; left: 0; right: 0; background: #000; height: 100%;}
app-mobile-wrcs .header_height{margin-top: 42px!important;}
.creedroomz-size, .jilisize{margin:0; border: 0; height: calc(100dvh - 58px)!important; width: 100%;}
.video_frame iframe.gameHeight{margin: 42px 0 0!important; border: 0; height: calc(100dvh - 105px)!important; width: 100%;}
app-sports-book .mainWrap{position: absolute; width: 100%; height: 100%; background: var(--bodyCR); 
  /* top:42px;  */
}
app-mobile-virtual-sport-launcher .header_height{margin-top: 0 !important;}
app-mobile-virtual-sport-launcher .virtualGamesFixed{margin-top: 42px!important; position: fixed!important; z-index: 99; top: 0; left: 0; right: 0; background: #000; height: 100%;}
app-mobile-virtual-sport-launcher .jilisize{margin:0; border: 0; height: calc(100dvh - 42px)!important; width: 100%;}
.profile-container{margin: 55px 0 0;}
.pageTitle{text-align: center; width: 100%; border-top: 2px solid var(--primary); position: relative; height: 25px;}
.pageTitle h1{font: 700 12px/18px var(--font); background: #fff; color: var(--titleText); padding: 0 10px; text-transform: uppercase; display: inline-block; position: relative; top: -10px; margin: 0;}
.filterTabs{display: flex; align-items: center; flex-wrap: nowrap; white-space: nowrap; gap: 0 5px; overflow-x: auto; padding: 0 10px; margin-bottom: 16px;}
.filterTabs::-webkit-scrollbar{display: none;}
.filterTabs .tabLink{padding: 5px 10px; border-radius: 5px; font: 600 12px/18px var(--font); color: #000; background: rgba(0, 0, 0, 0.1);}
.filterTabs .active{background: var(--primary); color: #fff!important;}
.filterRow{display: flex; align-items: center; flex-wrap: nowrap; white-space: nowrap; gap: 0 15px; overflow-x: auto; padding: 0 10px; margin-bottom: 16px;}
.filterRow::-webkit-scrollbar{display: none;}
.filterRow .col-form-label{font: 500 12px/18px var(--font);}
.filterRow .form-control{height: 30px!important; min-width: 130px; border: none!important; box-shadow: none!important; font: 500 12px/18px var(--font); background:#EAEAEA!important; padding: 0 10px!important; color: #000!important;}
.filterRow .form-control.select-arrow { appearance: none; background:#EAEAEA url(../assets/images/select-arrow.png) no-repeat !important; background-position: 100% 0!important; padding-right: 35px!important;}
.filterRow .form-control.select-arrow:focus { border-color: #E4E7EC; }
.filterRow option{padding: 5px!important;}
.filterRow .form-group, .filterRow .downloadCell{display: flex; gap: 0 10px; align-items: center; margin: 0;}
.filterRow .downloadCell img{width: 25px; height: 25px!important; background: #fff; padding: 3px; border-radius: 5px;}
.filterRow .downloadCell .btn{color: #fff; width: 114px; font:600 8px/18px var(--font); display: flex; align-items: center; justify-content: space-between; gap: 0 10px; padding: 1.5px 1px 1.5px 5px; border-radius: 6px;}
.filterRow .downloadCell .btn-pdf{background: #e5252a;}
.filterRow .downloadCell .btn-xls{background: #00733b;}
.filterRow .dateCell{gap: 0;}
.filterRow .dateCell .btn-dark{background: #000; font: 600 12px/16px var(--font); border-radius: 0 5px 5px 0;}
.norecodef{margin: 40% auto; position: relative;}
.tableScroll{height: calc(100dvh - 215px); border: 1px solid rgba(0, 0, 0, 0.1);}
.modal-body .tableScroll{height: calc(100dvh - 95px);}
.table {font: 600 12px/18px var(--font); }
.table th, .table td{line-height: 18px!important; height: 35px;} 
.table .thead-dark th{background: #000; border-color: #000; font-weight: 600;}
.table thead{position: sticky; top: -1px;}
.table thead th{border-left: 1px solid rgba(255,255,255,0.8)!important;}
.table thead th:first-child{border-left: none!important;}
.table-sm td, .table-sm th, .table th, .table td {padding: .3rem .6rem;}
.scrollRow{margin: 0; height: calc(100dvh - 200px); overflow-x: auto;}
.scrollRow-withFilter{margin: 0; height: calc(100dvh - 265px); overflow-x: auto;}
.dataCard{margin: 0 0 5px;}
.dataCard .marketData{background:#F6F6F6; padding: 10px 10px 0;}
.dataCard .detailCell, .rollingData .detailCell{display: flex; justify-content: space-between; margin: 0 0 10px; gap: 0 3px;}
.dataCard .detailCell .textCell span, .rollingData .detailCell .textCell{display: block; font: 600 12px/18px var(--font);}
.dataCard .detailCell .nameCell{width: 210px;}
.dataCard .detailCell .oddCall{width: 25%; text-align: center;}
.dataCard .mricon{height: 20px!important;}
.dataCard .dropShow{color: #000; margin: 0 auto; display: block; text-align: center;}
.dataCard .mainexpand{height: 0px; overflow: hidden; transition: all 0.3s ease;}
.dataCard .mainexpandtrue{height: auto; transition: all 0.3s ease;}
.dataCard .opneNotiRow{width: 100%; text-align: center; padding: 0 0 10px;}
.dataCard .opneNotiRow .btn{font: 600 12px/18px var(--font)!important; display: block; width: 100%;}
.subTotalRow{display: flex; justify-content: center; margin: 5% 0 2%; font-size: 12px; gap: 0 5px;}
.subTotalRow .backSubtotal{text-align: center;}
.pl-Table {font: 600 12px/18px var(--font); width: 700px; }
.pl-Table th, .table td{line-height: 18px!important; height: 35px; vertical-align: middle;}
.footerPnl{ text-align: center; font: 600 12px/18px var(--font); width: 100%; padding: 5px 0 0;}
app-loyalty-points .main-card{padding: 0!important;}
app-loyalty-points .heading-stripe{background: var(--secondary)!important;}
app-loyalty-points .heading-stripe h6{margin: 0;}
app-loyalty-points .main-card .card-box{background: #e0e0e0!important; padding: 15px!important;}
app-loyalty-points .btn-loyalty{background: var(--primary)!important; margin-top: 7.4vh!important;}
app-loyalty-points #loyaltyHistory .modal-header, app-loyalty-points  #loyaltyPrograme .modal-header, #exposure-details .modal-header, app-notification-details .modal-header, app-force-to-change-password-mobile .modal-header, app-player-book-detail .modal-header, app-accept-continue-rules .modal-header, #bonus-notification .modal-header, app-show-notification .modal-header{flex-direction: row-reverse!important; padding: 0.7rem 1rem!important;}
app-accept-continue-rules .modal-footer{align-items: center!important;}
app-accept-continue-rules .modal-footer input.largerCheckbox{width: 20px!important; height: 20px!important;}
app-qr-code-verification .modal-title{width: 100%;}
app-qr-code-verification .modal-footer .btn-group{width: 100%;}
app-qr-code-verification .btn-default{background: #000; color: #fff;}
app-qr-code-verification .btn-warning{background:var(--secondary); color: #fff;}
#bonus-notification .footer-modal, app-show-notification .footer-modal{display: flex; justify-content: space-between; padding: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.2);}
#bonus-notification .footer-modal .view_bet,  app-show-notification .footer-modal .view_bet, app-show-notification .footer-modal .close-btn, #bonus-notification .footer-modal .close-btn{border: none; padding: 0.5rem; border-radius: 5px; font-size: 12px; background: var(--primary); color: #fff;}
#bonus-notification .footer-modal .close-btn, app-show-notification .footer-modal .close-btn{background: #000;}

/* app-show-notification .view_bet{background: var(--secondary); padding: 0.625rem 1rem; color: #fff; border: none; width: 50%; }
app-show-notification .close-btn{background: #000; padding: 0.625rem 1rem; color: #fff; border: none; width: 50%;} */

app-force-to-change-password-mobile .modal-header{background: var(--primary)!important;}
app-force-to-change-password-mobile .modal-header .close{padding: 0 1rem;}
app-force-to-change-password-mobile .modal-dialog .modal-content{background: var(--primary)!important;}
app-force-to-change-password-mobile .modal-dialog .modal-body{padding: 1rem 2rem!important;}
app-force-to-change-password-mobile .form-control{background: none; border: 1px solid #fff!important; color: #fff!important; font-size: 14px!important;}
app-force-to-change-password-mobile .form-control::placeholder{opacity: inherit; color: #fff;}
app-force-to-change-password-mobile .toggelPass{top:-30px!important; color: #fff!important; right: 10px!important}
app-force-to-change-password-mobile .button-text-right{text-align: center!important;}
app-force-to-change-password-mobile .button-text-right .btn.btn-primary{width: 100%!important; background: #fff!important; color: #000!important; border: none!important; font-weight: 700; font-size: 14px; min-height: 48px; border-radius: 8px; text-transform: uppercase;}
app-loyalty-points .smallBox h5{ margin: 0; font-size: 14px;}
.accTable-Wid{width: 1400px; max-width: 1400px;}
.empty-cartc{height: 300px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.empty-cartc h5{font:600 20px/30px var(--font);}
#notification-details .table thead th{color: #000!important;}
#notification-details tfoot th{line-height: 36px!important;}
button.saveedit.saveedit1 {background: var(--primary)!important; color: var(--white-color)!important;}
.modal-dialog{margin-top: 32px;}
.modal-dialog .popimgcoin .modal-header{width: auto!important; background: transparent;} 
/* .modal-dialog .popimgcoin .modal-header .close{padding: 0 1rem;} */
.modal-dialog .popimgcoin .modal-header .close img{width: 30px;}
.boxMain{font-size: 18px;}
div.modal-footer.footermm button.btn-primary{background-color: var(--primary)!important;}
.stepper .nav-tabs [data-toggle=tab]{display: block;}
.stepper .round-tab{left: 0; right: 0; margin: 0 auto;}
#image-viewer .close{opacity: inherit;}
.margbottomn{margin-bottom: 350px;}
.margbottomnevnt {margin-bottom: 370px;}
.caninoRow .empty-cartc img{filter: grayscale(1) brightness(9);}
.caninoRow .empty-cartc h5{color: var(--white-color);}
.embed-responsive{border: 1px solid rgba(0, 0, 0, 0.3);}
app-annoucment-model .close{right: -20px!important;}
.fantasy-games{padding: 42px 0 0!important; min-height: calc(100dvh - 62px)!important; background: var(--secondary)!important;}
app-player-book-detail .modal{margin-top: inherit!important;}
app-player-book-detail .modal-body{height: calc(100dvh - 120px); overflow: auto;}
.msga{font:400 12px/14px var(--font)!important; margin-left: 8px!important;}
.barcodeVerifyMdl .modal-footer .btn{padding: 10px 0!important;}
.barcodeVerifyMdl .modal-footer .verfication-btn{background:#2c2c2c!important;}
.barcodeVerifyMdl .modal-footer .btn-warning.verfication-btn{background: var(--primary)!important;}

.dummyPM-Row{position: relative; width: 100%;}
.dummyPM-Row .lockRow{position: absolute; display: flex; justify-content: center; gap: 0.313rem 0; align-items: center; flex-direction: column; top: 0; left: 0; right: 0; width: 100%; height: 100%;}
.dummyPM-Row .lockRow .toPlay{padding: 10px 12px; border-radius: 5px; font: 600 10px/8px var(--font); text-transform: uppercase; background:var(--primary); color: var(--white-color); border: none; display: inline-block; cursor: pointer;}
.dummyPM-Row .lockRow .fa{font-size: 1.75rem;}

.premiumDummy{ filter: blur(3.5px);  border-bottom:1.5px solid rgba(0, 0, 0, 0.5); padding: 5px 0 0;}
.premiumDummy h3{font-size:1rem; color: #000; margin:0.313rem 0.625rem; font-weight: 800;}
.premiumDummy ul{}
.premiumDummy li{border-bottom:1.5px solid rgba(0, 0, 0, 0.2); padding: 0.313rem 0.625rem; display: flex; align-items: center;}
.premiumDummy li:last-child{border-bottom: none;}
.premiumDummy li h6{width: 68.2%; font: 700 0.875rem/1.125rem var(--font); margin: 0;}
.premiumDummy li h6 span{display: block; margin: 0.188rem 0 0; font-size: 0.75rem;}
.premiumDummy li:last-child{border-bottom: none;}
.premiumDummy li .mthOdd{width: 164px; height: 2.625rem; font: 700 0.875rem/1rem var(--font); border-radius: 0.5rem; background:#8ec5fe; display: flex; align-items: center; justify-content: center;}
.setAmountVal span.pull-right {margin-bottom: 4px;}
.premiumRow{ border-bottom: 1.5px solid rgba(0, 0, 0, 0.2);}
.premiumRow h2{font:700 14px/16px var(--font); padding:5px 10px 5px; margin: 0; display: flex; align-items: center; justify-content: space-between; background: rgba(0, 0, 0, 0.1);}
.premiumRow h2 .sportMN{flex: 0 0 88%;}
.premiumRow h2 .minMax{font:500 12px/13px var(--font); color: rgba(0, 0, 0, 0.5);}
.premiumRow .runnerName{opacity: inherit!important;}
.premiumRow .oddMin{opacity: inherit!important;}
.premiumRow .runnerOdds li{width: 100%!important;}

/* css for tamil */
.tamil .providerCol .swiper-slide { padding: 0.3rem; font-size: 9px; line-height: 1.5; }
.tamil .mainTabs a { line-height: 1.5; font-size: 0.5rem; }
.tamil .mobileNav .mobtab { font-size: 0.55rem; }
.tamil .navText { font-size: 0.7rem; line-height: 1.5; white-space: nowrap; }
.tamil .expBalBtn { }
.tamil .card-btn { font-size: 12px; }
.tamil .left-side.start-evetns .display-flex { line-height: 1.3; }

@media (min-width:380px) {
  .mainTabs a{width: 31.4%; font:600 14px/22px var(--font);}
  .inPlayTab li{padding: 0 25px;}
  /* .game-carousel .gameBox img{ min-height: 160px;} */
}
@media(min-width:399px){
  .game-carousel .gameBox img{ min-height: 145px;}
}
@media(min-width:420px){
  .bannerRow img{height: auto!important;}
}
@media(min-width:480px){
  .dummyBox .subListDummy li{width: 22.7%; height: 155px;}
  .dummyBox .subListDummy li:last-child{display: none;}
 
}
@media(min-width:499px){
  .game-carousel .gameBox img{ min-height: 145px;}
}
@media(min-width:576px){
  .container {max-width: 100%;}
  /* .bannerRow .swiper{padding: 2% 5% 5% !important;} */
  .bannerRow .swiper-slide-active{text-align: center;}
  /* .bannerRow .swiper-slide-active img{max-width: 96%;} */
}
@media(min-width:768px){
  /* .bannerRow .swiper-slide-active img{max-width: 94%;} */
  .dummyBox ul li{height: 225px;}
  .dummyBox .subListDummy li{width: 23.5%; height: 225px;}
}
@media (min-width:990px) {
  .casinoList .gameBox{width: 18.5%;}
  .dummyBox .subListDummy li{width: 18.5%;}
  .game-carousel .gameBox img{min-height: 220px;}
  .faqHeading::before, .faqHeading::after{width: 35%;}
}
@media (max-width:990px) {
  .casinoList .gameBox{width: 23.7%;}
}
@media (max-width:900px) {
  .casinoList .gameBox{width: 23.4%;}
}
@media (max-width:767px) {
  .casinoList .gameBox{width: 23%;}
}
@media (max-width:580px) {
  .casinoList .gameBox{width: 22.5%;}
  .tamil .signUpNew_icons li { font-size: 8px; }
}
@media (max-width:479px) {
  .casinoList .gameBox{width: 30%;}
}
@media (max-width:375px) {
  /* .game-carousel .gameBox img{min-height: 135px;} */
  .faqHeading::before, .faqHeading::after{width: 23%;}
}
@media (max-width:360px) {
  .openBets .fiterTab a.tabBtn{font:600 12px/12px var(--font); padding: 7px 8px;}
  .casinoList{gap: 14px;}
  .game-carousel .gameBox img{min-height: 115px;}
  .dummyBox ul li{width: 30.1%; height: 135px;}
}



.hidechatboat{
  display: none  !important;
}





  

.dummyBoxnogame .noGame{ color: var(--themeText); font-size: 22px; width: 100%; text-align: center; margin: 50px 0;}

.dummyBoxnogame .noGame {
    color: var(--white-color);
    font-size: 22px;
    width: 100%;
    text-align: center;
    margin: 50px 0;
}


.specialMrketheader{
  padding: 10px 7px 0 7px;
  margin-bottom: 10px;
}

.specialMrketheader .btn-special {
  color: #fff !important;
}
.specialMrketheader .headdesig {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: none;
  border-radius: 0;
  background: #2c2c2c !important;
  padding: 7px ​10p;
  align-items: center;
}

.rulePopup {
  padding: 3px 13px;
  border-radius: 60px;
  /* box-shadow: 1px 2px 0 0 #e2e1e1; */
  border: 1px solid #eee;
}

.print-sticky {
  display: flex;
  align-items: center;
  position: sticky;
  top: 40px;
  /* background: #050f1b; */
  z-index: 99;
  justify-content: end;
  padding: 10px 0;
}
.print-sticky .hide-print {
  border: 0; border-radius: 5px;padding: 5px 10px 5px 30px; background: var(--primary); font-weight: 600; color: #f5eeee;  text-transform: uppercase;  position: relative;}
.print-sticky .hide-print:before{content: '\f02f'; font-family: FontAwesome; position: absolute; left: 10px; top:5px; color: #fff;}
.aboutus{min-height: 100dvh;}
.aboutus .container {margin-top: 0!important;}
.aboutus .nav-tabs{gap: 0 5px; margin: 0 0 15px; overflow-y: hidden;}
.aboutus .nav-tabs .nav-link{background:#fff!important; color: #000!important;}
.aboutus .nav-tabs .nav-link.active{background:var(--primary)!important; border: 1px solid var(--primary); color: #fff!important;}
.aboutus .tab-content{padding: 0!important;}
.aboutus p{text-align: justify!important;}
.market_icon_listing img{width: 28px; height: 28px;}
.market_icon_listing {margin: -2px 0 0 3.5px !important;}



.negative {
  color: #ff0000 !important;
}

.positive {
  color: #3BC996 !important;
}
.text-green{
  color: green !important;;
}

.text-red {
  color: red !important;
}
.marketOdd .min-max-bookmaker .close:before{
  filter: contrast(0.5);
}
.marketOdd .minMaxCell{position: relative;}
.marketOdd .min-max-bookmaker { background:#fff; margin:0 5px 0 0; font-size: 12px; border-radius:3px; box-shadow:0 0 5px rgba(0,0,0,0.5); color:#000; padding:5px; min-width:100px; position:absolute; right: 0; top: 0; z-index: 1;}
.marketOdd .min-max-bookmaker dl{margin: 0;}
.marketOdd .min-max-bookmaker dd{margin: 0;}
.marketOdd .min-max-bookmaker .close{ position:absolute; top:3px; right:5px; font-size: 12px;}
.liveMch{color: red;}
.liveMch:before{content: '\f111'!important;}
.d-hotline.h-btn{height: 50px!important; width: 50px!important;}
app-social-icon .whatsapp-CTA {position: fixed; right: 22px; z-index: 101; display: flex; justify-content: space-between;  align-items: center;  bottom: 75px;}
app-social-icon .wt-text {display: none; align-items: center; padding: .25rem 35px .25rem 1rem; height: 2.5rem; background: #009834; border-radius: 1.875rem; min-width: 194px; transition: all 0.8s; right: 0; position: absolute; z-index: 9;font:600 0.688rem / 1rem var(--font)}
app-social-icon .whatsapp-CTA strong { font-weight: 700;}


app-social-icon .wt-text a{color: #fff;}
app-social-icon .wt-icon{ color: #fff; z-index: 9; display: flex; justify-content: center; align-items: center; height: 40px; width: 40px; background: #009834; border-radius: 50% 50% 50% 0; color: #fff;}
app-social-icon .wt-icon i{font-size: 54px;}
.whatsapp-CTA .hideTextwt{opacity: 0; padding-left: 1rem; }

.footerFAQMain {color:var(--white-color); }
.footerFAQMain #more {display: none;}
.footerFAQMain h2, .footerFAQMain h1, .footerFAQMain h3 {font-size: 1.25rem;}
.footerFAQMain p, .footerFAQMain ul.apart {font: 400 12px / 18px var(--font) !important; color:var(--white-color); text-align: justify;}
.footerFAQMain ul.apart{list-style-type: disc; margin-left: 1rem;}
.footerFAQMain .faqHeading{font: 600 12px / 14px var(--font);}
.footerFAQMain .btn-light {margin-top: 0.5rem; color:var(--white-color) !important; background-color: var(--faqActive) !important;  border-color: var(--faqActive) !important; padding: 5px 10px !important; font-size: 12px!important; border-radius: 5px!important;}
/* ===== SIDEBAR SVG ICON COLOR  ===== */
.sideBar .icon-sub-category .american-football .cls-1{fill: #6d2f27;}
.sideBar .icon-sub-category .snooker .cls-1{fill: #02a53b;} 
.sideBar .icon-sub-category .table_tenis .cls-1{fill: #ff0000;}
.sideBar .icon-sub-category .basketball .cls-1{fill: #CD561B;}
.sideBar .icon-sub-category .volleyball .cls-1{fill: #E9BC00 ;}
.sideBar .icon-sub-category .fustal .cls-1{fill: #0c83b8 ;} 
.sideBar .game-option ul.menu li a{text-transform: uppercase;}
.marketList .sportIcon img {width: 15px; height: 15px !important; margin-bottom: .25rem;}
.sportscardRow .sportHeading .sportIcon img {height: 15px !important;}
/* ====== CHANGE LANGUANGE CSS START ======= */
.hindi .sportscardRow .backlayHead .minMax, .marathi .sportscardRow .backlayHead .minMax {padding-top: 0.438rem;}
.telugu  .withdraw-section .top-heading, .kannada .withdraw-section .top-heading {font-size: 0.75rem;padding-left: 1rem;}
.marathi  .withdraw-section .top-heading{font-size: 0.875rem;}
/* ====== CHANGE LANGUANGE CSS end ======= */

.market-card-preloader .sportIcon {width: 1rem; height: 1rem;  border-radius: 50%; margin-bottom: .25rem;}
.market-card-preloader .marketNameBox > .bganimation {width: 100%; height: 0.563rem; border-radius: .25rem;}


.hideapk{
  display: none;
}


/* =========== D11 BALL BY BALL CSS START =========== */
.mainRow.stramingMain .row .col-md-12 { padding: 0;}
.mainRow.stramingMain .row { margin: 0;}
.embed-responsive{border-radius: 0.313rem 0.313rem 0 0;}
/* .info-icon { position: absolute; z-index: 11; right: .75rem; top: .5rem; cursor: pointer;  font-size: 1.188rem; color: #000;} */
.info-icon{cursor: pointer; font-size: 1.188rem;}
.info-icon i{color: #fff;}
.dummyEventMain .ballBanner{position:relative; border-color:transparent;}
.ballBanner{ position: absolute;top: 0; width: 100%; height: 100%; border: 0.063rem solid rgb(0, 0, 0, .2); border-bottom: 0; overflow: hidden;  border-radius: 0.313rem 0.313rem 0 0;}
.ballBanner img{width: 100%; position: absolute; z-index: 0; top: 0;}
.ballBanner .scoreBall{position: absolute; z-index: 11; width: calc(100% - 78%); height: calc(100% - 65%); top: 48%; left: 48.5%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center;}
.ballBanner .scoreBall img{max-width: 100%;}
.ballBanner .scoreBall .scoreRes{color: #fff; font-size: 4.5vw; line-height: 4.5vw; font-weight: 600;}
.roundId {width: 100%;  padding: 0.375rem .5rem;  margin: 0;  background: var(--darkBg);  color: var(--white-color);  font: 600 .75rem / 1rem var(--font); display: flex; justify-content:space-between; align-items: center;}
.roundText{ width: 100%; text-align: right; padding: 0.375rem .5rem; background: #fff; color: #909090; text-transform: uppercase;  font: 600 .625rem / 0.75rem var(--font); margin: 0;}

.ballRulesModal ul {margin-bottom: 1rem !important; }
.ballRulesModal ul li{font: 400 0.875rem / 1.125rem var(--font); margin-bottom: .25rem;}
.ballRulesModal .modal-body h4 {font: 600 1.125rem / 1rem var(--font); margin-bottom: .75rem;}

.lastResult{width: 100%; margin:1.25rem 0 .5rem;}
.lastResult .headingText {border-radius: 0.625rem 0.625rem 0 0; padding: .5rem 0.625rem; background: var(--darkBg);   color: var(--white-color);  font: 600 12px / 16px var(--font); display: flex;  justify-content: space-between; align-items: center;  min-height: 30px;  text-transform: uppercase;  position: relative;  margin: 0;}
.lastResult ul{display: flex; flex-wrap: wrap; gap: 0.375rem; padding: 0.375rem; background: #fff;}
/* .lastResult li{width: calc(9.8% - 0.313rem); height: 30px; background: #000; cursor: pointer; color: #fff; font-weight: 600; font-size: 14px; border-radius: 0.313rem; padding: 0.313rem; display: flex; justify-content: center; align-items: center;} */
.lastResult ol{display: flex; flex-wrap: wrap; gap: 5.5px; padding: 0.375rem 0.375rem 0.5rem; border-radius: 0 0 0.375rem 0.375rem; background: #fff; }
.lastResult li{/*width: 9.5%;*/ width: 30px; height: 35px; background: url("../assets/images/ballBG.png") no-repeat 0 2px; background-size: 100%; cursor: pointer; color: #fff; font-weight: 600; font-size: 14px; border-radius: 5px; align-content: center; display: flex; justify-content: center; align-items: center;}
.lastResult li.waitingBall{background: url("../assets/images/ballBG-wait-withshadow.png") no-repeat 0 2px; background-size: 100%;}
.lastResult li.blankBall{background: url("../assets/images/ballBG-blank.png") no-repeat 0 2px; background-size: 100%;}
.decimal-no-dot {list-style: none; counter-reset: item 21;}
.decimal-no-dot li {counter-increment: item -1; position: relative;}
.decimal-no-dot li::after {content: counter(item) ' '; position: absolute; bottom: -10px; width: 10px; color: #bfbfbf; font-size: 10px; text-align: center;}
.remainBox{margin: 0; background: #fff; border-radius: 0 0 0.375rem 0.375rem;}
.remainBox ol{gap: 0; margin: 0; padding: 5px 5px 0;}
.remainBox .headingText{border-radius:0 0 5px 5px;}
.lastLucky15{gap: 0!important;}
.lastLucky15 li::after{display: none;}
.luckyRoundId{display: flex; align-items: center; justify-content: space-between; padding: 5px 10px; color: #000; font-size: 12px; font-weight: 600; margin: 0;}
.centermmbox .lastResult li{width: 9.5%;}
.ballByRow{margin: 1.25rem 0 0;}
.lastResult ul {display: flex;flex-wrap: wrap; gap: 6px;  background: #fff;  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 10px;  position: relative;  z-index: 2;}
.ballByRow ul{display: flex; flex-wrap: wrap; gap:5px;}
.ballByRow li {width: 49%; display: flex; justify-content: space-between; align-items: center; background: #fff; border: 1px solid rgba(0, 0, 0, 0.1);  position: relative;  padding: 0.313rem 0.5rem; border-radius: 0.625rem;}
.ballByRow h4 {color: #000; margin: 0; font: 700 0.875rem / 1rem var(--font);}
.ballByRow h4 > span { font-size: 0.656rem; font-weight: 600;  margin: 0.188rem 0 0;}
.ballByRow .oddsBox{display: flex; align-items: center; gap:0 0.313rem; position: relative; width: 36%;}
.ballByRow .ballOdds {background: #8ec5fe; cursor: pointer;  border-radius: .5rem;  height: 42px;  width: 100%;  color: #000; display: flex; justify-content: center;  align-items: center;  font: 700 0.875rem / 1rem var(--font);}
.ballByRow .lay{background: #ffa0d0;}
.ballByRow .mininfo { position: absolute;  right: 112%; margin-bottom: 0.375rem;}
.ballByRow .mininfo .fa.fa-info-circle {width: 0.860rem;  height:0.860rem;  color: #000;  border: 1px solid #000; border-radius: 1rem;  line-height: 0.75rem;  text-align: center;  font-size: 0.625rem;}
.ballByRow .mininfo i.fa.fa-info-circle::before { content: "\f129";}

.ballByRow .minMaxCell{width: 100px; position: absolute; right:-2.5rem; border-radius: 0.188rem; top: 1.375rem; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, .5); padding: 0.313rem; z-index: 9;}
.ballByRow .minMaxCell > span{display: block; font-size: 0.75rem;} 
.ballByRow .minMaxCell .minLabel {font-weight: 700;}
.ballByRow .suspended { left: 0; height: 100%;  background: rgba(0, 0, 0, 0.4) !important;}
.timerBox {position: absolute; z-index: 1; width: 50px; height: 50px; left: 0.938rem; top:0.938rem; background: #fff; border-radius: 50%;} 
/* .timerBox .circle {width: 100%; height: 100%; background: #fff; border: 0.313rem solid #ddd; border-top: 0.313rem solid #4caf50; border-radius: 50%; animation: countdown 15s linear infinite;}
.timerBox .half-time {border-top: 0.313rem solid #ff5722;}  
.timerBox .countdown {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.25rem; font-weight: bold; color: #333;} */
.timerBox .countdown {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.2em; font-weight: bold; color: #333;}
.timerBox .progress-ring{transform: rotate(-90deg);}
.timerBox .ring-bg {fill: none; stroke: #e6e6e6; stroke-width: 5;}
.timerBox .ring-progress { fill: none; stroke: #4caf50; stroke-width: 5; stroke-dasharray: 125.66; stroke-dashoffset: 125.66;}
@keyframes timerDown {
  to {
    stroke-dashoffset: 0;
  }
}

.no-animation {animation: none;}  
div#ballbyball .modal-title {text-align: center; width: 100%;}
div#ballbyball .modal-footer.footermm p { margin: 0 auto 0;}
#ballbyball .modal-body{padding: 0!important; background: #000;}
#ballbyball .embed-responsive{border-radius:0;}
.streamingRow  .embed-responsive{border: 0;} 

#videoFrame{position: absolute; z-index: 9;}
video#videoFrame{width: 100%!important; height: 100%!important; background: #000;}
@keyframes countdown {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
.remainingRow{background: #F2F3F7; border: 1px solid rgb(0, 0, 0, .2); padding:5px 8px; width: 100%;}
.remainingRow h6{margin: 0 0 5px; font-weight: 600; font-size: 12px;}
.remainingRow ul{display: flex; flex-wrap: wrap; gap: 2px;}
.remainingRow li{width: 20px; height: 20px; background: #000; border-radius: 50%; color: #fff; display: flex; justify-content: center; align-items: center;}
.remainingRow li span{font-size: 11px; line-height: 20px;}
  .minMaxCell.collapse {display: none;}
  .minMaxCell {display: block;transition: all 0.3s ease-in-out;}
  .minMaxCell.hide{display: none;}

.dummyEventMain .ballBanner{padding-bottom: 56.25%; background:rgba(0,0,0,0.2); margin: 0.938rem 0 0; border-radius: 0.313rem}
.dummyEventMain .lastResult{margin: 0.938rem 0 0;}
.dummyEventMain .lastResult li{animation: gradient 2s linear infinite;
    background-image: linear-gradient(120deg,rgba(255,255,255,0.8),rgba(255,255,255,0.6),rgba(255,255,255,0.6),rgba(255,255,255,0.8));
    background-size: 300% 100%;}
@keyframes gradient {
    0% { background-position: 100% 0%;}
    100% { background-position: 0% 0%;}
}

.rePlayBtn{background: #fff; color: #000; padding:2px 10px 2px 5px; min-height: 30px; text-transform: uppercase; font-size: 12px; line-height: 12px; font-weight: 800; border-radius: 20px 5px 5px 20px; display: flex; align-items: center; gap: 0 5px; border: none; position: absolute; z-index: 11; left: 10px; top: 10px;}
.rePlayBtn img{width: 22px;}

.horseracingGType .timerBox{z-index: 1;}
.horseracingGType .lastResult ul, .horseracingGType .lastResult ol{gap: 4.5px;}
.horseracingGType .lastResult li{background: #000; width: 8.5%; height: 28px; font-size: 12px;}
.horseracingGType .ballBanner .scoreBall{ opacity: 0; animation: showMe 0s 0.5s forwards; width: auto; height: auto; right: 25.2%; top: 18%; left: inherit; transform: skew(-5deg, -5deg); display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 5px 0;}
.horseracingGType .ballBanner .scoreBall .headRes{ font-size: 5.8vw; line-height: 5vw; font-weight: 900; color: #ff0000;}
.horseracingGType .ballBanner .scoreBall .scoreRes{font-size: 4.5vw; line-height:  4.5vw; padding: 0 4px; font-weight: 900; background: #2b2b2b; color: #fff; width: auto; height: auto; position: static!important;}
.horseracingGType .cricBall{display: none;}
.horseracingGType .decimal-no-dot li::after{display: none;}
.horseracingGType .bookHead{margin: 0;}
.horseracingGType .ballByRow ul{gap: 0; margin-top: 0; border-radius: 0 0 0.625rem 0.625rem; background: #fff;}
.horseracingGType .ballByRow li{width: 100%; border: none; background: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding:0.313rem 0.625rem; border-radius: 0;}
.horseracingGType .ballByRow .oddsBox{width: 40%; gap: 0 0.313rem;}
.horseracingGType .ballByRow .ballOdds{width: 49.4%; height: 42px; }
.horseracingGType .ballByRow .suspended{height: 42px; width: 38%; right: 10px; left: inherit;}
.horseracingGType .ballByRow h4 span{font-size: 10px; line-height: 16px;}
@keyframes showMe {
  to {
    opacity: 1;
    visibility: visible;
  }
}
app-player-ballbyball-detail .col-sm-12.matchodd{padding-left: 0; padding-right: 0;}
/* =========== D11 BALL BY BALL CSS END =========== */
.betSlipModal .slipHead .runerText, .betSlipModal .slipHead .markText span  {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}

.video_frame .hideArrow {
  top: 45px !important;
}



.zsiq-float {
  right: 14px !important;
  bottom: 70px !important;
}

.luckyFooter .infoLink li { margin-bottom: 0.75rem; display: flex;  position: relative;}
.luckyFooter .infoLink li::after { position: absolute;  width: 20px; height: 20px; content: "\f105";  font-family: FontAwesome;  left: -0.5rem;}
.luckyFooter .infoLink i { margin-right: .25rem; display: none;}
.luckyFooter {border-top: 1px solid rgba(255, 255, 255, .2);  padding-top: 2.25rem;}
.luckyFooter .infoLink {  font: 400 10px / 12px var(--font); color: var(--white-color) !important; text-decoration: none;  display: inline-block; }
.luckyFooter .descriptText {color: rgba(255, 255, 255, 0.5); font: 400 10px / 16px var(--font);}
.luckyFooter .gamblogoRow .resLogo {padding: 0 .25rem;}
.luckyFooter .luckyfootLogo {padding-top: 1.5rem;}
.luckyFooter .luckyfootLogo img { height: 1.75rem !important;  margin-bottom: 1.25rem;}
.luckyFooter .gambLogos p {color: var(--white-color); text-transform: uppercase;     margin-bottom: 1.25rem;}
.luckyFooter .footer_apkDownload img {max-width: 57%; margin: 1rem 0 2.25rem;}
.luckyFooter .gamblogoRow .resLogo img {height: 1.4rem !important; margin: 0.25rem 0 .75rem;}
.luckyFooter .footLogoBt img { height: 1.75rem !important;margin-bottom: 0.5rem;}
/* .luckyFooter .modal-socialLInk a {font: 600 1.25rem / 1.375rem var(--font); color: rgba(255, 255, 255, 0.5); display: inline-block; margin: .5rem .4rem .5rem;} */


.footer-SocialLInk a {font: 600 1.25rem / 1.375rem var(--font);  text-decoration: none; margin: 0rem .4rem .75rem; width: 2.188rem; height: 2.188rem;  border-radius: 50%;  display: flex; justify-content: center;  align-items: center;}
.footer-SocialLInk .facebookBar a {background: #354d93; color: #fff;}
.footer-SocialLInk .telegramBar a {color: #00a4e0; font-size: 35px;}
.footer-SocialLInk .instagramBar a {color: rgba(255, 255, 255, .5);   background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);}

.bookHead{background: var(--darkBg); padding: 0.5rem 0.625rem; border-radius: 0.675rem 0.675rem 0 0; margin: 0 0 0.5rem;}
.bookHead h3{font:600 12px/16px var(--font); margin: 0; color: var(--white-color);}

.ball-bookMaker{margin: 1rem 0 0;}
.ball-bookMaker .bookHead{display: flex; justify-content: space-between; align-items: center; margin: 0;}
.ball-bookMaker .bookHead h3{flex: 0 0 50%;}
.ball-bookMaker .bookHead ul.backlayText{flex: 0 0 50%; display: flex; justify-content: center; margin: 0;}
.ball-bookMaker .bookHead ul.backlayText li{width: 50%; text-align: left; font:700 0.875rem/0.875rem var(--font); color: var(--white-color);}
.ball-bookMaker .bookmarBox{background: #fff; border-radius:0 0 0.625rem 0.625rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1rem;  margin:0 0 0.5rem;}
.ball-bookMaker .bookEvent{display: flex; justify-content: space-between;  align-items: center; padding: 0.313rem 0.625rem; border-bottom: 1.5px solid rgba(0, 0, 0, 0.2);}
.ball-bookMaker .bookEvent:last-child{border-bottom: none;}
.ball-bookMaker .bookeventName{flex: 0 0 60%;}
.ball-bookMaker .bookeventName span{display:flex; gap:0px 0.313rem; font:700 0.875rem / 1rem var(--font); color: #000;}
.ball-bookMaker .bookeventName .bm-minText span{font-size: 0.75rem; font-weight: 600;}
.ball-bookMaker .bookeventName marquee{position: absolute; bottom: 0; left: 0; font-size: 10px; color: #000;}
.ball-bookMaker .bookOddvalue{flex: 0 0 40%; gap: 0 0.313rem; display: flex; justify-content: center; align-items:center; position: relative;}
.ball-bookMaker .bookOddvalue li{flex: 0 0 48.5%; height: 2.625rem; font: 700 0.875rem/1rem var(--font); cursor: pointer; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center;}
.ball-bookMaker .back{background: #8ec5fe;}
.ball-bookMaker .lay{background: #ffa0d0;}
.ball-bookMaker .suspended-BM{background: rgba(0, 0, 0, 0.4); color: #fff; margin: 0; height: 2.625rem; font:700 12px/12px var(--font)!important; text-transform: uppercase; border-radius: 0.5rem; width: 100%; position: absolute; z-index: 9; display: flex; justify-content:center; align-items: center;}

.dummyEventMain {padding: 3.875rem 0.313rem 0;}
.dummyEventMain .liveScoreTvBox {border-radius: 0.313rem 0.313rem 0 0; margin-bottom: 1.25rem; height: auto !important; padding-bottom: 63.5%;     animation: gradient 1s linear infinite; background-image: linear-gradient(120deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));  background-size: 300% 100%;}

.dummyEventMain .bookHead .eventTextLabelPre{display: none;}
.dummyEventMain .bookHead {min-height: 2rem; background: transparent; border-radius: 0.675rem 0.675rem 0 0; animation: gradient 2s linear infinite !important;}
.dummyEventMain .ball-bookMaker .bookOddvalue li, .dummyEventMain .bookHead, .dummyEventMain .eventTextLabelPre{animation: gradient 1s linear infinite; background-image: linear-gradient(120deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));  background-size: 300% 100%;}
.dummyEventMain .bookeventName .eventTextLabelPre {width: 45%;  display: inline-block; height: 0.875rem; border-radius: .5rem;}


.marketList .iconLive span {
  font: 600 0.75rem/1rem var(--font);
  color: rgba(255,255,255,0.5);
}


.marketList .marketOdds .oddText {color: var(--black-color);} /* IPHONE COLOR BLUE ON MARKET LIST ODD TEXT */




.kycview{
  display: none;
}

.kyc-policy-page{background: var(--footerBg);  padding: 3.125rem 0 0.625rem;}
.kyc-policy-page *{color: var(--white-color);}

@media print {
  .kyc-policy-page .hide-print {
    display: none;
  }
}

.hasFreespinText {display: flex; justify-content: space-between; padding: 0 0.375rem;}
.sportHeading.secondHeding::before {display: none;}
.sportHeading.secondHeding{margin-left: 0.375rem;}
.streamingRow{padding: 10px 0 5px; margin: 0; position: sticky; z-index: 99; top: 40px; background: #D9D9D9;}
 
@keyframes smooth-blink {0%, 100% {opacity: 1;}  50% {opacity: 0;}}  
.whatsapp-CTA.telegramIcon > a {color: #00a4e0; font-size: 46px;}
.whatsapp-CTA.telegramIcon {width:40px; height:40px; border-radius: 50%; right: 25px;  background: #fff; bottom:204px;}
.whatsappBar.d11-multicric {top: 48% !important;}
.blink-animate {animation: smooth-blink 1s infinite;}

.vidIcon{padding: 0 5px; margin: -2px 0 0 5px; border: 1px solid rgba(0, 0, 0, .7); background: none; color:rgba(0, 0, 0, .7); border-radius: 3px; display:inline-block!important;}
.vidIcon:hover{border: 1px solid var(--primary); color: var(--primary);}

.modal-open app-casino-dashboard .mainRow, .modal-open app-casino-dashboard .mainRow app-mobile-wrcs{position: inherit!important;}
.modal-open app-casino-dashboard .mainRow app-mobile-wrcs{margin-top: -52px; display: block;}
.modal-open app-mobile-wrcs #freespin-reload-modal{position: fixed!important; z-index: 1049!important;}
#freespin-reload-modal .modal-dialog{margin-top: 0;}

  /* LPP Menu Style */
  .lppPointMenu{background: linear-gradient(90deg,var(--secondary) 0%, var(--primary) 80%); border-radius: 0.313rem;  padding:0.625rem!important; margin: 0.5rem 1rem!important; overflow: hidden;}
  .lppPointMenu .dwonArrow{ width: 22px; height: 12px; margin-right: 0!important; font-size: 1.625rem!important; color: #fff; display: flex; justify-content: center; align-items: center;}
  .lppPointMenu .coinIconBox{width: 30px;}
  .lppPointMenu .coinIconBox img{max-width: 100%;}
  .pointCell{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.625rem;}
  .lppProgCell{flex: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 1.563rem; gap: 3px 0;}
  .lppProgCell .pointsText{display: flex; justify-content: space-between; flex: auto;}
  .lppProgCell .pointsText h4{color: #fff; font-size: 0.875rem; margin: 0; font-weight: 600;}
  .lppProgCell .pointsText h6{color: #fff; font-size: 0.75rem; font-weight: 600; margin: 0;}
  .lppProgCell .pointsText h6 small{font-size: 400; font-size: 0.75rem; color: #fff;}
  .lppProgCell .progressBar {width: 90%; background: var(--primary); border: 1px solid rgba(0, 0, 0, .5); box-shadow: inset 0 0 0.75rem #000; border-radius: 0.5rem; overflow: hidden; height: 0.5rem;}
  .lppProgCell .progressFill {height: 100%; background:#f7cd47; width: 0; transition: width 0.4s ease-in-out;}
  .lppShow .dwonArrow{transform: rotate(180deg);}


  .withOutProgress{display: flex; justify-content: space-between; align-items: center;}
  .withOutProgress h3{font-size: 1rem; font-weight: 500; margin: 0; color: #fff; display: flex; align-items: center; gap:0 0.313rem;}
  .withOutProgress .redeemBtn{ border-radius: 0.313rem; padding: 0.313rem; font-size: 0.625rem; background: #f7cd47; font-weight: 500; color: #000;}
  .withOutProgress .coinWithValue{flex: auto; display: flex; justify-content: flex-end; align-items: center; gap: 0.625rem;}
  .withOutProgress .coinWithValue h4{color: #fff; margin: 0; font-size: 0.875rem;}
  .withOutProgress .coinIconBox img{max-width: 100%; filter: drop-shadow(0 0 8px rgba(255,255,255,5));}

  ol.lppDataRow{padding:0 0.625rem; list-style: none; display: flex; flex-direction: column; }
  ol.lppDataRow li{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.7)!important; min-height: auto!important; padding:0.75rem 0.313rem!important; font-size: 0.875rem; font-weight: 400; color: #fff;}
  ol.lppDataRow li:first-child{border-top: none!important;}
  ol.lppDataRow li:last-child{border-bottom: none!important;}
  ol.lppDataRow .lpText, .lpValue{text-transform: uppercase; font-size: 0.875rem; font-weight: 500;}
  ol.lppDataRow .expText{font-size: 0.5rem; color: rgba(255, 255, 255, .7); text-transform: uppercase;}
  ol.lppDataRow .expDateCell{padding: 0.625rem 0 0!important;}
  ol.lppDataRow .hrBtnRow{ display: flex; gap:0 0.5rem;}
  ol.lppDataRow .btn{border-radius:0.313rem; padding: 0.313rem 0.5rem; font-size: 0.625rem; font-weight: 500; border: none;}
  ol.lppDataRow .btn-history{background: #fff!important; color: #000!important;}
  ol.lppDataRow .btn-Redeem{background: #f7cd47!important; color: #000!important;}
  /* End LPP Menu Style */

/* Custom Slider */
.carousel-wrapper{margin:15px 0 0;gap:0 10px;display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory}
.carousel-container{position:relative;width:100%;overflow:hidden;display:flex;align-items:center}
.carousel-wrapper::-webkit-scrollbar{display:none}
.carousel-data{flex:0 0 31.5%;width:31.5% !important;box-sizing:border-box;padding:0}
.carousel-data{scroll-snap-align:start}.carousel-item{flex:0 0 auto;width:200px;text-align:center;transition:transform .3s ease-in-out}
.carousel-item img{width:100%;height:auto;border-radius:10px;cursor:pointer}
.scroll-btn{position:absolute;top:-8%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:white;border:0;cursor:pointer;padding:10px;border-radius:50%;z-index:10;}
  .scroll-btn:hover{background:rgba(0,0,0,0.8)}.scroll-btn.left{left:10px}
.scroll-btn.right{right:10px}
@media(min-width:620px){
  .carouselAera .carousel-data{flex:0 0 23.8%;width:23.8% !important;}
}
@media(min-width:767px){
  .carouselAera .carousel-data{flex:0 0 19%;width:19% !important;}
}
.stakeleftAr{background: #000; border: none; width: 20px; height: 26px; border-radius: 4px; text-align: center; padding: 0 3px; color: #fff;}
@media(min-width:900px){
  .carouselAera .carousel-data{flex:0 0 15.8%;width:15.8% !important;}
}
@media(max-width:600px){
    .scroll-btn{padding:5px}
}
/* Custom slider */

.blinkBack, .blinkLay{animation: gradientMove 1s linear infinite; background-image: linear-gradient(600deg, transparent, rgba(255, 253, 255,0.8), transparent, rgba(255, 255, 255, 0.8));  background-size: 100% 800%;}

@keyframes gradientMove {
  0% {background-position: 0% 0%;}
  50% {background-position: 0% 75%;}
  100% {background-position: 0% 100%;}
}
.loginModal .form-control.countrycode {padding-right: .25rem !important;}
.loginModal .form-control.countrycode option { color: #000;}
.tGmaeRow .carousel-wrapper .swiper-slide{   flex: 0 0 31.5%; width: 31.5% !important;}
.newBadge{padding: 3px; border-radius: 3px; background: #ffd000; color: #000; font-size: 8px; position: relative; top: -2px; margin-left: 5px; height: 14px; line-height: 10px; font-weight: bold; display: inline-block;}


/* GROUPING CSS START */
.spNorecoard{text-align: center; width: 100%; padding: 1.875rem 0; font: 600 1rem / 1rem var(--font);}
.premium_book_tab .dropdowm-mores {background: #fff;  z-index: 2; box-shadow: 0px 0px 0.625rem rgba(0, 0, 0, .2);  padding: 0; min-width: 7.813rem; transform: inherit !important;  margin-top: 1.35rem;}
.premium_book_tab .dropdowm-mores a {color: rgba(33, 37, 41, .5);   padding: 0.25rem 0.625rem;  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  display: block; font: 600 0.75rem / 0.875rem var(--font);}
.sportbookTabs > ul{display: flex; gap: 0.25rem 0.313rem; padding-top: 0.25rem;  flex-wrap: wrap;}
.premium_book_tab .dropdown.show .dropdown-toggle{color:rgba(255, 255, 255, 1);}
.sportbookTabs ul li a.active {color: rgba(255, 255, 255, 1); }
.sportbookTabs ul li a {padding: 0.063rem 0.390rem 0.063rem 0.390rem;  color: rgba(255, 255, 255, .5);  text-transform: uppercase; display: inline-block; position: relative; text-decoration: none;  font: 700 0.75rem / 0.75rem var(--font);}
.premium_book_tab {padding:0.125rem 0.625rem 0.375rem 0.313rem;  width: 100%; background: var(--darkBg);  border-radius:0.563rem 0.563rem 0 0; border-top-left-radius: 0;}
.sportbookTabs ul li:last-child a::after, .sportbookTabs ul li:nth-child(6) a::after{display: none;}
.sportbookTabs ul li a::after {width: 0.063rem; height: 126%; position: absolute;top: -13%; content: ""; background: rgb(255, 255, 255, .4);  right: -0.125rem;}
.premium_book_tab .show .dropdown-backdrop {display: none;}
.premium_book_tab .dropdowm-mores a.active{color: rgba(33, 37, 41, 1);}

.mobileFancyStle.sportbookTabs ul li:nth-child(6) a::after{display: block;}
.sportscardRow .fancyaTabs .sportHeading { padding: 0;}
.sportscardRow .fancyaTabs .sportHeading a { background: transparent; border: 0px;  padding: 6px 8px; font: 600 12px / 16px var(--font);}
.bage-premimum {background: #ffd000; color: #000;  padding: 0.063rem 0.125rem 0.063rem;  display: inline-block;  line-height: normal;  position: absolute; top: -0.813rem;  right: 0.313rem;  font-weight: 600;  border-radius: 0.125rem;  font-size: 0;  width: 1.875rem;   height: 0.875rem;}
.bage-premimum::after {position: absolute; left: 0;  content: "NEW";  font-size: 0.594rem;  width: 100%;  display: flex;  align-items: center;   justify-content: center;  animation: smooth-blink 1s infinite;}

@media(max-width:390px){
  .sportbookTabs ul li a {padding: 0.063rem 0.365rem 0.063rem 0.365rem; font-size:0.715rem;}
  .ice-score-card-main .ice-score-teams-name {width: 52%;}
}

@media(max-width:360px){
  .sportbookTabs ul li a {padding: 0.063rem 0.320rem 0.063rem 0.320rem;   font-size: 0.688rem;}
   .ice-score-card-main .ice-score-teams-name {width: 45%;}
}

/* GROUPING CSS END */

/* In-Play sprots filter */
.inPlayFilter{clear: both; margin: 0; display: flex; gap: 0 0.75rem; align-items: center; position: relative; background: var(--primary); min-height: 48px; box-shadow: inset 0 5px 10px rgba(0, 0, 0, .2);}
.inPlayFilter .nav-tabs{border-bottom: none;}
.inPlayFilter .arrow-tabs{font-size: 1rem; line-height: 2rem; height: 100%; padding:0.875rem 0.5rem; color: #fff; background: none; border: 1px solid rgba(0, 0, 0, .1); position: relative; top: -0.313rem; cursor: pointer; }
.inPlayFilter .arrow-left{left: 0; border-radius: 5px 0 0 5px;}
.inPlayFilter .arrow-right{right: 0; border-radius: 0 5px 5px 0;}
.inPlayFilter ul{ display: flex; margin:0; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;  white-space: nowrap; flex-wrap: nowrap; margin-bottom: 0; padding-bottom: 0; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; scrollbar-width:none; scroll-snap-type:x mandatory;}
.inPlayFilter ul::-webkit-scrollbar{height: 2px; display: none;}
.inPlayFilter li::before{content: ''; border-left: 1px solid rgba(255, 255, 255, 0.2); position: absolute; top: 0; height: 80%; left: 0; }
.inPlayFilter li{padding: 0 0 2px; position: relative;}
.inPlayFilter li:first-child{border-left:none;}
.inPlayFilter li a{display: flex; cursor: pointer; flex-direction: column; align-items: center; gap: 0; font-size: 0.5rem; letter-spacing: 1.5px; padding: 0.313rem 0.625rem 0; font-weight: 400; text-transform: uppercase; color: #fff!important; border: none; border-bottom: 0.125rem solid transparent; cursor: pointer;}
.inPlayFilter li a:hover{background: none; border-bottom: 3px solid #fff;}
.inPlayFilter .active{border-bottom: 3px solid #fff;}
.inPlayFilter .inSportsIcon{width: 1.25rem;}
.inPlayFilter .inSportsIcon img{max-width: 100%; height: 1.25rem!important; }
.dummyNav {width: 100%; min-height: 64px; align-items: center;}
.dummyNav li{width: 100px; height: 0.625rem; border-radius: 0.625rem; position: relative; background: #ccc; overflow: hidden; margin: 0 0.625rem;}
.dummyNav li:after{position: absolute; top: 0; display: block; width: 100%; height: 100%; content: ""; background: linear-gradient(90deg, #e1dfdf73, #e1dfdf 50%, #e1dfdf73); transform: translateX(-100%); animation: eventListTxtLoad 1s infinite; will-change: transform;}
/* End In-Play sprots filter */
.mobileFancyStle.sportbookTabs ul li:last-child a::after{display:none;}
.vidIcon{cursor: pointer;}
.coinResult{display: flex; justify-content: center; flex-wrap: wrap; padding: 1.875rem 1.25rem; gap: 0.938rem;}
.coinResult img{height: 50px !important; filter: grayscale(1);}
.coinResult img.win-Coin{filter: grayscale(0);}


.cloud-payment-logo { padding:0.625rem;}
.cloud-payment-logo ul { flex-direction: column;  display: flex; padding: 0;  margin: 0;}
.cloud-payment-logo ul li {border-bottom: 0.063rem solid #ddd;  display: flex;   align-items: center;  justify-content: space-between;  padding: 0.625rem 0;   border-bottom: 0.063rem solid #ddd;}
.cloud-payment-logo ul li > div { display: flex; align-items: center;}
.cloud-payment-logo ul li span { font-weight: bold;  margin-left: 0.625rem;}
.pay_now {border: 0;     margin-top: .25rem; border-radius: 0.25rem; padding: 0.25rem 0.625rem;  line-height: normal; background: var(--maindark);  color: var(--white-color) !important; font-weight: bold;}
.merchantdiv {border: 0.063rem solid #ddd;  border-radius: 0.375rem; padding: 0.625rem;   min-width: 4.5rem;  display: flex;  align-items: center;  justify-content: center;}
.merchantdiv img {height: 0.938rem !important;  max-width: 100%;}
.cloud-payment-logo ul li:last-child{border-bottom: 0;}




/* Coin Toss style */
@media (max-width:990px) {
  html.coinTossGM{font-size: 12px;}
  .coinTossGM app-coin-toss{margin:42px 0 64px; display: block;}
}
/* End Coin Toss style */



/* ****** KHADOO MARKET CSS START ******* */
.range-box {color: #ff0000; background: #ededed;  width: 30%;  display: flex;  border: 0.063rem solid rgba(0, 0, 0, 0.5);  border-radius: .25rem;justify-content: center; padding: 0 .25rem;  align-items: center;  min-height: 2.125rem;  font: 500 0.666rem / 0.875rem var(--font);}
.range-container { gap: 0.375rem;}
.range-active {color: #000;  width: 36%;  border-color: #39b44a;  background: #fff;  padding: 0.125rem .75rem;  flex-wrap: wrap; justify-content: flex-start;}
.range-active span {    padding: 0.375rem .5rem;  font-weight: normal; font-size: 100%;} 
.marketOdd.mkt_TypeKhado_Market .runnerOdds { justify-content: flex-end;}
.mkt_TypeKhado_Market  .oddsRow li .suspended {width: 100%;}
.mkt_TypeKhado_Market .fancyList .suspended {font-size: 9px;  width: 48%;}
div#player-book .modal-body {height: auto;  max-height: calc(100dvh - 120px);}
/* ****** KHADOO MARKET CSS END ******* */
.modal-content.popimgcoin .modal-header {
    background: transparent;
}


/* ******* NEPALI & BENGALI LANGUNAGE CSS START ******** */
.nepali .langSelect a {line-height: 0.688rem;}
.nepali .left-side.start-evetns .display-flex p strong, .bengali .left-side.start-evetns .display-flex p strong {padding-top: .25rem;}
.nepali .sportscardRow .backlayHead .minMax, .bengali .sportscardRow .backlayHead .minMax {font-size: 0.625rem;}
.nepali .sportscardRow .luckyNum .suspended {line-height: normal;}
.nepali .popimgcoin .slidecontainer .ripple { font-size: .75rem;}
.bengali .match-listing-wrapper .btn {font-size: .75rem;  padding: .25rem 0.375rem;  }
/* ******* NEPALI & BENGALI LANGUNAGE CSS END ******** */
.Bossexchange_20231162 .loginModal .loginLogo img {height: 115% !important;object-fit: contain;}
.headerRow .fa-telegram {margin-right: 0.5rem;display: inline-block; position: relative; z-index: 2;  color: #0088cc;}
.headerRow .fa-telegram::after {width: 1.375rem;  height: 1.375rem; background: #fff;  position: absolute;  content: "";  left: 0.063rem; border-radius: 50%; z-index: -1;}
.Sat365_20231183 .loginModal .loginLogo img {height: 118% !important;object-fit: contain;}
.Parkerexch_20231181 .loginModal .loginLogo  {height: 90px !important}
.Parkerexch_20231181 .logoCol { height: 24px !important}
/* .inPlayFilter img.table_tennis, .inPlayFilter img.american_football, .inPlayFilter img.ice_hockey{filter: brightness(10) saturate(0)!important;} */
.Royalstake_20231187 .loginModal .loginLogo img {height: 125% !important;}
.Royalstake_20231187 .logoCol img {height: 120% !important;}