@media (max-width: 1024px) {
  .figma-contact-root .contact-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .figma-contact-root .contact-main {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

@media (max-width: 640px) {
  .figma-contact-root .hero {
    padding: 64px 5% 72px;
  }

  .figma-contact-root .contact-cards {
    grid-template-columns: 1fr;
    padding-top: 32px;
  }

  .figma-contact-root .contact-main {
    padding: 32px 0 48px;
  }

  .figma-contact-root .contact-form-wrap {
    padding: 1.5rem;
  }

  .figma-contact-root .form-row,
  .figma-contact-root .form-rows {
    grid-template-columns: 1fr;
  }

  .figma-contact-root .faq-section,
  .figma-contact-root .cta-section {
    padding: 48px 5%;
  }
}