body { font-family: 'Plus Jakarta Sans', sans-serif; scroll-behavior: smooth; }

.glass-nav { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); }

.page-hero {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://flowtel.hometutors4u.in/assets/web-images/about.webp'); 
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    
}
.hero-35 { height: 350px; }
.hero-55 { height: 550px; }

#mobile-menu { transition: transform 0.3s ease-in-out; background-color: white !important; }
#mobile-menu.active { transform: translateX(0) !important; }

#imgModal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); backdrop-filter: blur(5px); transition: all 0.3s; }
#modalImg { max-width: 90%; max-height: 80%; border-radius: 8px; margin: auto; display: block; position: relative; top: 50%; transform: translateY(-50%); }






.footer-link:hover { color: #3b82f6; transform: translateX(5px); transition: all 0.3s; }