/* Supervisors & supervisory-board pages conntent styles */

.page-content .supervisors {
  padding: 3.2rem 0 4rem;
  color: var(--text-color);
}

.page-content .supervisors .heading {
  font-size: 2.5em;
  line-height: 1.5;
}

.page-content .supervisors .description {
  margin-bottom: 2.5em;
  font-size: 1.5em;
  line-height: 2;
}

.page-content .supervisors .d-flex:not(:last-child) {
  margin-bottom: 2rem;
}

.page-content .supervisors .d-flex {
  column-gap: 7rem;
  row-gap: 2rem;
}

.page-content .supervisors .card {
  width: 25.7rem;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
}

.page-content .supervisors-board .card {
  width: 26rem;
}

@media (max-width: 350px) {
    .page-content .supervisors-board .card {
        width: 100%;
    }
}
.page-content .supervisors .card-body {
  background-color: #ffffff;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.page-content .supervisors .card .img-holder {
  /* width: 25.7rem; */
  height: 25.7rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  position: relative;
  overflow: hidden;
}

.page-content .supervisors .card img {
  width: 100%;
  max-width: 100%;
  height: 110%;
  object-fit: cover;
  position: absolute;
}

.page-content .supervisors .card .high-image {
  top: 5%;
}

.page-content .supervisors .card .low-image {
  bottom: 0;
}

.page-content .supervisors .card .card-title,
.page-content .supervisors .card .card-text {
  font-size: 1.4rem;
}

.page-content .supervisors .card .card-title {
  color: #3a3c3b;
}