Adjust hero section positioning and standardize contact information

- Updated hero section CSS to position content lower on the page
- Changed #hero padding-top from 8rem to 4rem with !important flag
- Modified .hero-container to use align-items: flex-start with 10rem top padding
- Added cache-busting parameter to style.css link for browser refresh
- Standardized contact information across all pages:
  - Location: Pune, Maharashtra, India
  - Phone: +91 89491-35299
  - Email: info@gyannetra.com
- Updated footer contact sections in about.html and all service/industry pages
- Fixed CSS syntax error by removing extra closing brace
- Cleaned up unused CSS and JS files for better project organization

Education/individual-trainings.html

@@ -8,7 +8,56 @@
   <link rel="stylesheet" href="../css/benefits-cards.css" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
+  
+  <!-- Navbar scroll effect styles -->
   <style>
+    .site-header {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 1000;
+      background: transparent !important;
+      backdrop-filter: blur(0px);
+      -webkit-backdrop-filter: blur(0px);
+      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+      border-bottom: 1px solid transparent;
+      box-shadow: none;
+    }
+    
+    .site-header.scrolled {
+      background: transparent !important;
+      backdrop-filter: blur(30px);
+      -webkit-backdrop-filter: blur(30px);
+      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+    }
+    
+    .navbar {
+      padding: 1rem 2rem;
+      max-width: none !important;
+      margin: 0 !important;
+      background: transparent !important;
+      border-radius: 0 !important;
+      border: none !important;
+      box-shadow: none !important;
+    }
+    
+    /* Override any existing navbar container styles */
+    .site-header .navbar,
+    .site-header .container,
+    .navbar .container {
+      background: transparent !important;
+      border: none !important;
+      box-shadow: none !important;
+      border-radius: 0 !important;
+    }
+    
+    /* Ensure body has top padding to account for fixed navbar */
+    body {
+      padding-top: 80px;
+    }
+    
     .benefit-card {
       display: flex;
       flex-direction: column;
@@ -78,10 +127,18 @@
   <div class="atmospheric-bg"></div>
   <!-- NAVBAR -->
   <header class="site-header">
-    <nav class="navbar container">
+    <nav class="navbar">
       <a href="../index.html" class="logo">
         <img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
       </a>
+      
+      <!-- Hamburger menu button for mobile -->
+      <button class="hamburger-menu" aria-label="Toggle menu">
+        <span class="hamburger-line"></span>
+        <span class="hamburger-line"></span>
+        <span class="hamburger-line"></span>
+      </button>
+      
       <ul class="nav-links">
         <li class="dropdown"><a href="#" class="nav-link">Services ▾</a>
           <ul class="dropdown-menu services-dropdown">
@@ -316,6 +373,41 @@
   <script src="../js/tech-marquee.js" defer></script>
   <script src="../js/data-node-interactions.js" defer></script>
 
+  <!-- Navbar scroll effect script -->
+  <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const header = document.querySelector('.site-header');
+      
+      function handleScroll() {
+        const currentScrollY = window.scrollY;
+        
+        if (currentScrollY > 30) {
+          header.classList.add('scrolled');
+        } else {
+          header.classList.remove('scrolled');
+        }
+      }
+      
+      // Throttle scroll events for better performance
+      let ticking = false;
+      function onScroll() {
+        if (!ticking) {
+          requestAnimationFrame(function() {
+            handleScroll();
+            ticking = false;
+          });
+          ticking = true;
+        }
+      }
+      
+      window.addEventListener('scroll', onScroll, { passive: true });
+      
+      // Initial check
+      handleScroll();
+    });
+  </script>
+</body>
 </html>
 
 
+