/* Responsive Styles */
@media (max-width: 768px) {
    header {
        flex-direction: column;
        padding: 20px;
    }

    #header-nav_home{
        display: none;
    }
    #header-nav_about-us{
        display: block;
        margin-left: -25px;
        white-space: nowrap;
    }
    #header-nav_why-us{
        display: block;
        white-space: nowrap;
    }
    #header-nav_core-values{
        display: block;
        white-space: nowrap;
    }
    #header-nav_contact-us{
        display: block;
        white-space: nowrap;
    }

    
    footer nav ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    section {
        padding: 40px 20px;
    }
    
    .why-us-grid, .values-grid {
        grid-template-columns: 1fr;
    }
    
    footer {
        flex-direction: column;
        padding: 20px;
    }
}