/* Responsive Styles */
        @media (max-width: 1200px) {
            .mega-menu {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        
        @media (max-width: 992px) {
            .top-header {
                display: none;
            }
            
            .nav-links {
                display: none;
            }
            
            .mobile-menu-btn {
                display: block;
            }
            
            .nav-links.active {
                display: flex;
                flex-direction: column;
                position: fixed;
                top: 80px;
                left: 0;
                width: 100%;
                height: calc(100vh - 80px);
                background-color: white;
                box-shadow: var(--shadow-lg);
                padding: 1rem 2rem;
                overflow-y: auto;
            }
            
            .nav-links.active li {
                margin: 0;
                padding: 0.5rem 0;
                border-bottom: 1px solid var(--gray-light);
            }
            
            .dropdown-menu {
                position: static;
                box-shadow: none;
                padding: 0;
                opacity: 1;
                visibility: visible;
                display: none;
                background-color: var(--gray-light);
                border-radius: 0.5rem;
                margin-top: 0.5rem;
                margin-left: 1rem;
            }
            
            .dropdown-menu.active {
                display: block;
            }
            
            .dropdown-menu li {
                padding: 0.5rem 1rem;
                border-bottom: none;
            }
            
            .dropdown > a::after {
                content: '\f078';
                font-family: 'Font Awesome 6 Free';
                font-weight: 900;
                margin-left: 5px;
                transition: transform 0.3s;
            }
            
            .dropdown.active > a::after {
                transform: rotate(180deg);
            }
            
            .mega-menu {
                grid-template-columns: 1fr;
                padding: 1rem;
            }
            
            .mega-menu h4 {
                margin-top: 1rem;
            }
            
            .mega-menu h4:first-child {
                margin-top: 0;
            }
        }
        
        @media (max-width: 768px) {
            .footer-container {
                grid-template-columns: 1fr 1fr;
            }
            
            .footer-logo-col {
                grid-column: span 2;
            }
            
            .footer-bottom {
                flex-direction: column;
                gap: 1.5rem;
                text-align: center;
            }
            
            .footer-bottom-links {
                justify-content: center;
                flex-wrap: wrap;
            }
        }
        
        @media (max-width: 576px) {
            .footer-container {
                grid-template-columns: 1fr;
            }
            
            .footer-logo-col {
                grid-column: span 1;
            }
            
            .nav-container {
                padding: 0 1.5rem;
            }
        }