.page-contact .inner-hero {
  min-height: 0;
  padding-bottom: 100px;
}

.page-contact .inner-hero-grid {
  align-items: start;
}

.contact-hero-form {
  position: relative;
  z-index: 2;
  align-self: start;
}

.contact-hero-form form {
  margin: 0 !important;
}

@media (max-width: 1000px) and (min-width: 761px) {
  .page-contact .inner-hero-grid {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}

@media (max-width: 760px) {
  .page-contact .inner-hero {
    min-height: 0;
    padding-bottom: 70px;
  }

  .page-contact .inner-hero-grid {
    gap: 42px;
  }
}