/* @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");


: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);
}
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:12px; right: 10px; color: var(--white-color) !important;}
.validation-message, .errorMa{position: absolute; bottom: -1.4rem; font-size: 11px!important; min-height: 20px; line-height: 11px;}
.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: 110px!important;}
.logoCol{height: 20px; width: 92px; display: flex; align-items: center;}
.logoCol img{height: 100%!important; object-fit: contain;}
.apkBtn{display: inline-block; margin:0 5px 0 0; padding-right: 5px; border-right: 1px solid rgba(255, 255, 255, 0.6);}
.apkBtn a{background:rgba(255,255,255,0.5); padding:0 7px; min-width:48px; min-height:24px; font:600 10px/10px var(--font); text-transform: uppercase; color:  var(--white-color); display: flex; align-items: center; justify-content: center; gap: 5px; border-radius: 5px;}
.apkBtn svg{fill:  var(--white-color); width: 11px; height: 11px;}
.downApk a{background: rgba(0,0,0,0.5);}
.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;}
.headgameNav .gmIcon{width: 15px; height: 22px;}
.headgameNav .gmIcon svg{fill: var(--white-color);}
/* .headgameNav .gmIcon img{-webkit-filter: invert(100%);} */
.headgameNav .gmText{font:700 14px/20px var(--font); text-transform: uppercase; color: var(--white-color);}
.loginModal{background: var(--loginBG); border-radius: 10px; border: none; position: relative;}
.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; }
.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 .bonusimg{border-radius: 5px; overflow: hidden; margin: 0 0 30px;}
.loginModal .loginLogo{height: 50px; 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: 14px; color:  var(--white-color); height: 42px; padding: 0 35px 0 10px}
.loginModal input:-webkit-autofill,
  input:-webkit-autofill:hover, 
  input:-webkit-autofill:focus, 
  input:-webkit-autofill:active  { 
    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: 42px!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: 48px; 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);}
.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;}
.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;}
.accpetAnyRow .checkRow label{display: flex; gap: 0 10px; 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:11px/14px var(--font); color:  var(--white-color); text-align: left;}
.whatsappCol .or-text{width: 100%; text-align: center; margin: 10px 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: 48px; border-radius: 8px; text-transform: uppercase;}
.whatsappCol .whatsappBtn .fa{font-size: 28px;}
.signUpNew_icons{margin: 45px 0 0;}
.signUpNew_icons ul{display: flex; justify-content: center; align-items: center; gap: 0 10px; list-style: none; padding: 0; margin: 0;}
.signUpNew_icons li{font:500 10px/12px var(--font); color:  var(--white-color); display: flex; align-items: center; text-align: left;}
.signUpNew_icons img{width: 38px; margin: 0 5px 0 0;}
.mobscro{overflow: hidden;}
.mainRow{ transition: all 0.5s; left: 0; position: relative;}
.mobscro .mainRow{left: 290px; position: relative; transition: all 0.5s; }

/* .showSidemenu .sideBar{display: block;}
.hideSidemenu .sideBar{display: none;} */
.showSidemenu .sideBar{left: 0; transition: all 0.5s;}
.hideSidemenu .sideBar{left: -320px;transition: all 0.5s;}
.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;}
.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;}

.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%);
}
.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 8% !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{display: flex; justify-content: center; overflow: auto; padding-bottom: 3px; width: 80%!important; margin: 0 auto!important; right: 0;}
.bannerRow .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 6px;}
.bannerRow .swiper-pagination-bullet{width: 20px; height: 4.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: 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);}
.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(--secondary); border-radius:5px; font-size: 20px; color: var(--white-color); position: inherit; left: inherit; right: inherit; top: inherit;}
.carouselAera .swiper-button-next:after, .carouselAera .swiper-button-prev:after{display: none;}

.game-carousel{position: relative;}
.game-carousel swiper{margin: 15px 0 0;}
.game-carousel .gameBox img{ min-height: 135px; border-radius: 10px; width: 100%; 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;}
.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:14px;}
.dummyBox ul li{width: 30.5%; 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%; }
.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; justify-content: center; gap: 0 15px;}
.dummyGameNav .dummyText{ margin: 4px 0; height: 15px; width: 65px;}
.dummyMsg{min-height: 42px; width: 100%;}
.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;}
.marketList .iconLive svg{width: 20.5px; fill: #53e954;}
.marketList .sportIcon svg{width: 15px; fill: #fff;}

.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: none; 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;} */
.inPlayTab{background: #fff; 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 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: block;}
.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:rgba(0,0,0,0.8);}
.inPlayTab li .active{ border-bottom: 3px solid rgba(0,0,0,0.8);}

.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 .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 ul{ display:flex; gap:10px}
.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; */
}
.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;}
.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 10px; width: 50%;}
.betSlipModal .stakeCol .form-control{width: 100%;}
.betSlipModal .betPriceVal {padding: 0 10px;}
.betSlipModal .betPriceVal ul{display:flex; justify-content:space-between; 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 15px; border-bottom:1px solid rgba(0, 0, 0, 0.2);}
.profileRow .accountDetail li{min-height: 42px; border-top: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 .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; top:42px; width: 100%; height: 100%; background: var(--bodyCR);}
app-mobile-virtual-sport-launcher .header_height{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; height: 0;}
.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 60%;}
.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;}

app-social-icon .whatsapp-CTA {position: fixed; right: 0; z-index: 101; display: flex; justify-content: space-between;  align-items: center;  bottom: 12rem;}
app-social-icon .wt-text {display: flex; 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; font: 600 2.5rem / 2.375rem var(--font); height: 2.375rem; background: #009834; border-radius: 1.875rem; color: #fff;}
.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 ======= */
.hideapk{
  display: none;
}

.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;
}
.Paradiseexch_20230918 .logoCol img {
  height: 145% !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;} */
.Myfairplay_20230927 .logoCol img {
  height: 164% !important;
}

.luckyFooter .modal-socialLInk a {font: 600 1.25rem / 1.375rem var(--font);  text-decoration: none; margin: .5rem .4rem .75rem; width: 2.188rem; height: 2.188rem;  border-radius: 50%;  display: flex; justify-content: center;  align-items: center;}
.luckyFooter .modal-socialLInk .facebookBar a {background: #354d93; color: #fff;}
.luckyFooter .modal-socialLInk .telegramBar a {color: #00a4e0; font-size: 35px;}
.luckyFooter .modal-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%);}

.Bullet247_20230933 .logoCol img {
  height: 153% !important;
}
.Iccwins_20230940 .logoCol img {
  height: 127% !important;
  object-fit: contain;
}
.Playeasy_20230937 .logoCol img {
  height: 158% !important;
  object-fit: contain;
}