.traines-sec{
    padding:60px 0;
}
.trainers-content{
    max-width:750px;
    margin: 0 auto;
}
.trainers-content > .rajdhani-txt{
    text-align:center;
}
.trainers-content > .subtxt{
    text-align:center;
    color:#D7FB00;
}
.trainers-content > .title2{
    max-width:713px;
    font-size:44px;
    text-align:center;
}
.trainers-image {
    max-width:210px;
    margin: 0 auto;
}
.trainers-image > img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.trainers-image {
  text-align: center;
  transition: all 0.4s ease;
}

.trainers-image img {
  width: 100%;
  filter: grayscale(100%) brightness(0.8);
  transition: all 0.4s ease;
}
.trainers-image:hover img {
  filter: grayscale(0) brightness(1);
  transform: translateY(-8px) scale(1.05);
}
.trainer-name {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 600;
  color: #d7fb00;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.35s ease;
}
.trainers-image:hover .trainer-name {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 1199px) {
  .col-2 {
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 30px;
  }
}

@media (max-width: 991px) {
  .col-2 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}

@media (max-width: 767px) {
  .col-2 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  
  .trainers-image {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}





@media screen and (max-width:992px){
    .col-2{
        width:50%;
    }
}
@media screen and (max-width:576px){
    .trainers-image{
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .trainer-name {
    background-color: #c8d400;
    color: white;
    font-size: 22px;
    font-weight: 600;
    padding:15px !important;
    }
}
@media (max-width: 480px) {
  .col-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .title2{
    font-size:40px;
  }
}
@media screen and (max-width:375px)
{
  .title2{
    font-size:35px;
  }
}