@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap');


body{margin: 0; padding: 0; background: var(--body-blue-bg);}
*{font-family: 'Inter', sans-serif;}



/* BANNER START */
    .banner-part{margin: 0; padding: 0; position: relative; padding-top: 100px;}
    /* .banner-part .mobile-img {text-align: left;} */
    .banner-part .right-text{position: relative;}
    .banner-part .right-text img{max-width: 100%;}
    .banner-part .contant-part{padding: 0 15px 40px; position: relative; z-index: 4; text-align: center;}
    .banner-part .contant-part .email-part{background: var(--theme-one-bg); padding: 8px 8px 8px 15px; display: inline-block; border-radius: 50px; box-shadow: 10px 20px 50px rgba(var(--black-bg-rgb),0.15); position: relative; z-index: 3;}
    .banner-part .contant-part .email-part input{border: 0; outline: none; box-shadow: none; background: transparent; color: var(--white-clr); font-size: 1rem; font-weight: 500;}
    .banner-part .contant-part .email-part input::placeholder{color: rgba(var(--white-clr-rgb), 0.5); font-weight: 400;}
    .banner-part .contant-part .email-part button{font-size: 1rem; color: var(--theme-one-clr); font-weight: 400; margin: 0; padding: 10px 15px; border-radius: 50px; box-shadow: none; border: 0; outline: none; background: var(--white-bg);}
    .banner-part .contant-part .button-banner{text-align: center;}
    .banner-part .contant-part .button-banner button{  font-size: 1rem; color: var(--theme-one-clr); font-weight: 400; margin: 0; padding: 5px 15px; border-radius: 50px; box-shadow: none; border: 6px solid var(--theme-one-bg); outline: none; background: var(--white-bg); margin-top: 10px;}
    .banner-part .contant-part .button-banner button a{text-decoration: none; color: inherit; display: block;}
    .banner-part .contant-part .right-text .content{ max-width: 80%; margin: 0 auto; position: absolute; top: 60px; left: 0; right: 0; margin: auto; height: fit-content; }
    .banner-part .contant-part .right-text .content h5{font-family: 'Poppins', sans-serif; margin: 0; padding: 0; font-weight: 700; font-size: 3.75rem; color: var(--theme-one-clr); margin-bottom: 20px; position: relative; z-index: 3; display: inline; text-transform: capitalize;}
    /* .banner-part .contant-part .right-text .content h5 span{color: var(--black-clr);} */
    .banner-part .contant-part .right-text .content h5::after{display: none;}
    .banner-part .contant-part .right-text .content p{ margin: 20px 0 20px; padding: 0; font-weight: 500; font-size: 1rem; color: var(--theme-one-clr);  color: rgba(var(--black-clr-rgb),0.73); }

    .banner-part .container-fluid{--bs-gutter-x:0;}
    .banner-part .video-part{position: absolute; left: 0; top: 0; right: 0; margin: auto; z-index: 1; width: 100%; height: 100%; overflow: hidden;}
    .banner-part .overlay{background: #005A8C; opacity: 0.8; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2;}
/* BANNER END */


/* Upcoming Sponsor Appearances Start */

    .athletes-list{background: var(--web-blue); padding: 40px 0;}
    .athletes-list .title-page{padding-bottom: 40px;}
    .athletes-list .title-page span{position: relative;}
    .athletes-list .title-page span::after{position: absolute; top: -30px; right: -20px; content: ""; height: 38px; width: 38px; background-size: contain; background: url(../images/sponsor-bg.png) no-repeat center;}

    .athletes-list .athletes-card{ background: rgba(var(--theme-one-bg-rgb), 0.2); border-radius: 140px 140px 0px 140px; position: relative; margin: 50px 0;}
    .athletes-list .athletes-card::after{position: absolute; right: 14px; top: 21px; content: ""; height: 120px; width: 120px; border-radius: 0px 85px 0 85px; background: url(../images/shape-list.png) no-repeat; z-index: 1;}
    .main-flex{display: flex;}
    /* .main-flex .img-main{min-width: 280px;} */
    .main-flex .text-main{flex: 1; padding: 0 0 0 30px;}
    /* .athletes-list .athletes-card .img-part{position: relative; border-radius: 500px 0px 500px 500px; display: block; width: 280px; height: 280px; overflow: hidden; max-width: 100%;}
    .athletes-list .athletes-card .img-part i.short-name{font-style: normal; font-weight: 800; color: var(--white-clr); font-size: 2.5rem; margin: 0; background: rgba(var(--theme-one-bg-rgb), 0.5); display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; text-transform: uppercase;}
    .athletes-list .athletes-card .img-part img{position: relative; border-radius: 500px 0px 500px 500px; min-height: 280px; min-width: 280px; max-width: 100%;}
    .athletes-list .athletes-card .img-part span { height: 20px; width: 20px; border-radius: 15px; position: absolute; top: 5px; right: 5px; display: inline-block; z-index: 99; border: 1px solid var(--white-clr);}
    .athletes-list .athletes-card .img-part span.online {background: var(--online);}
    .athletes-list .athletes-card .img-part span.busy {background: var(--busy);}
    .athletes-list .athletes-card .img-part span.offline {background: var(--offline);} */

    .athletes-list .athletes-card .info-text-part {padding: 25px 55px 25px 0; position: relative; z-index: 5; height: 100%; overflow: hidden;}
    .athletes-list .athletes-card .info-text-part h5 {font-size: 1.75rem; color: var(--white-clr); font-weight: 400; margin: 0 0 30px; text-transform: capitalize;}
    .athletes-list .athletes-card .info-text-part span {font-weight: 800;}

    .athletes-list .athletes-card .info-text-part p {font-size: 1.125rem; color: var(--white-clr); font-weight: 500; margin: 0 0 0px;}

    .athletes-list .athletes-card .info-text-part .light-text{position: absolute; right: 30px; bottom: -45px;}
    .athletes-list .athletes-card .info-text-part .light-text span{font-size: 7.5rem; color: rgba(var(--theme-one-bg-rgb), 0.05); text-transform: capitalize;}
   

/* Upcoming Sponsor Appearances End */


.athletes-list .img-part{position: relative;  display: inline-block; max-width: 250px; max-height: 250px; width: 250px; height: 250px; }
    
    .athletes-list .bubble {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      height: 100%;
      position: relative;
      width: 100%;
      bottom: 0;
      top: auto;
      background: url(../images/bg-bubble.png) no-repeat center;
      background-size: cover;
   }
   .athletes-list .bubble .new-bg {
      position: relative;
      position: relative;
      height: 100%;
      width: 100%;
      border-radius: 50%;
      padding: 5px;
   }
   .athletes-list  .bubble .new-bg .bubble-toch {
      position: absolute;
      top: -30px;
      left: -6px;
      z-index: -1;
   }
   .athletes-list  .bubble-toch img{max-width: 100%; border-radius: 0;}
   .athletes-list .bubble .new-bg .inner-data {
      position: relative;
      height: 100%;
      width: 100%;
      border-radius: 100%;
      background: transparent;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      background: rgba(255, 255, 255, 0.7);
   }
    .inital{height: 100%;width: 100%; position: relative;}
    
    .inital span {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    border-radius: 50% !important;
    background-color: var(--theme-one-clr);
    margin-left: 0 !important;
    color: var(--white-clr);
    display: grid !important;
    place-items: center;
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
    border: 0 !important;
    margin: 0;
    right: 0 !important;
    left: 0;
    bottom: 0 !important;
    position: relative !important;
    z-index: 3 !important;
  }
  .athletes-list .bubble .new-bg .inner-data img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: inline-block;
   }
   .athletes-list .bubble .new-bg span {
      height: 20px;
      width: 20px;
      border-radius: 15px;
      position: absolute;
      bottom: 14px;
      right: 44px;
      display: inline-block;
      z-index: 99;
      border: 1px solid var(--white-clr);
   }
   .athletes-list .bubble .new-bg span.online {
      background: var(--online);
   }
   .athletes-list .bubble .new-bg span.busy {
      background: #ff2929;
   }
   .athletes-list .bubble .new-bg span.offline {
      background: var(--offline);
   }
   .athletes-list .bubble .new-bg .name-user {
      opacity: 0;
      position: absolute;
      left: 0;
      bottom: 0px;
      right: 0;
      top: 0;
      margin: auto;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      background: rgba(0, 1, 0, );
      padding: 5px 10px;
      border-radius: 50%;
      width: 100%;
      height: 100%;
      flex-flow: column;
      height: 100%;
   }
   .athletes-list .bubble .new-bg .name-user p {
      color: var(--white-clr);
      font-weight: 700;
      font-size: 0.9375rem;
      margin: 0 0 5px;
   }
   .athletes-list .bubble .new-bg .name-user span {
      color: var(--white-clr);
      font-weight: 400;
      font-size: 0.75rem;
      margin: 0;
   }
   .athletes-list .bubble .new-bg::after {
      background: url(../images/overlay-bubble.png) no-repeat center;
      content: "";
      height: 100%;
      left: -1px;
      position: absolute;
      width: 100%;
      top: 0;
      background-size: cover;
      z-index: 3;
   }
   .athletes-list .bubble.show-name .name-user {
      opacity: 1;
   }
   .athletes-list .bubble.pop-bubble {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      transform: scale(0);
      transition: all 0.2s;
      height: 0;
      width: 0;
   }

   .biggest-fans .big-fans-slider .fans-img-part .img-part{position: relative; border-radius: 500px 0px 500px 500px; display: inline-block; max-width: 250px; max-height: 250px; width: 100%; height: 100%; }
    
.biggest-fans .big-fans-slider .fans-img-part .bubble {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 300px;
  position: relative;
  width: 300px;
  bottom: 0;
  top: auto;
  background: url(../images/bg-bubble.png) no-repeat center;
  background-size: cover;
}
.biggest-fans .big-fans-slider .fans-img-part .bubble .new-bg {
  position: relative;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  padding: 5px;
}
.biggest-fans .big-fans-slider .fans-img-part  .bubble .new-bg .bubble-toch {
  position: absolute;
  top: -3px;
  left: -6px;
  z-index: -1;
}
.biggest-fans .big-fans-slider .fans-img-part  .bubble-toch img{max-width: 100%; border-radius: 0;}
.biggest-fans .big-fans-slider .fans-img-part .bubble .new-bg .inner-data {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  background: transparent;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.7);
}
.biggest-fans .big-fans-slider .fans-img-part .inital{height: 100%;
width: 100%;}
.biggest-fans .big-fans-slider .fans-img-part .inital {
position: relative;

}
.biggest-fans .big-fans-slider .fans-img-part .inital span {
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center;
border-radius: 50% !important;
background-color: var(--theme-one-clr);
margin-left: 0 !important;
color: var(--white-clr);
display: grid !important;
place-items: center;
font-size: 1.8rem;
font-weight: 600;
text-transform: uppercase;
border: 0 !important;
margin: 0;
right: 0 !important;
left: 0;
bottom: 0 !important;
position: relative !important;
z-index: 3 !important;
}
.biggest-fans .big-fans-slider .fans-img-part .bubble .new-bg .inner-data img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: inline-block;
}
.biggest-fans .big-fans-slider .fans-img-part .bubble .new-bg span {
  height: 20px;
  width: 20px;
  border-radius: 15px;
  position: absolute;
  bottom: 14px;
  right: 44px;
  display: inline-block;
  z-index: 99;
  border: 1px solid var(--white-clr);
}
.biggest-fans .big-fans-slider .fans-img-part .bubble .new-bg span.online {
  background: var(--online);
}
.biggest-fans .big-fans-slider .fans-img-part .bubble .new-bg span.busy {
  background: #ff2929;
}
.biggest-fans .big-fans-slider .fans-img-part .bubble .new-bg span.offline {
  background: var(--offline);
}
.biggest-fans .big-fans-slider .fans-img-part .bubble .new-bg .name-user {
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0px;
  right: 0;
  top: 0;
  margin: auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 1, 0, );
  padding: 5px 10px;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  flex-flow: column;
  height: 100%;
}
.biggest-fans .big-fans-slider .fans-img-part .bubble .new-bg .name-user p {
  color: var(--white-clr);
  font-weight: 700;
  font-size: 0.9375rem;
  margin: 0 0 5px;
}
.biggest-fans .big-fans-slider .fans-img-part .bubble .new-bg .name-user span {
  color: var(--white-clr);
  font-weight: 400;
  font-size: 0.75rem;
  margin: 0;
}
.biggest-fans .big-fans-slider .fans-img-part .bubble .new-bg::after {
  background: url(../images/overlay-bubble.png) no-repeat center;
  content: "";
  height: 100%;
  left: -1px;
  position: absolute;
  width: 100%;
  top: 0;
  background-size: cover;
  z-index: 3;
}
.biggest-fans .big-fans-slider .fans-img-part .bubble.show-name .name-user {
  opacity: 1;
}
.biggest-fans .big-fans-slider .fans-img-part .bubble.pop-bubble {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  transition: all 0.2s;
  height: 0;
  width: 0;
}





@media screen and (min-width:1199px) and (max-width:1399px){
    .banner-part .contant-part .right-text .content h5{font-size: 2.75rem !important;}
    .banner-part .contant-part .right-text .content p{margin: 15px 0 15px; font-size: 0.95rem;}
    .banner-part .contant-part .email-part input{font-size: 0.95rem;}
    .banner-part .contant-part .email-part button{font-size: 0.95rem; padding: 5px 14px;}
}
@media screen and (min-width:991px) and (max-width:1198px){
    .banner-part .contant-part .right-text .content h5{font-size: 2.2rem !important;}
    .banner-part .contant-part .right-text .content p{margin: 10px 0 10px; font-size: 0.95rem;}
    .banner-part .contant-part .email-part input{font-size: 0.95rem;}
    .banner-part .contant-part .email-part button{font-size: 0.95rem; padding: 5px 14px;}

    .main-menu .navbar .nav-item{margin: 0 3px;}

    .athletes-list .athletes-card .info-text-part h5{font-size: 1.45rem; margin: 0 0 20px;}
    .athletes-list .athletes-card .info-text-part p{font-size: 1rem;}
    
}
@media screen and (min-width:768px) and (max-width:990px){
    .banner-part .contant-part .right-text .content h5{font-size: 2.2rem !important;}
    .banner-part .contant-part .right-text .content p{margin: 10px 0 10px; font-size: 0.875rem;}
}
@media screen and (max-width:991px){
    .navbar-collapse{ justify-content: flex-end; background: #12394E; padding: 15px; border-radius: 6px;}
    .banner-part .contant-part .email-part input{width: calc(100% - 116px); font-size: 0.9rem;}
    .banner-part .contant-part .email-part button{font-size: 0.9rem; padding: 6px 10px;}
    .banner-part .contant-part .right-text .content h5{font-size: 1.5rem !important;}
    .banner-part .contant-part .right-text .content p{margin: 7px 0 7px; font-size: 0.875rem;}
    .athletes-list .athletes-card .info-text-part h5{font-size: 1.45rem; margin: 0 0 20px;}
    .athletes-list .athletes-card .info-text-part p{font-size: 0.875rem;}
    .athletes-list .athletes-card .img-part{ width: 230px; height: 230px;}
    .athletes-list .athletes-card .img-part img.at-img{ min-height: 230px; min-width: 230px;}
    .athletes-list .bubble .new-bg span{bottom: 9px;}
    .banner-part .contant-part .button-banner button{ font-size: 0.875rem;  padding: 5px 15px; border: 4px solid var(--theme-one-bg);}
}
@media screen and (max-width:768px){
    .banner-part .contant-part .right-text .content h5{font-size: 1.3rem !important;}
    .banner-part .contant-part .right-text .content p{margin: 7px 0 7px; font-size: 0.75rem;}
    .banner-part .contant-part .email-part button{width: 100px; font-size: 0.75rem;}
    .banner-part .contant-part .email-part input{width: calc(100% - 109px); font-size: 0.75rem;}
    .banner-part .contant-part .email-part{padding: 5px 5px 5px 10px;}
    .banner-part .mobile-img {display: none;}
    .athletes-list  .athletes-card .main-flex{ flex-flow: column; justify-content: center; align-items: center;}
    .athletes-list .athletes-card .info-text-part{padding: 0;}
    .main-flex .text-main{padding: 30px;text-align: center; width: 100%;}
    .athletes-list .athletes-card{border-radius: 30px; margin: 30px 0;}
    .athletes-list .athletes-card::after{position: absolute; right: 0px; top: 0px; content: ""; height: 35px; width: 35px; border-radius: 0px 85px 0 85px; z-index: 1; background-size: cover;}
    .athletes-list .athletes-card .img-part{width: 200px; height: 200px;}
    .athletes-list .athletes-card .img-part img.at-img{min-width: 200px; min-height: 200px;}
    .athletes-list .bubble .new-bg span{bottom: 3px;}
    .athletes-list .athletes-card .info-text-part .light-text{bottom: auto; width: 100%; left: 0; top: 13px; right: 0; margin: auto;}
    .athletes-list .athletes-card .info-text-part .light-text span{font-size: 2rem;}

    

}
@media screen and (max-width:480px){
    .banner-part .contant-part .button-banner button{margin-top: 4px; padding: 3px 10px; font-size: 0.75rem;}
    
    .banner-part .contant-part .right-text .content h5{font-size: 1rem !important;}
    
}