diff --git a/Feedback.html b/Feedback.html
index 1cdcd0b..8d054ad 100644
--- a/Feedback.html
+++ b/Feedback.html
@@ -434,15 +434,15 @@ <h3 style="font-size: 1.5rem; color: #2980b9;">Contact Info</h3>
         <!-- Social Media Links -->
         <div style="text-align: center; min-width: 200px; color: black;">
           <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h3>
-          <div style="display: flex; justify-content: center; align-items: center; gap: 15px;">
+          <div style="display: flex; justify-content: center; align-items: center; gap: 15px; height: 50px;">
             <a href="https://www.facebook.com" class="social-icon facebook"
-              style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-facebook"></i></a>
+              style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-facebook"></i></a>
             <a href="https://www.twitter.com" class="social-icon twitter"
-              style="color: black; text-decoration: none; font-size: 24px;"><i class="fa-brands fa-x-twitter"></i></a>
+              style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fa-brands fa-x-twitter"></i></a>
             <a href="https://www.instagram.com" class="social-icon instagram"
-              style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-instagram"></i></a>
+              style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-instagram"></i></a>
             <a href="https://www.linkedin.com" class="social-icon linkedin"
-              style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-linkedin-in"></i></a>
+              style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-linkedin-in"></i></a>
           </div>
         </div>
 
diff --git a/contact.html b/contact.html
index 5c9fd75..0f02cb1 100644
--- a/contact.html
+++ b/contact.html
@@ -269,17 +269,6 @@ <h2>Emergency Care</h2>
 
         <!-- Added responsiveness: Link redirect to respective sites -->
         <!-- Social Media Section -->
-        <div class="social-media">
-            <a style=font-size:24px; href="https://www.facebook.com/" class="social-icon facebook"><i
-                    class="fab fa-facebook"></i></a>
-            <a style=font-size:24px; href="https://x.com/" class="social-icon twitter"><i
-                    class="fa-brands fa-x-twitter"></i></a>
-            <!--Updated icon-->
-            <a style=font-size:24px; href="https://www.instagram.com/" class="social-icon instagram"><i
-                    class="fab fa-instagram"></i></a>
-            <a style=font-size:24px; href="https://www.linkedin.com/" class="social-icon linkedin"><i
-                    class="fab fa-linkedin"></i></a>
-        </div>
     </div>
 
     <footer style=" color: #f3f4f6; text-align: center; width: 100%;">
@@ -323,18 +312,18 @@ <h3 style="font-size: 1.5rem; color: #2980b9;">Contact Info</h3>
                             <!-- Social Media Links -->
                             <div style="text-align: center; min-width: 200px; color: black;">
                                 <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h3>
-                                <div style="display: flex; justify-content: center; align-items: center; gap: 15px;">
+                                <div style="display: flex; justify-content: center; align-items: center; gap: 15px; height: 50px;">
                                     <a href="https://www.facebook.com" class="social-icon facebook"
-                                        style="color: black; text-decoration: none; font-size: 24px;"><i
+                                        style="color: black; text-decoration: none; font-size: 1.5rem;"><i
                                             class="fab fa-facebook"></i></a>
                                     <a href="https://www.twitter.com" class="social-icon twitter"
-                                        style="color: black; text-decoration: none; font-size: 24px;"><i
+                                        style="color: black; text-decoration: none; font-size: 1.5rem;"><i
                                             class="fa-brands fa-x-twitter"></i></a>
                                     <a href="https://www.instagram.com" class="social-icon instagram"
-                                        style="color: black; text-decoration: none; font-size: 24px;"><i
+                                        style="color: black; text-decoration: none; font-size: 1.5rem;"><i
                                             class="fab fa-instagram"></i></a>
                                     <a href="https://www.linkedin.com" class="social-icon linkedin"
-                                        style="color: black; text-decoration: none; font-size: 24px;"><i
+                                        style="color: black; text-decoration: none; font-size: 1.5rem;"><i
                                             class="fab fa-linkedin-in"></i></a>
                                 </div>
                             </div>
diff --git a/features.html b/features.html
index 23358a9..fc0ac11 100644
--- a/features.html
+++ b/features.html
@@ -453,15 +453,15 @@ <h3 style="font-size: 1.5rem; color: #2980b9;">Contact Info</h3>
         <!-- Social Media Links -->
         <div style="text-align: center; min-width: 200px; color: black;">
           <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h3>
-          <div style="display: flex; justify-content: center; align-items: center; gap: 15px;">
+          <div style="display: flex; justify-content: center; align-items: center; gap: 15px; height: 50px;">
             <a href="https://www.facebook.com" class="social-icon facebook"
-              style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-facebook"></i></a>
+              style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-facebook"></i></a>
             <a href="https://www.twitter.com" class="social-icon twitter"
-              style="color: black; text-decoration: none; font-size: 24px;"><i class="fa-brands fa-x-twitter"></i></a>
+              style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fa-brands fa-x-twitter"></i></a>
             <a href="https://www.instagram.com" class="social-icon instagram"
-              style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-instagram"></i></a>
+              style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-instagram"></i></a>
             <a href="https://www.linkedin.com" class="social-icon linkedin"
-              style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-linkedin-in"></i></a>
+              style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-linkedin-in"></i></a>
           </div>
         </div>
 
diff --git a/index.html b/index.html
index 3bb77cf..9da2358 100644
--- a/index.html
+++ b/index.html
@@ -445,6 +445,23 @@
     #backToTopBtn:hover {
       background-color: #c91515;
     }
+
+    .light-dark-btn{
+      /* border: 1px solid black; */
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding:10px 13px;
+      border-radius: 50%;
+      margin-left: 5px;
+
+      box-shadow: 0 0 5px rgb(0, 0, 0);
+      font-size: 1.1rem;
+    }
+
+    #logo img:hover{
+      background-color: #c4d7ff;
+    }
   </style>
 
 </head>
@@ -454,7 +471,7 @@
   <header class="sticky">
     <div class="container">
 
-      <div class="logo">
+      <div id="logo" class="logo">
         <div class="brand-name">
           <span class="ambu">Ambu</span>Flow
         </div>
@@ -463,7 +480,7 @@
       <nav class="menu">
         <ul>
           <li>
-            <a href="/" id="home-link" onclick="changeContent('home')"><i class="fa-solid fa-house"></i> Home</a>
+            <a href="/index.html" id="home-link" onclick="changeContent('home')"><i class="fa-solid fa-house"></i> Home</a>
           </li>
           <li>
             <a href="features.html" id="features-link" onclick="changeContent('features')"><i
@@ -480,7 +497,7 @@
         </ul>
       </nav>
       <div class="buttons">
-        <button class="dark-mode-toggle" id="dark-mode-button">
+        <button class="light-dark-btn dark-mode-toggle" id="dark-mode-button">
           <i class="fa-solid fa-moon"></i>
         </button>
         <a href="login.html" class="login">Log in</a>
@@ -570,7 +587,13 @@ <h2>Contact Us</h2>
       <div style="display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1200px; margin: 0 auto;">
 
         <!-- Quick Links Section -->
-        <div style="flex: 1; min-width: 200px; margin-bottom: 20px;">
+        <div 
+        style="flex: 1; 
+        display: flex;
+        flex-direction: column; 
+        align-items: start; 
+        min-width: 200px; 
+        margin-bottom: 20px;">
           <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Quick Links</h3>
           <ul style="list-style-type: none; padding: 0;">
             <li><a href="about.html" style="color: #000000; background:none; cursor: pointer; text-decoration: none;" onmouseover="this.style.color='blue'" onmouseout="this.style.color='black'">About Us</a></li>
@@ -584,7 +607,10 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Quick Links<
         </div>
 
         <!-- Contact Information Section -->
-        <div style="flex: 1; min-width: 200px; margin-bottom: 10px;">
+        <div 
+        style="flex: 1; 
+        min-width: 200px; 
+        margin-bottom: 10px;">
           <h3 style="font-size: 1.5rem; color: #2980b9;">Contact Info</h3>
           <p style="color: #000;">123 Emergency Lane, Mumbai, India</p>
           <a href="mailto:emergency@ambulanceservice.in" style="color: #000000; background:none; cursor: pointer;" onmouseover="this.style.color='blue'" onmouseout="this.style.color='black'">emergency@ambulanceservice.in</a></p>
@@ -595,15 +621,15 @@ <h3 style="font-size: 1.5rem; color: #2980b9;">Contact Info</h3>
         <!-- Social Media Links -->
         <div style="text-align: center; min-width: 200px; color: black;">
           <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h3>
-          <div style="display: flex; justify-content: center; align-items: center; gap: 15px;">
+          <div style="display: flex; justify-content: center; align-items: center; gap: 15px; height: 50px;">
             <a href="https://www.facebook.com" class="social-icon facebook no-hover-effect"
-              style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-facebook"></i></a>
+              style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-facebook"></i></a>
             <a href="https://www.twitter.com" class="social-icon twitter no-hover-effect"
-              style="color: black; text-decoration: none; font-size: 24px;"><i class="fa-brands fa-x-twitter"></i></a>
+              style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fa-brands fa-x-twitter"></i></a>
             <a href="https://www.instagram.com" class="social-icon instagram no-hover-effect"
-              style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-instagram"></i></a>
+              style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-instagram"></i></a>
             <a href="https://www.linkedin.com" class="social-icon linkedin no-hover-effect"
-              style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-linkedin-in"></i></a>
+              style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-linkedin-in"></i></a>
           </div>
         </div>
 
diff --git a/team.html b/team.html
index 0edcb1f..c2e22b7 100644
--- a/team.html
+++ b/team.html
@@ -335,15 +335,15 @@ <h3 style="font-size: 1.5rem; color: #2980b9;">Contact Info</h3>
         <!-- Social Media Links -->
         <div style="text-align: center; min-width: 200px; color: black;">
             <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Follow Us</h3>
-            <div style="display: flex; justify-content: center; align-items: center; gap: 15px;">
+            <div style="display: flex; justify-content: center; align-items: center; gap: 15px; height: 50px;">
               <a href="https://www.facebook.com" class="social-icon facebook"
-                style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-facebook"></i></a>
+                style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-facebook"></i></a>
               <a href="https://www.twitter.com" class="social-icon twitter"
-                style="color: black; text-decoration: none; font-size: 24px;"><i class="fa-brands fa-x-twitter"></i></a>
+                style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fa-brands fa-x-twitter"></i></a>
               <a href="https://www.instagram.com" class="social-icon instagram"
-                style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-instagram"></i></a>
+                style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-instagram"></i></a>
               <a href="https://www.linkedin.com" class="social-icon linkedin"
-                style="color: black; text-decoration: none; font-size: 24px;"><i class="fab fa-linkedin-in"></i></a>
+                style="color: black; text-decoration: none; font-size: 1.5rem;"><i class="fab fa-linkedin-in"></i></a>
             </div>
           </div>