/* Responsive Design */
@media (max-width: 768px) {

    /* Headings */
    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.75rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    /* container */
    .container {
        width: 90%;
        max-width: 691.2px;
    }

    section {
        padding: 2rem 0;
    }

    .btn-2 {
        padding-left: 0.5rem;
    }

    .hero,
    .hero-right-inner,
    .hero-cta,
    .why-choose-us,
    .testimonials-top,
    .testimonials-cards,
    .local-heading,.call-ctas, .contact,
    .contact-container, .footer-top, .footer-bottom > div {
        flex-direction: column;
        gap: 1.5rem !important;
    }

    /* with full */
    .hero-left,
    .hero-right, .why-choose-us-right img, .accordion, .contact-container, .footer-top > div {
        width: 100%;
    }

    /* Hero Section */
    .hero-left,
    .hero-right {
        padding: 0.1rem !important;
    }

    .hero-right {
        background-position: top;
        background-size: cover;
    }

    .hero-right-inner {
        margin-top: 0 !important;
    }

    .hero-card {
        background-color: var(--light);
        backdrop-filter: blur(3rem);
    }

    .hero-card {
        backdrop-filter: blur(8rem);
    }

    .hero-card-body-text {
        background-color: #fff;
    }

    /* Buttons */
    .hero-cta {
        align-items: start;
    }

    /* ==== LOGO Slider ==== */
    .logo-slider {
        padding: 1.5rem 0 !important;
        gap: 2.5rem !important;
    }

    /* ===== SERVICE CARD ===== */
    .service-card-img img {
        width: 19rem;
    }

    /* ===== WHY CHOOSE US ===== */
    .why-choose-us-points {
        grid-template-columns: none;
    }

    .why-choose-us-right,
    .local-heading-right {
        padding-left: 0 !important;
    }

    /* ==== TESTIMONIALS ===== */
    .testimonials {
        padding: 0.25rem;
    }

    .testimonials-cards {
        align-items: center;
    }

    .testimonials-cards>div:nth-child(even) {
        margin-top: 0 !important;
    }

    /* ===== LOCAL HEADING ===== */
    .local-heading {
        flex-direction: column-reverse;
    }

    /* ===== CALL CTA ===== */
    .call-cta {
        width: 100% !important;
        background-image: url(assets/img/background\ \(2\).webp);
        background-size: cover;
        background-repeat: no-repeat;
    }

    /* ===== ACCORDION ===== */

    .call-cta-outer, .call-cta-inner {
        padding: 1rem;
    }

    .call-cta-shapes {
        display: none;
    }

    /* ===== CONTACT ===== */
    .contact-container {
        padding: 0;
    }

    /* ===== FOOTER */

    /*.info-container {
        order: -1;
        flex: 1;
    }

    .form-container,
    .info-container {
        padding: 1.5rem;
    }*/
}