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

.about-banner .banner-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(36 / var(--fontsize) * 1rem);
  color: white;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 60, 130, 0) -6.31%, rgba(153, 36, 78, 0.49) 68.11%);
}

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

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

.about-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(224 / var(--fontsize) * 1rem) 0;
}

.about-content .content-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(120 / var(--fontsize) * 1rem) calc(63 / var(--fontsize) * 1rem);
}

.about-content .content-grid .section-block {
  width: calc(567 / var(--fontsize) * 1rem);
  display: flex;
  flex-direction: column;
  gap: calc(24 / var(--fontsize) * 1rem);
}

.about-content .content-grid .section-block .section-title {
  font-size: calc(32 / var(--fontsize) * 1rem);
  line-height: calc(42 / var(--fontsize) * 1rem);
  font-weight: 700;
  color: #333333;
  text-decoration: underline;
  text-decoration-color: #FF3C82;
  text-decoration-thickness: calc(8 / var(--fontsize) * 1rem);
  text-underline-offset: calc(-2 / var(--fontsize) * 1rem);
}

.about-content .content-grid .section-block .section-text {
  color: #333333;
  font-size: calc(16 / var(--fontsize) * 1rem);
  line-height: calc(24 / var(--fontsize) * 1rem);
}

.about-content .content-grid .section-block .section-text-lg {
  line-height: calc(48 / var(--fontsize) * 1rem);
}

.about-content .content-grid .section-block .contact-list {
  font-size: calc(16 / var(--fontsize) * 1rem);
  color: #333333;
  display: flex;
  flex-direction: column;
  gap: calc(24 / var(--fontsize) * 1rem);
  margin-top: calc(24 / var(--fontsize) * 1rem);
}

.about-content .content-grid .section-block .contact-list .highlight {
  color: #FF3C82;
}

.about-content .content-grid .section-block .company-info {
  font-size: calc(16 / var(--fontsize) * 1rem);
  color: #333333;
  display: flex;
  flex-direction: column;
  gap: calc(36 / var(--fontsize) * 1rem);
}

.about-content .content-grid .section-block .company-info .info-item {
  padding-left: calc(54 / var(--fontsize) * 1rem);
}

.about-content .content-grid .section-image {
  width: calc(570 / var(--fontsize) * 1rem);
  height: auto;
  object-fit: cover;
}

.about-content .content-grid .map-image {
  width: calc(570 / var(--fontsize) * 1rem);
  height: calc(369 / var(--fontsize) * 1rem);
  border-radius: calc(16 / var(--fontsize) * 1rem);
  object-fit: cover;
}