@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

/*--------------------------------------------------------------------------------------*/
/*General-Css-Here
/*--------------------------------------------------------------------------------------*/

:root {
  --bg:#020103;
  --black:#000;
  --white:#fff;  
  --p:#D0D0D0;
  --blue:#0098FF;
}

*{margin: 0; padding: 0; box-sizing: border-box;} 
body,html{font-size: 16px; color:var(--black); font-family: "Sora", serif; font-weight: 400; font-style: normal; box-sizing: border-box;}
body{background: var(--bg); overflow-x: hidden;}
html{scroll-padding-top: 10rem;}
a{text-decoration: none; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; color:var(--sky-blue);}
button{transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
ul{margin: 0; padding: 0; list-style: none;}
a[disabled]{opacity: 0.5; pointer-events: none;}
img{max-width: 100%;}
.paddTop0{padding-top: 0 !important;}
.btn-group-box .btn{margin-right: 15px;}
.btn-group-box .btn:last-child{margin-right: 0;}
.section-padding{padding:70px 0px;
  @media only screen and (max-width: 1280px) {
    padding: 40px 0px;
  }
  @media only screen and (max-width: 768px) {
   padding: 30px 0px;
  }
}
.white{color: var(--white);}
.btn{padding:8px 25px; font-size: 15px; font-weight: 600; border: 1px solid rgba(255, 255, 255, 0.25); border-radius:50px; color: var(--white); background:var(--blue); position: relative; margin:8px; min-width: 120px; text-align: center; box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.8); box-shadow: inset 0px 0px 6px color(display-p3 1.000 1.000 1.000 / 0.8);}
.btn:before{content: ""; border: 1px solid rgba(255, 255, 255, 0.18); position: absolute; left: -8px; top: -8px; right: -8px; bottom:-8px; border-radius: 80px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.btn:hover{background: var(--blue); color: var(--white);}
.btn.dark-btn{background: #003651; background: color(display-p3 0.059 0.208 0.310); border: 1px solid rgba(255, 255, 255, 0.25); border: 1px solid color(display-p3 1.000 1.000 1.000 / 0.25); box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.8); box-shadow: inset 0px 0px 6px color(display-p3 1.000 1.000 1.000 / 0.8);}
.black-btn{height: 44px; line-height: 42px; padding:0px 25px; font-size: 15px; font-weight: 700; border: none; border-radius:50px; color: var(--white); background:var(--black);}
.border-btn{height: 44px; line-height: 42px; padding:0px 25px; font-size: 15px; font-weight: 700; border:solid 1px var(--orange); display: inline-block; border-radius:50px; color: var(--orange);}

.btn.check-btn{background: #2F404B; box-shadow: none; border: none; padding: 10px 15px;}
.btn.check-btn i{font-size: 24px;}
.btn.check-btn:before{content: none;}


h1 { font-size:34px; }
h2 { font-size:28px }
h3 { font-size:26px; }
h4 { font-size:24px; }
h5 { font-size:20px; }
h6 { font-size:18px; }

p{color: var(--p); font-size: 16px; line-height: 28px;
  @media only screen and (max-width: 570px) {
    font-size: 16px;
    line-height: 24px;
   }
}

.transform-scale-07{transform: scale(0.7);}
.transform-scale-08{transform: scale(0.8);}
.transform-scale-09{transform: scale(0.9);}
.transform-scale-1{transform: scale(1);}
.transform-scale-1-1{transform: scale(1.1);}
.transform-scale-1-2{transform: scale(1.2);}
.transform-scale-1-3{transform: scale(1.3);}
.transform-scale-1-4{transform: scale(1.4);}
.transform-scale-1-5{transform: scale(1.5);}
.mr-bot0{margin-bottom: 0 !important;}
.border0{border: none !important;}
.padd-left-35{padding-left: 35px;}
.mar-top50{margin-top: 50px;}
.mar-bot50{margin-bottom: 50px;}
.mar-top80{margin-top: 80px;}
.mar-left-right50{margin-left: 50px; margin-right:50px;}
.mar-left-right80{margin-left: 80px; margin-right:80px;}
.mar-top-bottom50{margin-top: 50px; margin-bottom:50px;}
.mar-top-bottom30{margin-top: 30px; margin-bottom:30px;}
.padd-top-bottom50{padding-top: 50px; padding-bottom:50px;}
.mr-left-right45{margin-left: 45px; margin-right: 45px;}
.padd0{padding: 0 !important;}
.mr0{margin: 0 !important;}
.ml-auto{margin-left: auto;}
.mr-auto{margin-right: auto;}
.m-inherit{margin: inherit !important;}

.padd-top89{padding-top: 89px !important;}
hr{margin: 25px 0px;}
.padd20{padding: 20px;}
.padd30{padding: 30px;}
.padd-bot0{padding-bottom: 0;}
.padd-top0{padding-top: 0;}
.ml-50{margin-left: 50px}
.white-bg{background:var(--white); border: 1px solid var(--border); border-radius: 30px;}
.light-bg{background: var(--white) !important;}
.marTop40{margin-top: 40px;}
.marTop15{margin-top: 15px;}

.form-check label{font-size: 14px; color: var(--white); padding-left: 0px;}
.form-check-input{background-color:rgba(255, 255, 255, 0.08); border:none;}
.form-check-input:checked{background-color: var(--blue); border: 3px solid var(--blue);}
.site-bg{padding-top:102px;}
.form-switch .form-check-input{width: 55px; height: 28px;}

/*--------------------------------------------------------------------------------------*/
/*header-css-here
/*--------------------------------------------------------------------------------------*/

header{position: fixed; left: 0; top: 0; width: 100%; z-index: 99; padding: 15px 0px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.header-inner{display: flex; align-items: center; justify-content: space-between;}
.navbar ul li a{color: var(--white); font-size: 15px; font-weight: 600;}
.navbar ul li a.active{color: var(--white) !important;}
.navbar ul li a:hover,.navbar ul li a:focus{color: var(--blue);}
.head-right-box{margin-left: 50px; display:flex; align-items: center; justify-content: space-between;}
.language-box .dropdown-toggle{background: #0E1E26; background: color(display-p3 0.071 0.114 0.145); border: 1px solid #304554; border: 1px solid color(display-p3 0.188 0.271 0.329); border-radius: 10px; padding: 8px 15px; display: flex; align-items: center;}  
.language-box .dropdown-toggle i{margin-right: 10px;}
.language-box .dropdown-menu{border: none; border-radius: 10px;}
.language-box .dropdown-toggle:after{background: url(/images/arrow.png) no-repeat; width: 18px; height: 19px; border: none;}
.language-box .dropdown-toggle span{font-size: 15px; color: var(--white); font-weight: 500; margin-right: 8px;}
.dropdown-menu li a{color: var(--white); font-weight: 500; font-size: 14px; padding: 10px 0px; display:block;}
.dropdown-menu li a:hover{background: transparent;}

.wallet-box{margin-right: 15px;}
.wallet-box a{display:flex; align-items: center; gap: 10px; background: #003651; border: 1px solid var(--blue); border-radius: 10px; padding: 8px 15px; font-size: 15px; color: var(--white) !important; font-weight: 600;}
.wallet-box a i{font-size: 22px;}






.language-box{margin-right: 15px;}
.fixed header{background: var(--bg); padding: 10px 0px;}
.after-login-box a{padding: 0px; width: 28px; min-width: 10px; display: flex; align-items: center; justify-content: center; height: 28px;}
.after-login-box a i{font-size: 24px;}
.profile-image img{width: 26px; height: 26px; object-fit: cover; border-radius: 50px;}
.profile-box .dropdown-menu{right: 0; left: auto; text-align: left;} 
.profile-box .dropdown-menu a{width: auto; height: auto; display: block;}

.win-loss-box{margin-bottom: 15px;}
.win-loss-box ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-bottom: 15px;}
.win-loss-des{background: linear-gradient(203.51deg, rgba(0, 155, 255, 0.2622) 1.76%, rgba(2, 1, 3, 0) 100.65%); background: linear-gradient(203.51deg, color(display-p3 0.000 0.596 1.000 / 0.2622) 1.76%, color(display-p3 0.008 0.004 0.012 / 0) 100.65%); border: 1px solid rgba(255, 255, 255, 0.18); border: 1px solid color(display-p3 1.000 1.000 1.000 / 0.18); border-radius: 10px; padding: 10px 5px; text-align: center;}
.win-loss-des h5{font-size: 14px; font-weight: bold; background: linear-gradient(180deg, #FFFFFF -126.91%, #009BFF 86.7%); background: linear-gradient(180deg, color(display-p3 1.000 1.000 1.000) -126.91%, color(display-p3 0.000 0.596 1.000) 86.7%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.win-loss-des p{margin: 0; font-size: 14px; color: var(--p);}




/*--------------------------------------------------------------------------------------*/
/*home-page-css-here
/*--------------------------------------------------------------------------------------*/


.performers-surprises-section{position:relative; z-index: 1; background: url(/images/top-right-shape.png) no-repeat right top,url(/images/top-left-shape.png) no-repeat left 0px; min-height:800px; padding-top: 160px; padding-bottom: 100px; margin-top: -102px;}
.performers-surprises-head h2{background: linear-gradient(174.15deg, #FFFFFF 23.41%, #009BFF 91.14%); background: linear-gradient(174.15deg, color(display-p3 1.000 1.000 1.000) 23.41%, color(display-p3 0.000 0.596 1.000) 91.14%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-size: 80px; font-weight: 600; line-height: 98px; text-align: center;}
.google-play-app-store-btn{margin-top: 30px;}
.app-screen-images{text-align: center; margin-top: 60px;}
.passionate-about-box{background: linear-gradient(270deg, #020103 0%, rgba(2, 1, 3, 0) 47.85%, #020103 100%); background: linear-gradient(270deg, color(display-p3 0.008 0.004 0.012) 0%, color(display-p3 0.008 0.004 0.012 / 0) 47.85%, color(display-p3 0.008 0.004 0.012) 100%); filter: drop-shadow(0px -24px 70px rgba(0, 155, 255, 0.25)) drop-shadow(0px -19px 70px rgba(0, 155, 255, 0.4)); filter: drop-shadow(0px -24px 70px color(display-p3 0.000 0.596 1.000 / 0.25)) drop-shadow(0px -19px 70px color(display-p3 0.000 0.596 1.000 / 0.4)); border-radius: 50px; padding: 20px 20px 0px 20px;}
.passionate-about-box-inner{min-height: 500px; background: linear-gradient(180deg, #010F18 0%, #060209 100%); background: linear-gradient(180deg, color(display-p3 0.016 0.059 0.090) 0%, color(display-p3 0.020 0.008 0.031) 100%); border-radius: 45px; padding:80px 30px 30px 30px;}
.section-head{text-align: center; margin-bottom: 50px;}
.section-title span{display: inline-block; padding: 10px 25px; font-size: 16px; color: #D0D0D0; background: #062332; background: color(display-p3 0.059 0.137 0.192); border: 0.5px solid #009BFF; border: 0.5px solid color(display-p3 0.000 0.596 1.000); box-shadow: 0px 0px 14px #009BFF; box-shadow: 0px 0px 14px color(display-p3 0.000 0.596 1.000); border-radius: 60px;}
.section-head h2{font-size: 40px; font-weight: 600; margin: 25px 0px; background: linear-gradient(180deg, #FFFFFF -126.91%, #009BFF 86.7%); background: linear-gradient(180deg, color(display-p3 1.000 1.000 1.000) -126.91%, color(display-p3 0.000 0.596 1.000) 86.7%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.banner-image img{width: 100%; border-radius: 20px;}

.how-we-works-section{background: url(/images/left-shape.png) no-repeat left top;}

.how-we-works-section .col-md-4{display: flex;}
.how-we-works-box{width:100%; display: flex; padding: 5px; background: radial-gradient(30.44% 44.33% at 2.95% 100%, rgba(0, 155, 255, 0.75) 0%, #020103 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */; background: radial-gradient(30.44% 44.33% at 2.95% 100%, color(display-p3 0.000 0.596 1.000 / 0.75) 0%, color(display-p3 0.008 0.004 0.012) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */; border-radius: 30px;}
.how-we-works-box-inner{width: 100%; padding: 40px 30px; background: linear-gradient(203.51deg, rgba(0, 155, 255, 0.2622) 1.76%, rgba(2, 1, 3, 0) 100.65%); background: linear-gradient(203.51deg, color(display-p3 0.000 0.596 1.000 / 0.2622) 1.76%, color(display-p3 0.008 0.004 0.012 / 0) 100.65%); backdrop-filter: blur(50px); border-radius: 25px;}
.how-we-works-box figure{margin: 0 auto; text-align: center;}
.how-we-works-box figure img{border-width: 1px 1px 0px 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.2); border-color: color(display-p3 1.000 1.000 1.000 / 0.2); border-radius: 25px 25px 0px 0px; padding: 10px;}
.how-we-works-box figcaption{padding: 25px 0px 0px 0px; text-align: center;}
.how-we-works-box figcaption h3{font-size: 22px; font-weight: 700; color: var(--white); margin-bottom: 10px;}
.how-we-works-box figcaption p{font-size: 15px; color: var(--p); font-weight: 400; margin: 0;}
.sport-strap-section{transform: rotate(-5.2deg); background: #0E1E26; background: color(display-p3 0.071 0.114 0.145); padding: 20px 0px; overflow: hidden; margin: 100px 0px;}
.sport-strap-section ul{display: flex; gap: 10px; align-items: center; justify-content: space-between;}
.sport-strap-section ul li{background: url(/images/dot.png) no-repeat right center; padding-right: 45px; margin-right: 30px;}
.sport-strap-section ul li a{font-size: 59px; color: var(--blue); font-weight: 600;}
.scrolling-container{overflow: hidden;  white-space: nowrap; width: 100%;}
.scrolling-list{display: inline-block; animation: scroll 25s linear infinite;}
@keyframes scroll {
  0% {
      transform: translateX(100%); 
  }
  100% {
      transform: translateX(-100%);
  }
}


.faq-section{background: url(/images/left-shape.png) no-repeat left top;}
.accordion-item{margin-bottom: 30px; border: none; padding: 5px; border-radius: 25px !important; background: radial-gradient(30.44% 44.33% at 2.95% 100%, rgba(0, 155, 255, 0.75) 0%, #020103 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */; background: radial-gradient(30.44% 44.33% at 2.95% 100%, color(display-p3 0.000 0.596 1.000 / 0.75) 0%, color(display-p3 0.008 0.004 0.012) 100%); border-radius: 20px;}
.accordion-item .accordion-button{border: none; font-size: 20px; border-radius: 25px !important; color:var(--white); font-weight: 700; box-shadow: none; background: linear-gradient(203.51deg, rgba(0, 155, 255, 0.2622) 1.76%, rgba(2, 1, 3, 0) 100.65%); background: linear-gradient(203.51deg, color(display-p3 0.000 0.596 1.000 / 0.2622) 1.76%, color(display-p3 0.008 0.004 0.012 / 0) 100.65%); backdrop-filter: blur(50px); border-radius: 25px;}
.accordion-button:after{border: none; width: 14px; height: 10px; content: ""; background: url(/images/arrow01.png) no-repeat !important; background-size: 14px 10px;}
.accordion-button[aria-expanded="true"]:after{transform: rotate(180deg);} 
.accordion-body p{margin: 0;}
.contact-section{background: url(/images/contact-bg.png) no-repeat top center;}
.contact-form-description .section-head{text-align: left; margin-bottom: 30px;}
.contact-info ul li{display: flex; gap: 10px; margin-bottom: 25px;}
.contact-info ul li i{font-size: 24px; color: var(--blue);}
.contact-info ul li span{font-size: 18px; color: var(--white); font-weight: 500;}
.contact-form-box{padding: 50px; max-width: 550px; margin-left: auto; background: linear-gradient(203.51deg, rgba(0, 155, 255, 0.2242) 1.76%, rgba(2, 1, 3, 0) 100.65%); background: linear-gradient(203.51deg, color(display-p3 0.000 0.596 1.000 / 0.2242) 1.76%, color(display-p3 0.008 0.004 0.012 / 0) 100.65%); border: 1px solid #009BFF; border: 1px solid color(display-p3 0.000 0.596 1.000); filter: drop-shadow(0px 1px 34px rgba(0, 155, 255, 0.71)); filter: drop-shadow(0px 1px 34px color(display-p3 0.000 0.596 1.000 / 0.71)); backdrop-filter: blur(70px); border-radius: 25px;}
.form-group{margin-bottom: 15px; position: relative;}
textarea.form-control{height: 100px; border-radius: 16px; padding: 15px; resize: none;}
.form-control,.form-control:focus{box-shadow: none; /*background: url(/images/input-bg01.svg) no-repeat;*/ height: 45px; border-radius: 50px; border: none; padding: 0px 15px; color: #fff; font-size: 14px;
background: linear-gradient(90deg,#0E3956,#011824, #011824, #011824, #011824, #011824, #011824) padding-box, linear-gradient(60deg, #0098FF, #0A2C44) border-box;
border: 1px solid transparent; border-radius: 40px;}
.form-control::placeholder{color: rgba(255, 255, 255, 0.44); color: color(display-p3 1.000 1.000 1.000 / 0.44); opacity: 1 !important;}
textarea.form-control,textarea.form-control:focus{box-shadow: none; background: linear-gradient(90deg,#0E3956,#011824, #011824, #011824, #011824, #011824, #011824) padding-box, linear-gradient(60deg, #0098FF, #0A2C44) border-box; border: 1px solid transparent; height: 114px; border-radius: 16px; padding: 15px 15px; color: #fff; font-size: 14px;}
.form-group label{font-size: 14px; color: #fff; font-weight: 500; margin-bottom: 10px;}
select.form-control,select.form-control:focus{appearance:auto;}
select.form-control option{color: #000;}


/*--------------------------------------------------------------------------------------*/
/*footer-css-here
/*--------------------------------------------------------------------------------------*/

footer{background:url(/images/footer-shape.png) no-repeat center top; padding-bottom:10px !important;}
.footer-top{border-bottom: solid 1px #0F354F; padding-bottom: 30px;}
.footer-logo{margin-bottom: 15px;}
.footer-widget p{font-size: 14px;}
footer h3{font-size: 22px; font-weight: 500; color: var(--blue); margin-bottom: 25px;}
.footer-widget ul{display: grid; grid-template-columns: repeat(2,1fr); gap: 10px;}
.footer-widget ul li a{font-size: 14px; color: var(--p); font-weight: 500;}
.footer-widget ul li a:hover{color: var(--blue);}
.social-widget ul{display: flex; gap: 10px; align-items: center;}
.general-widget{padding-left: 30px;}
.footer-bottom{text-align: center; padding-top: 30px;}
.footer-bottom p{font-size: 14px; color: var(--p); font-weight: 500;}

.responsible-gambling{margin-top: 30px;}
.responsible-gambling h3{margin-bottom: 10px;}


/*--------------------------------------------------------------------------------------*/
/*form-page-css-here
/*--------------------------------------------------------------------------------------*/

.form-page{background: url(/images/form-bg.png) no-repeat left top; min-height: 600px; background-attachment: fixed; background-size: cover;}
.form-page-inner{width: 500px; margin: 0 auto; padding: 5px; background: radial-gradient(30.44% 44.33% at 2.95% 100%, rgba(0, 155, 255, 0.75) 0%, #020103 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */; background: radial-gradient(30.44% 44.33% at 2.95% 100%, color(display-p3 0.000 0.596 1.000 / 0.75) 0%, color(display-p3 0.008 0.004 0.012) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */; border-radius: 30px;}
.form-box{background: linear-gradient(203.51deg, rgba(0, 155, 255, 0.2622) 1.76%, rgba(2, 1, 3, 0) 100.65%); background: linear-gradient(203.51deg, color(display-p3 0.000 0.596 1.000 / 0.2622) 1.76%, color(display-p3 0.008 0.004 0.012 / 0) 100.65%); backdrop-filter: blur(50px); border-radius: 25px; padding: 40px;}
.form-head{text-align: center; margin-bottom: 30px;}
.form-head h2{font-size: 30px; font-weight: 600; margin-bottom: 10px; background: linear-gradient(180deg, #FFFFFF -126.91%, #009BFF 86.7%); background: linear-gradient(180deg, color(display-p3 1.000 1.000 1.000) -126.91%, color(display-p3 0.000 0.596 1.000) 86.7%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.form-head p{font-size: 15px; color: var(--p); font-weight: 400;}
.password-box button{background: none; border: none; position: absolute; right: 15px; top: 35px; color:var(--white); font-size: 30px;}
.password-box .form-control{padding-right: 60px;}
.forgot-password{text-align: center; margin-bottom: 20px;}
.forgot-password a{font-size: 16px; color: var(--blue); font-weight: 600;}
.form-submit-btn .btn{width: 100%;}
.or-box{text-align: center; margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); margin-top: 20px;}
.or-box span{font-size: 16px; color: var(--p); font-weight: 600; position: relative; top: 13px; padding: 0px 15px; background: #020b14;}
.form-social-login{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 30px;}
.form-social-login a{background: rgba(255, 255, 255, 0.08); background: color(display-p3 1.000 1.000 1.000 / 0.08); border-radius: 80px; padding: 10px 20px; display: flex; align-items: center; flex: 1; justify-content: center; gap: 10px; font-size: 22px; color: var(--p); font-weight: 600;}
.form-footer p{margin: 0; text-align: center; margin-top: 30px;}
.form-footer p a{font-size: 16px; color: var(--blue); font-weight: 600;}

.user-profile-box{display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.user-profile-inner{width: 100px; position: relative; height: 100px; border-radius: 50%; background: #020b14; border: 1px solid #009BFF; border: 1px solid color(display-p3 0.000 0.596 1.000); display: flex; align-items: center; justify-content: center;}
.user-profile-img{width: 80px; height: 80px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.user-profile-img img{width: 100%; height: 100%; object-fit: cover;}
.edit-btn{background: none; border: none; position: absolute; right: 0px; bottom: 0px; overflow: hidden;}
.edit-btn input{position: absolute; right: 0px; bottom: 0px; padding: 5px; border-radius: 50%; opacity: 0; cursor: pointer;}
.form-group label a{color: var(--blue); font-weight: 600;}
.modal-content{background: linear-gradient(203.51deg, rgba(0, 155, 255, 0.2622) 1.76%, rgba(2, 1, 3, 0) 100.65%); background: linear-gradient(203.51deg, color(display-p3 0.000 0.596 1.000 / 0.2622) 1.76%, color(display-p3 0.008 0.004 0.012 / 0) 100.65%); backdrop-filter: blur(70px); border-radius: 30px;}
.modal-header{text-align: center; border: none; flex-direction: column;}
.modal-header h5{flex: 1; background: linear-gradient(180deg, #FFFFFF -126.91%, #009BFF 86.7%); background: linear-gradient(180deg, color(display-p3 1.000 1.000 1.000) -126.91%, color(display-p3 0.000 0.596 1.000) 86.7%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-size: 24px; font-weight: 700;}
.modal-header p{margin: 0;}
.btn-close{background: none; box-shadow: none; border: none; position: absolute; right: 20px; top: 20px; color: var(--white); font-size: 24px; font-weight: 700; z-index: 9;}
.btn-close:hover{color: var(--white);}
.radio-list ul li{padding: 5px; background: radial-gradient(30.44% 44.33% at 2.95% 100%, rgba(0, 155, 255, 0.75) 0%, #020103 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */; background: radial-gradient(30.44% 44.33% at 2.95% 100%, color(display-p3 0.000 0.596 1.000 / 0.75) 0%, color(display-p3 0.008 0.004 0.012) 100%); border-radius: 30px; margin-bottom: 15px;}
.radio-list ul li:last-child{margin-bottom: 0px;}
.radio-list ul li .form-check{padding:10px 15px; background: linear-gradient(203.51deg, rgba(0, 155, 255, 0.2622) 1.76%, rgba(2, 1, 3, 0) 100.65%); background: linear-gradient(203.51deg, color(display-p3 0.000 0.596 1.000 / 0.2622) 1.76%, color(display-p3 0.008 0.004 0.012 / 0) 100.65%); backdrop-filter: blur(50px); border-radius: 25px; display: flex; align-items: center; justify-content: space-between;}
.radio-list ul li .form-check .form-check-input{margin: 0;}
.radio-list ul li .form-check label{font-size: 14px; color: var(--white); font-weight: 500; flex: 1;}
.continue-btn{margin-top: 30px;}
.avatar-list ul{display: flex; align-items: center; justify-content:center; gap: 20px; flex-wrap: wrap;}
.avatar-list ul li{width: 85px; height: 85px; border: solid 1px var(--blue); border-radius: 100px; padding: 8px;}
.avatar-list ul li .avatar-item{width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative;}
.avatar-list ul li .avatar-item img{width: 100%; height: 100%; object-fit: cover;}
.avatar-list ul li .avatar-item button{display: none; position: absolute; right: -21px; bottom: -21px; background:none; border: none; font-size: 38px; color: var(--blue);}
.avatar-list ul li.active .avatar-item button{display: block;}
.refer-friend-des{text-align: center;}
.refer-friend-des figure{margin: 0;}
.refer-friend-text h3{background: linear-gradient(180deg, #FFFFFF -126.91%, #009BFF 86.7%); background: linear-gradient(180deg, color(display-p3 1.000 1.000 1.000) -126.91%, color(display-p3 0.000 0.596 1.000) 86.7%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-size: 24px; font-weight: 700;}
.refer-friend-text p{font-size: 16px; color: var(--p); font-weight: 400;}
.refer-friend-code{background: radial-gradient(17.76% 117.58% at -3.46% 133.02%, rgba(0, 155, 255, 0) 0%, #011824 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */; background: radial-gradient(17.76% 117.58% at -3.46% 133.02%, color(display-p3 0.000 0.596 1.000 / 0) 0%, color(display-p3 0.024 0.090 0.137) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */; border: 1px dashed rgba(255, 255, 255, 0.09); border: 1px dashed color(display-p3 1.000 1.000 1.000 / 0.09); border-radius: 128px; display: flex; align-items: center; justify-content: space-between; padding: 8px 20px;}
.refer-friend-code input{background: none; border: none; padding: 0; border-radius: 128px; width: 100%; box-shadow: none !important; border: none !important; color: var(--white);}
.refer-friend-code input:focus,.refer-friend-code input:focus-visible{box-shadow: none !important; border: none !important; outline: none;} 
.refer-friend-code button{background: none; border: none; color: var(--white); font-size: 24px; font-weight: 700; z-index: 9;}

.form-group.with-copy .form-control{padding-right: 60px;}
.form-group.with-copy button{top: 6px; font-size: 25px; background: none; border: none; position: absolute; right: 15px; color: var(--white)}
.or-share-box{text-align: center; padding-top: 15px;}
.or-share-box h5{font-size: 15px; color: var(--white); font-weight: 400; margin-bottom:15px;}
.form-group.with-copy .verify{color: var(--blue); font-size: 13px; top: 45px; font-weight: 600;}


/*--------------------------------------------------------------------------------------*/
/*about-us-css-here
/*--------------------------------------------------------------------------------------*/

.page-head-section{background: url(/images/page-head-bg.png) no-repeat left top; background-size: cover;}
.section-title span ul{display: flex; align-items: center; justify-content: center; gap: 10px;}
.section-title span ul li{display: flex; align-items: center; justify-content: center; gap: 10px;}
.section-title span ul li a{font-size: 16px; color: var(--white); font-weight: 600;}
.section-title span ul li.active {color: var(--blue);}
.who-we-are-des .section-head{margin-bottom: 25px;}
.our-services-section{background: url(/images/left-shape2.png) no-repeat left top;}
.our-services-section .col-md-4{display: flex; background: url(/images/diveder.png) no-repeat right center;}
.our-services-section .col-md-4:last-child{background: none;}
.our-services-box{display: flex; align-items: center; justify-content: space-between; padding: 0px 5px;}
.our-services-box figure{margin: 0;}
.our-services-box figcaption{flex: 1;}
.our-services-box figcaption h3{font-size: 22px; font-weight: 700; color: var(--white); margin-bottom: 10px;}
.our-services-box figcaption p{font-size: 15px; color: var(--p); font-weight: 400; margin: 0;}
.our-team-section{background: url(/images/our-team-bg.png) no-repeat left top; background-size: cover;}
.our-team-section .col-md-4{display: flex;}
.our-team-box{width: 100%; position: relative;}
.our-team-box figure{margin: 0; padding: 5px; background: radial-gradient(30.44% 44.33% at 2.95% 100%, rgba(0, 155, 255, 0.75) 0%, #020103 100%); background: radial-gradient(30.44% 44.33% at 2.95% 100%, color(display-p3 0.000 0.596 1.000 / 0.75) 0%, color(display-p3 0.008 0.004 0.012) 100%); border-radius: 25px;}
.our-team-box-image{background:url(/images/circle-img.png) no-repeat right top, linear-gradient(203.51deg, color(display-p3 0.000 0.596 1.000 / 0.2622) 1.76%, color(display-p3 0.008 0.004 0.012 / 0) 100.65%); backdrop-filter: blur(50px); border-radius: 25px; position: relative;}
.our-team-box-image img{width: 100%; height: 100%; object-fit: cover;}
.our-team-box figcaption{text-align: center; position: absolute; left: 0; bottom: -30px; margin: 30px; right:0; padding: 10px; background: rgba(0, 0, 0, 0.45); background: color(display-p3 0.000 0.000 0.000 / 0.45); border: 1px solid rgba(223, 215, 255, 0.15); border: 1px solid color(display-p3 0.871 0.847 1.000 / 0.15); backdrop-filter: blur(32px); border-radius: 20px; opacity: 0; transition: all 0.3s ease-in-out;}
.our-team-box figcaption h3{font-size: 22px; font-weight: 700; color: var(--white); margin-bottom: 5px;}
.our-team-box figcaption p{font-size: 15px; color: var(--p); font-weight: 400; margin: 0;}
.our-team-box:hover figcaption{opacity: 1; bottom: 0;}
.about-fantasy-section .passionate-about-box-inner{padding: 0; background: none;}

/*--------------------------------------------------------------------------------------*/
/*terms-conditions-page-css-here
/*--------------------------------------------------------------------------------------*/

.terms-conditions-section h3{font-size: 22px; font-weight: 700; color: var(--white); margin-bottom: 10px;}

/*--------------------------------------------------------------------------------------*/
/*contests-page-css-here
/*--------------------------------------------------------------------------------------*/

.contests-bg{background: url(/images/contests-bg.png) no-repeat left top; background-size: cover;}
.content-warper{background: rgba(0, 0, 0, 0.09); background: color(display-p3 0.000 0.000 0.000 / 0.09); border: 1px solid #00354F; border: 1px solid color(display-p3 0.059 0.204 0.302); backdrop-filter: blur(70px); border-radius: 25px; padding: 30px;}
.content-warper .section-head{margin-bottom:25px; text-align: left;}
.content-warper .section-head h2{margin: 0; font-size: 24px;}
.nav-pills{gap: 20px;}
.nav-pills .nav-link{background: #062332; background: color(display-p3 0.059 0.137 0.192); border: 0.5px solid #003651; border: 0.5px solid color(display-p3 0.059 0.208 0.310); box-shadow: 0px 0px 14px #004C71; box-shadow: 0px 0px 14px color(display-p3 0.090 0.294 0.427); border-radius: 60px; font-size: 14px; color: var(--p); font-weight: 600; padding: 10px 20px;}
.nav-pills .nav-link.active{background: #009BFF; background: color(display-p3 0.000 0.596 1.000);border: 0.5px solid #009BFF; border: 0.5px solid color(display-p3 0.000 0.596 1.000); box-shadow: 0px 0px 14px #009BFF; box-shadow: 0px 0px 14px color(display-p3 0.000 0.596 1.000);}
.tab-search .form-control{min-width: 375px;}
.date-range-box .form-control{background: #062332 !important; background: color(display-p3 0.059 0.137 0.192) !important; border: 0.5px solid #003651 !important; border: 0.5px solid color(display-p3 0.059 0.208 0.310) !important;}
.date-range-box .form-control option{color: #fff;}
.contest-list ul{display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
.contest-list ul li{padding: 5px; background: radial-gradient(30.44% 44.33% at 2.95% 100%, rgba(0, 155, 255, 0.75) 0%, rgba(0, 21, 36, 0.03) 100%); background: radial-gradient(30.44% 44.33% at 2.95% 100%, color(display-p3 0.000 0.596 1.000 / 0.75) 0%, color(display-p3 0.004 0.078 0.137 / 0.03) 100%); border-radius: 30px;}
.contest-list-box,.select-contest-list-box{background: linear-gradient(203.51deg, rgba(0, 155, 255, 0.2622) 1.76%, rgba(0, 21, 36, 0) 100.65%); background: linear-gradient(203.51deg, color(display-p3 0.000 0.596 1.000 / 0.2622) 1.76%, color(display-p3 0.004 0.078 0.137 / 0) 100.65%); backdrop-filter: blur(50px); border-radius: 25px; padding: 25px; height: 100%;}
.contest-list-box{display: flex; flex-direction: column; gap: 15px;}

.team-logo{margin: auto; width: 61px; height: 61px; overflow: hidden;}
.team-logo img{width: 100%; height: 100%; object-fit: cover; border-radius: 50px;}
.contest-list-box h3{font-size: 18px; font-weight: 700; color: var(--white); text-align: center;}
.contest-list-box h5{text-align: center; font-size: 16px; font-weight: 500; color: var(--white);}
.contest-team .team-box{text-align: center;}
.team-box{text-align: center;}
.team-box img{width: 62px; height: 62px; border-radius: 50px; margin-bottom: 10px;}
.team-box p{font-size: 18px; color: var(--white); font-weight: 600; margin: 0;}
.time-box{text-align: center;}
.time-box h4{font-size: 22px; color:#0098FF; font-weight: 600; margin:0 0 10px 0;}
.time-box p{font-size: 18px; color: var(--p); font-weight: 400; margin: 0;}

/*--------------------------------------------------------------------------------------*/
/*league-detail-page-css-here
/*--------------------------------------------------------------------------------------*/

.league-detail-bg .contest-list-detail.contest-list ul{justify-content: center; grid-template-columns:auto;}
.select-contest-list ul{grid-template-columns: repeat(3,1fr);}
.select-contest-list h2{font-size: 18px; font-weight: normal; color: var(--p); margin-bottom: 25px;}
.select-contest-list-box h4{font-size: 15px; color: var(--p); font-weight: 500; margin: 0;}
.slot-box h3{font-size: 18px; color: var(--white); font-weight: 600; margin: 0;}
.slot-progress{width: 100%;}
.slot-progress .progress-bar{background: rgba(255, 255, 255, 0.12); background: color(display-p3 1.000 1.000 1.000 / 0.12); border-radius: 25px; height: 3px;}
.slot-progress .progress-bar-inner{background: #009BFF; background: color(display-p3 0.000 0.596 1.000); border-radius: 25px; height: 3px;}
.slot-progress p{font-size: 14px; color: var(--p); font-weight: 400; margin: 0;}
.flex-1{flex: 1;}
.entry-box{font-size: 15px; color: var(--white); font-weight: normal; margin: 0;}
.winner-box{display: flex; align-items: center; justify-content: center; gap: 10px;}
.winner-box i{font-size: 24px; color: var(--blue);}
.winner-box span{font-size: 16px; color: var(--white); font-weight:normal;}
.location-box{display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 15px; border-top: solid 1px #304554; padding-top: 15px;}
.location-box i{font-size: 24px; color: var(--blue);}
.location-box p{font-size: 16px; color: var(--white); font-weight: 500; margin: 0;}

/*--------------------------------------------------------------------------------------*/
/*contest-detail-page-css-here
/*--------------------------------------------------------------------------------------*/

.contest-detail-box h4{font-size: 18px; color: var(--white); font-weight: 500; margin: 0;}
.contest-detail-box .slot-progress{max-width: 500px;}
.slot-box h5{font-size: 14px; color: var(--p); font-weight: 400; margin:5px 0 0 0;}
.price-badge-list{border-top:solid 1px #304554; border-bottom:solid 1px #304554; padding: 10px 0 25px 0px;}
.price-badge-list ul{display: flex; align-items: center; justify-content: center; gap: 15px;}
.price-badge-box figure{position: relative; margin: 0; max-width: 124px;}
.price-badge-box figure span{position: absolute; top: 33px; left: 0; font-size: 24px; font-weight: 700; color: var(--white); width: 100%; text-align: center;}
.price-badge-box figcaption{font-size: 18px; color: var(--white); font-weight: 600; margin:-10px 0 0 0; text-align: center;}
.how-to-play-box h4{font-size: 22px; color: var(--white); font-weight: 700; margin: 0 0 20px 0;}
.how-to-play-box ul{list-style: number; padding: 0; margin:0 0 0 15px; display: flex; flex-direction: column; gap: 10px;}
.how-to-play-box ul li{font-size: 15px; color: var(--p);}
.team-preview-team-box{margin-top: 30px;}
.team-preview-head{margin-bottom: 20px;}
.team-preview-head h3{font-size: 22px; color: var(--white); font-weight: 600; margin:0;}

.points-rankings-list ul{display: flex; align-items: center; justify-content: center; gap: 30px;}
.points-rankings-list ul h3{display: flex; align-items: center; font-size: 18px; color: var(--white); font-weight: 600; gap: 10px; justify-content: center; min-height: 45px;}
.points-rankings-list .price-badge-box figure{max-width: 42px;}
.points-rankings-list .price-badge-box figure span{font-size: 11px; top: 11px;}


/*--------------------------------------------------------------------------------------*/
/*join-contest-page-css-here
/*--------------------------------------------------------------------------------------*/

.join-contest-des{text-align: center;}
.join-contest-des figure{margin: 0;}
.join-contest-des figcaption{margin-top: 20px;}
.join-contest-des figcaption h3{font-size: 22px; color: var(--white); font-weight: 700; margin: 0;}
.join-contest-des figcaption p{font-size: 15px; color: var(--p); font-weight: 400; margin: 0;}
.join-contest-des .create-team-btn{margin-top: 20px;}
.join-contest-des .create-team-btn a{font-size: 18px; color: var(--white); font-weight: 600; padding: 10px 20px; background: #009BFF; background: color(display-p3 0.000 0.596 1.000); border-radius: 50px; display: inline-block;}

/*--------------------------------------------------------------------------------------*/
/*create-team-page-css-here
/*--------------------------------------------------------------------------------------*/

.time-left-box{font-size: 16px; color: var(--white); font-weight: normal; padding: 10px 20px; border-radius: 50px; background: rgba(255, 255, 255, 0.09); background: color(display-p3 1.000 1.000 1.000 / 0.09);}
.create-team-bg .tab-bg{margin-top: 50px;}
.player-list h3{font-size: 18px; color: var(--p); font-weight: normal; margin: 0;}
.card-box{padding: 5px; background: radial-gradient(30.44% 44.33% at 2.95% 100%, rgba(0, 155, 255, 0.75) 0%, rgba(0, 21, 36, 0.03) 100%); background: radial-gradient(30.44% 44.33% at 2.95% 100%, color(display-p3 0.000 0.596 1.000 / 0.75) 0%, color(display-p3 0.004 0.078 0.137 / 0.03) 100%); border-radius: 30px;}
.card-box-inner{background: linear-gradient(203.51deg, rgba(0, 155, 255, 0.2622) 1.76%, rgba(0, 21, 36, 0) 100.65%); background: linear-gradient(203.51deg, color(display-p3 0.000 0.596 1.000 / 0.2622) 1.76%, color(display-p3 0.004 0.078 0.137 / 0) 100.65%); backdrop-filter: blur(50px); border-radius: 25px; padding: 25px;}
.player-list .card-box-inner figure{position: relative; height: 192px; border-radius: 20px; overflow: hidden; margin: 0;}
.player-list .card-box-inner figure img{width: 100%; height: 100%; object-fit: cover;}
.player-list .card-box-inner .team-logo{position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.player-list .card-box-inner .team-logo img{width: 100%; height: 100%; object-fit: cover;}
.player-list .card-box-inner figcaption{text-align: center; padding-top: 30px;}
.player-list .card-box-inner figcaption h4{font-size: 20px; color: var(--white); font-weight: 600; margin:0 0 5px 0;}
.player-list .card-box-inner figcaption p{font-size: 16px; color: var(--white); font-weight: 400; margin: 0;}
.player-list .card-box-inner figcaption .add-player-btn{margin-top: 10px; display: flex; align-items: center; justify-content: center;}
.player-list .card-box-inner figcaption .add-player-btn a i{font-size: 24px;}
.player-list .card-box-inner figcaption .add-player-btn a{font-size: 14px; color: var(--white); font-weight: 600; padding: 5px 10px; background: #009BFF; background: color(display-p3 0.000 0.596 1.000); border-radius: 50px; display: flex; align-items: center; justify-content: center; gap: 10px;}
.player-next-btn-box{display: flex; align-items: center; justify-content: space-between; margin-top: 20px;}
.player-next-btn-box .player-count{font-size: 26px; color: var(--white); font-weight: 700; margin: 0;}
.player-next-btn-box .player-count span{color: var(--blue);}
.select-captain-box h2{font-size: 20px; color: var(--white); font-weight: 700; margin: 0;}
.select-captain-list ul{display: flex; flex-direction: column; gap: 15px;}
.select-captain-list ul li{display: flex; align-items: center; justify-content: space-between;}
.select-captain-list ul li .select-captain-left{flex: 1;}
.select-captain-left{display: flex; align-items: center; justify-content: space-between;}
.select-captain-left figure{width: 45px; border-radius: 50%; overflow: hidden; margin: 0;}
.select-captain-left figure img{width: 100%; height: 100%; object-fit: cover;}
.select-captain-left figcaption{flex: 1; padding-left: 30px;}
.select-captain-left figcaption h4{font-size: 16px; color: var(--white); font-weight: 600; margin:0 0 10px 0;}
.player-role{display: flex; align-items: center;}
.player-role span{background: #0F2331; font-size: 16px; color: var(--white); padding: 5px 15px; border-radius: 50px;}
.captain-vice-captain a{min-width: 10px; padding: 8px 15px;}
hr{border-color: rgba(255, 255, 255, 0.3);}
.select-captain-list hr{margin: 0;}
.preview-team-btn{margin-top: 40px;}

.select-player-list{display: grid; grid-template-columns: repeat(2,1fr); gap: 15px;}
.player-box{padding-bottom: 15px; border-bottom: solid 1px rgba(255, 255, 255, 0.2);}
.player-info{gap: 15px;}
.player-info figure{width: 35px; margin: 0; flex:0 0 35px}
.player-info h4{margin:0 0 5px 0; font-size: 16px; color: var(--white); font-weight: 600;}
.player-info p{color: var(--white);  margin: 0;}

.create-team-top-box .contest-list-box{padding: 0; background: none;}
.create-team-top-box .contest-list ul li{padding: 0; background: none;}

.players-remaining-budget-box{border: solid 1px #304554; padding: 15px; border-radius: 25px;}
.players-remaining-budget-box ul{display: flex; align-items: center;}
.players-remaining-budget-box ul li{border-right: 1px solid rgba(255, 255, 255, 0.19); padding: 0px 30px;}
.players-remaining-budget-box ul li:last-child{border: none;}
.players-remaining-budget-box ul li h3{font-size: 16px; color: var(--blue); font-weight: 600;}
.players-remaining-budget-box ul li p{margin: 0; padding: 0; white-space: nowrap;}
.price-team-box{display: flex; gap: 15px;}
.tab-head-box{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px;}

.tab-head-box .nav.nav-pills.mb-4{margin-bottom: 0 !important;}

.btn.live-score-btn{display: none; align-items: center; gap: 10px; justify-content: space-between;}
.btn.live-score-btn svg,.close-btn svg{max-width: 24px;}
.close-btn{display: none; position: fixed; min-width: 40px; padding: 0; top: 0; right: 0; z-index: 9;}




/*--------------------------------------------------------------------------------------*/
/*create-contest-page-css-here
/*--------------------------------------------------------------------------------------*/

.create-contest-box{padding: 0px 154px; margin-top: 40px;}
.form-group h5{font-size: 13px; color: var(--p); font-weight: 400; margin:0 0 15px 0;}

/*--------------------------------------------------------------------------------------*/
/*join-contest2-page-css-here
/*--------------------------------------------------------------------------------------*/

.join-contest-head .form-check label{font-size: 20px; color: var(--white); font-weight: 500; margin:0;}
.team-vs-box figure{width: 62px; height: 62px; margin: 0;}
.team-vs-box figcaption{font-size: 16px; color: var(--white); font-weight: 600; margin:0;}
.filter-price-slot .form-control{width: 200px;}

/*--------------------------------------------------------------------------------------*/
/*preview-team-page-css-here
/*--------------------------------------------------------------------------------------*/

.team-preview-box{background: url(/images/team-preview-bg.png) no-repeat center top; min-height: 841px; padding: 0px 60px; display: flex; flex-direction: column; gap: 30px;}
.member-box{width: 122px;}
.member-box figure{margin: 0; background: rgba(255, 255, 255, 0.12); height: 90px; width: 100%; border: solid 1px rgba(255,255,255,0.12); border-bottom: none; overflow: hidden;}
.member-box .justify-content-center.caption-vice-box img {width: 100%; object-fit: contain; height: 100%;}



.member-box figcaption{background: #1B131D; padding:5px 10px; text-align: center;}
.member-box figcaption h5{margin: 0; font-size: 14px; color: var(--white); font-weight: 600;}
.member-box figcaption p{margin: 0; font-size: 14px; color: var(--white); font-weight: 600; margin: 0;}
.team-preview-member-list ul{gap:30px;}
.team-preview-member-top{margin-top: 78px;}
.team-preview-member-bottom{padding: 0px 85px;}
.bench-players-box{background: #121D25; border-radius: 10px; padding: 15px;}
.bench-players-box h5{font-size: 15px; color: var(--white); font-weight: 600; margin:0 0 15px 0; text-align: center;}
.bench-players-list ul{gap: 30px;}
.bench-players-list ul li figure{height: 80px; margin:0 0 15px 0; text-align: center;}
.bench-players-list ul li figure img{max-height: 100%;}
.bench-players-list ul li figcaption{font-size: 14px; color: var(--white); font-weight: 600; margin: 0;}
.title-subtitle-box{display: flex; flex-direction: column; gap: 5px;}
.title-subtitle-box p{margin: 0;}
.title-subtitle-box p span{color: var(--blue); font-weight: 600;}

.gameweek-list-bg{border-top: solid 1px #304554; border-bottom: solid 1px #304554; padding: 20px 0px; margin-top: 30px; display: flex; flex-direction: column; gap: 30px;}
.gameweek-head{text-align: center; display: flex; flex-direction: column; gap: 10px;}
.gameweek-head h4{font-size: 18px; color: var(--blue); margin: 0;} 
.gameweek-head h3{font-size: 17px; font-weight: 600; color: var(--white); margin: 0;}
.gameweek-list ul{display: flex; gap: 30px; flex-wrap: wrap; justify-content: center;}
.gameweek-list ul li{width: 207px; text-align: center; padding: 15px; border-radius: 20px; background: linear-gradient(203.51deg, rgba(0, 155, 255, 0.2622) 1.76%, rgba(2, 1, 3, 0) 100.65%); border: 1px solid rgba(255, 255, 255, 0.18); display: flex; flex-direction: column; gap:10px;}
.gameweek-list ul li h3{font-size: 16px; font-weight: 600; color: var(--white);}
.team-preview-point-bg{display: flex; gap: 30px; padding: 30px 0px;}
.points-overview-bg{flex:0 0 364px; max-width: 364px; display: flex; flex-direction: column; gap: 24px;}

.point-box{display: flex; align-items: center; justify-content: center; margin-top: 8px;}
.point-box p{padding: 0px 10px; font-size: 12px !important; border-right: 1px solid rgba(255, 255, 255, 0.49); line-height: normal;}
.point-box p:first-child{padding-left: 0;}
.point-box p:last-child{border: none; padding-right: 0;}

.points-overview-box{display: flex; flex-direction: column; gap: 10px;}
.points-overview-box h2{font-size: 20px; font-weight: 600; color: var(--white); margin: 0;}
.points-overview-box h4{font-size: 18px; font-weight: 600; color: var(--white); margin: 0;}
.points-overview-list ul li{display: flex; align-items: center; justify-content: space-between; padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
.points-overview-list ul li h3{margin: 0; font-size: 14px; color: var(--white); font-weight: 600;}
.points-overview-list ul li span{font-size: 14px; color: var(--white);}
.view-more-btn-box a{color: var(--blue); font-weight: 600;}


/*--------------------------------------------------------------------------------------*/
/*join-contest2-page-css-here
/*--------------------------------------------------------------------------------------*/

.join-contest-list{display: flex; gap: 30px; flex-direction: column;}
.c-vc-box ul{gap: 30px;}
.c-vc-box ul li{text-align: center;}
.c-vc-box ul li figure{margin:0 0 10px 0; max-height: 56px;}
.c-vc-box ul li figure img{max-height:56px;}
.c-vc-box ul li figcaption{font-size: 15px; color: var(--white);}
.c-vc-box ul li figcaption span{color: var(--blue);}
.team-preview-member-list .col-md-6{display: flex;}
.team-preview-member-box{width: 100%; border: solid 1px #304554; border-radius: 25px; padding: 15px; display: flex; flex-direction: column; justify-content: center;}
.player-number-list{margin-top: 15px;}
.player-number-list ul{gap: 15px;}
.player-number-list ul li{text-align: center; flex: 1; border-right: solid 1px rgba(255,255,255,8%);}
.player-number-list ul li span{font-size: 18px; color: var(--blue); font-weight: 600;}
.player-number-list ul li p{margin: 0; font-size: 14px; color: var(--p); font-weight: 400;}
.player-number-list ul li:last-child{border-right: none;}
.team-preview-member-box h3{font-size: 17px; color: var(--white); font-weight: 500; margin:0 0 15px 0; text-align: center;}

/*--------------------------------------------------------------------------------------*/
/*join-contest3-page-css-here
/*--------------------------------------------------------------------------------------*/

.fees-des{text-align: center; margin-top: 30px; display: flex; flex-direction: column; gap: 15px;}
.fees-des p{margin: 0;}
.fees-des h5{font-size: 22px; color: var(--white); font-weight: normal;}
.fees-des h5 span{font-weight: 600;}
.available-balance-inner{border: solid 1px #304554; border-radius: 15px; padding: 10px 20px; display: flex; align-items: center; font-size: 19px; color: var(--white); gap: 10px;}
.available-balance-inner i{font-size: 24px;}

/*--------------------------------------------------------------------------------------*/
/*invite-friends-page-css-here
/*--------------------------------------------------------------------------------------*/

.invite-friends-bg{display: flex; flex-direction: column; gap: 15px;}
.friend-box{display: flex; align-items: center; gap: 15px;}
.friend-box figure{margin: 0; width: 41px; height: 41px; flex: 0 0 41px; border-radius: 50px; overflow: hidden;}
.friend-box figure img{width: 100%; height: 100%; object-fit: cover;}
.friend-box figcaption{font-size: 18px; color: var(--white); font-weight: 600;}
.invite-friends-list ul{display: grid; grid-template-columns: repeat(2,1fr); gap: 15px;}

/*--------------------------------------------------------------------------------------*/
/*contest-detail3-page-css-here
/*--------------------------------------------------------------------------------------*/

.points-earned-box h4{font-size: 22px; color: var(--white); font-weight: 600; margin: 0 0 15px 0; text-align: center;}
.points-earned-box{text-align: center;}
.points-earned{text-align: center;}
.points-earned figure{margin:0 0 10px 0;}
.points-earned p{margin: 0; font-size: 18px; color: var(--white); font-weight: 600;}
.points-earned-box{padding-top: 15px;}
.leaderboard-bg h3{font-size: 22px; color: var(--white); font-weight: 600; margin: 0 0 15px 0;}

.leaderboard-box .leaderboard-left-box{min-width: 250px; max-width: 250px;}

.leaderboard-left-box figure{margin: 0; max-width: 63px;}
.leaderboard-left-box figcaption{font-size: 18px; color: var(--white); font-weight: 600;}
.leaderboard-box .price-badge-box figure img{max-width: 100px;}
.leaderboard-box .price-badge-box figure span{font-size: 18px; top: 28px;}
.dropdown-menu{background: #021728; padding: 15px; border-radius: 15px; width: 259px;}
.edit-profile-des{padding: 0px 154px;}

/*--------------------------------------------------------------------------------------*/
/*leaderboard--page-css-here
/*--------------------------------------------------------------------------------------*/

.leaderboard-content-bg .points-rankings-list{border: solid 1px #304554; padding:10px 30px; border-radius: 50px;}
.leaderboard-content-bg .points-rankings-list ul h3{margin: 0; min-height: 30px;}
.leaderboard-content-bg .points-rankings-list ul p{margin: 0;}

/*new css*/
.player-table table{background: none;}
.player-table table tr td,.player-table table tr th{background: none; font-size: 15px; color:var(--white); font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.12); padding: 10px 5px;}
.player-table table tr td{vertical-align: middle;}
.plus-btn{font-size: 22px; color: var(--white);}
.player-info .price-badge-box figure{width: 55px; flex:0 0 55px;}
.player-info .price-badge-box figure span{top: 15px; font-size: 11px;}
.delete-btn{background: none; border: none; font-size: 24px; color: var(--blue);}
.delete-btn i{font-size: 24px; color: var(--blue);}
.winning-list{display: flex; flex-direction: column; row-gap: 15px;}
.winning-list .delete-btn{margin-top: 5px;}
.add-more-btn{display: flex;}
.text-btn{display: flex; align-items: center; gap: 10px; background: none; border: none; font-size: 15px; font-weight: 600; color: var(--blue); cursor: pointer;}
.text-btn i{font-size: 22px;}

/*--------------------------------------------------------------------------------------*/
/*Apply Boosters Modal -page-css-here
/*--------------------------------------------------------------------------------------*/

.btn-close{font-size: 24px; box-shadow: none !important; outline: none !important; color: var(--white); opacity: 1;}
.btn-close i{color: var(--white);}
.modal-header{border: none;}
.modal-footer{border: none; justify-content: center; gap: 15px;}
.boosters-list ul{display: flex; flex-direction: column; gap: 15px;}
.booster-box{gap: 15px;}
.booster-box-left{display: flex; flex-direction: column; gap: 5px;}
.booster-box-left h3{font-size: 18px; color: var(--white); font-weight: 600; margin: 0;}
.booster-box-left p{margin: 0; font-size: 16px;}

/*--------------------------------------------------------------------------------------*/
/*Save card page-css-here
/*--------------------------------------------------------------------------------------*/

.payment-card-box{display:flex; flex-direction: column; gap: 30px;} 
.payment-card-top{gap: 15px;}
.payment-card-top-left{display: flex; flex-direction: column; gap: 10px;}
.payment-card-top-left h4{margin: 0; font-size: 25px; color: var(--white); font-weight: 600;}
.card-holder-expiry-box{gap: 15px;}
.card-holder-expiry-box p{margin:0 0 10px 0;}
.card-holder-expiry-box h4{font-weight: normal; font-size: 16px; font-weight: 600; color: var(--white); margin: 0;}
.save-card-list .row{row-gap: 30px;}

/*--------------------------------------------------------------------------------------*/
/*jackpot page-css-here
/*--------------------------------------------------------------------------------------*/

.jackpot-list.contest-list ul{grid-template-columns: repeat(2,1fr);}
.jackpot-list .select-contest-list-box h4{font-size: 15px; color: var(--blue); font-weight: 600;}
.jackpot-list .slot-box{display:flex; flex-direction: column; gap: 10px;}
.jackpot-list .slot-box p{margin: 0;}
.jackpot-status span{font-size: 13px; color: var(--white); background: #0F2331; padding: 8px 10px; border-radius: 50px;}

/*--------------------------------------------------------------------------------------*/
/*Jackpot Detail page-css-here
/*--------------------------------------------------------------------------------------*/

.jackpot-detail-top figure{margin: 0;}
.jackpot-detail-top figcaption{display: flex; flex-direction: column; gap: 10px;}
.jackpot-detail-top h3{font-size: 24px; font-weight: 700;  background: linear-gradient(180deg, #FFFFFF -126.91%, #009BFF 86.7%); background: linear-gradient(180deg, color(display-p3 1.000 1.000 1.000) -126.91%, color(display-p3 0.000 0.596 1.000) 86.7%);background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.jackpot-date-count{display: flex; align-items: center; justify-content: center; gap: 50px;}
.jackpot-date-count p{margin: 0;}
.jackpot-detail-top figcaption p{margin: 0;}
.jackpot-gift-box{position: relative;}
.jackpot-badge{position: absolute; right: 5px; top:-18px; background: url(/images/badge-img.png) no-repeat; width: 38px; height: 42px; text-align: center; font-weight: bold; color: var(--white); padding-top: 6px;}
.jackpot-gift-list{padding: 40px 0 30px 0px; border-top: solid 1px #304554; border-bottom: solid 1px #304554; margin-top: 30px;}
.jackpot-gift-list ul{display: flex; gap: 30px; justify-content: center;}
.jackpot-gift-box img{width: 108px; height: 108px; object-fit: cover; border-radius: 20px; object-fit: cover;}
.jackpot-number-bg{display: flex; flex-direction: column; gap: 15px; margin-top: 30px; text-align: center;}
.jackpot-number-box{max-width: 498px; border: solid 1px #304554; border-radius: 25px; padding: 12px 20px; margin: auto; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 15px;}
.jackpot-number-box p{margin: 0;}
.jackpot-number-box button{background: radial-gradient(17.76% 117.58% at -3.46% 133.02%, rgba(0, 155, 255, 0) 0%, #011824 100%); border: 1px dashed rgba(255, 255, 255, 0.09); border-radius: 128px; font-size: 14px; color: var(--white); padding: 10px 15px;}
.winners-list{display: flex; flex-direction: column; gap: 10px; margin-top: 30px;}
.winners-list ul{display: grid; grid-template-columns: repeat(3,1fr); gap: 30px;}
.winners-list ul li{display: flex; align-items: center; width: 100%; gap: 30px; justify-content: space-between;}
.winners-list h3{font-size: 22px; color: var(--white); font-weight: bold;}
.winners-list ul li .jackpot-gift-box img{width: 49px; height: 49px; border-radius: 6px;}
.winners-list ul li .jackpot-badge{right: -15px;}
.winner-user{display: flex; align-items: center; gap: 10px;}
.winner-user figure{width: 60px; height: 60px; border-radius: 100px; overflow: hidden; margin: 0;}
.winner-user figure img{width: 100%; height: 100%; object-fit: cover;}
.winner-user figcaption{font-size: 18px; color: var(--white); font-weight: 600;}

/*--------------------------------------------------------------------------------------*/
/*self exclusion page-css-here
/*--------------------------------------------------------------------------------------*/

.self-exclusion-content .row h5{font-size: 18px; color: var(--white); font-weight: 600; margin-bottom: 10px;}
.self-exclude-list{display: flex; align-items:center; gap: 15px; margin-bottom: 30px;}

/*--------------------------------------------------------------------------------------*/
/*How To Play page-css-here
/*--------------------------------------------------------------------------------------*/

.how-play-des{display: flex; flex-wrap: wrap;}
.how-play-des figure{margin: auto;}
.how-play-des figcaption{padding: 0px 30px;}
.how-play-des figcaption ul{list-style: number; display: flex; flex-direction: column; gap: 10px;}
.how-play-des figcaption ul li{font-size: 15px; color: var(--p);}

/*--------------------------------------------------------------------------------------*/
/*My Team page-css-here
/*--------------------------------------------------------------------------------------*/

.my-teams-bg .form-check{padding-left: 0; text-align: center;}
.or-share-bg{margin-top: 30px; text-align: center;}
.or-share-bg h5{font-size: 15px; color: #fff; margin-bottom: 15px;} 
.share-btn{display: flex; align-items: center; justify-content: center; gap: 15px;}

/*--------------------------------------------------------------------------------------*/
/*Refer Friend page-css-here
/*--------------------------------------------------------------------------------------*/

.refer-friend-bg{text-align: center;}
.refer-friend-bg .refer-friend-text h3{font-size: 40px;}
.refer-friend-code{max-width: 361px; margin: auto;}

/*--------------------------------------------------------------------------------------*/
/*notifications page-css-here
/*--------------------------------------------------------------------------------------*/

.notifications-list ul{display: flex; flex-direction: column; gap: 15px;}
.notifications-box{display: flex; align-items: center; gap: 15px;}
.notifications-box figure{margin: 0;}
.notifications-box figcaption{display: flex; flex-direction: column; gap: 5px;}
.notifications-box h3{margin: 0; font-size: 18px; color: #fff;}
.notifications-box p{margin: 0;}

/*--------------------------------------------------------------------------------------*/
/*E-Wallet page-css-here
/*--------------------------------------------------------------------------------------*/

.e-wallet-top .row{width: 100%;}
.e-wallet-top .card-box{width: 100%;}
.e-wallet-top .card-box .card-box-inner{width: 100%;}
.available-balance-ewallet{text-align: center;}
.available-balance-ewallet h5{font-size: 18px; color:#fff;}
.available-balance-ewallet span{font-size: 46px; color: var(--blue); font-weight: 600;} 
.fund-action-box a{display: flex; flex-direction: column; gap: 15px; align-items: center;}
.fund-action-box a span{font-size: 20px; color: var(--white);}
.transactions-bg{margin-top: 30px; display: flex; flex-direction: column; gap: 30px;}
.transactions-left{display: flex; flex-direction: column; gap: 10px;}
.transactions-left h2{font-size: 20px; color: #fff; font-weight: 600;}
.clear-transactions a{font-size: 15px; color: var(--blue); font-weight: 500;}
.transactions-filter{display: flex; align-items: center; gap: 15px;}
.transactions-box{gap: 30px;}
.transactions-user-info{gap: 10px;}
.transactions-user-info figure{margin: 0;}
.transactions-user-info figcaption h4{font-size: 16px; color: #fff; font-weight: 600;}
.transactions-user-info figcaption span{margin: 0; font-size: 14px; color: var(--p);}
.transactions-amount{font-size: 18px; color: #fff;}
.transactions-list ul{display: flex; flex-direction: column; gap: 15px;}

/*--------------------------------------------------------------------------------------*/
/*add-funds page-css-here
/*--------------------------------------------------------------------------------------*/

.add-fund-des{text-align: center;}
.add-fund-des label{font-size: 18px;}
.add-fund-des .form-control{font-size: 65px; color: #fff; font-weight: bold; text-align: center; border: none; background: none; height: auto;}
.amount-between{margin-top: 30px;}
.amount-between p{margin: 0; padding: 0; font-size: 18px; color: #fff;}

/*--------------------------------------------------------------------------------------*/
/*Select Payment Method page-css-here
/*--------------------------------------------------------------------------------------*/

.card-type{gap: 30px;}
.card-type h3{margin: 0;}
.select-payment-list{display: flex; flex-direction: column; gap: 20px;}
.paymnet-head h3{margin: 0; font-size: 18px;}
.select-payment-list .payment-card-top-left h4{font-size: 18px;}
.select-payment-list .payment-card-top-left h5{font-size: 16px; color: #fff;}
.select-payment-list .payment-card-box{gap: 15px;}
.select-payment-list .card-holder{width: 50%;}
.card-content-box{display: flex; flex-direction: column; gap: 15px;}

/*--------------------------------------------------------------------------------------*/
/*apply-boosters-page-css-here
/*--------------------------------------------------------------------------------------*/

.booster-applied-box{text-align: center; display: flex; flex-direction: column; gap: 30px;}
.booster-applied-box figure{margin: 0;}
.booster-applied-box figcaption{text-align: center;}
.booster-applied-box figcaption h2{background: linear-gradient(180deg, #FFFFFF -126.91%, #009BFF 86.7%); background: linear-gradient(180deg, color(display-p3 1.000 1.000 1.000) -126.91%, color(display-p3 0.000 0.596 1.000) 86.7%);background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-size: 26px; font-weight: 700;}
.booster-applied-box figcaption p{font-size: 18px; color: var(--p);}

/*--------------------------------------------------------------------------------------*/
/*sport-news-page-css-here
/*--------------------------------------------------------------------------------------*/

.sport-news-bg{display: flex; flex-direction: column; gap: 30px;}
.sport-news-head h3{font-size: 22px; font-weight: 600;}
.view-all-btn a{font-size: 15px; color: var(--blue); font-weight: 600;}
.sport-news-box{display: flex; flex-direction: column; gap: 15px;}
.sport-news-box figure{margin: 0; height: 223px; overflow: hidden; border-radius: 15px;}
.sport-news-box figure img{width: 100%; height: 100%; object-fit: cover;}
.sport-news-box figcaption{display: flex; flex-direction: column; gap: 5px;}
.sport-news-box figcaption h4{margin: 0; font-size: 18px; font-weight: 600; color: #fff;}
.sport-news-box figcaption p{font-size: 14px; color: var(--p); margin: 0;}
.sport-news-list .row{row-gap: 30px;}

/*--------------------------------------------------------------------------------------*/
/*sport-news-page-css-here
/*--------------------------------------------------------------------------------------*/

.sports-news-detail{display: flex; flex-direction: column; gap: 30px;}
.sports-news-detail figure{margin: 0;}
.sports-news-detail figure img{width: 100%; object-fit: cover; border-radius: 15px;}

/*--------------------------------------------------------------------------------------*/
/*My-Friends-page-css-here
/*--------------------------------------------------------------------------------------*/

.friend-box-top-left{gap: 15px;}
.friend-box-top-left figure{margin: 0; width: 62px; height: 62px; border-radius: 100px; overflow: hidden;}
.friend-box-top-left figure img{width: 100%; height: 100%; object-fit: cover;}
.friend-box-top-left figcaption{flex: 1; font-size: 18px; color: #fff; font-weight: 600; margin: 0;}
.friend-box-top-left figcaption p{word-wrap: anywhere;}
.friend-btn-action{gap: 10px;}
.friend-btn-action .btn{width: 40px; height: 40px; flex:0 0 40px; border-radius: 50px; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 26px; min-width: 10px;}
.friend-content-box{display: flex; flex-direction: column; gap: 20px;}
.my-friend-bg .row{row-gap: 30px;}
.my-friend-bg .col-md-6{display: flex;}
.my-friend-bg .col-md-6 .card-box{width: 100%; display: flex;}
.my-friend-bg .col-md-6 .card-box .card-box-inner{width: 100%;}
.send-invite-btn{margin-top: 30px;}

/*--------------------------------------------------------------------------------------*/
/*contest-invites-page-css-here
/*--------------------------------------------------------------------------------------*/

.contest-invites-list .row{row-gap: 25px;}
.contest-invites-list .row .col-md-4{display: flex;}
.contest-invites-list .row .col-md-4 .card-box{display: flex; width: 100%;}
.contest-invites-list .row .col-md-4 .card-box .card-box-inner-new{width: 100%; display: flex;}
.contest-invites-list .select-contest-list-box{width: 100%;}



/* dev 22 may 2025 */
.nav-item-live .nav-link { border: 1px solid DE1414 !important;background: radial-gradient(17.76% 117.58% at -3.46% 133.02%, #F30000 0%, #400407 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  background: radial-gradient(17.76% 117.58% at -3.46% 133.02%, color(display-p3 0.871 0.078 0.078) 0%, color(display-p3 0.227 0.039 0.035) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  border: 1px solid #F30000;box-shadow: none !important;}
.nav-item-live .nav-link.active { background-color: #F30000;border-color: #F30000; }
.match-profile { gap: 12px;}
.match-profile figure { margin: 0; width: 35px;height: 35px;border-radius: 10px;overflow: hidden; }
.match-profile figure img { object-fit: cover;object-position: center;width: 100%;height: 100%;}
.match-profile figcaption { color: #fff;font-size: 16px;font-weight: 600; }
.live-score-match-user li .match-profile { cursor: pointer; padding: 16px 20px;border-radius: 25px;border: 1px solid transparent; }
.live-score-match-user li.active .match-profile { border: 1px solid color(display-p3 0.000 0.596 1.000);background: color(display-p3 0.059 0.208 0.310); }
.live-score-wraper { display: flex;gap:30px; }
.live-score-wraper .live-score-sidebar { width: 400px;min-width: 400px;padding-right: 30px;border-right: 1px solid #304554; }
.live-score-wraper .live-score-content { width: calc(100% - 430px);min-width: calc(100% - 430px); }
.live-score-info-item-content-row { display: flex;align-items: center;justify-content: space-between; }
.live-score-info-item-content-row h4 { color: #fff;font-size: 16px;font-weight: 600;}
.live-score-star i { color: #fff;font-size: 28px; }
.live-score-info-item  { padding: 20px;border-radius: 25px; border: 1px solid #304554;}
.bench-players-item { display: flex;align-items: center;justify-content: space-between; }
.bench-players-item-info { display: flex;align-items: center;gap: 10px; }
.bench-players-item-info figure { width: 50px;min-width: 50px;margin: 0 !important; display: flex;align-items: center;}
.bench-players-item-info figure img { width: 100%;}
.bench-players-item-info h4 { margin: 0;}
.modal-fullscreen-big .modal-dialog  { margin: 0;width: 100%;max-width: 100%;}
.modal-fullscreen-big .modal-content  { height: 100vh;}
.player-info-sec { border: 1px solid #304554;border-radius: 25px;padding: 20px; padding-bottom: 0;}
.player-info-sec-in { max-width: 420px; width: 420px;  margin: auto;display: flex;gap: 20px; }
.player-info-sec-in figure { margin: 0;width: 220px; }
.player-info-sec-in figure img { width: 100%; }
.player-info-sec-in figcaption { color: #fff; display: flex;align-items: center; }
.player-info-sec-in figcaption h4 { font-size: 24px;font-weight: 600; }
.player-info-sec-in figcaption span { display: inline-block;background: rgba(255, 255, 255, 0.09);padding: 8px 20px;border-radius: 20px;margin-bottom: 10px; }
.player-info-sec-in figcaption p { margin: 0;color: #D0D0D0;font-size: 16px;}
.player-info-card { max-width: 600px;margin: auto;position: relative;margin-top: -30px; }
.player-info-card .player-info-card-item { position: relative; text-align: center;color: #fff; }
.player-info-card .row .col-md-4 { position: relative; }
.player-info-card .row .col-md-4:after { content: "";width: 1px;height: 100%;background-color: #ffff;opacity: 9%;position: absolute;top: 0;right: 0; }
.player-info-card .row .col-md-4:last-child:after { display: none; }
.player-info-card .player-info-card-item h4 { color:var(--blue) ;font-size: 20px;font-weight: 600; }
.player-info-card .player-info-card-item p { font-size: 14px;margin: 0; }
.match-strip-banner { padding: 20px;border: 1px solid #304554;border-radius: 25px; }
.match-strip-banner h5 { color: var(--blue); }
.match-strip-wraper h6 { font-size: 18px;color: #D0D0D0;text-align: center;margin-top: 20px; }
/* dev 22 may 2025 */



/*--------------------------------------------------------------------------------------*/
/*chat-page-css-here
/*--------------------------------------------------------------------------------------*/


.chat-container-box{display: flex; gap: 30px;}
.chat-left-box{max-width: 430px; width: 100%;}
.chat-search-box{position: relative;}
.chat-search-btn{position: absolute; left: 10px; top: 10px; background: none; border: none;}
.chat-search-box .form-control{padding-left: 40px;}
.chat-left-box .tab-bg{margin-top: 30px;}
.chat-left-box .nav.nav-pills{display: flex;}
.chat-left-box .nav.nav-pills li{flex: 1;}
.chat-left-box .nav.nav-pills li button{width: 100%;}

.chat-user-list{height: 500px; overflow: auto;}
.chat-user-list ul{display: flex; flex-direction: column; gap: 15px;}
.chat-user-list ul li{display: flex; align-items: center; gap: 15px; justify-content: space-between; padding-bottom: 15px; border-bottom: solid 1px; border-color: rgba(255, 255, 255, 0.09);}
.chat-user-box{display: flex; align-items: center; gap: 15px;}
.chat-user-box figure{width: 55px; height: 55px; overflow: hidden; border-radius: 100px; margin: 0;}
.chat-user-box figure img{width: 100%; height: 100%; object-fit: cover;}
.chat-user-box figcaption{flex: 1; display: flex; flex-direction: column; gap: 5px;}
.chat-user-box figcaption h3{font-size: 15px; color: #fff; font-weight: 600; margin: 0;}
.chat-user-box figcaption p{font-size: 14px; color:#D0D0D0; margin: 0;}
.chat-user-right{display: flex; flex-direction: column; gap: 10px; justify-content: flex-end; align-items: flex-end;}
.chat-user-right p{font-size: 13px; color: #D0D0D0; margin: 0;}
.chat-user-right span{width: 7px; height: 7px; border-radius: 100px; background: #0098FF;}

.chat-right-box-des{flex: 1; background: rgba(255, 255, 255, 0.07); background: color(display-p3 1.000 1.000 1.000 / 0.07); border: 1px solid rgba(255, 255, 255, 0.13); border: 1px solid color(display-p3 1.000 1.000 1.000 / 0.13); border-radius: 20px; padding: 15px;}

.chat-user-box-right{display: flex; gap:15px; align-items: center; padding-bottom: 15px; border-bottom: solid 1px; border-color: rgba(255, 255, 255, 0.09);}
.chat-user-box-right figure{margin: 0; width: 40px; height: 40px; border-radius: 100px; overflow: hidden;}
.chat-user-box-right figure img{width: 100%; height: 100%; object-fit: cover;}
.chat-user-box-right figcaption{flex: 1; display: flex; flex-direction: column; gap: 5px;}
.chat-user-box-right figcaption h3{font-size: 15px; color: #fff; font-weight: 600; margin: 0;}
.chat-user-box-right figcaption p{font-size: 14px; color:#D0D0D0; margin: 0;}

.chat-list{height: 500px; overflow: auto;}
.chat-day-box{font-size: 14px; color: #D0D0D0; margin: 15px 0px; text-align: center;}

.message-box{display: flex; flex-direction: column;}
.chat-right-message-box .message-box{display: flex; align-items: flex-end; justify-content: flex-end;}
.message-content p{padding: 10px 15px; background: #304554; font-size: 14px; color: #fff;}
.chat-right-message-box .message-box p{border-radius: 10px 10px 0px 10px;}
.message-status{display: flex; align-items: center; gap: 10px;}
.message-status span{font-size: 13px; color: #D0D0D0;} 

.chat-left-message-box .message-box{align-items: flex-start; justify-content: flex-start;}
.chat-left-message-box .message-box .message-content p{background: #0098FF; border-radius: 10px 10px 10px 0px; margin-left: 36px;}
.chat-left-message-box .message-status img{width: 26px; height: 26px; object-fit: cover; border-radius: 50px;}

.chat-message-send-box{display: flex; align-items: center; gap: 15px;}
.chat-message-send-box .form-control{height: 44px; flex: 1;}
.chat-send-btn{width: 42px; height: 42px; border-radius: 50px; background: #0098FF; border: solid 2px; border-color:rgba(255, 255, 255, 25%);}


/*--------------------------------------------------------------------------------------*/
/*transfer-player2-css-here
/*--------------------------------------------------------------------------------------*/
 
 
.transfer-out-in h2{font-size: 16px; color: #fff; font-weight: 600; margin-bottom: 15px;}
.transfer-box{gap:15px; border: solid 1px #304554; border-radius: 25px; padding: 15px; width: 100%;}
.transfer-box figure{width: 50px; margin: 0;}
.transfer-box figcaption{flex: 1;}
.transfer-box figcaption h3{margin: 0; font-size: 16px; color: #fff; font-weight: 600;}
.transfer-points-overview{margin-top: 30px;}
.tab-bg .nav.nav-pills .form-control{min-width: 200px;}
.friend-content-box .form-check .form-check-input{margin: 0;}
.tabs-nav{overflow: auto; display: flex; white-space: nowrap; gap: 30px; padding: 10px 10px;}
.tabs-nav button{margin: 0; max-width: none; width: auto; padding: 8px 10px; min-width: 140px; flex: inherit;}
.league-btn{gap: 15px !important;}

.success-box{margin: auto; width: 100%;}
.success-icon{font-size: 60px; color: #28a745;}

.success-box h2{font-size: clamp(22px,4vw,28px);}
.success-icon{font-size: 42px;}
.withdraw-payment-bg{padding: 15px !important;}


.content-filter-head{flex-wrap: wrap;}
.content-filter-head .tab-search .form-control{min-width: 10px;}