/* Management page conntent styles */

.page-content .management {
  padding: 4.25rem 0 2.5rem;
  color: var(--text-color);
  margin-top: 10rem;
}

.page-content .management .heading {
  font-size: 2.5rem;
  line-height: 1.5;
}

.page-content .management .description {
  margin-bottom: 4rem;
  font-size: 1.5rem;
  line-height: 2;
}

.page-content .management .card.manager {
  margin-bottom: 2.5rem;
}

.page-content .management .card {
  width: 19rem;
  max-width: 100%;
  overflow: hidden;
}

.page-content .management .card-body {
  background-color: #f7fdf9;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.page-content .management .card .img-holder {
  height: 19rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  position: relative;
  overflow: hidden;
}

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

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

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

.page-content .management .card .card-title {
  color: var(--text-color);
  font-size: 1.125rem;
  line-height: 1.6;
}

.page-content .management .card .card-text {
  font-size: 1.08rem;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .page-content .management .card.manager {
    margin-bottom: 1rem;
  }
}