/* ============================================================

       RESPONSIVE

    ============================================================ */

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

  .usp__inner {
    grid-template-columns: 1fr;
  }

  .results__inner {
    grid-template-columns: 1fr;
  }

  .faq__inner {
    grid-template-columns: 1fr;
  }

  .process__steps {
    grid-template-columns: repeat(3, 1fr);

    gap: 1.5rem;
  }

  .process__steps::before {
    display: none;
  }

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

  .contact-bar__divider {
    display: none;
  }

  .contact__form-wrap {
    padding: var(--sp-md);
  }
}

@media (max-width: 767px) {
  :root {
    --sp-3xl: 5rem;

    --sp-xl: 3rem;
  }

  .services__grid {
    grid-template-columns: 1fr;
  }

  .process__steps {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .hero__trust {
    justify-content: space-around;

    gap: 1.25rem;
  }

  .hero__trust-divider {
    display: none;
  }

  .hero__ctas,
  .service__ctas {
    flex-direction: column;
  }

  .hero__ctas .btn,
  .service__ctas .btn {
    justify-content: center;
  }

  .contact__form-wrap {
    padding: var(--sp-sm);
  }

  .usp__list {
    grid-template-columns: 1fr;

    margin: 0;
  }

  .usp__stat-card {
    flex: 1 1 100%;
  }

  .results__benefits {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .process__steps {
    grid-template-columns: 1fr !important;
  }
}