/* team-equalize.css — small overrides to make team cards equal height and images consistent */

/* Ensure each column in the team-three row stretches to match the tallest column */
.team-three .row > [class*="col-"] {
  display: flex;
  align-items: stretch;
}

/* Make the card a column flex container so content can stretch */
.team-three__single {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Image container: fixed height fallback + crop using object-fit */
.team-three__single-img .inner {
  height: 220px; /* fallback fixed height */
  overflow: hidden;
}

.team-three__single-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Let content fill remaining vertical space so all cards have equal height */
.team-three__single-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 18px 15px;
}

/* Push descriptive text to the bottom when space allows (keeps layout tidy) */
.team-three__single-content .text {
  margin-top: auto;
}

/* Larger image on wide screens */
@media (min-width: 1200px) {
  .team-three__single-img .inner { height: 260px; }
}

/* Mobile behaviour: stack normally, reduce image height */
@media (max-width: 767px) {
  .team-three .row > [class*="col-"] { display: block; }
  .team-three__single-img .inner { height: 160px; }
  .team-three__single-content { padding: 14px 10px; }
}

/* Match testimonial section spacing to other sections: desktop -> 120px top / 90px bottom */
.testimonial-three {
  padding: 120px 0 90px;
}

@media (max-width: 1199px) {
  .testimonial-three { padding: 80px 0 60px; }
}

@media (max-width: 767px) {
  .testimonial-three { padding: 50px 0 40px; }
}
