.ContactForm {
  margin: var(--sizeModuleHorizontalOffset) auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
}

@media (min-width: 64.01rem) {
  .ContactForm {
    gap: 2rem;
  }
}

.ContactForm-heading {
  color: var(--colorBrand);
}

.ContactForm-itemWrapper {
  position: relative;
  overflow: hidden;
}

.ContactForm-infoMap {
  position: absolute;
  top: -50%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  filter: invert(1);
  opacity: .3;
}

.ContactForm-infoMap:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(45deg, #000, transparent), linear-gradient(90deg, #000, transparent);
  top: 50%;
  left: 0;
}

@media (max-width: 64rem) {
  .ContactForm {
    grid-template-columns: 1fr;
  }
}

.ContactForm-info {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 2rem;
  position: relative;
}

@media (min-width: 64.01rem) {
  .ContactForm-info {
    grid-template-columns: 1fr;
  }
}

.ContactForm-infoItem {
  display: grid;
  grid-template-columns: 3rem 1fr;
  gap: 1rem;
}

.ContactForm-infoIcon {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ContactForm-infoIcon svg {
  color: var(--colorBrand);
}

.ContactForm-infoContent {
  grid-column: 2;
}

.ContactForm-infoContent a {
  color: black;
}

.ContactForm-infoHeading {
  margin: 0;
  align-self: center;
}

.ContactFormStyledText {
  font-size: 1rem;
  margin-bottom: .875rem;
}

@media (max-width: 64rem) {
  .ContactFormStyledText {
    margin-bottom: .5rem;
  }
}

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