.contact-main h1 {
  margin-bottom: 1rem;
  animation: var(--fade-in-left);
}
.contact-main section {
  max-width: 100%;
  width: 100%;
  animation: var(--fade-in-left);
  display: flex;
  border-radius: 0.5rem;
}
.contact-main section div {
  width: 100%;
}
.contact-main section iframe {
  width: 100%;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.contact-main section .contact-fields {
  width: 100%;
  background-color: #fff;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  padding: 2rem;
  border-right: 1px #eee solid;
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
}
.contact-main section .contact-fields form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  gap: 1rem;
}
.contact-main section .contact-fields form input,
.contact-main section .contact-fields form textarea {
  font: var(--font-regular);
  background-color: #fff;
  border: 2px solid #eee;
  padding: 0.875rem 1.5rem;
  font-size: 1rem;
  border-radius: 0.5rem;
  outline: none;
  transition: border-color 0.25s ease 25ms;
}
.contact-main section .contact-fields form input:hover, .contact-main section .contact-fields form input:focus,
.contact-main section .contact-fields form textarea:hover,
.contact-main section .contact-fields form textarea:focus {
  border-color: var(--brand);
}
.contact-main section .contact-fields form input::-moz-placeholder, .contact-main section .contact-fields form textarea::-moz-placeholder {
  color: var(--font-primary);
}
.contact-main section .contact-fields form input::placeholder,
.contact-main section .contact-fields form textarea::placeholder {
  color: var(--font-primary);
}
.contact-main section .contact-fields form textarea {
  resize: vertical;
}
.contact-main section .contact-fields form button {
  font: var(--font-regular);
  color: #fff;
  background-color: var(--brand);
  border: 2px solid var(--brand);
  padding: 0.875rem 1.5rem;
  font-size: 1rem;
  border-radius: 0.5rem;
  outline: none;
  transition: all 0.25s ease 25ms;
  cursor: pointer;
}
.contact-main section .contact-fields form button:hover {
  background-color: var(--brand-hover);
  border-color: var(--brand-hover);
}

@media screen and (max-width: 900px) {
  .contact-main section {
    flex-direction: column;
    gap: 2rem;
  }
  .contact-main section iframe,
  .contact-main section .contact-fields {
    border-radius: 0.5rem;
    border-left: 1px #eee solid;
  }
}/*# sourceMappingURL=style.contact.css.map */