/* Responsive */
        @media (max-width: 992px) {
            .service-details {
                grid-template-columns: 1fr;
            }
            
            .service-hero h1 {
                font-size: 2.5rem;
            }
        }
        
        @media (max-width: 768px) {
            .header-container {
                flex-direction: column;
                text-align: center;
            }
            
            nav ul {
                margin-top: 1.5rem;
                flex-wrap: wrap;
                justify-content: center;
            }
            
            nav ul li {
                margin: 0.5rem;
            }
            
            .mobile-menu {
                display: block;
                position: absolute;
                top: 1rem;
                right: 1rem;
            }
            
            nav {
                display: none;
            }
            
            nav.active {
                display: block;
            }
            
            .service-hero {
                height: 40vh;
            }
            
            .service-hero h1 {
                font-size: 2rem;
            }
        }