/* Responsive Design */
        @media (max-width:1139px){
             .logo{
                max-width: 150px;
             }
             .contact-info{
                min-width: 235px;
             }
        }
        @media (max-width: 930px) {
            .logo{
                max-width: 500px;
             }
            .header-content {
                flex-direction: column;
                text-align: center;
            }
             .nav-menu {
                display: none;
                flex-direction: column;
                width: 100%;
                margin: 1rem 0;
                gap: 0;
            }
            .nav-menu.active {
                display: flex;
            }
             .mobile-menu-toggle {
                display: block;
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translateY(-50%);
            }
             .contact-info {
                text-align: center;
                margin-top: 1rem;
            }

        }

        @media (max-width: 768px) {

            .nav-menu a {
                padding: 0;
                border-bottom: 1px solid rgba(255,255,255,0.1);
            }

            .hero h1 {
                font-size: 2rem;
            }

            .hero .subtitle {
                font-size: 1.1rem;
            }

            .credentials {
                flex-direction: column;
                align-items: center;
                gap: 1rem;
            }

            .services-grid {
                grid-template-columns: 1fr;
            }

            .about-content {
                grid-template-columns: 1fr;
                gap: 2rem;
            }

            .team-grid {
                grid-template-columns: 1fr;
            }

            .footer-nav {
                flex-direction: column;
                align-items: center;
                gap:1rem;
            }

            .footer-nav a{
                padding: 0;
                max-width: 80px;
            }

            .section-title {
                font-size: 2rem;
            }
            section {
                scroll-margin-top: 150px; /* Adjust for mobile header height */
            }
        }
        @media (max-width: 430px) {
            section{
                scroll-margin-top: 200px;
            }
        }