.hero-content.hero-content-primary {
    background-color: rgba(1, 33, 105, 0.8);
     padding: 20px 0px 10px;
}
.hero.hero-parallax{
    background-attachment: initial;
}

.hero.hero-parallax .col{
    flex: 0 0 100%;
    max-width: 80%;
    padding: 0px;
}


@media (max-width: 991px){
    .hero.hero-parallax .col{
      max-width: 100%;
    }

    .hero.hero-parallax .row{
        margin-left: 0px;
        margin-right:0px;
    }

    .hero.hero-parallax .container{
        max-width:90%;
    }
}

/* Leadership styles */
.team-leadership .leadership-card {
  overflow: hidden;
  border-radius: 0.2rem;
  margin-bottom: 2rem;
}

.team-leadership .card-body {
  padding: 0;
  height: 100%;
}

.team-leadership .row {
  margin: 0;
  height: 100%;
  min-height: 280px;
}

.team-leadership .image-col {
  padding: 0;
  display: flex;
  align-items: stretch;
}

.team-leadership .image-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  min-height: 280px;
}

.team-leadership .profile-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.team-leadership .bio-col {
  display: flex;
  align-items: center;
  padding: 2rem;
}

.team-leadership .bio-content {
  width: 100%;
}

.team-leadership .card-title {
  margin-bottom: 1rem;
}

.team-leadership .bio-text {
  margin-bottom: 1.5rem;
}


/* Tablet-specific sizing to prevent oversized images */
@media (min-width: 540px) and (max-width: 991.98px) {
    .team-leadership .image-container {
        min-height: 240px;
        max-height: 300px; /* Prevents oversized images on tablets */
    }

    .team-leadership .profile-image {
        object-fit: contain;
    }
}

/* Responsive breakpoints */
@media (max-width: 991.98px) {
  .team-leadership .row {
    min-height: auto;
  }

  .team-leadership .image-container {
    min-height: 200px;
  }

  .team-leadership .bio-col {
    padding: 1.5rem;
  }

  /* On mobile, always stack image on top, bio below */
  .team-leadership .image-col {
    order: 1 !important;
  }

  .team-leadership .bio-col {
    order: 2 !important;
  }
}

@media (max-width: 575.98px) {
  .team-leadership .bio-col {
    padding: 1rem;
  }
}

/* Grid Styles */
/* Scoped styles for team-grid section only */
.team-grid .card {
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  height: 100%; 
  overflow: visible;
}

.team-grid .card-img-top {
  width: 100%;
  border-bottom: 1px solid #dee2e6;
  height: 280px;
  object-fit: cover;
  object-position: center top;
  display: block;
}


.team-grid .card-body {
  padding: 1.5rem;
  min-height: 350px;
  position: relative;
}

.team-grid .card-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

.team-grid .card-text {
  margin-bottom: 1.5rem;
}

.team-grid .btn-primary {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
}

/* Tablet-specific sizing to prevent oversized images */
@media (min-width: 476px) and (max-width: 991.98px) {
    .team-grid .card-img-top  {
        object-fit: contain;
    }
}

@media (min-width: 768px) {
  .team-grid .card-img-top {
    height: 300px; /* Slightly larger on tablets */
  }
}

@media (min-width: 992px) {
  .team-grid .card-img-top {
    height: 320px;
  }

  .team-grid .card-body {
    padding: 1.75rem;
  }
}

@media (max-width: 767.98px) {
  .team-grid .card-img-top {
    height: 250px;
  }

  .team-grid .card-body {
    padding: 1.25rem;
  }

  .team-grid .card-title {
    font-size: 1rem;
  }
}