@font-face {
  font-family: "Bold";
  src: url("/assets/fonts/Mulish-Bold.ttf");
}
@font-face {
  font-family: "Semibold";
  src: url("/assets/fonts/Mulish-SemiBold.ttf");
}
@font-face {
  font-family: "Regular";
  src: url("/assets/fonts/Mulish-Regular.ttf");
}
@font-face {
  font-family: "ExtraBold";
  src: url("/assets/fonts/Mulish-ExtraBold.ttf");
}
.managementContainer {
  padding-left: clamp(16px, calc(-19.3783783784px + 10.7207207207vw), 135px);
  padding-right: clamp(16px, calc(-19.3783783784px + 10.7207207207vw), 135px);
  padding-top: clamp(32px, calc(-4.5714285714px + 4.7619047619vw), 64px);
  padding-bottom: clamp(32px, calc(-4.5714285714px + 4.7619047619vw), 64px);
  display: flex;
  flex-direction: column;
  gap: 32px;
  background-color: #fff;
}
.managementContainer .managementBanner {
  width: 100%;
  height: 360px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.managementContainer .managementContent {
  display: flex;
  flex-direction: column;
  gap: clamp(32px, calc(22.8571428571px + 1.1904761905vw), 40px);
}
.managementContainer .managementContent .managementHeader {
  padding-left: clamp(16px, calc(-19.3783783784px + 10.7207207207vw), 135px);
  padding-right: clamp(16px, calc(-19.3783783784px + 10.7207207207vw), 135px);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.managementContainer .managementContent .managementHeader h1 {
  font-family: "Bold" !important;
  font-size: 1.562rem !important;
}
.managementContainer .managementContent .managementHeader p {
  font-family: "Regular" !important;
  font-size: 1rem !important;
}

@media (max-width: 768px) {
  .managementBanner {
    height: auto !important;
  }
  .officerCard {
    gap: 20px !important;
  }
}/*# sourceMappingURL=management.css.map */