/* ── RESPONSIVE ── */
@media (max-width: 991px) {
    .why-content {

        margin-top: 40px;
    }

    .about-exp-badge {
        right: 10px;
        bottom: 10px;
    }

    .hero {
        min-height: auto;
        padding: 120px 0 80px;
    }
}

@media (max-width: 767px) {
    .hero h1 {
        font-size: 2.4rem;
    }

    .topbar {
        display: none;
    }
}

/* Mobile-friendly dropdown (click instead of hover) */
@media (max-width: 991px) {
    .nav-item.dropdown .custom-dropdown {
        position: static;
        transform: none;
        box-shadow: none;
        display: none;
        opacity: 1;
    }

    .nav-item.dropdown.show .custom-dropdown {
        display: block;
    }
}