/* === Fullwidth Meet Our Team Section === */
.snet-fullwidth .meet-team-section {
  padding: clamp(48px, 7vw, 96px) clamp(20px, 5vw, 48px);
  background-color: #f5f5f5;
  text-align: center;
  margin: 0 auto;
  max-width: 100%;
  box-sizing: border-box;
}

/* Title + Description */
.meet-team-section .section-title {
  font-size: clamp(1.8rem, 2.8vw, 2.6rem);
  color: #0f5ea8;
  margin-bottom: clamp(12px, 2vw, 20px);
  font-weight: 700;
}

.meet-team-section .section-description {
  max-width: 760px;
  margin: 0 auto clamp(28px, 5vw, 56px);
  color: #1f2937;
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  line-height: 1.75;
}

/* Equal-height row + cards */
#meet-team .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; /* all columns stretch to tallest */
}

#meet-team .row > [class*="col"] {
  display: flex; /* each column becomes flex container */
}

.meet-team-card {
  background: #fff;
  border-radius: 14px;
  padding: clamp(22px, 3vw, 36px);
  box-shadow: 0 6px 16px rgba(15, 94, 168, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
  width: 100%;

  /* Equal height + flex layout */
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

.meet-team-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 22px rgba(15, 94, 168, 0.25);
}

.meet-team-card img.team-photo {
  width: clamp(100px, 11vw, 140px);
  height: clamp(100px, 11vw, 140px);
  border-radius: 50%;
  object-fit: cover;   
  aspect-ratio: 1 / 1; 
  margin-bottom: clamp(12px, 2.5vw, 20px);
  border: 4px solid #f9a825;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Typography inside cards */
.meet-team-card h4 {
  font-size: clamp(1.1rem, 1.4vw, 1.35rem);
  color: #0f5ea8;
  margin-bottom: 6px;
  font-weight: 600;
}

.meet-team-card h5 {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: #f9a825;
  margin-bottom: clamp(10px, 1.5vw, 14px);
}

/* Description always aligned at bottom */
.meet-team-card p {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: #1f2937;
  line-height: 1.6;
  margin-top: auto; /* pushes description down */
}

/* ==================================================
   RESPONSIVE TWEAKS (not layout — Bootstrap handles that)
================================================== */
@media (max-width: 575.98px) {
  .snet-fullwidth .meet-team-section { padding: 40px 16px; }
  .meet-team-card { padding: 16px; }
  .meet-team-card img.team-photo { width: 90px; height: 90px; }
  [data-aos] { transition-delay: 0ms !important; }
}

@media (min-width: 768px) {
  .snet-fullwidth .meet-team-section { padding: 72px 32px; }
  .meet-team-card { padding: 26px; }
}

@media (min-width: 992px) {
  .meet-team-card { padding: 30px; }
}

@media (min-width: 1200px) {
  .meet-team-card { padding: 36px; }
}