@media only screen and (max-width: 1280px) {
    .services-intro__inner {
        margin-top: var(--space-md);
        flex-direction: column;
        align-items: flex-start;
    }

    .services-intro__action {
        width: 100%;
        align-items: center;
    }

    .feature-card__body {
        padding: var(--space-sm);
        gap: var(--space-sm);
    }

    .why-choose-us__grid {
        gap: var(--space-sm);
    }

    .testimonials-section .container {
        padding: 0;
    }

    .testimonials-section .section-heading {
        padding: 0 var(--space-md);
    }

    .testimonials-section__cards {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        gap: var(--space-sm);
        padding-bottom: var(--space-sm);
        padding-left: var(--space-md);
        padding-right: var(--space-md);
        scroll-snap-type: x mandatory;
        scroll-padding-left: var(--space-md);
        -webkit-overflow-scrolling: touch;
    }

    /***** CLEAR SCROLLBAR *****/
    .testimonials-section__cards::-webkit-scrollbar {
        display: none;
    }

    .testimonial-card {
        flex: 0 0 18rem;
        scroll-snap-align: start;
        padding: var(--space-sm);
    }

    .service-areas-section__intro {
        max-width: 40rem;
    }

    .service-area-card--featured {
        padding: var(--space-md);
    }
}

@media only screen and (max-width: 1024px) {
   .section {
        padding: var(--space-lg) 0;
    }

    .container {
        padding: 0 var(--space-md);
    }

    .section--constrained {
        width: calc(100% - var(--space-sm) * 2);
    }

    .hero__inner,
    .how-it-works__inner
    {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm);
    }

    .hero__inner {
        gap: var(--space-sm);
    }

    .why-choose-us__item {
        padding: var(--space-sm);
    }

    .service-areas-section__inner {
        gap: var(--space-sm);
    }

    .service-areas-section__heading .section-heading__title {
        margin-bottom: var(--space-sm);
    }

    .service-areas-section__grid {
        gap: var(--space-sm);
    }

    .service-area-card--featured,
    .service-area-card {
        padding: var(--space-sm);
    }

    .faq-accordion__summary,
    .faq-accordion__content {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm);
    }
}

@media only screen and (max-width: 640px) {
    .site-nav__logo {
        width: clamp(140px, 45vw, 200px);
        max-height: 26px;
    }

    .hero {
        padding-top: var(--space-md);
        padding-bottom: var(--space-sm);
    }

    .hero__inner {
        padding-top: var(--space-md);
        padding-bottom: var(--space-sm);
    }

    .hero__description {
        margin: 0;
    }

    .hero__badges {
        justify-content: flex-start;
    }

    .how-it-works__content {
        gap: 0;
    }

    .why-choose-us__grid {
        grid-template-columns: 1fr;
    }

    .service-areas-section__grid {
        grid-template-columns: 1fr;
    }

    .service-area-card__badge {
        align-self: flex-end;
    }

    .service-area-card__cta {
        margin-top: var(--space-xs);
    }

    .faq-accordion__summary {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm);
    }

    .cta__title,
    .cta__tagline {
        max-width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .nav-container,
    .site-nav__inner {
        padding: var(--space-sm) var(--space-md);
    }

    .hero__content img {
        width: clamp(52px, 16vw, 64px);
    }

    .faq-accordion__summary {
        align-items: center;
    }
}