.ocf-about-contact {
  background: var(--ocf-bg);
}

.ocf-about-contact__content {
  width: min(100%, 54rem);
  margin-inline: auto;
}

.ocf-about-contact__heading {
  margin: 0;
  color: var(--ocf-heading);
}

.ocf-about-contact__intro {
  max-width: 62ch;
  margin: 1rem 0 0;
  color: var(--ocf-body);
}

.ocf-about-contact__form {
  margin-top: clamp(1.5rem, 4vw, 2.5rem);
}

.ocf-about-contact .hero-form-card {
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid var(--ocf-border);
  border-radius: var(--ocf-radius-lg, 8px);
  background: var(--ocf-bg-alt);
}

.ocf-about-contact .hero-form-title,
.ocf-about-contact .ocf-phone-field {
  display: none;
}

.ocf-about-contact .form-submit-btn {
  border-color: var(--ocf-primary) !important;
  background: var(--ocf-primary) !important;
  color: #fff !important;
}

.ocf-about-contact .form-submit-btn:hover {
  border-color: var(--ocf-primary-hover) !important;
  background: var(--ocf-primary-hover) !important;
}

@media (max-width: 640px) {
  .ocf-about-contact .hero-form-card {
    padding: 1rem;
  }
}

/* OCF_AGENT_BLOCK:about-contact-heading-typography START */
.ocf-about-contact__heading {
  font-family: var(--font-heading), system-ui, sans-serif;
  font-size: clamp(2rem, 4vw, var(--font-h2-size, 44px));
  font-weight: var(--font-weight-bold);
  line-height: 1.12;
}
/* OCF_AGENT_BLOCK:about-contact-heading-typography END */