diff --git a/page-4/watertech.jpg b/page-4/watertech.jpg
new file mode 100644
index 0000000..9cd6bab
Binary files /dev/null and b/page-4/watertech.jpg differ
diff --git a/product.html b/product.html
index 44c8e35..39a8d3a 100644
--- a/product.html
+++ b/product.html
@@ -121,44 +121,79 @@ <h1 class="ml-3 mt-5 sm:text-3xl text-2xl font-medium title-font font-sans mb-4
                     <button onclick=" window.location.href='contact.html' ;"
                         class="mr-5 inline-flex items-center border-0 py-1 px-3 focus:outline-none transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-teal-200 duration-300 rounded font-medium title-font font-courier text-xl text-blue-900 mb-1 py-2 px-4 rounded-full ">CONTACT
                     </button>
+
+                    <div class="relative">
+                        <button onclick="toggleDropdown()"
+                            class=" gap-2 mr-5 inline-flex items-center border-0 py-1 px-3 focus:outline-none rounded font-medium title-font font-courier text-xl text-blue-900 mb-1 py-2 px-4 rounded-full">CORPORATE<i class="fa-solid fa-caret-down"></i>
+                        </button>
+                        <div id="dropdown" class="hidden absolute bg-white text-blue-900 rounded-lg shadow-lg mt-2 z-50">
+                            <a href="" class="block px-4 py-2 hover:bg-teal-200">Annual Report</a>
+                            <a href="" class="block px-4 py-2 hover:bg-teal-200">CSR</a>
+                            <a href="" class="block px-4 py-2 hover:bg-teal-200">Brochures</a>
+                            <a href="" class="block px-4 py-2 hover:bg-teal-200">Investors</a>
+                        </div>
+                    </div>
                 </nav>
             </div>
 
         </div>
     </header>
 
+    <script>
+        function toggleDropdown() {
+            var dropdown = document.getElementById("dropdown");
+            if (dropdown.classList.contains("hidden")) {
+                dropdown.classList.remove("hidden");
+            } else {
+                dropdown.classList.add("hidden");
+            }
+        }
+    </script>
 
-
-    <!--Page Title section-->
-    <section class="relative mb-10 ">
-        <div class="absolute inset-x-0 bottom-0">
-            <svg viewBox="0 0 224 12" fill="currentColor" class="w-full -mb-1 text-white" preserveAspectRatio="none">
-                <path
-                    d="M0,0 C48.8902582,6.27314026 86.2235915,9.40971039 112,9.40971039 C137.776408,9.40971039 175.109742,6.27314026 224,0 L224,12.0441132 L0,12.0441132 L0,0 Z">
-                </path>
-            </svg>
-        </div>
-
-        <div
-            class="flex flex-1 w-full flex-col items-center justify-center text-center px-4 py-20 bg-gradient-to-r from-green-100/100 via-teal-50 to-green-100/100">
-
-            <h1 class="text-4xl md:text-5xl font-bold title-font text-teal-900 mb-6"
-                data-aos="fade-up">
-                We care for
-                <span class="relative whitespace-nowrap text-teal-600">
-                    <span class="relative">all</span>
-                </span>
-            </h1>
-            <h2 class="mx-auto mt-12 max-w-xl text-md sm:text-white-400 text-white-500 " data-aos="fade-up">
-                We offer the widest range of products and solutions to treat, arsenic-contaminated water, water quality
-                mapping &amp; autonomus monitoring systems,
-                meeting requirements of industries, communities and homes in India and globally.
-            </h2>
-        </div>
-
-    </section>
-
-
+    <main>
+        <!-- Hero Section -->
+        <section class="relative bg-gradient-to-br from-blue-900 to-indigo-800 text-white overflow-hidden">
+            <div class="absolute inset-0 bg-black opacity-50"></div>
+            <div class="absolute inset-0 bg-cover bg-center" style="background-image: url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');"></div>
+            
+            <div class="container mx-auto px-4 py-24 md:py-32 relative z-10">
+                <div class="flex flex-col md:flex-row items-center justify-between">
+                    <!-- Left Side: Company Info -->
+                    <div class="w-full md:w-1/2 mb-12 md:mb-0">
+                        <h1 class="text-5xl md:text-6xl font-bold mb-6 leading-tight">
+                            WE<br>CARE<br>FOR ALL
+                        </h1>
+                        <p class="text-xl mb-8 text-gray-300">We offer the widest range of products and solutions to treat, arsenic-contaminated water, water quality mapping & autonomous monitoring systems, meeting requirements of industries, communities and homes in India and globally.</p>
+                    </div>
+                    
+                    <!-- Right Side: Features -->
+                    <div class="w-full md:w-1/2 md:pl-12">
+                        <div class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg rounded-xl p-8 shadow-2xl">
+                            <h2 class="text-3xl font-semibold mb-6 uppercase">Why Navmarg?</h2>
+                            <ul class="space-y-4">
+                                <li class="flex items-center gap-3">
+                                    <i class="fa-solid fa-hand-fist text-[#fffdd0] text-2xl"></i>
+                                    <span class="text-2xl">Proven Technology</span>
+                                </li>
+                                <li class="flex items-center gap-3">
+                                    <i class="fa-solid fa-money-bill-wave text-[#ffff00] text-2xl"></i>
+                                    <span class="text-2xl">Cost-Effective</span>
+                                </li>
+                                <li class="flex items-center gap-3">
+                                    <i class="fa-solid fa-leaf text-teal-500 text-2xl"></i>
+                                    <span class="text-2xl">Scalable & Sustainable</span>
+                                </li>
+                                <li class="flex items-center gap-3">
+                                    <i class="fa-solid fa-bolt text-blue-500 text-2xl"></i>
+                                    <span class="text-2xl">Holistic Approach</span>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </main>
 
     <!--METAL description section-->
 
@@ -263,7 +298,48 @@ <h2 class="mx-auto mt-12 max-w-xl text-md sm:text-white-400 text-white-500 " dat
 
 
 
+<!--METAL uniqueness section-->
+  <section class="bg-teal-500 body-font">
+    <div class="container px-5 py-6 mx-auto">
+      <div class="flex flex-wrap w-full mb-5 flex-col items-center text-center p-2" data-aos="slide-up" data-aos-duration="2000">
+        <h1 class="text-4xl font-medium title-font mb-2 text-white">WHAT MAKES M.E.T.A.L UNIQUE?</h1>
+      </div>
+
+      <div class="py-6 px-4 mx-auto max-w-screen-xl sm:py-8">
+        <div class="space-y-8 md:grid md:grid-cols-2 lg:grid-cols-3 md:gap-12 md:space-y-0">
+            <div data-aos="slide-right" data-aos-duration="1500">
+                <div class="flex justify-center items-center mb-4 w-10 h-10 rounded-full bg-white lg:h-12 lg:w-12 border border-white rounded-lg">
+                  <i class="fa-solid fa-sun text-teal-500 text-2xl"></i>
+                </div>
+                <h3 class="mb-2 text-xl font-bold text-white">CUTTING-EDGE TECHNOLOGY</h3>
+                <p class="text-white">The novel molecular scale technology provides an efficient alternative to traditional methods.</p>
+            </div>
+            <div data-aos="slide-right" data-aos-duration="1500">
+              <div class="flex justify-center items-center mb-4 w-10 h-10 rounded-full bg-white lg:h-12 lg:w-12 border border-white rounded-lg">
+                <i class="fa-solid fa-brush text-teal-500 text-2xl"></i>
+              </div>
+              <h3 class="mb-2 text-xl font-bold text-white">AN ADAPTABLE DESIGN</h3>
+              <p class="text-white">From household to community-level use, our solution offers adaptability, ensuring effective arsenic removal across diverse settings.</p>
+            </div>
+            <div data-aos="slide-right" data-aos-duration="1500">
+              <div class="flex justify-center items-center mb-4 w-10 h-10 rounded-full bg-white lg:h-12 lg:w-12 border border-white rounded-lg">
+                <i class="fa-solid fa-file-waveform text-teal-500 text-2xl"></i>
+              </div>
+              <h3 class="mb-2 text-xl font-bold text-white">EFFORTLESS OPERATION</h3>
+              <p class="text-white">With a plug-and-play design and long lifespan, our unit requires minimal maintenance, making arsenic removal hassle-free and cost-effective.</p>
+            </div>
+            <div data-aos="slide-right" data-aos-duration="1500">
+              <div class="flex justify-center items-center mb-4 w-10 h-10 rounded-full bg-white lg:h-12 lg:w-12 border border-white rounded-lg">
+                <i class="fa-solid fa-hand-fist text-teal-500 text-2xl"></i>
+              </div>
+              <h3 class="mb-2 text-xl font-bold text-white">LONGEVITY</h3>
+              <p class="text-white">M.E.T.A.L boasts a longevity of upto 10-15 years</p>
+            </div>
+        </div>
+    </div>
 
+    </div>
+  </section>
 
 
 
diff --git a/research.html b/research.html
index 2a692a6..8104f50 100644
--- a/research.html
+++ b/research.html
@@ -26,6 +26,119 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script>
     <script src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons.js"></script>
+    <style>
+      .waves{
+      position: absolute;
+      height: 300px;
+      bottom: -135px;
+      width: 100%;
+      z-index: 1; 
+    }
+    .contain{
+      height: 85vh;
+      background: linear-gradient(#6bcbf4, #0b84d4);
+      position: relative;
+      display:flex;
+      align-items: center;
+      justify-content: center;
+      overflow: hidden;
+      padding: 0 20px;
+      z-index: 2;
+    }
+    .contain .content {
+        position: relative;
+        z-index: 3;
+        text-align: center;
+      }
+    .contain .content .heading {
+      margin-top: -150px; 
+      font-size: 5rem;
+      z-index: 3;
+    }
+    .contain .content .desc {
+      line-height: 1.6; 
+      text-align: left;
+      margin-top: 20px; 
+      z-index: 3;
+    }
+    .wave{
+      width: 2402px;
+      height: 427px;
+      background: url("https://static.platzi.com/media/files/waves_c8551f5d-ecf6-4a81-ae1d-f3a0ad55ba10.png") no-repeat center bottom;
+      position: absolute;
+      animation: wave 5s ease-in-out alternate infinite;
+      left: -180px;
+      bottom: 0px;
+    }
+    .wave.a{
+      background-position: 0 -854px;
+      z-index: 1; 
+    }
+    .wave.b{
+      animation-delay: 6s;
+      background-position: 0 -427px;
+      z-index: 1; 
+    }
+    .wave.c{
+      animation-delay: 1.2s;
+      background-position: 0 0;
+      z-index: 1; 
+    }
+
+    @keyframes wave{
+      0%{
+        transform: translate(0px, 0px);
+      }
+      50%{
+        transform: translate(-80px, 30px);
+      }
+      100%{
+        transform: translate(160px, -60px);
+      }
+    }
+
+    @media (max-width: 768px) {
+        .contain .content .heading {
+            font-size: 3rem;
+            margin-top: +100px; 
+        }
+
+        .contain .content .desc {
+            font-size: 1rem; /* Smaller font size for paragraph */
+            margin-top: 15px; 
+        }
+    }
+
+    @media (max-width: 480px) {
+        .contain .content .heading {
+            font-size: 2.5rem;
+            margin-top: +120px; 
+        }
+
+        .contain .content .desc {
+            font-size: 0.875rem; /* Even smaller font size for paragraph */
+            margin-top: 10px; 
+        }
+    }
+
+    .icon-circle {
+        width: 4rem;
+        height: 4rem;
+        border: 8px solid #94ffebf1; /* teal-200 */
+        padding: 0.5rem; /* adjust as needed */
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 50%;
+        background-color: transparent; /* if you need a background color */
+    }
+
+    .icon-circle i {
+        font-size: 1.875rem; /* 3xl */
+        color: white;
+    }
+      
+    </style>
 </head>
 
 
@@ -121,66 +234,115 @@ <h1 class="ml-3 mt-5 sm:text-3xl text-2xl font-medium title-font font-sans mb-4
     </header>
 
 <!--About title section-->
-  <section>
-    <div class="bg-image bg-cover bg-center w-full">
+<div class="contain items-center justify-center text-center pt-20">
+  <div class="content">
+    <h1 class="text-5xl md:text-6xl font-bold title-font text-white heading text-center p-5">
+      Research Initiatives
+    </h1>
+    <div class="flex w-full justify-center pt-5 flex-wrap">
+      <div class="h-1 w-60 bg-white rounded-full center-line" data-aos="fade-right" data-aos-duration="1500">
+      </div>
+    </div>
+    <div class="text-2xl mb-10 desc ps-20 pe-20 pt-5 text-white" data-aos="fade-right" data-aos-duration="2000">
+      Navmarg R & I employs cutting-edge technologies to address water quality challenges, prominently featuring its Molecular Magnetic Technology for Arsenic Removal (METAL). The company also specializes in waste management mapping and environmental impact assessment through geospatial analysis, combining geosciences and data informatics to deliver holistic solutions.
+      <br>Our key areas include:
+    </div>
 
-      <div class="container md:pt-20 md:px-20 p-10 mx-auto max-w-full md:my-0 2xl:my-20">
-        <div class="flex w-full mb-5 px-8 flex-wrap">
-          <h1 class="text-5xl md:text-6xl font-bold title-font text-teal-500 lg:w-1/2 lg:mb-0 mb-4">Our Research Initiatives
-          </h1>
+    <div class="container mx-auto grid grid-cols-1 md:grid-cols-3 gap-8 justify-center items-center mt-10">
+      <div class="flex items-center gap-4" data-aos="flip-up" data-aos-duration="1500">
+        <div class="icon-circle">
+          <i class="fa-solid fa-seedling text-3xl text-white"></i>
         </div>
-        <div class="flex w-full mb-5 px-8 flex-wrap">
-          <div class="h-1 w-40 bg-teal-500 px-8 flex-wrap rounded-full" data-aos="fade-right" data-aos-duration="1500">
-          </div>
+        <h3 class="text-xl font-bold text-white text-left">Environmental Treatment <br>Techniques</h3>
+      </div>
+      <div class="flex items-center gap-4" data-aos="flip-up" data-aos-duration="1500">
+        <div class="icon-circle">
+          <i class="fa-solid fa-flask text-3xl text-white"></i>
         </div>
-        <div class="text-black">
-          <h1 class="ml-3 mt-5 sm:text-3xl text-2xl font-medium title-font font-sans mb-4 text-black-900">
-            <div data-aos="fade-right" data-aos-duration="2000">
-            Navmarg R & I leverages innovative technologies to combat water quality issues, notably through its Molecular Magnetic 
-            Technology For Arsenic Removal (METAL). <br>
-            Additionally, the company focuses on waste management mapping and environmental impact assessment via geospatial 
-            analysis, integrating geosciences and data informatics for comprehensive solutions.
-            </div>
-          </h1>
+        <h3 class="text-xl font-bold text-white">Applied Chemical Sciences</h3>
+      </div>
+      <div class="flex items-center gap-4" data-aos="flip-up" data-aos-duration="1500">
+        <div class="icon-circle">
+          <i class="fa-regular fa-hard-drive text-3xl text-white"></i>
         </div>
+        <h3 class="text-xl font-bold text-white">Embedded Systems</h3>
+      </div>
+      <div class="flex items-center gap-4" data-aos="flip-up" data-aos-duration="1500">
+        <div class="icon-circle">
+          <i class="fa-solid fa-earth-americas text-3xl text-white"></i>
+        </div>
+        <h3 class="text-xl font-bold text-white">Geoscience</h3>
+      </div>
+      <div class="flex items-center gap-4" data-aos="flip-up" data-aos-duration="1500">
+        <div class="icon-circle">
+          <i class="fa-solid fa-microscope text-3xl text-white"></i>
+        </div>
+        <h3 class="text-xl font-bold text-white">Applied Engineering</h3>
+      </div>
+      <div class="flex items-center gap-4" data-aos="flip-up" data-aos-duration="1500">
+        <div class="icon-circle">
+          <i class="fa-solid fa-tachograph-digital text-3xl text-white"></i>
+        </div>
+        <h3 class="text-xl font-bold text-white">Digital Sensor Development</h3>
       </div>
-
     </div>
-  </section>
+  </div>
 
-<!--Challenges in Arsenic Removal section-->
-<section class="text-gray-600 body-font">
-  <div class="container px-5 py-12 mx-auto">
-    <div class="flex flex-wrap w-full mb-5 flex-col items-center text-center">
+  <div class="waves w-full">
+    <div class="wave a"></div>
+    <div class="wave b"></div>
+    <div class="wave c"></div>
+  </div>
+</div>
+
+
+<!--Current challenges section-->
+<section class="body-font">
+  <div class="container px-5 py-12 mt-10 mx-auto">
+    <div class="flex flex-wrap w-full mb-5 flex-col items-center text-center p-2" data-aos="zoom-in" data-aos-duration="2000">
       <h1 class="text-4xl font-bold title-font mb-2 text-teal-500">CURRENT CHALLENGES IN ARSENIC REMOVAL</h1>
     </div>
 
-    <div class="flex flex-wrap -m-4 pt-5" data-aos="fade-right" data-aos-duration="1000">
-      <div class="xl:w-1/3 md:w-1/2 p-4">
-        <div class="bg-teal-500 p-6 rounded-lg text-white h-full flex flex-col transition ease-in-out duration-300 hover:scale-105">
-          <span class="text-xl text-white font-bold title-font mb-2 uppercase">Inadequate Efficiency</span>
-          <p class="leading-relaxed text-base">Existing filtration methods often struggle to eliminate arsenic contaminants from groundwater, leaving residual risks of exposure.</p>
+    <div class="py-6 px-4 mx-auto max-w-screen-xl sm:py-8">
+      <div class="space-y-8 md:grid md:grid-cols-2 md:gap-12 md:space-y-0">
+        <div data-aos="flip-down" data-aos-duration="1500">
+          <div class="flex justify-start items-center mb-4">
+            <div class="flex justify-center items-center w-10 h-10 rounded-full bg-teal-500 lg:h-12 lg:w-12 border border-white rounded-lg mr-2">
+              <i class="fa-solid fa-chart-gantt text-white text-2xl"></i>
+            </div>
+            <h3 class="text-2xl font-bold text-teal-500">INADEQUATE EFFICIENCY</h3>
+          </div>
+          <p class="text-black">Existing filtration methods often struggle to eliminate arsenic contaminants from groundwater, leaving residual risks of exposure.</p>
         </div>
-      </div>
 
-      <div class="xl:w-1/3 md:w-1/2 p-4" data-aos="fade-right" data-aos-duration="700">
-        <div class="bg-teal-500 p-6 rounded-lg text-white h-full flex flex-col transition ease-in-out duration-300 hover:scale-105">
-          <span class="text-xl uppercase text-white font-bold title-font mb-2">Complex Maintenance</span>
-          <p class="leading-relaxed text-base">Traditional filtration systems entail laborious and costly maintenance procedures, impeding their widespread adoption and operational efficiency.</p>
+        <div data-aos="flip-down" data-aos-duration="1500">
+          <div class="flex justify-start items-center mb-4">
+            <div class="flex justify-center items-center w-10 h-10 rounded-full bg-teal-500 lg:h-12 lg:w-12 border border-white rounded-lg mr-2">
+              <i class="fa-solid fa-gear text-white text-2xl"></i>
+            </div>
+            <h3 class="text-2xl font-bold text-teal-500">COMPLEX MAINTENANCE</h3>
+          </div>
+          <p class="text-black">Traditional filtration systems entail laborious and costly maintenance procedures, impeding their widespread adoption and operational efficiency.</p>
         </div>
-      </div>
 
-      <div class="xl:w-1/3 md:w-1/2 p-4" data-aos="fade-right">
-        <div class="bg-teal-500 p-6 rounded-lg text-white h-full flex flex-col transition ease-in-out duration-300 hover:scale-105">
-          <span class="text-xl uppercase text-white font-bold title-font mb-2">Reliance on the Treatment Media</span>
-          <p class="leading-relaxed text-base">Existing treatment systems rely on specific media, raising environmental and health concerns.</p>
+        <div data-aos="flip-down" data-aos-duration="1500">
+          <div class="flex justify-start items-center mb-4">
+            <div class="flex justify-center items-center w-10 h-10 rounded-full bg-teal-500 lg:h-12 lg:w-12 border border-white rounded-lg mr-2">
+              <i class="fa-solid fa-notes-medical text-white text-2xl"></i>
+            </div>
+            <h3 class="text-2xl font-bold text-teal-500">RELIANCE ON TREATMENT MEDIA</h3>
+          </div>
+          <p class="text-black">Existing treatment systems rely on specific media, raising environmental and health concerns.</p>
         </div>
-      </div>
 
-      <div class="xl:w-1/3 md:w-1/2 p-4" data-aos="fade-right">
-        <div class="bg-teal-500 p-6 rounded-lg text-white h-full flex flex-col transition ease-in-out duration-300 hover:scale-105">
-          <span class="text-xl uppercase text-white font-bold title-font mb-2">Short Lifetime</span>
-          <p class="leading-relaxed text-base">Refilling these media is a time-consuming and laborious process.</p>
+        <div data-aos="flip-down" data-aos-duration="1500">
+          <div class="flex justify-start items-center mb-4">
+            <div class="flex justify-center items-center w-10 h-10 rounded-full bg-teal-500 lg:h-12 lg:w-12 border border-white rounded-lg mr-2">
+              <i class="fa-solid fa-heart-pulse text-white text-2xl"></i>
+            </div>
+            <h3 class="text-2xl font-bold text-teal-500">SHORT LIFETIME</h3>
+          </div>
+          <p class="text-black">Refilling these media is a time-consuming and laborious process.</p>
         </div>
       </div>
     </div>
@@ -215,115 +377,65 @@ <h1 class="title-font text-3xl mb-4 font-medium">Molecular Magnetic Technology F
     </div>
   </section>
 
-<!--METAL uniqueness section-->
-  <section class="bg-teal-500 body-font">
-    <div class="container px-5 py-6 mx-auto">
-      <div class="flex flex-wrap w-full mb-5 flex-col items-center text-center p-2" data-aos="slide-up" data-aos-duration="2000">
-        <h1 class="text-4xl font-medium title-font mb-2 text-white">WHAT MAKES M.E.T.A.L UNIQUE?</h1>
+<!--Pilot Studies section-->
+<section class="text-gray-600 body-font">
+  <div class="container px-5 py-12 mx-auto">
+    <div class="flex flex-col">
+      <div class="flex flex-wrap sm:flex-row flex-col mb-12">
+        <h1 class="sm:w-2/5 text-teal-500 font-bold title-font text-4xl mb-2 sm:mb-0">PILOT STUDIES</h1>
       </div>
-
-      <div class="py-6 px-4 mx-auto max-w-screen-xl sm:py-8">
-        <div class="space-y-8 md:grid md:grid-cols-2 lg:grid-cols-3 md:gap-12 md:space-y-0">
-            <div data-aos="slide-right" data-aos-duration="1500">
-                <div class="flex justify-center items-center mb-4 w-10 h-10 rounded-full bg-white lg:h-12 lg:w-12 border border-white rounded-lg">
-                  <i class="fa-solid fa-sun text-teal-500 text-2xl"></i>
-                </div>
-                <h3 class="mb-2 text-xl font-bold text-white">CUTTING-EDGE TECHNOLOGY</h3>
-                <p class="text-white">The novel molecular scale technology provides an efficient alternative to traditional methods.</p>
-            </div>
-            <div data-aos="slide-right" data-aos-duration="1500">
-              <div class="flex justify-center items-center mb-4 w-10 h-10 rounded-full bg-white lg:h-12 lg:w-12 border border-white rounded-lg">
-                <i class="fa-solid fa-brush text-teal-500 text-2xl"></i>
-              </div>
-              <h3 class="mb-2 text-xl font-bold text-white">AN ADAPTABLE DESIGN</h3>
-              <p class="text-white">From household to community-level use, our solution offers adaptability, ensuring effective arsenic removal across diverse settings.</p>
-            </div>
-            <div data-aos="slide-right" data-aos-duration="1500">
-              <div class="flex justify-center items-center mb-4 w-10 h-10 rounded-full bg-white lg:h-12 lg:w-12 border border-white rounded-lg">
-                <i class="fa-solid fa-file-waveform text-teal-500 text-2xl"></i>
-              </div>
-              <h3 class="mb-2 text-xl font-bold text-white">EFFORTLESS OPERATION</h3>
-              <p class="text-white">With a plug-and-play design and long lifespan, our unit requires minimal maintenance, making arsenic removal hassle-free and cost-effective.</p>
-            </div>
-            <div data-aos="slide-right" data-aos-duration="1500">
-              <div class="flex justify-center items-center mb-4 w-10 h-10 rounded-full bg-white lg:h-12 lg:w-12 border border-white rounded-lg">
-                <i class="fa-solid fa-hand-fist text-teal-500 text-2xl"></i>
-              </div>
-              <h3 class="mb-2 text-xl font-bold text-white">LONGEVITY</h3>
-              <p class="text-white">M.E.T.A.L boasts a longevity of upto 10-15 years</p>
-            </div>
-        </div>
-    </div>
-
     </div>
-  </section>
-
-<!--Pilot Studies section-->
-  <section class="text-gray-600 body-font">
-    <div class="container px-5 py-12 mx-auto">
-      <div class="flex flex-col">
-        <div class="flex flex-wrap sm:flex-row flex-col mb-12" data-aos="slide-right" data-aos-duration="1500">
-          <h1 class="sm:w-2/5 text-teal-500 font-bold title-font text-4xl mb-2 sm:mb-0">PILOT STUDIES</h1>
+    <div class="max-w-7xl mx-auto w-full grid grid-cols-9 px-2">
+      <!-- Stack 1 -->
+      <div class="col-span-4 w-full h-full" data-aos="flip-up" data-aos-duration="1500">
+        <div class="w-full h-full bg-teal-500 rounded-md p-4 md:pl-4 shadow-2xl">
+          <h1 class="text-white text-2xl font-medium py-2">PHASE 1</h1>
+          <p class="text-gray-100 text-lg">
+            6,28,000 Liter Water Treated from September 2021 to December 2022 in 3 Middle Schools and 2 community handpumps of Bhojpur and Buxar District of Bihar, India.
+          </p>
         </div>
       </div>
-      <div class="max-w-7xl mx-auto w-full grid grid-cols-9 px-2">
-        <!-- Stack 1 -->
-        <div class="col-span-4 w-full h-full" data-aos="slide-up" data-aos-duration="1500">
-            <div class="w-full h-full bg-teal-500 rounded-md p-4 md:pl-4">
-                <h1 class="text-white text-2xl font-medium py-2">PHASE 1</h1>
-                <p class="text-gray-100 text-lg">6,28,000 Liter Water Treated from September 2021 to December 2022 in 3 Middle Schools and 2 community handpumps of Bhojpur and Buxar District of Bihar, India.</p>
-              </div>
-        </div>
-        <div class="relative col-span-1 w-full h-full flex justify-center items-center">
-            <div class="h-full w-1 bg-black"></div>
-            <div class="absolute w-6 h-6 rounded-full bg-black z-10 text-white text-center">1</div>
-        </div>
-        <div class="col-span-4 w-full h-full"></div>
-    
-    
-        <!-- Stack 2 -->
-        <div class="col-span-4 w-full h-full"></div>
-        <div class="relative col-span-1 w-full h-full flex justify-center items-center">
-            <div class="h-full w-1 bg-black"></div>
-            <div class="absolute w-6 h-6 rounded-full bg-black z-10 text-white text-center">2</div>
-        </div>
-        <div class="col-span-4 w-full h-full" data-aos="slide-up" data-aos-duration="1500">
-            <div class="w-full h-full bg-teal-500 rounded-md p-4 md:pl-4">
-                <h1 class="text-white text-2xl font-medium py-2">PHASE 2</h1>
-                <p class="text-gray-100 text-lg">28,1,000 Liter Water Treated from January 2023 to June 2023 in 5 Middle Schools of Bhojpur and Buxar, Bihar</p>
-            </div>
-        </div>
-    </div>
-    </div>
-  </section>
+      <div class="relative col-span-1 w-full h-full flex justify-center items-center">
+        <div class="h-full w-1 bg-black"></div>
+        <div class="absolute w-6 h-6 rounded-full bg-black z-10 text-white text-center">1</div>
+      </div>
+      <div class="col-span-4 w-full h-full"></div>
 
-<!--Crafting New Tech Heading section-->
-  <section class=" body-font container px-12 pt-12">
-    <div class="container px-15 mx-auto">
-      <div class="flex flex-col">
-        <div class="flex flex-wrap sm:flex-row flex-col mb-6 ms-20" data-aos="slide-right" data-aos-duration="1500">
-          <h1 class="sm:w-2/5 text-teal-500 font-bold title-font text-4xl mb-2 sm:mb-0">CRAFTING TECHNOLOGIES FROM SCRATCH</h1>
+      <!-- Stack 2 -->
+      <div class="col-span-4 w-full h-full"></div>
+      <div class="relative col-span-1 w-full h-full flex justify-center items-center">
+        <div class="h-full w-1 bg-black"></div>
+        <div class="absolute w-6 h-6 rounded-full bg-black z-10 text-white text-center">2</div>
+      </div>
+      <div class="col-span-4 w-full h-full" data-aos="flip-up" data-aos-duration="1500">
+        <div class="w-full h-full bg-teal-500 rounded-md p-4 md:pl-4 shadow-2xl">
+          <h1 class="text-white text-2xl font-medium py-2">PHASE 2</h1>
+          <p class="text-gray-100 text-lg">
+            28,1,000 Liter Water Treated from January 2023 to June 2023 in 5 Middle Schools of Bhojpur and Buxar, Bihar
+          </p>
         </div>
       </div>
-    </div>
-  </section>
-
-<!--Mission description section-->
-  <section class="body-font font-courier font-base section-gap" data-aos="fade-up">
-    <div class="container mx-auto flex px-5 py-12 md:flex-row flex-col items-center">
-      <div class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center">
-        <p class="mb-8 leading-relaxed text-justify">At the core of our mission is a relentless drive for innovation to combat urgent environmental challenges. We harness state-of-the-art technology and interdisciplinary expertise to pioneer groundbreaking solutions from inception. Our approach seamlessly blends rigorous scientific research, advanced engineering principles, and unwavering environmental stewardship. The result is a suite of sustainable solutions meticulously crafted to deliver tangible benefits to communities globally.</p>
 
-        <ul class="list-disc py-4 px-8 " data-aos="fade-up" data-aos-duration="500">
-          <li class="list-disc py-4 ">Interdisciplinary Excellence: Our approach combines the best minds from various disciplines, fostering collaboration and innovation. By integrating expertise in chemistry, engineering, and environmental science, we develop holistic solutions that address complex challenges effectively.</li>
-          <li>Sustainability at Core: Sustainability is not just a goal; it's a guiding principle in everything we do. From concept to implementation, we prioritize eco-friendly practices and materials. Our solutions are designed to minimize environmental impact while maximizing long-term benefits for communities and ecosystems.</li>
-        </ul>
+      <!-- Stack 3 -->
+      <div class="col-span-4 w-full h-full" data-aos="flip-up" data-aos-duration="1500">
+        <div class="w-full h-full bg-teal-500 rounded-md p-4 md:pl-4 shadow-2xl">
+          <h1 class="text-white text-2xl font-medium py-2">PHASE 3</h1>
+          <p class="text-gray-100 text-lg">
+            100-150 KLD Scalability Trial (Ongoing)
+            Supported by ICICI Foundation under CSR initiatives. <br>
+            Jointly with Research and Development Lab, Bihar Bal Bhawan Kilkari, Department of Education Government of Bihar and Training Cum Research Center PRANJAL, PHED Bihar
+          </p>
+        </div>
       </div>
-      <div class="lg:w-1/2 w-5/6">
-        <img class="object-cover object-center rounded" alt="hero" src="https://dummyimage.com/720x600">
+      <div class="relative col-span-1 w-full h-full flex justify-center items-center">
+        <div class="h-full w-1 bg-black"></div>
+        <div class="absolute w-6 h-6 rounded-full bg-black z-10 text-white text-center">3</div>
       </div>
+      <div class="col-span-4 w-full h-full"></div>
     </div>
-  </section>
+  </div>
+</section>
+
 
 <!--Sensor Development Section-->
   <section class="text-gray-600 mb-10">
@@ -373,220 +485,89 @@ <h1 class="text-3xl font-medium title-font text-teal-500 text-left py-10">
     </div>
   </section>
 
-<!--Innovating Towards a Blue Future section-->
-  <section class="text-gray-600 body-font">
-    <div class="container px-5 py-5 mx-auto flex flex-col">
-      <h1 class="text-3xl font-medium title-font text-teal-500 text-center px-5 py-8" style="text-transform: uppercase;">Navigating Water Awareness and Sustainability: Innovating Towards a Blue Future</h1>
-      <div class="lg:w-4/6 mx-auto">
-        <div class="rounded-lg h-64 overflow-hidden">
-          <img alt="content" class="object-cover object-center h-full w-full" src="https://dummyimage.com/1200x500">
-        </div>
-          <div
-            class="sm:w-full sm:pl-8 sm:py-8 sm:border-l border-gray-200 sm:border-t-0 border-t mt-4 pt-4 sm:mt-0 text-center sm:text-left">
-            <p class="leading-relaxed text-lg text-justify text-blackmb-4" data-aos="fade-up" data-aos-duration="500" ><br>
-              To foster community engagement and ownership of sustainability initiatives, geomapping efforts can be coupled with participatory approaches and incentive programs. By empowering stakeholders to actively participate in data collection and decision-making processes, geomapping initiatives can enhance transparency, accountability, and social cohesion. Through collaborative partnerships and shared governance structures, communities can work together to address shared environmental challenges and build resilient, sustainable futures.</p>
-          </div>
-        </div>
-      </div>
-  </section>
-
 <!--Links to Patents, Publications, Thesis, Technology Presentations-->
-  <section class="text-gray-600 body-font">
-    <div class="container px-5 py-24 mx-auto">
-      <div class="flex flex-wrap -m-4">
-        <div class="p-4 lg:w-1/4 sm:w-1/2 w-full">
-          <h2 class="font-medium title-font tracking-widest text-teal-700 mb-4 text-lg text-center sm:text-left">
-            PATENTS</h2>
-          <nav class="flex flex-col sm:items-start sm:text-left text-center items-center -mb-1 space-y-2.5">
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>First Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Second Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Third Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Fourth Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Fifth Link
-            </a>
-          </nav>
-        </div>
-
-        <div class="p-4 lg:w-1/4 sm:w-1/2 w-full">
-          <h2 class="font-medium title-font tracking-widest text-teal-700 mb-4 text-lg text-center sm:text-left">
-            PUBLICATIONS</h2>
-          <nav class="flex flex-col sm:items-start sm:text-left text-center items-center -mb-1 space-y-2.5">
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>First Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Second Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Third Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Fourth Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Fifth Link
-            </a>
-          </nav>
-        </div>
+<ul class="max-w-lg md:max-w-4xl mx-auto my-20 shadow-2xl rounded-xl border border-teal-500">
+  <li class="border-teal-500">
+    <details class="group">
+      <summary class="flex items-center gap-3 px-6 py-4 font-medium marker:content-none hover:cursor-pointer">
+        <svg class="w-6 h-6 text-gray-500 transition group-open:rotate-90" xmlns="http://www.w3.org/2000/svg"
+          width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
+          <path fill-rule="evenodd"
+            d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z">
+          </path>
+        </svg>
+        <span>PATENTS</span>
+      </summary>
+      <article class="px-6 pb-6">
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et ipsum sapien. Vestibulum molestie
+          porttitor augue vitae vulputate. Aliquam nec ex maximus, suscipit diam vel, tristique tellus.
+        </p>
+      </article>
+    </details>
+  </li>
+  <li class="border-t border-teal-500">
+    <details class="group">
+      <summary class="flex items-center gap-3 px-6 py-4 font-medium marker:content-none hover:cursor-pointer">
+        <svg class="w-6 h-6 text-gray-500 transition group-open:rotate-90" xmlns="http://www.w3.org/2000/svg"
+          width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
+          <path fill-rule="evenodd"
+            d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z">
+          </path>
+        </svg>
+        <span>PUBLICATIONS</span>
+      </summary>
+      <article class="px-6 pb-6">
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et ipsum sapien. Vestibulum molestie
+          porttitor augue vitae vulputate. Aliquam nec ex maximus, suscipit diam vel, tristique tellus.
+        </p>
+      </article>
+    </details>
+  </li>
+  <li class="border-t border-teal-500">
+    <details class="group">
+      <summary class="flex items-center gap-3 px-6 py-4 font-medium marker:content-none hover:cursor-pointer">
+        <svg class="w-6 h-6 text-gray-500 transition group-open:rotate-90" xmlns="http://www.w3.org/2000/svg"
+          width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
+          <path fill-rule="evenodd"
+            d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z">
+          </path>
+        </svg>
+        <span>THESIS</span>
+      </summary>
+      <article class="px-6 pb-6">
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et ipsum sapien. Vestibulum molestie
+          porttitor augue vitae vulputate. Aliquam nec ex maximus, suscipit diam vel, tristique tellus.
+        </p>
+      </article>
+    </details>
+  </li>
+  <li class="border-t border-teal-500">
+    <details class="group">
+      <summary class="flex items-center gap-3 px-6 py-4 font-medium marker:content-none hover:cursor-pointer">
+        <svg class="w-6 h-6 text-gray-500 transition group-open:rotate-90" xmlns="http://www.w3.org/2000/svg"
+          width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
+          <path fill-rule="evenodd"
+            d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z">
+          </path>
+        </svg>
+        <span>TECHNOLOGY PRESENTATIONS</span>
+      </summary>
+      <article class="px-6 pb-6">
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et ipsum sapien. Vestibulum molestie
+          porttitor augue vitae vulputate. Aliquam nec ex maximus, suscipit diam vel, tristique tellus.
+        </p>
+      </article>
+    </details>
+  </li>
+</ul>
 
-        <div class="p-4 lg:w-1/4 sm:w-1/2 w-full">
-          <h2 class="font-medium title-font tracking-widest text-teal-700 mb-4 text-lg text-center sm:text-left">THESIS
-          </h2>
-          <nav class="flex flex-col sm:items-start sm:text-left text-center items-center -mb-1 space-y-2.5">
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>First Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Second Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Third Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Fourth Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Fifth Link
-            </a>
-          </nav>
-        </div>
 
-        <div class="p-4 lg:w-1/4 sm:w-1/2 w-full">
-          <h2 class="font-medium title-font tracking-widest text-teal-700 mb-4 text-lg text-center sm:text-left">
-            TECHNOLOGY PRESENTATIONS
-          </h2>
-          <nav class="flex flex-col sm:items-start sm:text-left text-center items-center -mb-1 space-y-2.5">
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>First Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Second Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Third Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Fourth Link
-            </a>
-            <a>
-              <span class="bg-blue-100 text-blue-500 w-4 h-4 mr-2 rounded-full inline-flex items-center justify-center">
-                <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
-                  class="w-3 h-3" viewBox="0 0 24 24">
-                  <path d="M20 6L9 17l-5-5"></path>
-                </svg>
-              </span>Fifth Link
-            </a>
-          </nav>
-        </div>
-      </div>
-    </div>
-  </section>
 
-<!--Script for ??-->
+<!--Script-->
   <script>
     let currentSlide = 0;
     const slides = document.querySelectorAll('.slider-item');
@@ -717,9 +698,6 @@ <h1 class="title-font text-lg font-medium text-gray-900 mb-3">Alper Kamu</h1>
     </div>
   </section>
 
-
-
-
     <!--Bottom Navigation with Numbers-->
     <nav class="mb-20 flex justify-center flex-wrap px-2 sm:px-12" aria-label="Pagination">
 
@@ -760,12 +738,6 @@ <h1 class="title-font text-lg font-medium text-gray-900 mb-3">Alper Kamu</h1>
 
     </nav>
 
-
-
-
-
-
-
     <!-- Scroll-to-top button -->
     <button type="button"
         class="fixed bottom-10 end-10 hidden rounded-full w-14 text-lg p-3 bg-teal-500 hover:bg-white active:bg-white hover:scale-110 hover:border-teal-500 border border-white hover:text-teal-500 text-white  hover:shadow-lg shadow-md transition duration-150 ease-in-out animate-bounce "
@@ -801,8 +773,6 @@ <h1 class="title-font text-lg font-medium text-gray-900 mb-3">Alper Kamu</h1>
         window.addEventListener("scroll", scrollFunction);              
     </script>
 
-
-
     <!-- Footer section -->
     <footer class="relative bg-teal-500 text-white">
         <!-- Top Wave Divider -->
@@ -877,8 +847,6 @@ <h2 class="mb-4 text-md font-semibold text-white uppercase">News & Events</h2>
         </div>
     </footer>
 
-
-
 </body>
 
 </html>
\ No newline at end of file