/* =========================
RESPONSIVE
========================= */

@media (max-width: 1024px) {

  .contact-page-grid {
    grid-template-columns: 1fr;
  }

  .contact-info-card {
    position: static;
  }
}

@media (max-width: 768px) {

  .contact-hero {
    padding: 150px 0 80px;
  }

  .contact-form-card {
    padding: 36px 24px;
  }

  .contact-info-card {
    padding: 36px 24px;
  }

  .form-row.two-columns {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .contact-form-card h2 {
    font-size: 28px;
  }

  .contact-hero h1 {
    font-size: 42px;
  }
}

/* ===================================
RESPONSIVE
=================================== */

@media (max-width: 768px) {

  .thanks-page {
    padding: 100px 0 80px;
  }

  .thanks-card {
    padding: 56px 28px;
    border-radius: 18px;
  }

  .thanks-card h1 {
    font-size: 30px;
  }

  .thanks-card p {
    font-size: 14px;
    line-height: 2;
  }

  .thanks-card .btn {
    width: 100%;
  }

}