.team-pagination .swiper-pagination-progressbar {
    position: relative;
    height: 5px;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    background-color: #F9F9F7;
}

.team-pagination .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #BFB5B0;
}
.team-detail{
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.team-detail img{
     max-height: 380px;
     border-radius: 10px 10px 0px 0px;
         object-fit: cover;
    object-position: top;
}

.team-slider{
 background-color: #F7F1EA;
    height: auto;
    display: flex;
    border-radius: 10px;
}

.team-slider a,
.team-detail{
  height: 100%;
  border-radius: 10px;
}

.team-title h4{
  color: #BCA078;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Lora';
}

.client-designation{
  font-family: 'Outfit';
  color: #000000;
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 0px;
}

.team-detail-container{
  padding: 20px 30px;
}
@media screen and (max-width: 1440px) {
 .team-detail img{
  max-height: 300px;
 }
}


@media only screen and (max-width: 820px) {
 
}

@media only screen and (max-width: 768px) {
 
  .team-detail img{
      max-height: 400px;
  }
}

@media only screen and (max-width: 640px) {
    .team-detail img{
      max-height: 330px;
  }
}