.contact-page__section {
  position: relative;
  isolation: isolate;
  background: #fff !important;
}

.contact-page__section::before,
.inquiry-page__section::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-position: center;
  background-size: cover;
  content: "";
}

.contact-page__section::before {
  background-image:
    linear-gradient(rgba(255, 255, 255, .76), rgba(255, 255, 255, .76)),
    url("../img/contact-representative.webp");
}

.contact-page__heading {
  margin: 0 0 26px !important;
}

.inquiry-page__section {
  position: relative;
  isolation: isolate;
  background: #fff !important;
}

.inquiry-page__section::before {
  background-image:
    linear-gradient(rgba(255, 255, 255, .76), rgba(255, 255, 255, .76)),
    url("../img/app-refinery.webp");
}

.inquiry-page__info {
  padding: clamp(20px, 3vw, 32px);
  border: 1px solid rgba(234, 218, 221, .9);
  border-radius: 12px;
  background: rgba(255, 255, 255, .9);
}

#main .inquiry-page__info :is(.inquiry-page__tag, h2, h2 span, .inquiry-page__intro, .inquiry-page__info-item h3, .inquiry-page__info-item p, .inquiry-page__info-item a, .inquiry-page__email, .inquiry-page__quote h3, .inquiry-page__quote p) {
  color: #30343a !important;
}

#main .inquiry-page__info h2 span {
  color: #b52d3b !important;
}

#main .inquiry-page__info-item {
  border-bottom-color: rgba(66, 68, 71, .18) !important;
}

#main .inquiry-page__icon {
  border-color: #b52d3b !important;
  background: #fff !important;
  color: #b52d3b !important;
}

#main .inquiry-page__quote {
  border-color: #eadadd !important;
  background: rgba(255, 255, 255, .94) !important;
}

.page-banner--inquiry h1 {
  white-space: nowrap;
  font-size: clamp(24px, 4.2vw, 48px) !important;
}

@media (max-width: 760px) {
  .contact-page__section::before,
  .inquiry-page__section::before {
    background-position: 58% center;
    background-image:
      linear-gradient(rgba(255, 255, 255, .82), rgba(255, 255, 255, .82)),
      url("../img/contact-representative.webp");
  }

  .inquiry-page__section::before {
    background-image:
      linear-gradient(rgba(255, 255, 255, .83), rgba(255, 255, 255, .83)),
      url("../img/app-refinery.webp");
  }

  .page-banner--inquiry h1 {
    font-size: clamp(23px, 6.1vw, 34px) !important;
  }
}