.main-content {
  padding-bottom: calc(90 / var(--fontsize) * 1rem);
}

.main-content .banner-section {
  position: relative;
  width: 100%;
  height: calc(316 / var(--fontsize) * 1rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.main-content .banner-section .banner-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(36 / var(--fontsize) * 1rem);
  color: white;
}

.main-content .banner-section .banner-overlay .banner-title {
  font-weight: 700;
  font-size: calc(48 / var(--fontsize) * 1rem);
  line-height: calc(63 / var(--fontsize) * 1rem);
}

.main-content .banner-section .banner-overlay .banner-subtitle {
  font-size: calc(24 / var(--fontsize) * 1rem);
  line-height: calc(32 / var(--fontsize) * 1rem);
  font-weight: 400;
}

.main-content .breadcrumb {
  display: flex;
  align-items: center;
  gap: calc(7 / var(--fontsize) * 1rem);
  padding: calc(37 / var(--fontsize) * 1rem) 0;
  margin-left: calc(248 / var(--fontsize) * 1rem);
  color: #666666;
  font-size: calc(14 / var(--fontsize) * 1rem);
  line-height: calc(24 / var(--fontsize) * 1rem);
}

.main-content .breadcrumb a {
  color: #666666;
  text-decoration: none;
}

.main-content .breadcrumb a:hover {
  color: #333333;
}

.main-content .content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-content .content-wrapper .content-container {
  width: calc(1424 / var(--fontsize) * 1rem);
  min-height: calc(1264 / var(--fontsize) * 1rem);
  background-image: url("../images/mask_bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 calc(32 / var(--fontsize) * 1rem);
}

.main-content .content-wrapper .content-container .content-header {
  font-weight: 700;
  font-size: calc(32 / var(--fontsize) * 1rem);
  text-align: center;
  padding: calc(39 / var(--fontsize) * 1rem) 0;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: calc(64 / var(--fontsize) * 1rem);
}

.main-content .content-wrapper .content-container .content-body {
  color: #333;
  font-size: calc(16 / var(--fontsize) * 1rem);
  line-height: calc(28 / var(--fontsize) * 1rem);
  padding-bottom: calc(64 / var(--fontsize) * 1rem);
}