diff --git a/contactus.html b/contactus.html
index 401f008..6759aa0 100644
--- a/contactus.html
+++ b/contactus.html
@@ -3,6 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- Footer  section link -->
+    <link rel="stylesheet" href="footer.css">
     <title>Contact Us - Trainline</title>
     
     <style>
@@ -192,34 +194,34 @@
         }
 
         /* Footer */
-.footer-container {
+/* .footer-container {
   background-color: #1f2937;
   color: #ffffff;
   padding: 40px 0;
   font-family: Arial, sans-serif;
-}
+} */
 
-/* Logo and Tagline */
+/* Logo and Tagline
 .footer-logo-section {
   text-align: center;
   margin-bottom: 30px;
-}
-.footer-logo {
+} */
+/* .footer-logo {
   max-width: 150px;
   margin-bottom: 10px;
   border-radius: 50px;
-}
-.footer-logo-section p {
+} */
+/* .footer-logo-section p {
   margin: 5px 0;
   font-size: 0.95rem;
 }
 .follow-us {
   margin-top: 10px;
   font-weight: bold;
-}
+} */
 
 /* Social Media Icons */
-.social-icons a {
+/* .social-icons a {
   display: inline-block;
   margin: 0 10px;
   color: #12e9cc;
@@ -228,10 +230,10 @@
 }
 .social-icons a:hover {
   color: #76b2ab;
-}
+} */
 
 /* Footer Link Sections */
-.footer-links {
+/* .footer-links {
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
@@ -252,18 +254,18 @@
 }
 .footer-column ul li {
   margin-bottom: 8px;
-}
-.footer-column ul li a {
+} */
+/* .footer-column ul li a {
   color: #ffffff;
   text-decoration: none;
   font-size: 0.95rem;
 }
 .footer-column ul li a:hover {
   text-decoration: underline;
-}
+} */
 
 /* Footer Bottom Links */
-.footer-bottom {
+/* .footer-bottom {
   text-align: center;
   border-top: 1px solid #ddd;
   padding-top: 20px;
@@ -284,9 +286,9 @@
 }
 .footer-bottom ul li a:hover {
   text-decoration: underline;
-}
+} */
 
-/* Responsive Adjustments */
+/* Responsive Adjustments
 @media (max-width: 768px) {
   .footer-links {
     flex-direction: column;
@@ -300,7 +302,7 @@
 
 footer ul li a:hover {
     color: #fff;
-}
+} */
 
         /* Animation */
         @keyframes fadeIn {
@@ -373,151 +375,84 @@ <h2>Contact Us</h2>
 
     <!-- Footer Section -->
     <footer class="footer-container">
-      <div class="footer-top">
-<footer>
-
-    <div class="footer-logo-section">
-        <a href="#"> <img src="./images/3.jpeg" alt="easyJet holidays logo" class="footer-logo"></a>
-        <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="fab fa-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>      
-    </div>
-  
-    <div class="footer-container">
-        <div class="footer-logo-section">
-            <a href="#"><img src="./images/3.jpeg" alt="easyJet holidays logo" class="footer-logo"></a>
-            <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 class="footer-top">
+
+            <div class="footer-logo-section">
+                <a href="#"> <img src="./images/3.jpeg" alt="easyJet holidays logo" class="footer-logo"></a>
+                <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-x-twitter"></i></a>
+                    <a href="#"><i class="fab fa-linkedin"></i></a>
+                    <a href="#"><i class="fab fa-youtube"></i></a>
+                </div>
             </div>
-        </div>
 
 
-        <div class="footer-links">
-            <div class="footer-column">
-                <h4>HELPFUL LINKS</h4>
-                <ul>
-                    <li><a href="#">Help Centre</a></li>
-                    <li><a href="#">Special Assistance</a></li>
-                    <li><a href="#">Download The App</a></li>
-                    <li><a href="#">Booking Conditions</a></li>
-                </ul>
-            </div>
+            <div class="footer-links">
+                <div class="footer-column">
+                    <h4>HELPFUL LINKS</h4>
+                    <ul>
+                        <li><a href="#">Help Centre</a></li>
+                        <li><a href="#">Special Assistance</a></li>
+                        <li><a href="#">Download The App</a></li>
+                        <li><a href="#">Booking Conditions</a></li>
+                        <li><a href="Faq.html">FAQ</a></li>
 
-            <div class="footer-column">
-                <h4>ABOUT US</h4>
-                <ul>
-                    <li><a href="#">Media Center</a></li>
-                    <li><a href="#">Investors</a></li>
-                    <li><a href="ModernSlaveryAct.html">Modern Slavery Act</a></li>
-                    <li><a href="terms.html">Terms Of Use</a></li>
-                </ul>
-            </div>
+                    </ul>
+                </div>
 
-            <div class="footer-column">
-                <h4>KEEPING SAFE</h4>
-                <ul>
-                    <li><a href="#">ATOL Protected</a></li>
-                    <li><a href="./travelawares.html">Travel Aware</a></li>
-                    <li><a href="fcdoTravel.html">FCDO Travel Advice</a></li>
-                    <li><a href="#">ABTA</a></li>
-                </ul>
-            </div>
+                <div class="footer-column">
+                    <h4>ABOUT US</h4>
+                    <ul>
+                        <li><a href="#">Media Center</a></li>
+                        <li><a href="#">Investors</a></li>
+                        <li><a href="ModernSlaveryAct.html">Modern Slavery Act</a></li>
+                        <li><a href="terms.html">Terms Of Use</a></li>
+                    </ul>
+                </div>
+
+                <div class="footer-column">
+                    <h4>KEEPING SAFE</h4>
+                    <ul>
+                        <li><a href="atol.html">ATOL Protected</a></li>
+                        <li><a href="./travelawares.html">Travel Aware</a></li>
+                        <li><a href="fcdoTravel.html">FCDO Travel Advice</a></li>
+                        <li><a href="abta.html">ABTA</a></li>
+                    </ul>
+                </div>
 
-            <div class="footer-column">
-                <h4>FIND US</h4>
-                <ul>
-                    <li><a href="contactus.html">Contact Us</a></li>
-                    <li><a href="GroupCookieNotice.html">Group Cookie Notice</a></li>
-                    <li><a href="privacy.html">Privacy And Policy</a></li>
-                    <li><a href="sitemap.html">Sitemap</a></li>
-                </ul>
+                <div class="footer-column">
+                    <h4>FIND US</h4>
+                    <ul>
+ 
+                        <li><a href="contactus.html">Contact 
+                        <li><a href="GroupCookieNotice.html">Group Cookie Notice</a></li>
+                       <li><a href="privacy.html">Privacy And Policy</a></li>
+                        <li><a href="sitemap.html">Sitemap</a></li>
+                    </ul>
+                </div>
             </div>
         </div>
+    </div>
+
 
         <div class="footer-bottom">
             <ul>
                 <li><a href="#">Holiday Type</a></li>
                 <li><a href="#">Holiday Deals</a></li>
                 <li><a href="#">Popular Counters</a></li>
+                <li><a href="#">Flight Only</a></li>
                 <li><a href="#">Top Hotels</a></li>
+                <li><a href="Faq.html">FAQ</a></li>
+
             </ul>
         </div>
-    </div>
-</footer>
-
-
-          <div class="footer-links">
-              <div class="footer-column">
-                  <h4>HELPFUL LINKS</h4>
-                  <ul>
-                      <li><a href="#">Help Centre</a></li>
-                      <li><a href="#">Special Assistance</a></li>
-                      <li><a href="#">Download The App</a></li>
-                      <li><a href="#">Booking Conditions</a></li>
-                      <li><a href="Faq.html">FAQ</a></li>
-
-                  </ul>
-              </div>
-
-              <div class="footer-column">
-                  <h4>ABOUT US</h4>
-                  <ul>
-                      <li><a href="#">Media Center</a></li>
-                      <li><a href="#">Investors</a></li>
-                      <li><a href="ModernSlaveryAct.html">Modern Slavery Act</a></li>
-                      <li><a href="terms.html">Terms Of Use</a></li>
-                  </ul>
-              </div>
-
-              <div class="footer-column">
-                  <h4>KEEPING SAFE</h4>
-                  <ul>
-                      <li><a href="#">ATOL Protected</a></li>
-                      <li><a href="./travelawares.html">Travel Aware</a></li>
-                      <li><a href="fcdoTravel.html">FCDO Travel Advice</a></li>
-                      <li><a href="#">ABTA</a></li>
-                  </ul>
-              </div>
-
-              <div class="footer-column">
-                  <h4>FIND US</h4>
-                  <ul>
-
-                      <li><a href="contactus.html">Contact 
-                      <li><a href="GroupCookieNotice.html">Group Cookie Notice</a></li>
-                     <li><a href="privacy.html">Privacy And Policy</a></li>
-                      <li><a href="sitemap.html">Sitemap</a></li>
-                  </ul>
-              </div>
-          </div>
-      </div>
-  </div>
-
-
-      <div class="footer-bottom">
-          <ul>
-              <li><a href="#">Holiday Type</a></li>
-              <li><a href="#">Holiday Deals</a></li>
-              <li><a href="#">Popular Counters</a></li>
-              <!-- <li><a href="#">Flight Only</a></li> -->
-              <li><a href="#">Top Hotels</a></li>
-          </ul>
-      </div>
-  </footer>
+    </footer>
 
-<style>
+<!-- <style>
 /* General Footer Styling */
 .footer-container {
     background-color: #1f2937;
@@ -731,9 +666,16 @@ <h4>FIND US</h4>
       padding: 40px 0;
       font-family: Arial, sans-serif;
     }
-</style>
+</style> -->
+
+<!-- <<<<<<< feature-branch -->
+<!-- </style> -->
+
+
+    <!-- Scroll to Top Button -->
+    <button id="scrollToTop" onclick="scrollToTop()">↑</button>
+
 
-</style>
     <script>
               const trustedDomains = [
         'gmail.com',
diff --git a/styles.css b/styles.css
index ca735db..f56f784 100644
--- a/styles.css
+++ b/styles.css
@@ -212,7 +212,7 @@ p {
 }
 
 /* Footer Styles */
-/* footer {
+footer {
     background-color: #1f2937;
     color: white;
     text-align: center;
@@ -231,7 +231,7 @@ p {
 
 .footer a:hover {
     color: #00a690;
-} */
+}
 
 /* Form Section */
 form {
