.section-team {
  background-color: #f8f9fa;
  padding: 9.6rem 0;
}

.section-team .sub-heading,
.section-team .heading-secondary {
  text-align: center;
}

.team-container {
  margin: 0 auto;
  max-width: 100rem;
  background-color: #ced4da;
  border-radius: 11px;
}

.team-box {
  display: flex;
  flex-direction: column;
  margin: 4.8rem;
  padding: 4.8rem;
  gap: 3.2rem;
  box-shadow: 0rem 1.2rem 2.4rem 1rem rgba(0, 0, 0, 0.205);

  background-color: #fff;
  border-radius: 11px;

  transition: all 0.4s;
}

.team-box:hover {
  transform: translateY(-2rem);
}

.team-person {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

.team-img {
  width: 12.8rem;
  border-radius: 50%;
}

.team-name {
  font-size: 3.6rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1.2rem;
}

.team-position {
  display: block;
  font-size: 1.8rem;
}

.team-text {
  font-size: 1.6rem;
  line-height: 1.6;
}

.team-email {
  align-self: flex-start;
  margin-top: auto;
}

.team-container.grid {
  gap: 4.8rem;
}
/* - FONT SIZE SYSTEM (px)
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
SPACING SYSTEM (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128 */