.ContactForm {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  min-height: 0;
  max-width: 120rem;
  padding: 0 var(--sizeContentOffset);
  margin: var(--sizeModuleHorizontalOffset) 0;
}

@media (min-width: 64.01rem) {
  .ContactForm {
    grid-template-columns: auto auto;
    gap: 0;
    min-height: 40rem;
    padding: 0;
    margin: var(--sizeModuleHorizontalOffset) auto 0;
  }
}

.ContactForm-heading {
  margin-bottom: 1rem;
}

.ContactForm-text {
  margin-bottom: 2.5rem;
  font-size: 0.875rem;
}

@media (min-width: 48.01rem) {
  .ContactForm-text {
    font-size: 1rem;
  }
}

.ContactForm-map {
  display: none;
  position: relative;
  z-index: var(--layerNullZIndex);
  border: 0;
  width: 100%;
  height: 100%;
  min-height: 20rem;
}

@media (min-width: 64.01rem) {
  .ContactForm-map {
    display: block;
  }
}

.ContactForm-map img {
  height: 100%;
  object-fit: cover;
}

.ContactForm-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 63.25rem;
  background: var(--colorBodyBg);
  z-index: var(--layerPageZIndex);
}

@media (min-width: 64.01rem) {
  .ContactForm-form {
    padding: var(--sizeModuleHorizontalOffset) var(--sizeContentOffset);
  }
}

@media (min-width: 105rem) {
  .ContactForm-form {
    padding-left: calc((100vw - var(--sizeContentWidth)) / 2);
    padding-bottom: 7rem;
  }
}

@media (min-width: 120rem) {
  .ContactForm-form {
    padding-left: 10rem;
    padding-right: 4rem;
  }
}

.ContactForm-form .ButtonBase {
  width: 100%;
}

.ContactForm .AppForm-label {
  font-weight: 500;
}

/*# sourceMappingURL=contact-form.min.css.map */