.contact-page {
  padding-top: 80px;
  @media (max-width: 575.98px) {
    padding-top: 120px;
  }
  .section-title {
    margin-left: 0;
  }
}

.contact-page-banner {
  background-color: var(--color-gray);
  padding-top: 90px;
  padding-bottom: 90px;
  text-align: center;
  @media (max-width: 575.98px) {
    padding-top: 40px;
    padding-bottom: 53px;
  }
}

.contact-page-form {
  padding-top: 50px;
  padding-bottom: 130px;
  @media (max-width: 575.98px) {
    padding-top: 40px;
    padding-bottom: 90px;
  }
}

.contact-page-form-note {
  text-align: center;
  margin-bottom: 75px;
  @media (max-width: 575.98px) {
    font-size: 13px;
    text-align: left;
    margin-bottom: 44px;
  }
}

.contact-page-form-wrapper {
  max-width: 1000px;
  margin: auto;
}

.contact-page .form-button-group {
  margin-top: 95px;
  @media (max-width: 767.98px) {
    gap: 20px;
  }
  @media (max-width: 575.98px) {
    margin-top: 53px;
  }
}

.contact-page .form-button-group a {
  max-width: 320px;
  width: 100%;
}

.contact-state-container,
.contact-page-complete {
  padding-top: 50px;
  padding-bottom: 156px;
  text-align: center;
  padding: 20px;
  @media (max-width: 575.98px) {
    text-align: left;
    font-size: 13px;
    padding-top: 40px;
  }
}

.contact-page .policy-text {
  margin-top: 30px;
  text-align: center;
}

.contact-page .go-to-home {
  margin-top: 37px;
  display: block;
  text-align: center;
  @media (max-width: 575.98px) {
    margin-top: 23px;
  }
}