/* ── RESPONSIVE ── */
@media(max-width:1024px) {
    .hero-content {
        grid-template-columns: 1fr;
        max-width: 560px;
        text-align: center
    }

    .hero p {
        margin: 0 auto 36px
    }

    .hero-btns {
        justify-content: center
    }

    .hero-stats {
        justify-content: center
    }

    .hero-visual {
        display: none
    }

    .about-inner {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .about-badge {
        bottom: -12px;
        right: 12px
    }

    .why-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .cats-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .exp-card {
        grid-template-columns: 1fr
    }

    .svc-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .testi-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .footer-main {
        grid-template-columns: 1fr 1fr;
        gap: 32px
    }
}

@media(max-width:640px) {
    .desktop-links {
        display: none
    }

    .hamburger {
        display: flex
    }

    .why-grid {
        grid-template-columns: 1fr
    }

    .cats-grid {
        grid-template-columns: 1fr 1fr
    }

    .svc-grid {
        grid-template-columns: 1fr
    }

    .testi-grid {
        grid-template-columns: 1fr
    }

    .contact-form {
        padding: 28px 20px
    }

    .form-grid {
        grid-template-columns: 1fr
    }

    .form-group.full {
        grid-column: 1
    }

    .footer-main {
        grid-template-columns: 1fr;
        gap: 28px
    }

    .hero-stats {
        flex-wrap: wrap;
        gap: 20px
    }
}


.privacy-section{
    background-color: var(--navy);
}

.sidenav{
    color: var(--cyan);
}
.sidenav h3{
    color: var(--navy);
}
.privacy-content{
    color: var(--cyan);
}
.privacy-content span{
    font-weight: bolder;
    color: var(--navy);
}
.privacy-content h2{
    color: var(--navy);
}