/* @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("b2-style.css");
@import url("loyalty.css");
@import url("animation.css");
:root{
  --primary:#1f2034;
  --secondary:#2a4b9a;
  --loginBtn:#2a4b9a;
  --loginBorder:#2a4b9a;
  --lightactive:#717daf;
  --headerBG:#1d2646;
  --sidescroll:#2a4b9a;
  --sideNavCR:rgba(255,255,255,0.7);
  --sideLinkBG:rgba(255,255,255,0.1);
  --secondaryRgba:rgba(31,31,48,0.9);
  --bodyCR:linear-gradient(180deg, rgba(29,35,67,1) 0%, rgba(32,56,116,1) 15%, rgba(32,56,116,1) 20%, rgba(14,17,32,1) 100%);
  --pinnedBtn:linear-gradient(104deg, var(--primary) 74%, var(--secondary) 74%);
  --loginBG:#2a4b9a;
  --activeTab:#1f2034;
  --activeBG:#2a4b9a;
  --arrowBG:#2a4b9a;
  --announmentBg:#131e3b;
  --profilesideBg:#131e3b;
  --profileNavAct:#2a4b9a;
  --footerBg:#1a1a1a;
  --white-color: #fff;
  --step-color:#fff;
  --black-color:#000;
  --darkBg:rgba(0,0,0,0.8);
  --balBtnBG:rgba(0,0,0,0.4);
  --profileNameBG:rgba(0,0,0,0.4);
  --listBox:#2a2c38;
  --titleText:#2C2C2C;
  --borderCR:#2a4b9a;
  --faqActive:#2a4b9a;
  --backRowBG:#2a4b9a;
  --depositBG:#2a4b9a;
  --tablehead-And-FilterTab:#2a4b9a;
  --font: "Poppins", sans-serif;
  --redCR:#f20000;
}
.fa{font-family: FontAwesome!important; font-weight: normal!important; }
::-webkit-scrollbar {width: 0.375rem; height: 0.375rem;}
::-webkit-scrollbar-track {border-radius: 0.625rem; background: var(--secondary);}
::-webkit-scrollbar-thumb {background: var(--white-color); border-radius: 0.625rem;}
.container-fluid{padding:0 2.5rem 0 0;}
.fade.show, .fade.in{opacity: 1;}
.modal.in .modal-dialog {-webkit-transform: translate(0, 0); transform: translate(0, 0)}
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 1rem/1.625rem var(--font);}
a{cursor: pointer;}
.cursor-pointer{cursor: pointer;}
.positive-value, .positive, .tgreen, .ngreen, .text-green{color:green!important;}
.negativeValue, .negative, .pth-value, .tred, .nred, .validation-message, .text-red{color:var(--redCR)!important;}
.text-blue, .selectionText, .selection-back{color: blue;}
.text-black{color: black;}
.resultclass{color: #3BB9FF; cursor: pointer;}
.btn-secondary, .badge-secondary{background: var(--secondary);}
.table-primary{background: var(--secondary);}
 thead.table-primary th{color:var(--white-color);}
.modal-backdrop.show{opacity: 0.7;}
button:focus{outline: none!important;}
.btn-primary{background: var(--primary); border-color: var(--primary);}
.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;}
.toggelPass, .eyeIcon{position: absolute; top:13px; right: 10px; color: var(--white-color);}
.rightTik{top:0.5rem}
.errorMa, .validation-message{
  /* position: absolute; bottom: -1.4rem;  min-height: 1.25rem;*/
  font-size: 0.625rem!important; line-height: 0.875rem; float: left; margin: 0.313rem 0 0.5rem; color: var(--redCR);}
.tosclose{margin:0 5px!important;}
.msga{font-size: 14px; line-height: 18px;}
.iocine{padding: 24px 26px!important;}
.modal .close{font-size:1.5rem; color: #fff; opacity: inherit; padding: 0.5rem 1rem; margin-top: -0.625rem; box-shadow: none!important; border: none!important;}
.closeBTN{right: -25px!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: 0.5rem 0.5rem 0 0;}
.modal .modal-header .modal-title{font: 600 1rem/1.25rem var(--font); color: #fff; width: 100%;}
.modal .modal-content{border-radius: 0.625rem;}
.fade.changePasswordModal.in{opacity: 1;}
.modal-backdrop.in{opacity: 0.7;}
.fadein{animation: fadeinout 0.5s alternate;}
.fadeout{animation: fade-out 0.5s alternate;}
@keyframes fadeinout {0% { opacity: 0; transform: translateY(0.625rem);} 100% { opacity: 1; transform: translateY(0);}}
@keyframes fade-out{0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0);}}
.bg-none{background: none!important;}
.bodyBG{background: var(--bodyCR);}
.mainRow{display: flex; gap: 0 2.188rem;}
.leftMain{
  /* width: 15.625rem; */
  width: 13.1%;
   height: 100dvh; position: fixed; left: 0; top: 0; padding: 0 0.375rem 0 1.75rem; background: var(--primary);}
.rightMain{
  /* flex: auto; margin-left: 17.813rem;  */
  width: 85%; margin-left: 15%;
  padding: 0 0 1.5rem;}
.headerRow{background: var(--primary); padding: 0.5rem 0.75rem; min-height: 2.625rem; position:fixed; width: 100%; top: 0; z-index: 999;}
.logoCol{height: 2.375rem; width: 90%; margin: 3.125rem 0 2.460rem; display: flex; align-items: center; justify-content: center;}
.logoCol img{height: 100%!important; object-fit: contain;}
.sideMenu{clear: both; height:calc(100dvh - 9.375rem); overflow-x: hidden; overflow-y: auto; padding-right: 1.5rem;}
.sideMenu::-webkit-scrollbar {width: 0.375rem; }
.sideMenu::-webkit-scrollbar-track {border-radius: 0.625rem; background: var(--sidescroll);}
.sideMenu::-webkit-scrollbar-thumb {background: var(--white-color); border-radius: 0.625rem;}
.sideMenu ul{margin: 0 0 1rem; padding:0; border-bottom: 1px solid var(--white-color);}
.sideMenu .sideNav{display: block; margin: 0 0 0.5rem;}
.sideMenu .sideLink{color: var(--sideNavCR); font:600 1rem/1.375rem var(--font); text-decoration: none; display: flex; justify-content: space-between; align-items: center; padding:0.625rem; min-height: 2.625rem; border-radius: 0.313rem; gap: 0 0.5rem;}
.sideMenu .svgIcon{/*width: 2.188rem;*/ width: 1.5rem; height: 1.375rem; display: flex; justify-self: center; align-items: center; fill:  var(--sideNavCR);}
.sideMenu .sideLink:hover, .sideMenu .active{background: var(--activeBG); color:var(--white-color);}
.sideMenu .sideLink:hover .svgIcon, .sideMenu .active .svgIcon{fill: #fff;} 

/* css for tamil */
.sideMenu .sideLink .text-limit { width: 8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; }


/* .sideMenu .game-option{overflow-y: auto; height: 100%;} */
.sideMenu .game-option ul{width: 100%; margin: 0.5rem 0; border-bottom: none;}
.sideMenu .game-option ul.menu li{width: 100%; margin: 0 0 0.375rem; border-bottom: none;}
.sideMenu .game-option ul.menu li a{ 
  /* min-height: 2.625rem;  align-items: center;*/
  display: flex;  text-decoration: none!important; transition: all 0.3s; padding: 0.625rem 2.5rem 0.625rem 0.625rem; color: rgba(255,255,255,0.7); font: 600 0.95rem/1.375rem var(--font)!important; position: relative; border-radius: 0.313rem; gap: 0 0.38rem;}
.sideMenu .game-option ul.menu li a.base-c{color: var(--white-color); background: var(--activeBG);}
.sideMenu .game-option ul.menu li a.base-c sup{font:400 0.625rem/0.625rem var(--font); position: absolute; right: 2rem; top: 0.5rem; color: var(--sideNavCR);}
.sideMenu .game-option ul.menu li a.base-c.collapsed{background: rgba(255,255,255,0.03); color: var(--sideNavCR);}
.sideMenu .game-option ul.menu li a.base-c.collapsed:after{transform: rotate(-180deg);}
.sideMenu .game-option ul.menu li a.base-c:after{content: '\f0d8'; font: 1.75rem/1.75rem FontAwesome; position: absolute; right: 0.75rem; top: 0.875rem; width: 0.938rem; height: 0.938rem; display: flex; justify-content: center; align-items: center; transition: all 0.3s;}
.sideMenu .game-option ul.menu li a .text-limit { width: 7rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; }
.sideMenu .game-option ul.menu.preMene li a{min-height: 2.625rem;} 
.sideMenu .game-option ul.subclildmenu{border-bottom: none;}
.sideMenu .game-option ul.subclildmenu li ul.menu{margin: 0 0 0 1.5rem;}
.sideMenu .game-option ul.subclildmenu li ul.menu li:last-child{border-bottom: none;}
.sideMenu .game-option ul.subclildmenu li ul.menu li a{background: none; color:var(--white-color);padding: 0 0 0 1rem; font:600 0.825rem/1.25rem var(--font)!important;}
.sideMenu .game-option ul.subclildmenu li ul.menu li a.base-c::after{display: none;}
.sideMenu .game-option ul.subclildmenu li ul.menu li a.base-c{background: none; color: var(--white-color);}
.sideMenu .game-option ul.subclildmenu li ul.menu li a.base-c.collapsed{background: none; color:var(--white-color);}
.sideMenu .game-option ul.subclildmenu li ul.menu li a.base-c.collapsed:before{transform: rotate(-90deg);}
.sideMenu .game-option ul.subclildmenu li ul.menu li a.base-c::before{content: '\f0d7'; font: 1.25rem/1.25rem FontAwesome; position: absolute; left: 0; transition: all 0.3s;
  /* top: 0.75rem;  */
}
.sideMenu .game-option ul.subclildmenu li ul.menu li .evtName{width: 85%;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav{margin: 0;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li ul{margin: 0 0 0 0.3rem; border-left: 1px solid #fff; padding: 0; position: relative;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li ul::before{content: ''; width: 1px; height: 1rem; background: #fff; display: block; left: -1px; position: absolute;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li ul::after{content: ''; width: 1px; height: 1.7rem; background: var(--primary); display: block; bottom: 0; left: -1px; position: absolute;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li {margin: 0;}

.sideMenu .game-option ul.subclildmenu li ul.thirdNav li a.thirdmenu{padding: 0.5rem 0 0 0.75rem!important; font:400 0.75rem/0.875rem var(--font)!important; text-transform: capitalize; position: relative; align-items: flex-start; opacity: 0.5;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li a.thirdmenu::before{content: ''; width: 0.5rem; height: 1px; display: block; background: #fff; position: absolute; left: 0; top: 1.25rem; transform: inherit!important; }
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li a.thirdmenu::after{content: '\f111'; font: 0.625rem/0.625rem FontAwesome; color: #fff; height: 0.625rem; position: absolute; left: 0.5rem; top: 1rem; display: block; opacity: 0.5;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li a.thirdmenu:hover{opacity: inherit;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li a.thirdmenu:hover ::after{opacity: inherit;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li a.active{opacity: inherit; background: rgba(255,255,255,0.05)!important;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li a.active::after{opacity: inherit;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li ul.allActive a.thirdmenu{opacity: inherit;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li ul.allActive a.thirdmenu::after{opacity: inherit;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li ul li a.thirdmenu .evtName{border-bottom: 1px solid var(--activeBG); display: flex; align-items: center; min-height: 2.5rem; width: 78%; padding:0 0 0.5rem 0; margin-left: 1rem;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li ul li a.thirdmenu .evtName span{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: pre-wrap;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li ul li:last-child .evtName{border-bottom: none!important;}
.sideMenu .game-option ul.subclildmenu li ul.thirdNav li a.thirdmenu .icon-sub-category .fa{font-size: 0.5rem!important;}
.sideMenu .game-option ul.menu li a.base-c.thirdmenu{background: none!important; color:var(--white-color)!important;}
.accordion-border span:last-child{ display: flex; font-size: inherit!important;}
.sideMenu .evtName{width: 100%;}
.sideMenu .icon-sub-category{margin: 0; display: flex; align-items: center;}
.sideMenu .icon-sub-category .fa{font-size: 0.625rem;}
.sideMenu .icon-sub-category svg{width: 1.125rem;}
.sideMenu .icon-sub-category svg .cls-1{fill: #000;}
.sideMenu .cricket-icon{fill: #fff;}
.sideMenu .soccer-icon{fill: #fff;}
.sideMenu .soccer-icon .cls-1{fill: #000!important;}
.sideMenu .soccer-icon .cls-2{fill: #fff!important;}
.sideMenu .tennis-icon{fill: #fff;}
.sideMenu .kabaddi-icon, .sideMenu .snooker-icon, .sideMenu .american-icon path, .sideMenu .baseball-icon, .sideMenu .basketball-icon, .sideMenu .handball-icon path, .sideMenu .volleyball-icon, .sideMenu .table-icon, .sideMenu .hockey-icon, .sideMenu .futsal-icon path {fill: #fff; height: 25px;}
.sideMenu .tabactive, .sideMenu .subtabactive{background: var(--primary); color: var(--white-color)!important;}
.sideMenu .tabactive .cricket-icon{fill: #fff;}
.sideMenu .tabactive .soccer-icon{fill: #fff;}
.sideMenu .tabactive .tennis-icon{fill: #fff;}
.sideMenu .subtabactive{background: var(--lightactive);}
.sideMenu .thirdmenu::after{display: none;}
.sideMenu .tabactive:after, .sideBar .subtabactive:after{transform: rotate(-180deg);}
.sideMenu .helpRow{border-top: 1px solid #fff; padding: 0.625rem 0 0; margin-top: 0.5rem;}
.sideMenu .helpRow ul.menu li{margin-bottom: 0.625rem;}
.sideMenu .helpRow ul.menu li a{ background:var(--sideLinkBG); padding:0.625rem; min-height: 3.125rem;}
.sideMenu .helpRow ul.menu li a span{color: #fff;}
.sideMenu .helpRow .helpIcon{height: 1.75rem;}
.sideMenu .helpRow .helpIcon svg{width: 1.75rem; height: 1.75rem; fill: #fff;}
.sideMenu .socailLinks{display: flex; align-items: center; gap: 0 0.625rem; margin: 0.5rem 0 0;}
.sideMenu .socailLinks .socalbtn{width: 1.875rem; height: 1.875rem; display: flex; justify-content: center; align-items: center; border-radius: 0.313rem; background: rgba(255,255,255,0.1); color: #fff; text-decoration: none;}
.sideMenu .socailLinks .socalbtn .fa{color: rgba(0,0,0,0.5);font-size: 1rem; font-family: FontAwesome;}
.sideMenu .modal-socialLInk{gap: 0 0.625rem!important; margin: 0!important;}
.sideMenu .modal-socialLInk div{margin: 0!important;}
.sideMenu .modal-socialLInk div a.float{width: 1.875rem!important; height: 1.875rem!important; display: flex; justify-content: center; align-items: center; border-radius: 0.5rem!important; background: rgba(255,255,255,0.1)!important; color: #fff!important; text-decoration: none; transition: all 0.5s;}
.sideMenu .modal-socialLInk div a.float:hover{background: rgba(255,255,255,0.9)!important; color: #000!important;}
.sideMenu .modal-socialLInk div a.float:hover i.my-float{color: rgba(0,0,0,0.9)!important;}
.sideMenu .modal-socialLInk div a.float i.my-float{color: rgba(0,0,0,0.5)!important;font-size: 1.25rem!important; font-family: FontAwesome;}
.sideMenu .modal-socialLInk div a.float.telegramicon{margin: 0!important;}
.sideMenu .modal-socialLInk div a.float.telegramicon i.fab.fa-telegram.my-float {color: rgba(0,0,0,0.5)!important; font-size: 1.25rem!important;}
.sideMenu .modal-socialLInk div a.float.telegramicon:hover i.fab.fa-telegram.my-float {color: rgba(0,0,0,0.9)!important;}
.topHeader{position: sticky; top: 0; padding: 3.125rem 2.5rem 1.5rem 1rem; margin-left: -2.22%; z-index: 99; width: 102.22%; box-shadow: inset 0 2.5rem 2.5rem -1.875rem #000; background: transparent; transition: 0s all;}
/* For Notification opne Modal issue */
/* .d11openpopupShow.modal-open .topHeader{z-index: 1111;} */
.d11openpopupShow.modal-open .modal-backdrop{z-index: 98;}
.d11openpopupShow.modal-open .headerstick {background: #000;}
.d11openpopupShow.modal-open .topHeader .headgameNav{opacity: 0.2;}
/* .d11openpopupShow.modal-open .topHeader .headInfo{position: relative;} */
/* .d11openpopupShow.modal-open .topHeader .headInfo::before{background: rgba(0, 0, 0, 0.8); height: 50px; width: 100%; left: 0; top: 0; position: absolute; content: '';} */
.d11openpopupShow.modal-open .notificationCol{opacity: 0.2;}
.d11openpopupShow.modal-open .expBalBtn, .d11openpopupShow.modal-open .avlBalBtn, .d11openpopupShow.modal-open .proName, .d11openpopupShow.modal-open .apkBtn, .d11openpopupShow.modal-open .loginCol{opacity: 0.2;}
/*  */

.d11openpopupShow .topHeader{position: static;}
.headerstick{border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 2px solid rgba(0, 0, 0, 0.5); box-shadow: 0.75rem 0.313rem 1.25rem 0 rgba(0, 0, 0, 0.5); background: var(--headerBG);}
app-d11-dynamic-header {flex: 0 0 50%; max-width: 50%; padding-right: 15px; padding-left: 15px;}
.headgameNav{margin: 0; display: flex; align-items: center; min-height: 3.5rem;}
.headgameNav ul{display: flex; align-items: center; flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
.headgameNav ul li{padding: 0 1rem; border-left:1px solid rgba(255,255,255,0.9);}
.headgameNav ul li:first-child{border-left: none;}
.headgameNav ul li a{display: flex; align-items: center; gap: 0 0.5rem;}
.headgameNav .gmIcon{width: 1.5rem; height: 2.5rem; display: flex; justify-content: center; align-items: center;}
.headgameNav .gmIcon svg{fill: var(--white-color);}
.headgameNav .gmText{font:600 1rem/1.5rem var(--font); color: var(--white-color);}
.headInfo{display: flex; justify-content: flex-end; align-items: center; position: relative;}
.apkBtn{display: inline-block; margin:0 1rem 0 0; padding-right: 1rem; border-right: 1px solid rgba(255, 255, 255, 0.6);}
.apkBtn a{background:rgba(255,255,255,0.15); padding:0 1rem; min-width:3rem; min-height:3.125rem; font:600 1.25rem/1.5rem var(--font); text-transform: uppercase; text-decoration:none; color:  var(--white-color); display: flex; align-items: center; justify-content: center; gap: 0.313rem; border-radius: 0.625rem;}
.expBalBtn, .avlBalBtn{background:var(--balBtnBG); padding:0 1rem; min-width:8rem; min-height:3.125rem; font:600 1.125rem/1.5rem var(--font); text-transform: uppercase; color:  var(--white-color); display:inline-flex; align-items: center; justify-content: center; gap: 0.313rem; border-radius: 0.625rem; margin-right: 1rem;}
.expBalBtn{background: none; }
.expBalBtn span{cursor: pointer; text-decoration: underline;}
.apkBtn svg, .avlBalBtn svg{fill:  var(--white-color); width: 1.375rem; height: 1.375rem; overflow: inherit;}
.searchIcon{position: relative; min-height: 56px; width: 2.5rem;  display: flex; align-items: center;}
.searchIcon .searchSvg{  position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.searchIcon svg{width: 1.5rem; height: 1.5rem; fill: var(--white-color);}
.searchCell{display: flex; align-items: center; justify-content: flex-start; position: absolute; right: -0.313rem; top: 0; width: 26rem; }
.searchCell ng2-completer{width: 80%;}
.searchCell .completer-holder input{height: 3.5rem; width: 100%; font-size: 0.875rem; padding-left: 1rem; border-radius:0.5rem 0 0 0.5rem; border: 1px solid var(--secondary)!important; box-shadow: none!important; outline: none!important;}
.searchCell .btn-primary{border-radius: 0 0.5rem 0.5rem 0; height: 3.5rem; background: var(--secondary); border-color: var(--secondary); padding: 0.125rem .75rem; font-size: 0.875rem;}
.searchCell .completer-dropdown{margin-top: 5px!important; width: 25rem!important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); max-height: calc(100dvh - 200px) !important; overflow: auto;}
.searchCell .completer-row{width: 100%!important;}
.searchCell .completer-selected-row{background: var(--secondary)!important; border-radius: 0.313rem;}
.searchCell .completer-row-wrapper{border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important;  font: 0.75rem/1rem var(--font);}
.searchCell .completer-row-wrapper:last-child{border-bottom: none!important;}
.searchCell .completer-no-results{text-align: center;}
.recent-searches {width: 95%; background: #fff; padding: 0.313rem; margin-top: 0.313rem; border-radius: 0.313rem;}
.recent-searches h6{padding: 0.313rem; border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
.recent-searches li{padding: 0.313rem 0.313rem 0.313rem 1.25rem; position: relative; border-radius: 0.313rem; font: 0.75rem/1rem var(--font); display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.recent-searches li .fa-history{position: absolute; left: 0.313rem;}
.recent-searches li:last-child{border-bottom: none;}
.loginCol{display: inline-flex; gap:0 1rem;}
.loginCol .btn{font:600 1.25rem/1.5rem var(--font); padding:0 1rem; border-radius: 0.625rem; text-transform: uppercase; min-width: 8rem; min-height:3.125rem;}
.loginCol .btn-dark{background: var(--loginBtn); border-color: var(--loginBtn);}
.langHeader{margin-right: 1rem;}
.langHeader .form-control{font:600 1.25rem/2rem var(--font); padding:0 1rem; border-radius: 0.625rem; text-transform: uppercase; min-width: 8rem; min-height:3.125rem; background: none; color: var(--white-color); border-color: var(--white-color)!important; }
.langHeader .form-control.select-arrow{appearance: none; background: url(../assets/images/img/select-arrow.svg) no-repeat; background-position: 100% 0.9rem;}
.langHeader option{color: var(--black-color);}
.proName{margin: 0 0 0 1rem; background:var(--profileNameBG); padding:0 1rem; min-width:8rem; min-height:3.125rem;   display: flex; align-items: center; justify-content: center; gap:0 1rem; border-radius: 0.625rem; cursor: pointer;}
.proName .uName{font:600 1.125rem/1.5rem var(--font); text-transform: uppercase; color:  var(--white-color); flex: auto;}
.proName .usericon{width: 2rem; height: 2rem; fill: var(--white-color); overflow: inherit;}

.telugu .searchCell .btn-primary, .marathi .searchCell .btn-primary, .gujarati .searchCell .btn-primary{min-width:4rem;}
.gujarati .langHeader .form-control, .kannada .langHeader .form-control, .marathi .langHeader .form-control{min-width: 9.25rem;}

.notifiIcon .bellIcon{padding: 0 0.5rem!important; position: relative; display: inline-flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%;}
.notifiIcon .bellIcon .fa{font-size: 1.375rem!important;}
.notifiIcon .fa-bell{ color: var(--white-color);}
.notifiIcon .notificationCol.show .bellIcon{background: var(--white-color);}
.notifiIcon .notificationCol.show .bellIcon .fa-bell{color: var(--secondary)!important;}
.notifiIcon sup.badge{border-radius: 50%; width: 15px; height: 15px; line-height: 15px; font-size: 0.5rem; position: absolute; padding: 0; top: -5px; right: -0.625rem;}
.notifiIcon .dropdown-menu{width: 23rem!important; left: -4.4rem!important; padding: 0.5rem!important; background: #000002; padding: 0; border-radius: 0.313rem; top: 0.313rem!important; margin: 0.5rem 0 0!important;}
.notificationCol h3{display: none;}
/* .notifiIcon .dropdown-menu::before{content: '\f0d8'; font-size: 1.125rem; font-family: FontAwesome; color: #fff; top:-12px; right: 12px; position: absolute;} */
.notifiIcon .dropdown-menu h2{background:var(--darkBg); font-size: 0.875rem; padding: 0.313rem 0.675rem; color: #fff; border-radius: 0.313rem; margin: 0.313rem;}
.notifiIcon .dropdown-menu ul{height: 280px; overflow-x: auto; padding: 0 0.5rem 0 0; margin: 0 0 0.5rem;}
.notifiIcon div.notificationCol div.dropdown-menu.show ul li{display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0!important; color: var(--white-color); border-bottom: 1px solid var(--secondary); font:400 0.75rem/0.75rem var(--font); cursor: pointer;}
.notifiIcon div.notificationCol div.dropdown-menu.show ul li:last-child{border-bottom: none;}
.notifiIcon div.notificationCol div.dropdown-menu.show ul li strong{font-weight: 400!important;}
.notificationCol .eName strong{line-height: 0.75rem!important;}
.notificationCol .viewAll{background: var(--primary)!important; color: var(--white-color)!important; border-radius: 0.5rem; cursor: pointer; font-size: 0.875rem; border: none; width: 100%; padding: 0.5rem 0;}
.notificationCol .dText{font: 400 0.75rem/0.75rem var(--font)!important; width: 30%;}
.notificationCol.open .bellIcon::after, .notificationCol.show .bellIcon::after{display: none;}
div.notificationCol .bellIcon sup{width: 1.125rem!important; height: 1.125rem!important; display: flex; justify-content: center; align-items: center; right: 0!important; top:0.2rem!important; font-size: 10px;}

.notifiIcon .messText{width: 65%;}
.notifiIcon .agoText{text-align: right;}
.notifiIcon .footNoti{background: var(--primary); display: block; text-align: center; color: #fff!important; font-size: 0.75rem; padding: 0.313rem 0; border-radius: 0 0 0.313rem 0.313rem;}
.notifiIcon .withAppTX{display: flex; justify-content: space-between;}
.notifiIcon .withAppTX .appRow{width: 65%; display: flex; gap: 0 0.5rem;}
.notifiIcon .nodata{text-align: center;}
.notifiIcon .nodata img{width: 30%; margin:28% auto 0;}
.profileRow{display: none; padding: 1rem; background:var(--black-color); position: absolute; top: 4rem; right: 1rem; z-index: 99; width: 28.5rem; border-radius: 0.625rem;}
.profileRow::before{content: '\f00d'; font-family: FontAwesome; font-size: 1.5rem; top: -9.5%; right: -8%; display: flex; justify-content: center; align-items: center; position: absolute; width: 30px; height: 30px; color: #fff; cursor: pointer;}
.profileRow .recallBtn{font:400 0.75rem/0.625rem var(--font); padding:0.375rem; background:var(--secondary); border-radius: 0.313rem; color: var(--white-color);}
.profileRow .userName{ min-height: 3.125rem; border-radius: 0.5rem; padding: 0.313rem 0.625rem; margin: 0 0 1rem; background: var(--secondary); display: flex; justify-content: space-between; align-items: center;}
.profileRow .userName .uName{font:600 1rem/1.125rem var(--font); color: var(--white-color); text-transform: uppercase;}
.profileRow .userName .usericon{width: 2.188rem; height: 2.188rem; fill: var(--white-color);}
.profileRow .userName .badge{line-height: 1.125rem;}
.profileRow .accountDetail{ display: flex; flex-direction: column; margin: 0; border-bottom:1px solid rgba(0, 0, 0, 0.2);}
.profileRow .accountDetail li{min-height: 3rem; border-top:1px solid var(--secondary); color: var(--white-color); font:500 1rem/1rem var(--font); padding: 0.5rem 0; display: flex; justify-content: space-between; align-items: center;}
.profileRow .accountDetail .numText{font:600 1rem/1rem var(--font);}
.profileRow .accountTabs{display: flex; flex-wrap: wrap; gap: 0.5rem;}
.profileRow .accountTabs li{min-height: 4rem; flex:0 0 32%; background: var(--secondaryRgba); color: var(--white-color); cursor: pointer;  border-radius: 0.5rem; padding:0.75rem 1rem; display: flex; align-items: center; justify-content: center; text-align: center; font:500 1rem/1.25rem var(--font);}
.profileRow .accountTabs li.logoutBtn{ background: var(--redCR); color: var(--white-color);}
.profileRow .bonCell{display: flex; align-items: center; gap: 0 0.625rem;}
.profileRow .bonCell .fa-info{width: 1rem; height: 1rem; font-size: 0.625rem; line-height: 0.875rem; border-radius: 50%; text-align: center; border: 1px solid var(--white-color);}
.profileRow .accBtn{display: flex; justify-content: space-between; align-items: center; gap: 0 1rem; margin: 0 0 1rem;}
.profileRow .accBtn .btn{width: 50%; border-radius: 0.5rem; font: 500 1rem/1rem var(--font); padding: 0.75rem 0.5rem;}
.profileRow .accBtn .btnDeposit{background: #39b54a; color: #fff;}
.profileRow .accBtn .btnWithdrow{background: #d20000; color: #fff;}
.bannerRow{margin:0.5rem 0 2rem 0; display: flex; align-items: center;}
.bannerRow .carousel-inner{border-radius: 2rem; overflow: hidden; margin-right: 2.5rem; min-height: 16rem;}
.bannerRow .carousel-item img{border-radius: 2rem;}
.bannerRow .carousel-indicators{right: 0; top: inherit; bottom: inherit; left: inherit; margin: auto; width: 2rem; gap: 0.5rem; display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; height: 138px; flex-direction: column; z-index: 1; overflow-y: auto;}
.bannerRow .carousel-indicators::-webkit-scrollbar{width: 1px; height:1px;}
.bannerRow .carousel-indicators li{width: 1rem!important; height: 1rem; flex: 0 0 1rem; border-radius: 50%; margin: 0;}
.bannerRow .carousel-indicators li::before, .bannerRow .carousel-indicators li::after{display: none;}

.secTitle{font:600 1.25rem/1.5rem var(--font); text-transform: uppercase; color: var(--white-color); margin: 0 0 1rem; display: flex; align-items: center;}
.secTitle svg{width: 1.625rem; height: 1.625rem; margin: 0 0 0 1rem;}
.carouselAera .arrowCol{display: flex; justify-content: flex-end; align-items: center; gap: 0 0.5rem;}
/* .carouselAera .arrowCol .active{background: var(--activeTab);} */
.carouselAera .swiper-button-prev, .carouselAera .swiper-button-next{width: 2.8rem; height: 2.8rem; display: flex; justify-content: center; align-items: center; margin:0!important; background: var(--arrowBG); border-radius:0.5rem; font-size: 1.8rem; color: var(--white-color); position: inherit; left: inherit; right: inherit; top: inherit;}
.carouselAera .disabled{opacity: 0.4;}
.carouselAera .swiper-button-next:after, .carouselAera .swiper-button-prev:after{display: none;}
swiper>.swiper.s-wrapper .swiper-wrapper .swiper-slide{overflow: hidden!important;}
.swiper{padding: 0 3rem 0 0!important;}
.game-carousel{position: relative;}
.tGmaeRow{margin: 0 0 1.5rem;}
.game-carousel swiper{margin: 1rem 0 0;}
.game-carousel .gameBox img{min-height: 260px; width: 100%; border-radius: 1rem;   object-fit: contain; 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 1rem/1.25rem var(--font); color: var(--white-color); margin: 0.5rem 0 0; width: 100%; text-align: center; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.game-carousel .providerName{font:400 0.75rem/0.875rem 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; border-radius: 0!important; min-height: inherit!important; max-width: 100%; object-fit: contain; filter: grayscale(1) brightness(9); margin: 0 auto; display: block;}
.game-carousel .gameBox.moreImg img{filter: blur(2px);}
.game-carousel .gameBox .viewMore{background: rgba(0, 0, 0, 0.6); cursor: pointer; 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:700 1.25rem/1.5rem var(--font); border-radius: 1rem; padding: 1rem;}

.casinoList{display: flex; flex-wrap: wrap; gap:1.375rem;}
.casinoList .gameBox{width: 13%;}
.casinoList .gameBox .imgWarp{position: relative;}
.casinoList .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;}
.casinoList .imageoverlap span{font: 600 1rem/1rem var(--font); color: #fff; display: block; margin: 0 0 0.5rem; text-align: center;}
.back{background: #8ec5fe; position: relative;}
.lay{background: #ffa0d0; position: relative;}
.gray{background: #d8d8d8;}
.suspended{position: absolute; width: 100%; margin: 0!important; font: 500 1rem/1rem var(--font)!important;  background: rgba(0, 0, 0, 0.4); color: var(--white-color); border-radius: 0.5rem; display: flex; justify-content: space-between; align-items: center; }
.suspendedFull{width: 33%!important;}
.suspendedBack{width: 50%!important; left: 0;}
.suspendedLay{width: 50%!important; right: 0;}
.marketoddRow{padding: 1rem 0 1rem 1rem; margin: 2rem 0 2rem -1rem; background:rgba(84,84,84,0.2);}
.marketList{padding:0.75rem 1rem; border-radius: 0.5rem; background:rgba(84,84,84,0.2); min-height: 12.813rem; margin: 1rem 0 0;}
.marketList .iconRow{display: flex; justify-content: space-between;}
.marketList .iconLive {display: flex; align-items: center; gap: 0 0.5rem; margin: 0 0 1rem;}
.bookmakerIcon img{width: 2rem!important; height: 2rem!important; object-fit: contain;}
.pIcon img{width: 1.3rem!important; height: 1.3rem!important; object-fit: contain;}
.iconLive svg{width: 2.25rem; fill: #47ac4c;}
.marketList .iconLive span{font: 600 0.75rem/1rem var(--font); color: rgba(255,255,255,0.5);}
.marketList .sportIcon{width: 1.5rem; height: 1.5rem; display: inline-flex;}
.marketList .winText{font: 600 0.75rem/1rem var(--font); color: rgba(255,255,255,0.5); margin: 0.75rem 0 0.5rem;}
.marketList .oddBox{display: flex; flex-direction: column;}
.marketList .marketNameBox{display: flex; flex-direction: column; justify-content: space-around; gap:1rem 0; min-height: 3.5rem;}
.marketList .marketNameBox .eName {font: 500 1rem/1.25rem var(--font); color: var(--white-color);}
.marketList .marketOdds{position: relative; display: flex; justify-content: space-between; gap: 0 1rem;}
.marketList .marketOdds .btn{box-shadow: none; border: 1px solid var(--white-color); background: rgba(255,255,255,0.4); border-radius: 0.5rem; display: flex; justify-content: space-between; align-items: center; min-width: 48%; height: 3.375rem; font: 500 1rem/1rem var(--font);}
.marketList .marketOdds .suspended{top:0; height: 3.375rem; font: 500 1rem/1rem var(--font); display: flex; justify-content: center; align-items: center; border-radius: 0.5rem; background: none;}
.marketList .marketOdds .suspended span{position: relative; z-index: 1;}
.marketList .marketOdds .suspended::before, .marketList .marketOdds .suspended::after{content: ''; background: rgba(0, 0, 0, 0.4); height: 100%; width: 48%; position: absolute; left: 0; top: 0; border-radius: 0.5rem;}
.marketList .marketOdds .suspended::after{ right: 0; left: inherit;}
.marketList .noText{color: var(--white-color);}
.marketList .Kabaddi img{filter: invert(1);}
.marketoddRow .notFound{min-height: 18.938rem; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.marketoddRow .notFound img{filter: invert(1);}
.marketoddRow .notFound h6{padding: 1rem;}
.marketoddRow .notFound .noRecords{color: var(--white-color); font:600 1rem/1rem var(--font); margin: 0; min-height: auto;}
.noevent {min-height: 25rem; width: 100%; display: flex; align-items: center; justify-content: center;}
.noevent p{color:#000; margin: 0;}
.noevent h2{color:#000; font:600 1.25rem/1.25rem var(--font); margin: 0; min-height: auto;}

.faqRow{margin: 4.5rem 0 2rem; justify-content: center; flex-wrap: wrap; position: relative;}
.faqHeading{display: inline-block; position: relative; font:600 1.75rem/2.25rem var(--font); padding: 0 0 0 5.5%; margin-bottom: 2.5rem; color: var(--white-color);width: 100%;}
.faqHeading::before, .faqHeading::after{content: ''; top:45%; position: absolute; width: 71%; height: 0.25rem; background: var(--borderCR); display: block;}
.faqHeading::before{left: -2.5%; width: 7.2%;}
.faqHeading::after{right: -2.5%;}
.faqlist{width: 100%;}
.faqlist .questionText{ color: var(--white-color)!important; font:600 1.125rem/1.625rem var(--font); position: relative; margin: 0 0 1.5rem 2.625rem; min-height:2.625rem; display: flex; align-items: center; }
.faqlist .fqNo{font:600 1.75rem/1.75rem var(--font); position: absolute; left: -3.2rem; background:#fff; color:var(--faqActive);  width: 2.625rem; height: 2.625rem; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center;}
/* .faqlist .questionText::before{content: '\f0d8'; font-family: fontAwesome; font-size: 1.125rem; position: absolute; left: -35px; background:#fff; color:var(--faqActive);  width: 27px; height: 27px; border-radius: 0.188rem; display: flex; justify-content: center; align-items: center;}
.faqlist .collapsed::before{content: '\f0d7'; background:var(--faqActive); color:#fff;} */
.faqlist .anstext{margin: 0 0 2rem 2.5rem;}
.faqlist .anstext p{font:400 1rem/1.375rem var(--font); color: var(--white-color);}
.aboutRow{background: rgba(84,84,84,0.2); padding:2rem 4rem; margin:0 0 3rem -2.5%;}
.aboutRow p{color: rgba(255,255,255,0.5); font:400 1.125rem/1.625rem var(--font); margin: 0;}
.footLogo .logoCol{margin: 0 0 0.5rem;}
.footLogo h4{font: 600 italic 1.2rem/1rem var(--font); color: var(--white-color); margin: 0;}
.infoNavRow{display: flex; flex-wrap: wrap;}
.infoNavRow .infoLink{width: 33%; font:600 1.125rem/1.25rem var(--font); color: var(--white-color); text-decoration: none; margin: 0 0 1.5rem;}
.copyrightSec{ border-top: 2px solid rgba(255, 255, 255, 0.6); margin:2rem 0 0 -2.5%; padding:2rem 3rem;}
.copyrightSec p{font:500 1rem/1.25rem var(--font); color: rgba(255,255,255,0.5); margin: 0;}

.loginModal{background: var(--loginBG); border-radius: 1rem; border: 1px solid var(--loginBorder); position: relative; margin: 2.813rem 0 0;}
.loginModal .close{position: absolute; opacity: inherit; display: flex; align-items: center; gap: 0 0.75rem; margin-top: -1.5rem; font:500 1rem/1.25rem var(--font); right: 0.5rem; top: -1.125rem; z-index: -1; text-transform: uppercase; background:#2c2c2c; color:  var(--white-color); padding: 0.5rem 1rem 1rem; border-radius: 0.625rem 0.625rem 0 0; }
.loginModal .close span{font: 1.5rem/1.5rem var(--font);}
.loginModal .backBtn{right: inherit; left: 0; font-size: 1.25rem; background: none; top: 0; margin: 0; z-index: 1; border: 1px solid #fff!important; padding: 0.3rem 0.8rem 0.5rem; border-radius: 0.5rem;}
.loginModal .modal-header{flex-direction: column; border: none; background: none;}
.loginModal .modal-body{padding: 0.5rem 2rem 0;}
.loginModal .bonusimg{border-radius: 0.5rem; overflow: hidden;}
.loginModal .loginLogo{height: 2rem; width: 100%; display: flex; align-items: center; justify-content: center; margin: 0 auto 4rem;}
.loginModal .loginLogo img{height: 100%!important;}
.loginModal .welText{width: 100%; text-align: center; font-size: 1.5rem; font-weight: 700; margin:0; color:  var(--white-color);}
.loginModal .form-group{margin-bottom: 1rem;}
.loginModal .form-control{background: none; border: 1px solid  var(--white-color); border-radius: 0.5rem; font-size: 0.875rem; color:  var(--white-color); height: 42px; 
  padding: 0 2.25rem 0 0.75rem}
.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 .countryCode{padding: 0 0.75rem!important; background: none!important; box-shadow: none!important;}
.loginModal .col-form-label{color:  var(--white-color); font-size: 1rem;}
.loginModal .form-control::placeholder{opacity: inherit; color:  var(--white-color);}
.loginModal select{background: none!important; height: 42px!important;}
.loginModal .forgettext{float: right; font-size: 0.75rem; color:  var(--white-color)!important; cursor: pointer; margin: 0.313rem 0 0; text-decoration: underline!important;}
.loginModal .loginbtn{margin: 6.375rem 0 1rem;}
.loginModal .demeLogin{margin: 0 0 1rem;}
.loginModal .loginbtn .btn{ width: 100%; font-weight: 700; font-size: 1rem; min-height: 42px; border-radius: 0.5rem; text-transform: uppercase;}
.loginModal .loginbtn .btn-light, .loginModal .loginbtn .btn-warning{box-shadow: 0 0.125rem 0.313rem rgba(0,0,0,0.5);}
.loginModal .withCancel{ display: flex; justify-content: center; align-items: center; gap: 0 1rem; padding: 0 1rem;}
.loginModal .stakeRow{display: flex; flex-wrap: wrap; justify-content: center; gap: 0.625rem; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0 0 1rem;}
.loginModal .inputbox{width: 4.063rem; height: 1.875rem; border: none; text-align: center; border-radius: 0.313rem;}
.loginModal .optMsg{ padding: 0 1.75rem;}
.loginModal .optMsg h6{color: var(--white-color);}
.loginModal .resendBox{display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap:0 0.625; margin: 1rem 0 0;}
.loginModal .resendBox .btn-sm{border-radius: 0.313rem; font-size: 0.75rem;}
.loginModal .resendBox p, .loginModal .resendBox .timeText{color: var(--white-color); margin: 0 1rem 0 0; font-size: 0.75rem;}
.loginModal .resendBox .timeText{width: 100%; text-align: right; margin: 0;}
.loginModal .vrt-center{display: flex; flex-direction: column; justify-content: center;}
.loginModal .vrt-center .modal-body{flex: inherit;}
.ptext{font:0.625rem/0.875rem var(--font); color:  var(--white-color); text-align: center;}
.ptext u{text-decoration: none;}
.whatsappCol .or-text{width: 100%; text-align: center; margin: 0.675rem 0; display: block; color:  var(--white-color); font: 700 0.875rem/0.875rem var(--font);}
.whatsappCol .whatsappBtn{display: flex; align-items: center; justify-content: center; box-shadow: 0 0.125rem 0.313rem rgba(0,0,0,0.5); text-decoration: none; gap: 0 1.5rem; background: #39b44a; color:  var(--white-color); width: 100%; padding: 0 0.675rem; font-weight: 700; font-size: 0.875rem; min-height: 48px; border-radius: 0.5rem; text-transform: uppercase;}
.whatsappCol .whatsappBtn .fa{font-size: 1.75rem;}
.signUpNew_icons{margin: 1rem 0 0;}
.signUpNew_icons ul{display: flex; justify-content: center; align-items: center; gap: 0 0.675rem; list-style: none; padding: 0; margin: 0;}
.signUpNew_icons li{font:500 0.625rem/0.75rem var(--font); color:  var(--white-color); display: flex; align-items: center; text-align: left;}
.signUpNew_icons img{width: 38px; margin: 0 0.5rem 0 0;}
.tamil .signUpNew_icons li span { padding-right: 30px; font-size: 85%; }

.caninoRow{margin: 1.5rem 0 0;}
.providerCol{position: relative; overflow: hidden; display: flex; flex-wrap: wrap; gap: 0.5rem; background: rgba(0, 0, 0, 0.1); padding:1.5rem 1.5rem 1.5rem 2.4rem; margin: 0 -7.5% 0 -2.4%; width: 104.8%;}
.liveCasino{padding-left: 15.7%;}
.liveCasino #provider0{position: absolute; left: 2.3rem; height: 7rem!important; padding: 0 3rem;}
.providerCol .swiper-container{overflow: visible!important;}
.providerCol .proLogo{width: 11.9%; background: rgba(0, 0, 0, 0.2); border-radius: 0.313rem; padding: 0.313rem 0.5rem; border: 1px solid transparent; height: 3.25rem!important; display: flex; justify-content: center; align-items: center; overflow: hidden!important; position: relative; cursor: pointer; color: #fff!important; font: 500 1rem/1.25rem var(--font); text-align: center;}
.providerCol .proLogo img{height: 2.375rem!important; filter: grayscale(1) brightness(9); object-fit: contain;}
.providerCol .active{background: var(--activeBG)!important; border: 1px solid rgba(255,255,255,0.8); display: flex; justify-content: center; align-items: center;}
.providerCol .active img{filter:inherit;}


.fliterRow{width: 100%; margin: 1.5rem 0;}
.fliterRow .form-control{ height: 52px!important; padding: 0 0.75rem; border: none; font:500 1rem/1.25rem var(--font); color: var(--white-color); background: rgba(0, 0, 0, 0.2); border-radius: 0.5rem;}
.fliterRow .form-control::placeholder{color: var(--white-color); opacity: inherit;}
.fliterRow .cmdBtn{color: var(--white-color); position: absolute; font-size: 1.25rem; z-index: 1; right: 0; top:0; height: 52px; width: 48px; display: flex; justify-content: center; align-items: center; background: var(--activeBG); border-radius: 0 0.5rem 0.5rem 0; padding: 0 0.5rem; cursor: pointer; }
.fliterRow .form-label{ font: 500 1.375rem/3.5rem var(--font); color: var(--themeText); margin: 0; cursor: pointer;}
.fliterRow .form-control option{font:400 1rem/1.625rem var(--font);}


.custom-dropdown {position: relative; max-width: 100%;}
.custom-dropdown-button {padding: 0 0.75rem; width: 100%; background:rgba(0, 0, 0, 0.2); color:var(--white-color); border: none; border-radius: 0.5rem; height: 52px; cursor: pointer; width: 100%; display: flex; justify-content: space-between; align-items: center; font:500 1rem/1.25rem var(--font);}
.custom-dropdown-button::after{content: '\f107'; font: 1.875rem/1.875rem FontAwesome; color: var(--white-color); height: 52px; width: 48px; margin-right: -0.75rem; display: flex; justify-content: center; align-items: center; background: var(--activeBG); border-radius: 0 0.5rem 0.5rem 0; padding: 0 0.5rem;}
/* .custom-dropdown-button .fa{font-size: 26px;} */
.custom-dropdown .select{border-radius: 0.313rem 0.313rem 0 0; border-bottom: none;}
.custom-dropdown .select::after{content: '\f106'; background: var(--white-color); color: var(--secondary);}
.custom-dropdown-button:focus {outline: none; }
.custom-dropdown-button .zmdi-chevron-down {position: absolute; right: 0.625rem; top: 12px; }
.custom-dropdown-list {position: absolute; backdrop-filter: blur(0.25rem); background: var(--secondaryRgba); display: block; left: 0; right: 0; padding: 0 0.5rem; max-height: 208px; 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:0.5rem 1rem 0.5rem 0; border-bottom: 1px solid #fff; font: 400 0.75rem/1.125rem 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: 1.25rem; width: 14px; height: 14px; border: 1px solid #fff; right:0px; /*top:6.5px;*/ top:6.5px; }
.custom-dropdown-list-item.active{background: none; color: var(--white-color);}
.custom-dropdown-list-item.active::after{content: '\f111'; font-size: 0.625rem; font-family: FontAwesome; border-radius: 1.25rem; width: 14px; height: 14px; display: flex; justify-content: center; align-items: center;}

.playerDasbord app-market-dashboard, .playerDasbord app-player-event-detail, .playerDasbord app-d11-special-market, .playerDasbord app-market-pinned{background: #fffff8!important; display: block; margin-left: -2.22%; padding-bottom: 0.625rem; position: relative;}
.without-announcment app-market-dashboard, .without-announcment app-player-event-detail, .without-announcment app-d11-special-market, .without-announcment app-market-pinned{margin-top: 0.5rem;}
.without-announcment .eventMain {height: calc(100dvh - 9.3rem)!important;}
.without-announcment .betSlipBox{top: 8.6rem; height: calc(100dvh - 8.6rem)!important;}
app-player-fantasy .announcebar, app-player-fantasy .backRow{margin: 0 -2.2%; width: 102.2%;}
.playerDasbord{position: relative; padding-bottom: 0;}
.eventMain{width: 70%; padding: 0 1rem; height: calc(100dvh - 11.4rem); overflow-x: auto;}
.backRow{background: var(--backRowBG); padding: 0.563rem 0.75rem; margin: 0 -1rem;}
.backTab{padding:0 0.5rem; background: none; border: none; color: var(--white-color); display: flex; gap: 0 0.5rem; align-items: center; cursor: pointer; margin-right: 1rem; font-family: var(--font)!important;}
.backTab .fa{font-size: 1.8rem; margin-top: -0.165rem;}
.marketFlex{background: #fff;}
.marketFlex .eventMain{width: 70%;}
.inPlayTab{background: #fff; margin: 0 -1rem; min-height: 36px;box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.1); position: sticky; top: 0; z-index: 1;}
.inPlayTab ul{display: flex; justify-content: space-between; align-items: center; padding: 0.313rem 0 0;}
.inPlayTab li{padding: 0 1rem; width: 33%; position: relative;}
.inPlayTab li::before{ content: ''; top:0.25rem; left: 0; position: absolute; width: 1px; height: 30px; background: rgba(0,0,0,0.2); display: block;}
.inPlayTab li:first-child::before{display: none;}
.inPlayTab li .inTab{ padding: 0.675rem 0; display: block; text-align: center; font:700 1.125rem/1.125rem var(--font); text-transform: uppercase; text-decoration: none; border-bottom: 0.313rem 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 0.313rem;}
.sportscardRow{margin: 1.25rem 0 0;}
.sportscardRow .sportHeading{ display: inline-flex; align-items: center; min-height: 2.25rem; padding: 0.5rem 0.625rem; border-radius: 0.675rem 0.675rem 0 0; background:var(--darkBg); color: var(--white-color); font: 600 1rem/1rem var(--font); position: relative;}
.sportscardRow .sportHeading::before{height: 10px; width: 12px; position: absolute; content: ''; background:var(--darkBg); display: block; bottom: -0.625rem; left: 0;}
.sportscardRow .sportHeading::after{height: 11px; width: 20px; content: ''; background: #fff; position: absolute; bottom: -11px; left: 0; content: ''; border-radius: 0.625rem 0 0;}
.sportscardRow .hide-BFAF::before, .sportscardRow .hide-BFAF::after{display: none;}
.sportscardRow .sportHeading .sportName{margin-right: 0.625rem;}
.sportscardRow .sportHeading .sportIcon svg{ width: 15px; height: 15px; fill: #fff;}
.sportscardRow .sportHeading .sportIcon img{ width: 15px; height: 15px;}
.sportscardRow .sportHeading .Kabaddi img{filter: invert(1);}
.sportscardRow .sportHeading .sportIcon i{width: 15px; height: 15px; color: #fff;}
.sportscardRow .sportHeading .sportIcon i.fa-info{border: 1px solid #fff; border-radius: 1rem; text-align: center; line-height: 1rem; font-size: 0.625rem;}
.sportscardRow .withtabs .sportHeading{ min-height:1.75rem; padding: 0.375rem 0.5rem;}
.sportscardRow .withtabs .sportHeading:before, .sportscardRow .withtabs .sportHeading:after{display: none;}
.sportscardRow .fancyaTabs{ display: inline-block; width:100%; min-height: 40px; padding: 0.375rem 0.5rem 0.875rem; border-radius: 0 0.625rem 0 0; background:var(--darkBg); color: var(--white-color); font: 600 0.75rem/1.625rem var(--font); text-transform: uppercase;}
.sportscardRow .fancyaTabs ul{ display:flex; gap:0.625rem}
.sportscardRow .fancyaTabs li a{font:700 0.75rem/0.75rem var(--font); color: var(--white-color); border:1px solid rgba(255,255,255,0.3); padding:0 0.625rem; border-radius: 0.375rem; 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 1rem rgba(0, 0, 0, 0.1); border-radius: 0.625rem;  
  /* position: relative; top:-0.625rem; z-index: 1; */
}
.fancyRow .marketData{position: relative; top:-0.625rem; z-index: 1;}
.fancyRow .backlayHead .minMax{width: 55%!important; gap: 0 1rem;}
.fancyRow .oddMin{width: 10%; margin: 0 0.5rem;}
.fancyRow .oddMin span{display: block; font-size: 0.75rem; line-height: 1rem; font-weight: 500; color: rgba(0, 0, 0, 0.5);}
.fancyRow .starIconCol{margin-right: 0.5rem;}
.sportscardRow .matchList{border-bottom: 1px solid rgba(0,0,0,0.2); padding: 0.5rem; display: flex; justify-content: space-between; gap: 0 0.5rem;}
.sportscardRow .matchDetail{display: block;}
.sportscardRow .matchList .tab-pane{width: 100%;}
.sportscardRow div.matchList:last-child{border-bottom: none;}
.sportscardRow .teamNameRow{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 35%;}
.sportscardRow .teamNameRow .nameCol{width: 75%;}
.sportscardRow .teamNameRow .nameCol .vsName{font:700 1rem/1.25rem var(--font); margin: 0; cursor: pointer; }
.sportscardRow .teamNameRow .nameCol .vs{margin: 0 0.5rem; color: #000;}
.sportscardRow .teamNameRow .nameCol .datetime{font:500 0.625rem/0.75rem var(--font)}
.sportscardRow .teamNameRow .datetime{width: 100%;}
.sportscardRow .teamNameRow .iconsRow{width: 22%; display: flex; justify-content: flex-end; align-items: center; gap: 0 0.313rem;}
.sportscardRow .teamNameRow .iconsRow .iconLive svg{width: 1.563rem; fill: #3aa740;}
.sportscardRow .teamNameRow .iconsRow .playNow .fa{font-size: 1.25rem; color:#3aa740;}
.sportscardRow .teamNameRow .iconsRow .iconPin svg{width: 1rem; fill: #b2b2b2;}
.sportscardRow .teamNameRow .iconsRow .pinactive svg{fill: #2c2c2c!important;}
.sportscardRow .teamNameRow .iconsRow .playBtn{font-size: 0.625rem; padding:0.313rem; border-radius: 0.5rem; display: flex; align-items: center; gap:0 0.313rem;}
.sportscardRow .teamNameRow .iconsRow .playBtn span{padding: 0.125rem 0 0;}
.sportscardRow .teamNameRow .iconsRow .playBtn .fa{font-size: 1rem;}
.sportscardRow .pinBox .iconPin{font-size: 1.75rem; transform: rotate(45deg); width: 1.5rem; height: 2.5rem; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.sportscardRow .pinedIcon{opacity: 0.5;}
.sportscardRow .pinactive{opacity:inherit;}
.sportscardRow .oddsRow{display: flex; gap:0 0.313rem; position: relative; width: 66%;}
.sportscardRow .oddsRow li{width: 18%; height: 2.625rem; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center; font:700 0.875rem/1rem var(--font); cursor: pointer;}
.sportscardRow .backlayHead{display: flex; justify-content: space-between; align-items: center; padding:0.313rem 0.625rem;}
.sportscardRow .backlayHead .minMax{width: 48%; font-size: 0.75rem; font-weight: 500; color: rgba(0, 0, 0, 0.5); min-height: 1.625rem;}
.sportscardRow .backlayHead .backlayText{width: 48%; display: flex; justify-content: center; align-items: center; min-height: 1.625rem;}
.sportscardRow .backlayHead .backlayText span{width: 48%; text-align: left; font:700 0.875rem/0.875rem 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:0.313rem 0.625rem}
.sportscardRow .runnerName{width: 48%; min-height: 42px; display: flex; align-items: center; position: relative;}
.sportscardRow .runnerName marquee{height: 12px!important; font-size: 0.675rem; line-height: 0.675rem; position: absolute; bottom: -6px;}
.sportscardRow .runnerName .vsName{font:700 0.875rem/1rem var(--font); margin: 0;}
.sportscardRow .runnerName .vsName span{display: flex; gap: 0 0.313rem; font-size: 0.75rem; font-weight: 600; margin: 0.188rem 0 0;}
.sportscardRow .runnerOdds{width: 48%; display: flex; justify-content: center; margin: 0;}
.sportscardRow .runnerOdds li{width: 48%; min-height: 2.625rem; flex-direction: column; cursor: pointer; }
.sportscardRow .runnerOdds li small{font-weight: 700; color: rgba(0, 0, 0, 0.5);}
.sportscardRow .cashout-button{font:700 0.75rem/0.75rem var(--font); border: none; color: var(--white-color); background: #39b44a; padding:0.313rem 0.5rem; border-radius: 0.313rem;  margin: -0.625rem 0 0;}
.sportscardRow .cashout-button:disabled{opacity: inherit; background: #cbcbcb;}
.sportscardRow .mpIcon{font-size: 1.5rem; line-height: 1.5rem; margin-left: 0.5rem; cursor: pointer;}
.sportscardRow .starIconCol{display: flex; align-items: center;}
.sportscardRow .btnbook{padding:0 0.188rem; color: #fff; border-radius: 0.313rem; font-size: 0.75rem; margin-left: 0.5rem;}
.sportscardRow .backlayHead .fancyYesNo{ justify-content: flex-end; padding-right: 11%;}
.sportscardRow .backlayHead .fancyYesNo span{width: 20%!important; text-align: center;}
.sportscardRow .backlayHead .backlayText span{ width: 50%; }
.sportscardRow .fancyList{border-top: 1.5px solid rgba(0, 0, 0, 0.2);}
.sportscardRow .fancyList .oddsList{border-top: none;}
.sportscardRow .fancyList .runnerName{ justify-content:space-between; gap:0.625rem; position:relative; opacity:0}
.sportscardRow .fancyList .oddMin{opacity: 0;}
.sportscardRow .fancyList div.fancyOdds:first-child .runnerName{opacity:inherit}
.sportscardRow .fancyList div.fancyOdds:first-child .oddMin{opacity: inherit;}
.sportscardRow .fancyList .runnerName .vsName{width:50%;}
.sportscardRow .fancyList .runnerName marquee{position:absolute; bottom:-0.375rem}
.sportscardRow .fancyList .runnerOdds{justify-content: flex-end;}
.sportscardRow .fancyList .runnerOdds li{min-height:2.625rem; width: 15.9%;}
.sportscardRow .fancyList .suspended{height:2.625rem!important; width: 33%;}
.sportscardRow .fancyList .suspended p{margin: 0;}
.sportscardRow .spSmall{font:500 0.75rem/0.75rem var(--font)!important}
.sportscardRow .runPoint{display:flex; gap:0.313rem; flex-wrap:wrap;min-height: 1.625rem;;}
.sportscardRow .runPoint li{font:500 0.675rem/1.425rem var(--font); color: rgba(0, 0, 0, 0.5); padding:0.2rem 0.313rem 0; border-radius:0.375rem; border:1px solid rgba(0,0,0,0.2);}
.sportscardRow .luckyNum{flex-wrap:nowrap;}
.sportscardRow .luckyNum .runnerName{justify-content: space-between;}
.sportscardRow .luckyNum .runnerOdds{flex-wrap:wrap; gap:0.313rem; justify-content: flex-start;}
.sportscardRow .luckyNum .runnerOdds li{width:19%;}
.scoreRow{margin: 0 -1rem;}
.scoreRow .dropdown{margin: 0 0 1rem!important;}
.scoreRow .dropdown .maindroppa{background: var(--secondary); border-radius: 0; color: var(--white-color); border: none; min-height: 44px; font-weight: 600; align-items: center; display: flex; justify-content: space-between; width: 100%;}
.scoreRow .dropdown i.fa-info{border: 1px solid #fff; border-radius: 1rem; text-align: center; line-height: 1rem; font-size: 0.625rem; width: 15px; height: 15px;}
.scoreRow .whiteBox{padding: 0 1rem 1rem!important;}
.scoreRow #sr-widget{width: 100%!important;}
.liveTV { margin: 0 0 0.5rem;}
.liveTV .btn{width: 100%; background: var(--darkBg); padding: 0.625rem 0.625rem; margin: 0 0 0.5rem; display: flex; justify-content: space-between; align-items: center;}
.liveTV .btn svg{width: 1.25rem; fill: #fff;}
.liveTV .dropdown-toggle::after{display: none;}
.liveTV .hidetv{color: var(--white-color);}
.liveTV .embed-responsive{background: #000;}
.suspended{position: absolute; width: 100%; height:2.625rem; margin: 0!important; background: rgba(0, 0, 0, 0.4); color: #fff!important; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center;}
.suspendedyesback, .suspendedballrung{width: 33%;}
.oddsRow div.suspended{ color: #fff!important;}
.eventDetail .suspended{height:2.625rem}
.empty_message, .noRecords, .empty-cartc{display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 5rem 0; font:600 1.25rem/1.625rem var(--font); color: #fff;}
.noRecords h5{color: #000;}
.empty_message img, .noRecords img{width: 7rem; height: 7rem; margin: 0.625rem 0.625rem 1.125rem;}

.d11iframe, .wearecasin{margin: 0!important; padding: 0 4.5rem 0 0;}
.ifream{height: calc(100dvh - 10.1rem)!important; border: none!important;  background: #000;}
app-sports-book{position: relative; z-index: 0;}
app-sports-book .mainWrap{margin: 0 0 0 -2.3%!important;}

.dummyMarket .sportHeading{width: 80px;  animation: gradient 1s linear infinite; bottom: -0.5rem;
  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: 0.625rem;}
.dummyMarket i{width: 15px; height: 15px; border-radius: 1rem;}
.dummyMarket .backlayHead .backlayText{gap: 0 1.25rem;}
.dummyEvent .backlayHead .minMax, .backlayHead .backlayText span{height: 12px; border-radius: 0.625rem;}
.dummyMarket .backlayHead .backlayText{gap: 0 1.25rem;}
.dummyEvent .runnerName h3{width: 60%;}
.dummyEvent .scoreRow{min-height: 30px; width: 100%;}

.scoreRow .scorehedr{padding: 0 0.625rem!important; background: var(--darkBg)!important; min-height: 30px; border-radius: 0!important; display: flex!important; align-items: center; justify-content: center!important; border: none!important; box-shadow:none!important;}
.scoreRow .scorehedr p{margin: 0; color: #fff; font-size: 0.75rem; line-height: 1rem; margin: 0.25rem 0; text-wrap: wrap;}
.scoreRow .scorehedr .datetimescore{color: #fff!important; display: none;}
.scoreRow .loading-icon{height: auto!important; padding-bottom: 0!important;}
.matchTabsRow{display: none;}

.betSlipBox{position: absolute; top: 10.8rem; width: 29.5%; padding:0 0.5rem; border-top: 0.5rem solid #ececec; right: 0.625rem; height: calc(100dvh - 11.3rem); overflow-x: auto; background:#ececec;}
app-d11-special-market .betSlipBox{top:2.6rem}
app-d11-betslip .empty_message{color: #000;}
.betSlipBox .headSlip{display:flex; justify-content:space-between; align-items:center; min-height:3.438rem; background: var(--announmentBg); position: sticky; top: 0; z-index: 5;}
.betSlipBox .headSlip .headText{font:600 1.125rem/1.125rem var(--font); width: 60%; padding: 0 1rem; color: #fff; text-transform: uppercase;}
.betSlipBox .headSlip .editBtn{width: 40%; min-height: 3.438rem; display: flex; justify-content: space-between; align-items: center; background: var(--backRowBG); font:600 1.125rem/1.125rem var(--font); color: #fff; text-transform: uppercase;}
.betSlipBox .betBox{overflow: hidden; width: 100%; margin: 1rem 0 0; background:var(--white-color); border-radius: 0.625rem; box-shadow: 0.313rem 0.313rem 0.313rem rgba(0, 0, 0, 0.2); 
  /* position: sticky; top: 3.4rem; z-index: 9; */
}
.betSlipBox .betBox .slipbtnRow{padding: 0.75rem; margin:0.75rem 0 0;}
.betSlipBox .slipHead{display:flex; justify-content:space-between; align-items:center; padding:0 0.625rem 0 0; min-height:45px; position: relative;}
.betSlipBox .titleBG{min-width:80px; min-height:45px!important; padding:0.625rem; display:flex; justify-content:center; align-items:center;}
.betSlipBox .bg-pink{background: #ffcfe5;}
.betSlipBox .bg-pink .titleBG{background: #ffa0d0;}
.betSlipBox .bg-blue{background:#bcddff;}
.betSlipBox .bg-blue .titleBG{background:#8ec5fe;}
.betSlipBox .slipHead h3{font: 700 0.844rem / 0.875rem var(--font); margin: 0; text-transform: uppercase; }
.betSlipBox .slipHead .runerText{flex:auto; padding: 0 0.625rem; margin-top: -0.75rem; min-height: 22px; display: flex; align-items: center;}
.betSlipBox .slipHead .runerText .mrText{display: block; font-size: 0.625rem; font-weight: 400;}
.betSlipBox .slipHead .runerText:nth-child(3) .runerName, .betSlipBox .slipHead .runerText:nth-child(4) .runerName{font:400 0.625rem/0.625rem var(--font); width: 40%; height: 1rem; position: absolute; left: 90px; bottom: -2px;}

.betSlipBox .slipHead .profitsCol{display:flex; flex-direction:column; justify-content:center; align-items:flex-end; font: 600 0.875rem/1.125rem var(--font);}
.betSlipBox .maxminbet{background:#2c2c2c; min-height:36px; padding:0 0.625rem; display:flex; justify-content:space-between; align-items:center; gap: 0 0.625rem}
.betSlipBox .maxminT{font: 600 0.875rem/ 1.125rem var(--font); color:#fff}
.betSlipBox .oddStakeRow{display:flex; justify-content:space-between; align-items:center; gap: 0 0.625rem; padding: 0.75rem 0.625rem;}
.betSlipBox .oddCol{display:flex; justify-content:space-between; align-items:center; gap: 0 0.625rem; width: 42%;}
.betSlipBox .col-form-label{font:500 1rem/1rem var(--font);}
.betSlipBox .checkRow span{font:500 0.875rem/1rem var(--font);}
.betSlipBox .inputCell{display:flex; justify-content:space-between; align-items:center; gap: 0 0.313rem}
.betSlipBox .inputCell .inputBTN{background: #000; border:none; width: 20px; height: 30px; border-radius: 0.313rem; text-align: center; padding: 0 0.188rem; color: #fff;}
.betSlipBox .form-control{height: 36px; background: none; border-radius: 0.313rem; text-align: center; width: 65%; font-size: 0.875rem; font-weight: 500;}
.betSlipBox .stakeCol{display:flex; justify-content:space-between; align-items:center; gap: 0 0.625rem; width: 50%;}
.betSlipBox .stakeCol .form-control{width: 100%;}
.betSlipBox .stakeCol .dropdown a{font-size: 0.75rem; color: #000;}
.betSlipBox .betPriceVal {padding: 0 0.625rem;}
.betSlipBox .betPriceVal ul{display:flex; justify-content:space-between; align-items:center; flex-wrap: wrap; gap:0.625rem;}
.betSlipBox .betPriceVal ul li{ border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.313rem; text-align: center; font:600 0.875rem/2.25rem var(--font); width: 22.5%; min-height: 36px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.betSlipBox .betPriceVal ul li:last-child{background: #2c2c2c; color: #fff; text-transform: uppercase;}
.betSlipBox .slipbtnRow{padding: 0.75rem 0.75rem 0; margin: 0.5rem -1rem 0; border-top: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center; gap: 0 0.313rem;}
.betSlipBox .slipbtnRow .cancelCol, .betSlipBox .slipbtnRow .placeBetCol{width: 49%;}
.betSlipBox .slipbtnRow .btn{width: 100%; height: 36px; text-transform: uppercase; font-size: 1rem; font-weight: 600; border-radius: 0.5rem;}
.betSlipBox .slipbtnRow .btn-danger{background: #ff0000; border-color: #ff0000; color: #fff;}
.betSlipBox .slipbtnRow .btn-success{background: #39b44a; border-color: #39b44a; color: #fff;}
.betSlipBox .betDetails{padding: 1rem; top:4.5rem; position: sticky; z-index: 5; width: 100%; background:var(--white-color); border-radius: 0.625rem; box-shadow: 0.313rem 0.313rem 0.313rem rgba(0, 0, 0, 0.2);}
.betSlipBox .betDetails::before{content: '\f0d8'; font: 3rem/1rem FontAwesome; color: #fff; float: right; position: relative; right: 2rem; top: -1.875rem;}
.betSlipBox .betDetails .inputboxMain{display: flex; justify-content: center; flex-wrap: wrap; gap: 0.5rem;}
.betSlipBox .betDetails .inputboxMain .form-control{width: 23%; height: 40px; display: flex; justify-content: center; align-items: center; font:500 0.875rem/0.875rem var(--font);}
.betSlipBox .betDetails .acceptRow{justify-content: flex-end; margin: 0.625rem 0;}
.betSlipBox .betDetails .infolakh{position: absolute; top:0.75rem; right: 0; z-index: 1; background: #fff; box-shadow: 0 0 0.313rem rgba(0, 0, 0, 0.1); padding: 0.5rem; border-radius: 0.313rem; width: 5rem; font-size: 0.75rem;}
.betSlipBox .mcBets{display: flex; justify-content: space-between; align-items: center; padding: 0 0.5rem;}
.betSlipBox .filterMatch{background: rgba(0, 0, 0, 0.1); padding: 0.5rem 1rem; border-radius: 0.5rem; display: flex; justify-content: space-between; align-items: center;}
.betSlipBox .filterMatch .form-control{background: #fff; width: 50%; text-align: left;}
.betSlipBox .betTableData .matchName{font: 600 1rem/ 1.125rem var(--font); color: #000; padding: 0 0.75rem;}
.betSlipBox .betTableData .faded-text{ font-size: 0.75rem;}
.betSlipBox .betTableData .faded-text td{padding: 0.313rem 0.75rem;}
.betSlipBox .showDet{margin: 1rem 0;}
.betSlipBox .table{font: 1rem/0.875rem var(--font);}
.acceptRow{ display: flex; align-items: center; padding: 0.625rem 0.625rem 0; gap: 0 0.75rem; font-size: 0.75rem; font-weight: 600; color: #000;}
.customCheck{display: flex; align-items: center;}
.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 0.188rem 0.375rem #000;}
.customCheck input:checked + label {background: #39b44a;}
.customCheck input:checked + label:after {left: auto; right: 2px;}
.acceptRow .acText{flex: auto; line-height: 1rem; background: #ffed95;width: 100%; display: block; padding:0.5rem 0.313rem; text-align: center; margin: 0.313rem 0;}
.betslip-error{background: rgba(255, 0, 0, 0.7); padding: 0.625rem; height: 40px; width: 100%; color: #fff; font: 400 0.75rem/1rem var(--font); display: flex; align-items: center;}
.mainRow app-announcment .announcebar, .msg247{background: var(--announmentBg)!important; padding: 0; border-top: none; height: 2.625rem;}
.msg247 {display: flex; justify-content: center; align-items: center; margin: 0 0 0 -2.2%; width: 102.2%;}
.msg247 p{text-align: center; color: var(--white-color); margin: 0; font: 600 1rem/1rem var(--font);}
.mainRow app-announcment .announcebar .annoucmentIcon{width: 25px; height: 22px; fill: #fff;}
.mainRow app-announcment .announcebar .scrollvertical{align-items: center; min-height: 2.625rem;}
.mainRow app-announcment .announcebar .announceStyle span{font: 400 0.875rem/0.875rem var(--font); text-transform: uppercase;}
.mainRow app-announcment .announcebar .announceStyle .iconstr{width: 15px;}
.mainRow app-announcment .announcebar .text-styling li{display: flex; align-items: center;}
.mainRow app-announcment .announcebar .scrollvertical .child{display: flex; align-items: center; justify-content: center; height: 2.625rem;}
.mainRow app-announcment .announcebar .svg-red{ width: 50px;}
.mainRow app-announcment .announcebar .scrollvertical .child ul li{padding: 0!important;}
.mainRow app-announcment .announcebar .scrollvertical .child ul.text-styling{width: 100%;}
.rightAnnou svg {transform: scaleX(-1)}

.profileNav{position: fixed; left: 13.05%; top:8.1rem; width: 13.05%; z-index: 999; background: var(--profilesideBg); height: calc(100dvh - 7.75rem);}
.profileNav ul li{border-bottom: 1px solid var(--profileNavAct);}
.profileNav ul li a{ min-height: 2.625rem; display: flex; align-items: center; justify-content: space-between; text-decoration: none!important; transition: all 0.3s; padding: 0.313rem 1rem; color: var(--white-color); font: 600 1rem/1.375rem var(--font); position: relative;}
.profileNav ul li a .fa{font-size: 1.625rem;}
.profileNav ul li a:hover{background: var(--profileNavAct);}
.profileNav .active a{background: var(--profileNavAct);}
.profileMain{padding: 0;}
.profileSec{margin-left: 13%; background: var(--white-color); padding: 2rem 2rem 0;}
.profileSec .allcontaiber{width: 70%!important;}
.profileSec .table-responsive, .table-responsive-sm{border-radius: 0.5rem; overflow: hidden;}
.profileSec .table{margin: 0; font-size: 0.875rem;}
.profileSec .table .btn-sm{line-height: 1;}
.profileSec .container-main-balance{display: flex; justify-content: space-between;}
.profileSec .side_step{width: 27%; padding: 1rem 0 0;}
.profileSec .side_step ul li{text-align: right; margin: 0 0 1.5rem;}
.profileSec .side_step h4{font:700 1.25rem/1.25rem var(--font); color: var(--step-color)!important; margin: 0 0 1rem;}
.profileSec .side_step p{font:400 0.875rem/1rem var(--font); color: var(--step-color)!important; margin: 0;}
.profileSec .side_step .fa{display: none;}
.profileSec .side_step ul li.fade1 .fa{display: inline-block;}

.modal-body .table{font-size: 0.875rem;}
.modal-body .table td, .modal-body .table th{padding: 0.5rem 0.75rem;}
.filterTabs{display: flex; align-items: center; flex-wrap: nowrap; white-space: nowrap; gap: 0 0.625rem; overflow-x: auto; margin-bottom: 1rem; border: 1px solid rgba(0, 0, 0, 0.5); padding: 0.313rem; border-radius: 0.313rem;}
.filterTabs::-webkit-scrollbar{display: none;}
.filterTabs .tabLink{padding: 0.6rem 0.75rem; border-radius: 0.313rem; font: 600 1rem/1.125rem var(--font); color: #000; position: relative;}
.filterTabs .tabLink::after{content:'' ; height: 100%; width: 1px; background: rgba(0, 0, 0, 0.8); display: block; position: absolute; right: -0.313rem; top: 0;}
.filterTabs .tabLink:last-child:after{display: none;}
.filterTabs .tabLink:hover{background: rgba(0, 0, 0, 0.1);}
.filterTabs .active{background: var(--tablehead-And-FilterTab)!important; color: #fff!important;}
.filterRow{display: flex; align-items: center; justify-content: space-between; gap: 0 0.5em; margin-bottom: 1rem;}
.filterRow::-webkit-scrollbar{display: none;}
.filterRow .selectRow{display: flex; align-items: center; gap: 0 0.5rem; flex: auto; white-space: nowrap; overflow-x: auto;}
.filterRow .col-form-label{font: 600 0.875rem/1.125rem var(--font); flex: 0 0 auto;}
.filterRow .form-control{height: 40px!important; min-width: 100px; border: none!important; box-shadow: none!important; font: 500 0.875rem/1.125rem var(--font); background:#EAEAEA!important; padding: 0 0.625rem!important; color: #000!important;}
.form-select {position: relative;}
.form-select .form-control{padding-right: 2.5rem!important;}
.form-select select{appearance: none;}
.form-select:before {content: '\f107'; font: 24px/20px FontAwesome; color: #fff; position: absolute; top: 0; right: 0; width: 35px; height: 40px; display: flex; justify-content: center; align-items: center; pointer-events: none; background: var(--tablehead-And-FilterTab); border-radius: 0 0.313rem 0.313rem 0;}
.filterRow .form-control:focus{ border-color: #E4E7EC; }
.filterRow option{padding: 5px!important;}
.filterRow .form-group, .filterRow .downloadCell{display: flex; gap: 0 0.5rem; align-items: center; margin: 0;}
.filterRow .downloadCell img{width: 35px; height: 35px!important; background: #fff; padding: 0.313rem; border-radius:0.313rem;}
.filterRow .downloadCell .btn{color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 0 0.625rem; padding: 1.5px 1px 1.5px 0.313rem; border-radius: 0.313rem;}
.filterRow .downloadCell svg{width: 15px; fill: #fff;}
.filterRow .downloadCell svg .cls-1{fill: #fff;}
.filterRow .downloadCell .btn-pdf{background: #e5252a;}
.filterRow .downloadCell .btn-xls{background: #00733b;}
.filterRow .dateCell{gap: 0 0.75rem;}
.filterRow .dateCell .btn-dark{background: var(--tablehead-And-FilterTab); border-color: var(--tablehead-And-FilterTab); font: 600 0.875rem/1rem var(--font); border-radius: 0 0.313rem 0.313rem 0;}
ngx-datatable {border-radius: 0.5rem; font-size: 0.875rem;}
ngx-datatable datatable-header {background: var(--tablehead-And-FilterTab); border-radius: 8px 8px 0px 0px; text-align: right; height: 42px!important; }
ngx-datatable datatable-header datatable-header-cell {padding: 0.55rem 0.75rem 0.55rem 0.75rem; border-left: 1px solid #ccc;}
ngx-datatable datatable-header datatable-header-cell:nth-child(1){border-left: none;}
ngx-datatable datatable-header datatable-header-cell .datatable-header-cell-template-wrap {color: #000;}
ngx-datatable datatable-header datatable-header-cell .datatable-header-cell-template-wrap .datatable-header-cell-label {display: inline-block; position: relative; color: #fff!important;}
ngx-datatable datatable-header datatable-header-cell .datatable-header-cell-template-wrap .datatable-header-cell-label:after {position: absolute; top: 1px; right: -1.125rem;}
ngx-datatable datatable-header datatable-header-cell:first-child .datatable-header-cell-label {display: inline-block; position: relative;}
ngx-datatable datatable-header datatable-header-cell:first-child .datatable-header-cell-label:after {position: absolute; top: 1px; right: -1.125rem;}
ngx-datatable datatable-body{height: calc(100dvh - 380px)!important; border:1px solid rgba(0, 0, 0, 0.2); border-top: none;}
ngx-datatable datatable-body::-webkit-scrollbar-track {border-radius: 0.625rem; background: rgba(0, 0, 0, 0.2)}
ngx-datatable datatable-body::-webkit-scrollbar-thumb {background: var(--secondary); border-radius: 0.625rem;}
ngx-datatable datatable-body .empty-row {position: absolute; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-repeat: no-repeat; background-position: center, center; font-size: 0px;}
ngx-datatable datatable-body datatable-row-wrapper {border-bottom: 1px solid var(--card-border);}
ngx-datatable datatable-body datatable-row-wrapper:nth-of-type(odd) {background: white;}
ngx-datatable datatable-body datatable-row-wrapper:nth-of-type(even) {background: #e9e9e9;}
ngx-datatable datatable-body datatable-row-wrapper datatable-body-row datatable-body-cell {padding: 0.5rem 0.75rem;}
ngx-datatable datatable-body datatable-row-wrapper datatable-body-row datatable-body-cell a {display: inline-block; margin-right: 0.5rem;}
ngx-datatable datatable-body datatable-row-wrapper datatable-body-row datatable-body-cell strong {font-size: 0.875rem;}
ngx-datatable datatable-body datatable-row-wrapper datatable-body-row datatable-body-cell .datatable-icon-down {display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);}
ngx-datatable datatable-body datatable-row-wrapper:last-child {border-bottom: none;}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail {border-top: 1px solid var(--card-border); padding: 0; background: #f1f1f1; display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-start;}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div {width: 800px;}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable { -webkit-box-shadow: none; box-shadow: none; border-radius: 0;}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-header {border-radius: 0px; width: 100%; padding: 0.5rem 0; background: var(--sub-table-bg);}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-header datatable-header-cell {text-align: left; padding: 0 0.75rem!important;}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-header datatable-header-cell .datatable-header-cell-template-wrap {color: #042659;}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-header datatable-header-cell .datatable-header-cell-template-wrap .datatable-header-cell-label {display: inline-block; position: relative;}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-header datatable-header-cell .datatable-header-cell-template-wrap .datatable-header-cell-label:after {content: ""; font-family: fontawesome; position: absolute; top: 1px; right: -1.125rem;}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-body datatable-row-wrapper {background: rgba(255, 255, 255, 0.6); border-bottom: 1px solid #D8D8D8;}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-body datatable-row-wrapper datatable-body-row datatable-body-cell {text-align: left; padding-left: 0.75rem;}
ngx-datatable datatable-body datatable-row-wrapper .datatable-row-detail > div ngx-datatable datatable-body datatable-row-wrapper datatable-body-row datatable-body-cell strong {width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: inline-block;}
ngx-datatable datatable-body-cell-label a strong img{margin-top: -0.125x;}
ngx-datatable .arrowDown{transform: rotate(90deg);}

.insideTable{height: 300px; width: 45%!important; display: block!important; margin:1rem 0 3rem 5rem; top: 2rem; border-radius: 1rem;}
.insideTable datatable-body{height: auto!important;}
.ngx-datatable .sortable .sort-btn.datatable-icon-up:before, .ngx-datatable .sortable .sort-btn:before, .ngx-datatable .sortable .sort-btn.datatable-icon-down:before{ content: url('../assets/images/sort2.png')!important;}
.profit-loss-status ngx-datatable > div[visibilityobserver], .balance-status ngx-datatable > div[visibilityobserver] {margin-top: 0px;}
datatable-header-cell:nth-child(2), datatable-body-cell:nth-child(2){text-align: left !important;}
datatable-body-cell{text-align: right;}
.withoutTabs ngx-datatable datatable-body{height: calc(100dvh - 310px)!important;}
.noPager-noFilter ngx-datatable datatable-body{height: calc(100dvh - 270px)!important;}
.bankLogo{height: 18px!important; object-fit: contain;}
.stepper .nav-tabs > li {width: 33%; position: relative; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.stepper .round-tab{margin: 0 auto; left: 0; right: 0;}
.expanddiv{width: 100%!important;}
.viewShort{border-radius: 2rem; display: flex; align-items: center; justify-content: center; margin-top: 1rem;}
.ngx-datatable .datatable-footer .tbFoot{ width: 100%; display: flex; align-items: center; height: 100%;}
.ngx-datatable .datatable-footer .datatable-pager .pager{flex: auto;display: flex!important; align-items: center; justify-content: end; gap: 0 0.313rem;}
.ngx-datatable .datatable-footer .datatable-pager .pager li{display: flex!important; align-items: center;}
.ngx-datatable .datatable-footer .datatable-pager .pager li a{width: 25px; height: 25px; border-radius: 0.313rem; color: #000; text-decoration: none; display: flex!important; justify-content: center; align-items:center; line-height: 0;}
.filter_by_page{width: 150px; margin: 0 0 0 0.5rem;} 
.filter_by_page .form-control{font-size: 0.75rem;}
.pagerCol{ flex: auto; display: flex; align-items: center; justify-content: end; }
.ngx-datatable .datatable-footer .datatable-pager{flex: content!important;}
datatable-header-cell:nth-child(1), datatable-body-cell:nth-child(1){text-align: left !important;}
.ngx-datatable .sortable .sort-btn:before{filter: invert(1);}
.accountSec{background: #eaeaea; height: calc(100dvh - 10.8rem); overflow: auto;}
.profileForm{background: var(--white-color);; border-radius: 0.625rem; overflow: hidden;}
.profileForm .titleBar{background: var(--secondary); padding: 0.75rem 1rem; margin: 0 0 1rem; color: var(--white-color); font: 600 1.25rem/1.5rem var(--font); min-height: 3rem;}
.profileForm .form-control{height: 42px; font-size: 0.875rem; background: none; border-radius: 0.5rem;}
.profileForm .form-control:focus{border-color: #000;}
.profileForm .form-control:disabled{cursor: no-drop;}
.profileForm .col-form-label{font-size: 1rem; color: #000; font-weight: 600;}
.profileForm .btnRow{margin: 1rem 0; display: flex; gap: 0 1rem; justify-content: flex-end;}
.profileForm .btnRow .btn{padding: 0.625rem 1rem; border-radius: 0.5rem;}
.profileForm .acceptAny ul{ display: flex; gap: 0 1rem;}
.profileForm .eyeIcon{color: #000;}
.loyaltyBox{background: #f5f5f5;}
.loyaltyBox .card-box{padding:0 1rem 1rem;}
.loyaltyBox .boxRow{display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin: 0 0 1rem;}
.loyaltyBox .boxRow .ltyBox{flex-basis: 48.5%; padding: 1rem; display: flex; justify-content: space-between; align-items: center; gap: 0 0.313rem; border-radius: 0.5rem;}
.loyaltyBox .boxRow .ltyBox .lty-Icon{width: 2.375rem; height: 2.375rem; fill: var(--white-color);}
.loyaltyBox .boxRow .ltyBox h5{text-align: right; font:500 1rem/1.25rem var(--font); color: var(--white-color); margin: 0; text-transform: uppercase;}
.loyaltyBox .boxRow .ltyBox h5 span{font: 700 1.75rem/1.5rem var(--font); display: block; margin: 0 0 0.313rem;}
.loyaltyBox .btn{border-radius: 0.5rem;}
.loyaltyBox .bg-orange{background:#e4252a;}
.loyaltyBox .bg-green{background:#006837;}
.loyaltyBox .bg-pink{background:#d3145a;}
.loyaltyBox .bg-blue{background:#274157;}
.loyaltyBox .table-responsive{border-radius: 0; text-align: center;}
.loyaltyBox .table{font-weight: 500;}
.loyaltyBox .ltyCionRow{display: flex; justify-content: space-between; align-items: center;}
.loyaltyBox .ltyText{width: 50%; padding: 0.5rem 1rem; border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center;}
.loyaltyBox .ltyText h5{font-weight: 600;}
.loyaltyBox .ltyText .badge{padding: 0.625rem 1.5rem; font: 600 1rem/1rem var(--font); width: 100%; border-radius: 0.5rem;}
.loyaltyBox .table thead th{border: none; border-left: 1px solid rgba(255, 255, 255, 0.6);}
.loyaltyBox .table thead th:first-child{border-left: none;}
.eyeIcon{position: absolute; right: 0.875rem; top: 50px;}
.customShowModal .eyeIcon{color: #000; top:0.75rem!important}
.customShowModal .form-control{font-size: 0.875rem; height: 42px;}
.depositbg{background: var(--depositBG); height: calc(100dvh - 10.75rem); overflow-x: auto;}
app-exposure-details .modal-header, app-notification-details .modal-header, app-set-homescreen .modal-header, app-player-book-detail .modal-header, app-force-to-change-password .modal-header, app-show-notification .modal-header, app-agree-continue-rules .modal-header{flex-direction: row-reverse!important;}
app-qr-code-verification .modal-dialog .modal-content .modal-header{background: var(--primary)!important;}
app-qr-code-verification .modal-header .close{margin-top: -10px!important;}
app-qr-code-verification .modal-footer .btn-group{width: 100%;}
app-qr-code-verification .control-label{margin: 0!important;}
app-show-notification .view_bet{background: var(--secondary)!important; color: var(--white-color)!important;}
app-show-notification .close-btn{background: #000!important; color: #fff!important;}
.table-transferred .table-header, .table-header{background: var(--tablehead-And-FilterTab);}
div.modal-footer.footermm button.btn-primary{background: var(--secondary)!important; color: var(--white-color)!important;}
.saveedit1 {background: var(--secondary)!important; border: none; border-radius: 0.5rem; cursor: pointer;}
.saveedit.btn.btns{background:#000!important; border-radius: 0.5rem;}
app-kyc-policy .topHeader, app-d2-privacy-policy .topHeader, app-d2-responsible-gaming .topHeader, app-d2-rules-and-regulation .topHeader, app-d2-term-condition .topHeader{position: fixed!important; padding: 3.125rem 4.5rem 1.5rem 5rem;}
.aboutus{padding: 8rem 0 2rem!important; background: var(--bodyCR)!important;}
.aboutus ul.nav.nav-tabs.center-tab{justify-content: flex-start!important;}
.aboutus .nav-tabs .nav-link{background: none;}
.aboutus .nav-link.active{background: var(--secondary)!important; color: var(--white-color)!important;}
.hide-print{border: none; padding: 0.5rem 1rem 0.5rem 2rem; border-radius: 0.5rem; font:500 1rem/1rem var(--font); border: 1px solid var(--white-color); color: var(--white-color); background: none; position: relative; cursor: pointer;}
.hide-print:before{content: '\f02f'; font-family: FontAwesome; position: absolute; left: 0.625rem; top:0.313rems; color: #fff;}
.modal-dialog.anncoumentimg.anncmulti{display: flex; justify-content: center; align-items: center; width: 100%!important;}
.active-box{display: block!important }
.blink_med2 {
  animation: blinker 1s linear infinite;
  color: #fff;
  margin-right: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  background-color: red;
  padding: 0.5rem 0.625rem;
  display: inline-block;
}
app-annoucment-model .modal-dialog.anncoumentimg.anncmulti{max-width: 55%;}
app-annoucment-model .modal-dialog.anncoumentimg.anncmulti .modal-content{width: auto;}
app-fantasy-gamelist{padding: 0 0 5rem; min-height: calc(100dvh - 8.625rem); display:block;}
.dummyBox{clear: both;}
.dummyText{height: 1.125rem; width: 6rem; 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: 0.75rem; display: block;}
.dummyBox ul{display: flex; flex-wrap: wrap; gap:1.3rem;}
.dummyBox ul li{width: 13%; height:16.875rem; border-radius: 1rem; 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%; }
.dummyProvid .proLogo, .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))!important;
  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.5),rgba(0,0,0,0.1),rgba(0,0,0,0.5))!important;
    background-size: 300% 100%;}
  
@keyframes gradient {
  0% { background-position: 100% 0%; }
  100% { background-position: 0% 0%; }
}
.dummyGameNav{display: flex; align-items: center; gap: 0 2rem; height: 3.5rem; padding: 0 1.5rem;}
.dummyGameNav .dummyText{ margin: 0.5rem 0;}
.dummyProvid .dInput{width: 100%; height: 52px; display: block; border-radius: 0.5rem;}
.bonusDetail ul{border: 1px solid rgba(0, 0, 0, 0.1);}
.bonusDetail li{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 0.5rem;}
.bonusDetail li:last-child{border-bottom: none;}
.match-listing-wrapper .suspendedcontest::after{z-index: 9!important;}
app-low-bal-currency-welcombanner .modal-dialog .close img {  width: 40px!important;  height: 42px!important;  max-width: inherit!important;  display: block;margin-right: -2rem;}
app-low-bal-currency-info-sportbook .popimgcoin, app-low-bal-currency-info .popimgcoin{margin: 3rem 0 0;}
app-low-bal-currency-info-sportbook .modal-dialog .close, app-low-bal-currency-info .modal-dialog .close{position: inherit!important; background: none; padding: 0; right: 15px!important;}
app-low-bal-currency-info-sportbook .modal-dialog .close img, app-low-bal-currency-info .modal-dialog .close img{width: 40px!important; height: 42px!important; max-width: inherit!important; display: block;}
app-low-bal-currency-info-sportbook .boxMain, app-low-bal-currency-info .boxMain{margin: 1rem 0 0;}
.slidecontainer .rangeBox .inBox .slider{ -webkit-appearance:auto}
.needHelp{ width: 11rem; float: right;}
.needHelp a{border-radius: 0.5rem; display: flex; align-items: center; justify-content: space-between; text-decoration: none; gap: 0 0.5rem; background: #39b54a;}
.needHelp a .wText{ padding: 0.5rem 1rem; color: #fff; font-weight: 700;}
.needHelp a .whIcon{width: 2.5rem; height: 2.5rem; display: flex; justify-content: center; align-items: center; border-radius: 0.5rem; background: #32d751; color: #fff;}
.needHelp a .whIcon .fa{display: block; font-size: 1.8rem;}
.qrCode{text-transform: uppercase;}
.bonusCell span{padding: 0 0.5rem; border-left: 1px solid #000;}
.bonusCell span:first-child{border-left: none; padding-left: 0;}

/* css for tamil */
.tamil .profileRow .accountTabs li { padding: 0.75rem 0.5rem; }
.tamil .fliterRow .form-control { padding-right: 4rem; font-size: 0.85rem; }
.tamil .right-card-box.stake-box li { padding: 3px 5px; }
.tamil .right-card-box.stake-box li h6 { font-size: 11px; }
.tamil .needHelp a .wText, .telugu .needHelp a .wText, .kannada .needHelp a .wText, .marathi .needHelp a .wText, .gujarati .needHelp a .wText { padding: 0.5rem 0.6rem; font-size: 0.66rem; }
.tamil .loyaltyBox .btn { font-size: 0.9rem; }


.betSlipBox .slipHead .runerText:nth-child(3) .runerName {bottom: 0.094rem; line-height: .5rem;  overflow: hidden; text-overflow: ellipsis;   display: -webkit-box;  -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} /* FANCY ODDS TEXT OVERLAP IF 2 LINE */
.betSlipBox .slipHead .runerText:nth-child(2) .runerName {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; line-height: 0.719rem;}

.market-card-preloader .sportIcon {width: 1.5rem; height: 1.5rem;  border-radius: 50%; margin-bottom: .25rem;}
.market-card-preloader .marketNameBox > .bganimation {width: 35%; height: 1rem; border-radius: 1rem;}
.main-preloaderdiv .marketList {width: calc(33.33% - .85%);}
.main-preloaderdiv.marketoddRow .bganimation.secTitle { height: 1rem; width: 8%; border-radius: 1rem;  margin-top: 1rem;}
.main-preloaderdiv.marketoddRow .dummyswiperbtn { padding-right: 2.5rem;}
.main-preloaderdiv .dummyswiperbtn > span.bganimation { width: 2.8rem; height: 2.8rem; display: inline-block;  border-radius: 0.5rem;}
.main-preloaderdiv .dummyswiperbtn > span.bganimation:last-child{margin-left: .65rem;}
div.whatsappBar.d11Multictic {bottom: 22% !important;}
.telegramBar.d11Multictic {top: 65% !important;}

@media(max-width:1899px) {
  .faqHeading::after{width: 68%;}
  .game-carousel .gameBox img{min-height: 260px;}
}
@media(max-width:1799px) {
  .game-carousel .gameBox img{min-height: 245px;}
}
@media(max-width:1699px) {
  html{font-size: 14px;}
  .game-carousel .gameBox img{min-height: 200px;}
  .langHeader .form-control.select-arrow{background-position: 110% 0.9rem;}
  .without-announcment .eventMain{height: calc(100dvh - 9.8rem)!important;}
  .without-announcment .betSlipBox{top:9.2rem; height: calc(100dvh - 9.2em)!important;}
  .betSlipBox{top: 11.3rem; height: calc(100dvh - 11.3rem)!important;}
  .eventMain{height: calc(100dvh - 11.9em);}
  .casinoList .gameBox{width: 12.8%;}
  .dummyBox ul li{width: 12.8%;}
  .ptext {margin: 0 1rem;}
  ngx-datatable datatable-header datatable-header-cell {padding: 0.825rem 0.75rem 0.825rem 0.75rem;}
  .sportscardRow .sportHeading::before{height: 9px;}
  .sportscardRow .sportHeading::after{height: 9px; bottom: -9px;}
  .gujarati .langHeader .form-control, .kannada .langHeader .form-control, .marathi .langHeader .form-control {min-width: 9rem;}
  .telugu .searchCell .btn-primary, .marathi .searchCell .btn-primary, .gujarati .searchCell .btn-primary {min-width: 4.5rem;}
  /* .betSlipBox .slipHead .runerText:nth-child(3) .runerName {line-height: 0.625rem; bottom: 0.313rem;} */
  .bannerRow .carousel-indicators{height: 120px;}
  .main-preloaderdiv .marketList { width: calc(33.33% - 1%);}
  div.whatsappBar.d11Multictic { bottom: 23% !important;}
.telegramBar.d11Multictic { top: 63% !important;}

}
@media (max-width:1600px) {
  /* .bannerRow .carousel-indicators{height: 54.5%;} */
  .telegramBar.d11Multictic {top: 56% !important;}
  div.whatsappBar.d11Multictic {bottom: 27% !important;}
}
@media(max-width:1540px){
  .betSlipBox .slipHead .runerText:nth-child(3) .runerName {line-height: .55rem;}
}

@media(max-width:1499px) {
  html{font-size: 12px;}
  .game-carousel .gameBox img{min-height: 190px;}
  .without-announcment .betSlipBox{top:10rem}
  .betSlipBox{top: 12rem; height: calc(100dvh - 12rem);}
  /* .eventMain{height: calc(100dvh - 11.9em);} */
  ngx-datatable datatable-header datatable-header-cell {padding:1rem 0.75rem 1rem 0.75rem;}
  .searchCell{top:0.5rem}
  .betSlipBox .slipHead .runerText:nth-child(3) .runerName, .betSlipBox .slipHead .runerText:nth-child(4) .runerName{left: 88px; bottom: 4px;}
  .proName .usericon {width: 1.75rem;  height: 1.75rem;}
  .gujarati .langHeader .form-control, .kannada .langHeader .form-control, .marathi .langHeader .form-control {min-width: 9.25rem;}
  /* .betSlipBox .slipHead .runerText:nth-child(3) .runerName { bottom: .6rem;line-height: 0.625rem; width: 43%;} */
  .bannerRow .carousel-indicators{height: 102px;}
  .filterTabs .tabLink{padding: 0.6rem 0.5rem;}
}
@media(max-width:1399px){
  .game-carousel .gameBox img{min-height: 180px;}
  /* .bannerRow .carousel-indicators{height: 54%;} */
  .telegramBar.d11Multictic {top: 48% !important;}
  div.whatsappBar.d11Multictic {bottom: 33% !important;}
}
@media(max-width:1299px){
  .game-carousel .gameBox img{min-height: 130px;}
  ngx-datatable datatable-body{height: calc(100dvh - 315px)!important;}
  .withoutTabs ngx-datatable datatable-body{height: calc(100dvh - 266px)!important;}
  .noPager-noFilter ngx-datatable datatable-body {height: calc(100dvh - 215px) !important;}
  .bannerRow .carousel-indicators{height: 66px;}
}
@media(max-width:1199px) {
  html{font-size: 10px;}
  ngx-datatable datatable-header datatable-header-cell {padding: 1.125rem 0.75rem 1.125rem 0.75rem;}
  .searchCell{top:1rem}
  .bannerRow .carousel-indicators{height: 56px;}
}
.w3-green{background-color: green;}
.w3-red{background-color: red;}

.liveMch::after{color: red!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: 0 1.5rem; border-radius: 0.5rem; min-height: 3.125rem; font: 600 1.25rem/1.5rem var(--font); text-transform: uppercase; background:var(--loginBtn); 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);}
.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 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: 170px; 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{margin:0 0 2rem; border-bottom: 1.5px solid rgba(0, 0, 0, 0.2);}
.premiumRow h2{font:700 1.125rem/1rem var(--font); margin:1rem 0 0.5rem 0.625rem;}
.premiumRow .runnerName{opacity: inherit!important;}
.premiumRow .oddMin{opacity: inherit!important;}
.premiumRow .runnerOdds li{width: 33%!important;}
.fancyList.premiumRow .suspended{width: 100%;}
/* app-social-icon .whatsapp-CTA{display: none!important;} */
.forcetopassIsssue{z-index: 1050!important;}
  


.acceptChange {text-align: right; padding: 0 0.75rem; margin: 0.188rem 0 0;}
.acceptChange .acText{background: #ffed95;width: 100%; display: block; padding: 0.313rem; text-align: center; margin: 0.313rem 0;}
.acceptChange .accBtn{background:#00c231; color: #fff; margin-top: 0.313rem; float: right;}
.disabledbtn{opacity: 0.3!important;}
.disabledbtn:hover{opacity: 0.3!important;}
app-low-bal-currency-info .modal{z-index: 1111!important;}
.pokerVirtual{background: #000; width: 100%!important; padding: 0 20%;}   
@media (max-width: 1399px) {
  .pokerVirtual{padding: 0 30%;}
  .sideMenu .game-option ul.menu li a.base-c sup { top: 0.3rem; }
  .english .sideMenu .game-option ul.menu li a .text-limit { width: 7rem; }
  .sideMenu .game-option ul.menu li a .text-limit { width: 6rem; }
  .tamil .small-card-footer h6 { font-size: 9px; }
  .tamil .loyaltyBox .btn { font-size: 0.75rem; }
  .withdraw-section .add-bank .column .link { font-size: 1rem; }
}
@media (max-width: 1024px) {
  .pokerVirtual{width: 100%!important;}
} 
#fc_frame, #fc_frame.fc-widget-normal{bottom: 100px!important;}
.whatsapp-CTA{position: fixed; right: 20px; bottom: 20px; z-index: 101;  display: flex; justify-content: space-between; align-items: center;}
.whatsapp-CTA .wt-text{display: none; align-items: center; padding:0.25rem 5.188rem 0.188rem 0.938rem;  height: 3rem; background: #009834; border-radius: 1.875rem; width: 15.125rem; color: #fff; transition: all 0.8s; right: 0; position: absolute; font: 600 .75rem / 1rem var(--font); }
.whatsapp-CTA a{color: #fff; z-index: 99; text-decoration: none; font-weight: 500;}
.whatsapp-CTA .fa{background: #009834; border-radius: 50%; height: 58px; line-height: 58px; font-size: 68px; }
.whatsapp-CTA .hideTextwt{opacity: 0; padding-left: 0.938rem; }
.tamil .whatsapp-CTA a strong, .kannada .whatsapp-CTA a strong { font-size: 65%; line-height: 1.5; display: inline-block; }
.whatsapp-CTA.telegramIcon > a i { color: #00a4e0;  font-size: 59px;   background: none;} 
.whatsapp-CTA.telegramIcon {width:58px; height:58px; border-radius: 50%;  background: #fff; bottom:192px;}

app-d11-faq h1, app-d11-faq p, app-d11-faq h2, app-d11-faq h3, app-live-casino-url h1, app-live-casino-url h2, app-live-casino-url h3 { color: #fff; }
.footerFAQMT, app-d11-live-casino .aboutRow, app-virtual-sports .aboutRow{ margin-top: 3rem; }
.footerMoreBtn.btn {background: var(--loginBtn) !important; border-color: var(--loginBtn) !important;  font: 600 1.25rem / 1.5rem var(--font);  min-height: 3.125rem;  padding: 0rem 1rem !important;  margin-top: 1rem;  text-transform: uppercase;  color: #fff !important;}
.footerFAQMT h1 {font: 600 1.75rem / 2.25rem var(--font);}
.footerFAQMT h2{font: 600 1.5rem / 2.25rem var(--font);}
.footerFAQUL {list-style: disc; margin-left: 1rem;  color: #fff;}


/* ========= BALL BY BALL CSS START ========= */

.embed-responsive{border-radius: 0.313rem 0.313rem 0 0;}
.info-icon {position: absolute; z-index: 11; right: 1rem;  top: .5rem;  cursor: pointer;  font-size: 1.125rem;}
.info-icon .fa.fa-info-circle{color: #000!important;}
.ballByBallMain .streamingRow { position: sticky; z-index: 90; top: 0; padding: 0.8rem 0; background: #fffff8;}
.ballByBallMain {background: #fffff8 !important; margin-left: -2.22%;  position: relative;}
.dummyEventMain .ballBanner{position:relative;}
.ballBanner{position:absolute; top:0; border-radius: 0.313rem 0.313rem 0 0; width: 100%; height: 100%; overflow: hidden; border: 0.063rem solid rgb(0, 0, 0, .2); border-bottom: 0;}
.ballBanner img{width: 100%;}
.ballBanner .scoreBall{position: absolute; z-index: 999; width: 6.25rem; height: 6.25rem; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.ballBanner .scoreBall img{max-width: 100%;}
.eventTextLabelPre.bganimation2 {height: .75rem;   border-radius: 0.625rem;  width: 30%;}
.ballBanner .scoreBall .scoreRes{color: #fff; position: absolute; text-align: center; font-size: 1.625rem; font-weight: 600; width: 6.25rem; height: 6.25rem; display: flex; justify-content: center;  align-items: center;}
.roundId {width: 100%; padding: 0.313rem 0.625rem;  margin: 0;  border-radius: 0 0 0.313rem 0.313rem;  background: var(--darkBg);  color: var(--white-color);  font: 600 0.875rem / 1.625rem var(--font);  min-height: 2.5rem;  display: flex;  align-items: center;}
.lastResult{width: 100%; margin: 0 0 1rem;}
.ballByBall .modal-body h4 {font: 600 1.25rem / 1.625rem var(--font);}
.lastResult .headingText { text-transform: uppercase;  display: flex;  align-items: center;  min-height: 2.25rem;  padding: 0.5rem 0.625rem;  border-radius: 0.675rem 0.675rem 0 0;  background: var(--darkBg);  color: var(--white-color);  font: 600 1rem / 1rem var(--font); position: relative;}
.lastResult ul{display: flex; flex-wrap: wrap; gap: 0.5rem;}
.lastResult li{width: 8.2%; height: 2.188rem; background: #000; cursor: pointer; color: #fff; font-weight: 600; font-size: 0.875rem; border-radius: 0.313rem; padding: 0.313rem; display: flex; justify-content: center; align-items: center;}
.centermmbox .lastResult li{width: 8.2%;}
.ballByRow{padding: 0 0 1rem;}
div#ballbyballRules .modal-dialog {max-width: 40.5rem;}
.ballByRow ul{display: flex; flex-wrap: wrap; gap:0.625rem; margin-top: 1rem;}
.ballByRow li { width: 32.6%; display: flex; justify-content: space-between;  align-items: center; border-radius: 0.313rem;  background: #fff;  padding: 0.313rem 0.625rem;border: 1px solid rgba(0, 0, 0, 0.2);  position: relative;}
.ballByRow h4{ color: #000; margin: 0; font: 700 0.875rem / 1.125rem var(--font);}
.ballByRow h4 > span{display: flex; gap: 0 0.313rem;font-size: 0.75rem; font-weight: 600; margin: 0.188rem 0 0;}
.ballByRow .oddsBox{display: flex; align-items: center; gap:0 0.625rem; position: relative; width: 50%;}
.ballByRow .ballOdds {background: #8ec5fe;  cursor: pointer; padding: 0.188rem; width: 4.922rem;color: #000;display: flex; justify-content: center; align-items: center; height: 2.625rem; border-radius: 0.5rem; font: 700 0.875rem / 1rem var(--font);}
.ballByRow .minMaxCell{width: 45%;height: 2.188rem; display: flex; justify-content: center; flex-direction: column; }
.ballByRow .minMaxCell > span{display: block; font-size: 0.75rem; line-height: 1rem;  font-weight: 500;  color: rgba(0, 0, 0, 0.5);}
.ballByRow .suspended { height: 100%; left: 0;  border-radius: 0.313rem;}
.timerBox {position: absolute; width: 100px; height: 100px; left: 1.25rem; top:1.25rem}  
.timerBox .circle {width: 100%; height: 100%; background: #fff; border: 0.625rem solid #ddd; border-top: 0.625rem solid #4caf50; border-radius: 50%; animation: countdown 15s linear infinite;}
.timerBox .half-time {border-top: 0.625rem solid #ff5722; /* Change the color after half time */}  
.timerBox .countdown {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2em; font-weight: bold; color: #333;}
.no-animation {animation: none;}
#ballbyball .modal-header{display: flex; justify-content: space-between;}
#ballbyball .modal-body{padding: 0; background: #000;}
#ballbyball .embed-responsive{border-radius:0;}
#ballbyball .modal-footer p{margin: 0 auto; font: 600 0.875rem / 1.625rem var(--font);}
div#ballbyball .modal-title {text-align: center;}
.ballByBall ul {margin: 0 0 .5rem;}
.ballByBall .modal-header {display: inline-block;}
@keyframes countdown {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
  }

.ballVideoBox{position: relative;} 
#videoFrame{position: absolute; z-index: 8;top: 0;}
video#videoFrame{width: 100%!important; height: 100%!important; background: #000;}
.remainingRow{background: #F2F3F7; border: 1px solid rgb(0, 0, 0, .2); padding:8px; width: 100%; display: flex; align-items: center; gap: 0 15px; }
.remainingRow h6{margin: 0; font-weight: 600;}
.remainingRow ul{display: flex; flex-wrap: wrap; gap: 2px;}
.remainingRow li{width: 25px; height: 25px; background: #000; border-radius: 50%; color: #fff; display: flex; justify-content: center; align-items: center;}
.remainingRow li span{font-size: 12px; line-height: 26px;}
.listnone ul{list-style: none;}
.dummyEventMain .ballBanner{padding-bottom: 62.25%; background:rgba(0,0,0,0.2); border-radius: 0.313rem; border-color:transparent;}
.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%;}
      }

#freespin-reload-modal .modal-dialog.modal-dialog-centered.modal-sm.reloadModal{max-width: 420px!important;}
.reloadModal .btn.btn-warning{padding: 0.75rem 1.125rem!important; font-size: 1rem; border-radius: 0.5rem;}

@media(max-width:1650px){
  .ballByRow .minMaxCell span {font-size: 66%;}
}      

@media(max-width:1534px){
  .ballByRow li { padding: 0.313rem 0.5rem;}
  .ballByRow .minMaxCell span {font-size: 63%;}
}

@media(max-width:1499px){
  .ballByRow .minMaxCell span {font-size: 75%;}
}

@media(max-width:1399px){
  .ballByRow .minMaxCell span {font-size: 68%;}
  .ballByRow ul {gap: .5rem;}
  .ballByRow li {width: 31.8%;}
}
      
@media (max-width:1299px) {
  .lastResult li{width: 17.8%;}
  .ballByRow .minMaxCell span {font-size: 65%;}
  
}      
.Paradiseexch_20230918 .loginModal .loginLogo img {
  height: 200% !important;
}

.Paradiseexch_20230918 .logoCol img {
  height: 149% !important;
  object-fit: contain;
}

.luckyFooter{
  color: #ffff; 
}
.luckyFooter a{
  color: #ffff;
}

.luckyFooter .gamblogoRow span {padding: 0 .25rem;}
.footer_apkDownload {padding-top: .5rem;}
.luckyFooter .gambLogos p {text-transform: uppercase;  font: 400 1.125rem / 1.625rem var(--font);}
.luckyFooter .gamblogoRow span > img {height: 1.5rem !important;}
.footer_apkDownload img {max-width: 70%;}



.footerSocialLInk a {font:600 1.6rem / 1.375rem var(--font); text-decoration: none; margin: 1.5rem .5rem 0; width: 3rem;height: 3rem; border-radius: 50%;    display: flex; justify-content: center;  align-items: center; color: #fff;}
.footerSocialLInk .facebookBar a {background: #354d93;}
.footerSocialLInk .telegramBar a {background: #00a4e0; color: #000;}
.footerSocialLInk .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%);}
.footerSocialLInk .telegramBar a .fa::before {content: "\f3fe"; font-family: "Font Awesome 5 Brands";}




.providerCol.liveCasino {min-height: 9.75rem;}
.profileSec .expanddiv > .stepper > .nav-tabs > li > .persistant-disabled {pointer-events: none;}
.luckyFooter {padding-top: 3.5rem;}
.luckyFooter .descriptText {color: rgba(255, 255, 255, 0.5);font: 400 1.125rem / 1.625rem var(--font);}
.luckyFooter ul li a {font: 600 1.125rem / 1.25rem var(--font); color: var(--white-color) !important; text-decoration: none;  margin: 0 0 1.5rem;  display: inline-block;}
.prctage{gap: 0 0.5rem;}
.prctage .eName{flex:auto; width: auto!important;}
.prctage .perValue{line-height: 14px;}
/* .match_box .input-listing{height: 130px; overflow: auto;} */

.bookmakerheading1 {background: var(--darkBg); color: var(--white-color); min-height: 2.25rem; margin: 0 0 1rem; padding: 0.5rem 0.625rem; font:600 1rem / 1rem var(--font); display:block; border-radius: 0.675rem 0.675rem 0 0;}
.ball-bookMaker{margin: 1rem 0 0;}
.ball-bookMaker .bookHead{background: var(--darkBg); display: flex; justify-content: space-between; align-items: center; min-height: 2.25rem; padding: 0.5rem 0.625rem; border-radius: 0.675rem 0.675rem 0 0;}
.ball-bookMaker .bookHead h3{flex: 0 0 50%; font:600 1rem / 1rem var(--font); margin: 0; color: var(--white-color);}
.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 50%;}
.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 50%; gap: 0 0.313rem; display: flex; justify-content: center; align-items:center; position: relative;}
.ball-bookMaker .bookOddvalue li{flex: 0 0 15.9%; 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:500 1rem/1rem 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;}

.freeSpin .modal-header{background: none!important; border: none!important;}
.freeSpin .modal-header .close{font-size: 1.875rem; font-weight: normal;}
.freeSpin .modal-header .close span{color: #000; font-size: 1.875rem;}
.freeSpin .free-spin-img{width: 100px; margin: 0 auto; position: relative; top: -1.25rem;}
.freeSpin .free-spin-img img{max-width: 100%; height: auto;}
.freeSpin .modal-body{text-align: center; overflow: visible;}
.freeSpin .modal-body h2{font-size: 1.5rem; color:#f1c006; margin: 0 0 0.625rem;}
.freeSpin .modal-body h5{font-size: 0.875; line-height: 1.375rem; color: #000; font-weight: 400; margin: 0 0.625rem 0.375rem;}
.freeSpin .modal-body .btn{padding: 0.5rem 1.5rem; font-weight: 600; margin:1.25rem auto; font-size: 0.875; line-height: 1.25rem;}
.freeSpin .modal-dialog{height: 100dvh!important; width: 420px; margin:  auto!important; align-content: center;}
@media(max-width:420px) {
  .freeSpin .modal-dialog{width: 94%;}
}

.Bullet247_20230933 .logoCol img {
  height: 174% !important;
}

.Bullet247_20230933 .loginModal .loginLogo img {
  height: 211% !important;
}
.Bullet247_20230933 .loginModal .loginLogo img {
  height: 160% !important;
}
.Playeasy_20230937 .logoCol img {
  height: 164% !important;
  object-fit: contain;
}
.Playeasy_20230937 .loginModal .loginLogo img {
  height: 182% !important;
}
.Iccwins_20230940 .logoCol img {
  height: 127% !important;
  object-fit: contain;
}
.Iccwins_20230940 .loginModal .loginLogo img {
  height: 150% !important;
}
.Casinoexch247_20230948 .logoCol img {
  height: 174% !important;
}
.Casinoexch247_20230948 .loginModal .loginLogo img {
  height: 211% !important;
}
.Casinoexch247_20230948 .loginModal .loginLogo img {
  height: 160% !important;
}
.Kismatwin_20230952 .logoCol img {
  height: 174% !important;
}
.Kismatwin_20230952 .loginModal .loginLogo img {
  height: 211% !important;
}
.Kismatwin_20230952 .loginModal .loginLogo img {
  height: 160% !important;
}
div#sessionCheck .modal-content.popimgcoin h4 {
  text-align: center;
}
.Kismatwin_20230952 .footLogo h4 {
  display: none;
}

.dummyEventMain .bookHead {min-height: 2.25rem; background: rgba(0, 0, 0, 0.2); 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{height: .75rem; border-radius: 0.625rem; width: 20%;}
.Gapexchange247_20230962 .logoCol img {
  height: 174% !important;
}
.Gapexchange247_20230962 .loginModal .loginLogo img {
  height: 160% !important;
}
.Gapexchange247_20230962 .footLogo h4 {
  display: none;
}
/* .Dream9win_20230966 .logoCol img {
  height: 168% !important;
  object-fit: contain;
}
.Dream9win_20230966 .loginModal .loginLogo img {
  height: 180% !important;
} */
.Betnplay_20230967 .logoCol img {
  height: 173% !important;
  object-fit: contain;
}
.Betnplay_20230967 .loginModal .loginLogo img {
  height: 190% !important;
}
.Betwickets_20230969 .loginModal .loginLogo img {
  height: 166% !important;
}

.Betwickets_20230969 .logoCol img {
  height: 147% !important;
  object-fit: contain;
}
@keyframes smooth-blink {0%, 100% {opacity: 1;}  50% {opacity: 0;}} 




.blink-animate {animation: smooth-blink 1.25s infinite;}
.Dollarbet24_20230977 .loginModal .loginLogo img {
  height: 141% !important;
}
app-d11-menu-list app-d11-list app-social-link .telegramBar{
  display: none;
}
.vidIcon{padding: .25rem .5rem!important; display: inline-flex; align-items: center; margin:-2px 0 0 5px!important; font-size: 0.75rem; border: 1px solid rgba(0, 0, 0, .2); color: rgba(0, 0, 0, .2); background: none; border-radius: 3px;}
.vidIcon:hover{border: 1px solid var(--secondary); color:var(--secondary)!important;}
.rolling-modal .modal-body {max-height: calc(100dvh - 11rem); overflow-y: auto;}
.\38 wickets_20230983 .logoCol img {
  height: 132% !important;
}
.\38 wickets_20230983 .loginModal .loginLogo img {
  height: 179% !important;
}
.Rajarani777_20230986 .logoCol img {
  height: 118% !important;
}
.Rajarani777_20230986 .loginModal .loginLogo img {
  height: 160% !important;
}
.Playzone555_20230987 .logoCol img {
  height: 113% !important;
}
.Playzone555_20230987 .loginModal .loginLogo img {
  height: 141% !important;
}
.Khelobaazi_20230990 .logoCol img {
  height: 147% !important;
  object-fit: contain;
}
.Khelobaazi_20230990 .loginModal .loginLogo img {
  height: 206% !important;
}
.Bigjocky_20230991 .logoCol img {
  height: 118% !important;
}
.Bigjocky_20230991 .loginModal .loginLogo img {
  height: 185% !important;
}
.\10xjeeto_20230992 .logoCol img {
  height: 127% !important;
  object-fit: contain;
}
.\10xjeeto_20230992 .loginModal .loginLogo img {
  height: 147% !important;
}