header{
    position:absolute;
    top:0;
    left:0;
    right:0;
}
.banner-sec{
    background:url("../image/aboutbanner.png");
    background-position: center;
    background-size:cover;
    background-repeat:no-repeat;
    display:flex;
    align-items:center;
}
.banner-content{
    position:relative;
    z-index:2;
    /*padding: 120px 0;*/
    text-align:center;
}
.banner-content > .title1{
    font-size:84px;
    font-weight:bold;
    font-family:var(--rajdhani-txt);
    color:var(--white-txt);
    margin-bottom:30px;
}
.banner-content > .sub-txt{
    font-size:30px;
    font-weight:500;
}
.contineous-slider{
    padding-bottom:60px;
}
.gym-box{
    max-width:500px;
    background:#202737;
    border-radius:20px;
}
.gym-content{
    padding:10px 20px;
}
.gym-content > .gym-icon{
    margin-bottom:10px;
}
.gym-content > .heading{
    color:#FFFFFF;
    font-size:30px;
    font-weight:bold;
    font-family:var(--rajdhani-txt);
    margin-bottom:20px;
}
.gym-content > .service-subtxt{
    color:#FFFFFF;
    font-size:16px;
    font-weight:400;
    margin-bottom:10px;
    max-width:400px;
}
/*Styling*/
/* From Uiverse.io by bhaveshxrawat */ 
.gym-box {
  
  background: #07182E;
  position: relative;
  display: flex;
  place-content: center;
  place-items: center;
  overflow: hidden;
  border-radius: 20px;
}

.gym-content{
    z-index: 1;
  color: white;
}

.gym-box::before {
  content: '';
  position: absolute;
  width: 100px;
  background-image: linear-gradient(180deg, rgb(0, 183, 255), rgb(212, 240, 30));
  height: 130%;
  animation: rotBGimg 3s linear infinite;
  transition: all 0.2s linear;
}

@keyframes rotBGimg {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.gym-box::after {
  content: '';
  position: absolute;
  background: #07182E;
  ;
  inset: 5px;
  border-radius: 15px;
}  
 .card:hover:before {
  background-image: linear-gradient(180deg, rgb(81, 255, 0), purple);
  animation: rotBGimg 3.5s linear infinite;
} 


@media screen and (max-width:992px){
    .gym-content > .heading{
        font-size:24px;
    }
    .gym-content > .service-subtxt{
        font-size:14px;
    }
}
@media screen and (max-width:768px){
    .banner-content > .title1 {
    font-size: 63px;
}
}
@media screen and (max-width:576px){
    .banner-content > .title1 {
    font-size: 45px;
    }
    .gym-box{
        margin: 0 auto;
    }
}
@media screen and (max-width:375px){
    .banner-content > .title1 {
    font-size: 41px;
    }
    .gym-content > .heading{
        font-size:21px;
    }
    .gym-content > .service-subtxt{
        font-size:11px;
    }
}