diff --git a/about.html b/about.html
index 8d125e7..933bc4d 100644
--- a/about.html
+++ b/about.html
@@ -19,6 +19,9 @@
     <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="index.css">
     <link rel="stylesheet" href="why-us.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
+
+
     <script src="chatbot.js"></script>
     <style>
         .nav-container{
@@ -488,13 +491,12 @@ <h1>About Us 🚀</h1>
             <p style="color: #b5fdf4;" >Affordable adventures, unforgettable memories—explore with ease.</p>
             <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
             <div class="social-icons">
-<a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
-<a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-<a href="https://www.twitter.com" ><i class="fa-brands fa-x-twitter"></i></a>
-<a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
-<a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
-
-            </div>
+              <a href="#"><i class="fa-brands fa-facebook"></i></a>
+              <a href="#"><i class="fa-brands fa-instagram"></i></a>
+              <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+              <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+              <a href="#"><i class="fa-brands fa-youtube"></i></a>
+          </div>
           </div>
       
           
diff --git a/buy.html b/buy.html
index 7abd3a7..75f7178 100644
--- a/buy.html
+++ b/buy.html
@@ -679,12 +679,12 @@ <h3>${type === 'bus' ? ticket.busName : 'Train Number: ' + ticket.trainNumber}</
           <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
           <!-- Social Media Icons -->
           <div class="social-icons">
-            <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
-              <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-              <a href="https://www.twitter.com" ><i class="fab fa-x-twitter"></i></a>
-              <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
-              <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
-          </div>
+            <a href="#"><i class="fa-brands fa-facebook"></i></a>
+            <a href="#"><i class="fa-brands fa-instagram"></i></a>
+            <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+            <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+            <a href="#"><i class="fa-brands fa-youtube"></i></a>
+        </div>
         </div>
 
         <!-- Links Sections -->
diff --git a/contactus.html b/contactus.html
index 41527ff..a766349 100644
--- a/contactus.html
+++ b/contactus.html
@@ -4,6 +4,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Contact Us - Trainline</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
+
+
     <style>
         /* Basic Reset */
         * {
@@ -370,12 +373,12 @@ <h2>Contact Us</h2>
         <p style="color: #b5fdf4;">Affordable adventures, unforgettable memories—explore with ease.</p>
         <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
         <div class="social-icons">
-            <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
-            <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-            <a href="https://www.twitter.com"><i class="fa-brands fa-x-twitter"></i></a>
-            <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
-            <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
-        </div>
+          <a href="#"><i class="fa-brands fa-facebook"></i></a>
+          <a href="#"><i class="fa-brands fa-instagram"></i></a>
+          <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+          <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+          <a href="#"><i class="fa-brands fa-youtube"></i></a>
+      </div>
     </div>
 
     <div class="footer-links">
diff --git a/contributor.html b/contributor.html
index 195768e..8983576 100644
--- a/contributor.html
+++ b/contributor.html
@@ -340,12 +340,12 @@ <h2>Meet Our Contributors</h2>
         <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
         
         <div class="social-icons">
-          <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
-          <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-          <a href="https://www.twitter.com" ><i class="fa-brands fa-x-twitter"></i></a>
-          <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
-          <a href="#"><i class="fab fa-youtube"></i></a>
-        </div>
+          <a href="#"><i class="fa-brands fa-facebook"></i></a>
+          <a href="#"><i class="fa-brands fa-instagram"></i></a>
+          <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+          <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+          <a href="#"><i class="fa-brands fa-youtube"></i></a>
+      </div>
       </div>
     
       <div class="footer-links">
diff --git a/footer.css b/footer.css
index eb82aa3..ed200ef 100644
--- a/footer.css
+++ b/footer.css
@@ -27,14 +27,26 @@
 
 /* Social Media Icons */
 .social-icons a {
-  display: inline-block;
-  margin: 0 10px;
-  color: #12e9cc;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  background-color: transparent;
+  border: 0.2rem solid #26c9bb;
   font-size: 1.5rem;
+  border-radius: 50%;
+  margin: 3rem 1.5rem 3rem 0;
+  transition: 0.3s ease;
+  color: #26c9bb;
   text-decoration: none;
 }
+
 .social-icons a:hover {
-  color: #76b2ab;
+  color: black;
+  transform: scale(1.3) translateY(-5px);
+  background-color: #26c9bb;
+  box-shadow: 0 0 25px #26c9bb;
 }
 
 /* Footer Link Sections */
diff --git a/index.html b/index.html
index 702927b..2dd918a 100644
--- a/index.html
+++ b/index.html
@@ -1222,11 +1222,11 @@ <h2>We Value Your Feedback!</h2>
                 <p style="color: #b5fdf4;">Affordable adventures, unforgettable memories—explore with ease.</p>
                 <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
                 <div class="social-icons">
-                    <a href="#"><i class="fab fa-facebook"></i></a>
-                    <a href="#"><i class="fab fa-instagram"></i></a>
+                    <a href="#"><i class="fa-brands fa-facebook"></i></a>
+                    <a href="#"><i class="fa-brands fa-instagram"></i></a>
                     <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
-                    <a href="#"><i class="fab fa-linkedin"></i></a>
-                    <a href="#"><i class="fab fa-youtube"></i></a>
+                    <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+                    <a href="#"><i class="fa-brands fa-youtube"></i></a>
                 </div>
             </div>