diff --git a/Faq.html b/Faq.html
new file mode 100644
index 0000000..950e632
--- /dev/null
+++ b/Faq.html
@@ -0,0 +1,294 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>FAQ - Ticket Booking</title>
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
+    <style>
+        /* Reset */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        /* Body */
+        body {
+            font-family: Arial, sans-serif;
+            background: linear-gradient(135deg, #2e2e2e, #3a8ff0);
+            color: #fff;
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+            align-items: center;
+            min-height: 100vh;
+        }
+
+        /* Navbar styling */
+        .navbar {
+            width: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: 10px 20px;
+            background-color: #1e1e2f;
+            color: #ffffff;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
+            position: fixed;
+            top: 0;
+            left: 0;
+            z-index: 100;
+        }
+
+        .logo-img {
+            border-radius: 50%;
+            height: 35px;
+            width: 35px;
+            margin-right: 10px;
+        }
+
+        .logo {
+            font-size: 20px;
+            color: #00d1b2;
+        }
+
+        .nav-links {
+            display: flex;
+            gap: 15px;
+        }
+
+        .nav-links a {
+            color: #ffffff;
+            font-size: 15px;
+            text-decoration: none;
+            display: flex;
+            align-items: center;
+            gap: 5px;
+            transition: color 0.3s;
+        }
+
+        .nav-links a:hover {
+            color: #00d1b2;
+        }
+
+        .dark-mode-toggle {
+            background: none;
+            border: none;
+            color: #ffffff;
+            font-size: 20px;
+            cursor: pointer;
+            transition: color 0.3s;
+        }
+
+        .dark-mode-toggle:hover {
+            color: #00d1b2;
+        }
+
+        /* Toggle Button (for small screens) */
+        .nav-toggle {
+            display: none;
+            font-size: 24px;
+            color: #ffffff;
+            background: none;
+            border: none;
+            cursor: pointer;
+        }
+
+        @media (max-width: 768px) {
+            .nav-links {
+                display: none;
+                flex-direction: column;
+                background-color: #1e1e2f;
+                position: absolute;
+                top: 60px;
+                right: 20px;
+                width: 200px;
+                padding: 10px;
+                border-radius: 8px;
+            }
+
+            .nav-links.show {
+                display: flex;
+            }
+
+            .nav-toggle {
+                display: block;
+            }
+        }
+
+        /* FAQ Section */
+        .faq-section {
+            margin-top: 80px;
+            width: 80%;
+            max-width: 700px;
+            padding: 20px;
+            background: rgba(255, 255, 255, 0.1);
+            border-radius: 10px;
+            backdrop-filter: blur(10px);
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+        }
+
+        .faq-section h2 {
+            font-size: 2em;
+            text-align: center;
+            color: #3a8ff0;
+            margin-bottom: 20px;
+            text-transform: uppercase;
+        }
+
+        .faq-container .faq-item {
+            margin-bottom: 15px;
+            border-radius: 8px;
+            overflow: hidden;
+            background: rgba(255, 255, 255, 0.15);
+        }
+
+        .faq-question {
+            width: 100%;
+            padding: 15px;
+            background-color: #1e1e1e;
+            color: #fff;
+            font-size: 1.2em;
+            font-weight: bold;
+            text-align: left;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            border: none;
+            outline: none;
+            transition: all 0.3s;
+        }
+
+        .faq-question i {
+            font-size: 1.2em;
+            color: #3a8ff0;
+            transition: transform 0.3s ease;
+        }
+
+        .faq-answer {
+            max-height: 0;
+            overflow: hidden;
+            padding: 0 15px;
+            color: #ddd;
+            transition: max-height 0.3s ease, padding 0.3s ease;
+        }
+
+        .faq-item.open .faq-answer {
+            max-height: 100px;
+            padding: 15px;
+        }
+
+        .faq-item.open .faq-question i {
+            transform: rotate(180deg);
+        }
+    </style>
+</head>
+<body>
+
+    <!-- Navbar -->
+    <nav class="navbar">
+        <div class="logo">
+            <img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" class="logo-img" alt="logo">
+            Ticket Marketplace
+        </div>
+
+        <!-- Toggle Button (Visible on Small Screens) -->
+        <button class="nav-toggle">☰</button>
+
+        <!-- Navbar Links -->
+        <div class="nav-links">
+            <a href="index.html"><i class="fas fa-home"></i> Home</a>
+            <a href="about.html"><i class="fas fa-info-circle"></i> About</a>
+            <a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
+            <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
+            <a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
+            <a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
+            <a href="login.html"><i class="fas fa-sign-in-alt"></i> Login</a>
+        </div>
+
+        <!-- Dark Mode Button -->
+        <button class="dark-mode-toggle">🌙</button>
+    </nav>
+
+    <!-- FAQ Section -->
+    <section class="faq-section">
+        <h2>Frequently Asked Questions</h2>
+        <div class="faq-container">
+            <div class="faq-item">
+                <div class="faq-question">
+                    <span>What is your cancellation policy?</span>
+                    <i class="fas fa-chevron-down"></i>
+                </div>
+                <div class="faq-answer">
+                    <p>You can cancel your booking up to 24 hours before the flight for a full refund.</p>
+                </div>
+            </div>
+            <div class="faq-item">
+                <div class="faq-question">
+                    <span>How do I make changes to my booking?</span>
+                    <i class="fas fa-chevron-down"></i>
+                </div>
+                <div class="faq-answer">
+                    <p>You can make changes through our app or website by accessing your booking.</p>
+                </div>
+            </div>
+            <div class="faq-item">
+                <div class="faq-question">
+                    <span>Can I change the date of my travel after booking?</span>
+                    <i class="fas fa-chevron-down"></i>
+                </div>
+                <div class="faq-answer">
+                    <p>Yes, you can change the travel date up to 48 hours before your flight.</p>
+                </div>
+            </div>
+            <div class="faq-item">
+                <div class="faq-question">
+                    <span>Are there any additional fees not included in the booking price?</span>
+                    <i class="fas fa-chevron-down"></i>
+                </div>
+                <div class="faq-answer">
+                    <p>Additional fees such as luggage or in-flight services may apply.</p>
+                </div>
+            </div>
+            <div class="faq-item">
+                <div class="faq-question">
+                    <span>What should I do if I miss my flight?</span>
+                    <i class="fas fa-chevron-down"></i>
+                </div>
+                <div class="faq-answer">
+                    <p>Please contact our support immediately for rebooking or further assistance.</p>
+                </div>
+            </div>
+            <div class="faq-item">
+                <div class="faq-question">
+                    <span>Do you offer travel insurance?</span>
+                    <i class="fas fa-chevron-down"></i>
+                </div>
+                <div class="faq-answer">
+                    <p>Yes, you can add travel insurance during the booking process.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+   
+    <!-- JavaScript for Navbar Toggle -->
+    <script>
+        const navToggle = document.querySelector('.nav-toggle');
+        const navLinks = document.querySelector('.nav-links');
+
+        navToggle.addEventListener('click', () => {
+            navLinks.classList.toggle('show');
+        });
+
+        const faqItems = document.querySelectorAll('.faq-item');
+
+        faqItems.forEach(item => {
+            item.addEventListener('click', () => {
+                item.classList.toggle('open');
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/GroupCookieNotice.html b/GroupCookieNotice.html
index a643214..1db6597 100644
--- a/GroupCookieNotice.html
+++ b/GroupCookieNotice.html
@@ -18,6 +18,7 @@
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
     />
+    
     <style>
       .nav-container {
         display: flex;
@@ -25,58 +26,32 @@
     </style>
   </head>
   <body>
+ 
     <nav class="navbar">
-      <a href="./index.html" id="logo-href">
-        <div class="logo-container">
-          <img
-            src="images/4.jpeg"
-            alt="Ticket Booking Logo"
-            class="logo-image"
-          />
-          <div class="logo">Ticket Booking</div>
-        </div>
-      </a>
-
-      <div class="nav-container">
-        <div class="menu-toggle">
-          <span class="bar"></span>
-          <span class="bar"></span>
-          <span class="bar"></span>
-        </div>
-
-        <ul class="nav-links">
-          <li>
-            <a href="index.html" class="home-button"
-              ><i class="fas fa-home"></i>HOME</a
-            >
-          </li>
-          <li>
-            <a href="buy.html"><i class="fas fa-shopping-cart"></i> Buy</a>
-          </li>
-          <li>
-            <a href="sell.html"><i class="fas fa-tag"></i> Sell</a>
-          </li>
-          <li>
-            <a href="#contact"><i class="fas fa-envelope"></i> Contact</a>
-          </li>
-          <li>
-            <a href="contributors.html"
-              ><i class="fas fa-users"></i> Our Contributors</a
-            >
-          </li>
+      <img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
+      <div class="logo" style="font-size: 20px;">Ticket Marketplace</div>
 
-          <li>
-            <a href="/client/register.html" class="login-btn"
-              ><i class="fas fa-user"></i
-            ></a>
-          </li>
-        </ul>
-
-        <button id="darkModeToggle" style="width: 40px; height: 40px">
-          🌙
-        </button>
+      <!-- Toggle Button (Visible on Small Screens) -->
+      <button id="navToggle">☰</button>
+      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+      <link rel="stylesheet" href="navbar.css">
+      <!-- this is for twitter icons -->
+      <script src="https://kit.fontawesome.com/3d20c433e1.js" crossorigin="anonymous"></script>
+  
+      <!-- Navbar Links -->
+      <div id="navLinks">
+          <a href="index.html"><i class="fas fa-home"></i> Home</a>
+          <a href="about.html"><i class="fas fa-info-circle"></i> About</a>
+          <a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
+          <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
+          <a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
+          <a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
+          <a href="client/login.html"><i class="fas fa-sign-in-alt"></i> Login</a>
       </div>
-    </nav>
+
+      <!-- Dark Mode Button -->
+      <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
+  </nav>
     <script>
       const darkModeToggle = document.getElementById("darkModeToggle");
       const body = document.querySelector("body");
diff --git a/about.html b/about.html
index 8d125e7..d5fecc0 100644
--- a/about.html
+++ b/about.html
@@ -215,7 +215,7 @@
     <div class="logo" style="margin-right: 200px; font-size: 20px;">Ticket Marketplace</div>
     <div>
         <a href="index.html"><i class="fas fa-home"></i> Home</a>
-        <a href="about.html"><i class="fas fa-info-circle"></i> About</a>
+        <a href="about.html" class="active"><i class="fas fa-info-circle"></i> About</a>
         <a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
         <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
         <a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
@@ -506,6 +506,8 @@ <h4>HELPFUL LINKS</h4>
                 <li><a href="#">Special Assistance</a></li>
                 <li><a href="#">Download The App</a></li>
                 <li><a href="book_condition.html">Booking Conditions</a></li>
+                <li><a href="Faq.html">FAQ</a></li>
+
               </ul>
             </div>
       
diff --git a/buy.html b/buy.html
index 7abd3a7..627558e 100644
--- a/buy.html
+++ b/buy.html
@@ -317,7 +317,7 @@
             <div>
                 <a href="index.html"><i class="fas fa-home"></i> Home</a>
                 <a href="about.html"><i class="fas fa-info-circle"></i> About</a>
-                <a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
+                <a href="buy.html" class="active"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
                 <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
                 <a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
                 <a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
@@ -398,7 +398,7 @@ <h2>Book Your Ticket</h2>
           <label for="destination">Destination</label>
           <input type="text" id="destination" name="destination" placeholder="To" required>
         </div>
-        <a href="check_availability.html">
+        <a href="check_availability.html" class="remove_underline">
             <button type="button" class="submit-btn">Check Availability</button>
         </a>
         </form>
@@ -493,7 +493,9 @@ <h2>Book Your Ticket</h2>
   font-size: 1.25rem;
   margin-top: 30px;
 }
-
+.remove_underline{
+  text-decoration: none;
+}
 .submit-btn:hover {
   background-color: transparent;
   color: #ff4d4d;
@@ -696,6 +698,8 @@ <h4>HELPFUL LINKS</h4>
               <li><a href="#">Special Assistance</a></li>
               <li><a href="#">Download The App</a></li>
               <li><a href="book_condition.html">Booking Conditions</a></li>
+              <li><a href="Faq.html">FAQ</a></li>
+
             </ul>
           </div>
 
diff --git a/contactus.html b/contactus.html
index 41527ff..cc2db11 100644
--- a/contactus.html
+++ b/contactus.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Contact Us - Trainline</title>
+    
     <style>
         /* Basic Reset */
         * {
@@ -191,7 +192,6 @@
         }
 
         /* Footer */
-        /* General Footer Styling */
 .footer-container {
   background-color: #1f2937;
   color: #ffffff;
@@ -298,6 +298,25 @@
   }
 }
 
+footer ul li a:hover {
+    color: #fff;
+}
+
+/* Scroll Back Button */
+#scrollToTop {
+    position: fixed;
+    bottom: 30px;
+    right: 30px;
+    background-color: #ff8c00;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    padding: 10px 15px;
+    cursor: pointer;
+    display: none; /* Hidden by default */
+    z-index: 1000;
+}
+
 
         /* Animation */
         @keyframes fadeIn {
@@ -327,14 +346,12 @@
             <a href="about.html"><i class="fas fa-info-circle"></i> About</a>
             <a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
             <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
-            <a href="#contact"><i class="fas fa-envelope"></i> Contact</a>
+            <a href="#contact" class="active"><i class="fas fa-envelope"></i> Contact</a>
             <a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
             <a href="register.html"><i class="fas fa-sign-in-alt"></i> Login</a>
-    
-          </div>
-          <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
-    
-      </nav>
+        </div>
+        <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
+    </nav>
     <!-- Contact Form Section -->
     <section class="container">
         <div class="contact-form">
@@ -356,12 +373,12 @@ <h2>Contact Us</h2>
                     <textarea id="message" name="message" rows="5" required placeholder=" "></textarea>
                     <label for="message">Your Message</label>
                 </div>
-                <button type="submit" class="submit-btn" style="height: 60px;">Send Message</button>
+                <button type="submit" class="submit-btn">Send Message</button>
             </form>
         </div>
     </section>
 
-    <!-- Footer -->
+    <!-- Footer Section -->
     <footer class="footer-container">
       <div class="footer-top">
 <footer>
@@ -431,6 +448,66 @@ <h4>FIND US</h4>
     </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>
+
 <style>
     /* Contact Form Styling */
     .contact-form {
@@ -626,11 +703,43 @@ <h4>FIND US</h4>
   }
 }
 </style>
-  
+
+
+    <!-- Scroll to Top Button -->
+    <button id="scrollToTop" onclick="scrollToTop()">↑</button>
+
     <script>
-        document.querySelector("form").addEventListener("submit", function(e) {
-            e.preventDefault();
-            alert("Thank you for reaching out! We will get back to you soon.");
+        // Scroll to top function
+        function scrollToTop() {
+            window.scrollTo({
+                top: 0,
+                behavior: 'smooth'
+            });
+        }
+
+        // Show/hide scroll button based on scroll position
+        window.onscroll = function() {
+            const scrollButton = document.getElementById('scrollToTop');
+            if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
+                scrollButton.style.display = 'block';
+            } else {
+                scrollButton.style.display = 'none';
+            }
+        };
+
+        // Dark mode toggle functionality
+        const darkModeToggle = document.getElementById('darkModeToggle');
+        darkModeToggle.addEventListener('click', function() {
+            document.body.classList.toggle('dark-mode');
+            if (document.body.classList.contains('dark-mode')) {
+                darkModeToggle.innerHTML = '🌞'; // Switch to sun icon
+                document.body.style.backgroundColor = '#333';
+                document.body.style.color = '#fff';
+            } else {
+                darkModeToggle.innerHTML = '🌙'; // Switch to moon icon
+                document.body.style.backgroundColor = '#e0e5ec';
+                document.body.style.color = '#333';
+            }
         });
     </script>
 </body>
diff --git a/contributor.html b/contributor.html
index 195768e..732b332 100644
--- a/contributor.html
+++ b/contributor.html
@@ -258,7 +258,7 @@
             <a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
             <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
             <a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
-            <a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
+            <a href="contributor.html" class="active"><i class="fas fa-users"></i> Contributors</a>
             <a href="register.html"><i class="fas fa-sign-in-alt"></i> Login</a>
     
           </div>
@@ -356,6 +356,8 @@ <h4>HELPFUL LINKS</h4>
             <li><a href="#">Special Assistance</a></li>
             <li><a href="#">Download The App</a></li>
             <li><a href="book_condition.html">Booking Conditions</a></li>
+            <li><a href="Faq.html">FAQ</a></li>
+
           </ul>
         </div>
   
diff --git a/index.css b/index.css
index 9d6549f..daeb85b 100644
--- a/index.css
+++ b/index.css
@@ -283,12 +283,39 @@ p {
   text-decoration: none;
   margin-right: 20px;
   font-weight: 600;
+  position: relative; /* Needed for the underline to position correctly */
 }
 
+/* Hover Effect */
 .navbar a:hover {
-  text-decoration: underline;
+  color: #ffd700; /* Change text color on hover */
+  font-weight: bold; /* Optional: make hover link bold */
 }
 
+/* Active Link Styles */
+.navbar a.active {
+  color: #ffd700; 
+  font-weight: bold; 
+}
+
+/* Underline effect for active link */
+.navbar a.active::after,
+.navbar a:hover::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -5px; 
+  height: 2px; 
+  background-color: #ffd700; 
+  transform: scaleX(1); 
+  transition: transform 0.3s ease; 
+}
+
+/* Optional: Remove underline on hover if you want to keep it only for active */
+.navbar a:hover::after {
+  transform: scaleX(1); /* Keep underline visible on hover */
+}
 .logo {
   font-size: 1.5rem;
   font-weight: bold;
@@ -749,4 +776,4 @@ button:hover {
   .faq-heading {
     font-size: 20px;
   }
-}
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 702927b..6253242 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
     <link rel="stylesheet" href="about.css">
     <link rel="stylesheet" href="main.css">
     <link rel="stylesheet" href="footer.css">
-    <link rel="stylesheet" href="faq.css">
+    <!-- <link rel="stylesheet" href="faq.css"> -->
     <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="index.css">
     <link rel="stylesheet" href="why-us.css">
@@ -517,7 +517,7 @@ <h2>What type of transportation do you prefer for your travels?</h2>
 
         <!-- Navbar Links -->
         <div id="navLinks">
-            <a href="index.html"><i class="fas fa-home"></i> Home</a>
+            <a href="index.html" class="active"><i class="fas fa-home"></i> Home</a>
             <a href="about.html"><i class="fas fa-info-circle"></i> About</a>
             <a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
             <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
@@ -714,26 +714,26 @@ <h2>- Neha Rajput</h2>
 
 
 
-<div class="container" id="sxs" style="display: flex; align-items: center; justify-content: center; flex-direction: column; max-width: 80vw; align-self: center; justify-self:center; background: linear-gradient(to right, #4a90e2, #6cb2eb); padding: 40px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);">
-    <div id="contact" class="contact-info" style="background-color: rgb(0, 0, 0); padding: 20px; display: flex; margin: auto; border-radius: 10px; overflow: hidden; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); width: auto;">
+<div id="sxs" style="display: flex; align-items: center; justify-content: center; flex-direction: column; max-width: 80vw; align-self: center; justify-self: center; background: linear-gradient(to right, #4a90e2, #6cb2eb); padding: 40px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);">
+    <div id="contact2" class="contact2" style="background-color: rgb(0, 0, 0); padding: 20px; display: flex; margin: auto; border-radius: 10px; overflow: hidden; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); width: auto;">
         
         <!-- Left Section -->
         <div class="contact2-div1" style="max-width: 100%; background: linear-gradient(135deg, hsl(204, 75%, 50%), #079874); padding: 30px; color: white; display: flex; flex-direction: column; justify-content: center;">
-            <h2 style="color: white; text-align: left; font-size: 2.5rem; margin-bottom: 10px;">Contact Us</h2>
+            <h2 style="color: white; text-align: left; font-size: 4rem; margin-bottom: 10px;">Contact Us</h2>
             <p style="color: white; font-size: 16px; line-height: 1.6; margin-bottom: 20px;">We value your feedback! Reach out for inquiries, feedback, or support. Your insights help us improve your experience.</p>
 
-            <div style="display: flex; align-items: center; margin-top: 20px;">
+            <div style="display: flex; gap: 10px; margin-top: 20px;">
                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="white" viewBox="0 0 24 24">
                     <path d="M12 2c-3.866 0-7 3.134-7 7 0 4.506 6.24 11.084 6.532 11.384.197.208.473.316.751.316s.554-.108.75-.316c.292-.3 6.533-6.878 6.533-11.384 0-3.866-3.134-7-7-7zm0 9c-1.104 0-2-.896-2-2s.896-2 2-2 2 .896 2 2-.896 2-2 2z" />
                 </svg>
-                <p style="color: white; font-size: 16px; margin-left: 10px;">ABC Colony, Bangalore, Pin: 76896</p>
+                <p style="color: white; font-size: 16px;">ABC Colony, Bangalore, Pin: 76896</p>
             </div>
 
-            <div style="display: flex; align-items: center; margin-top: 20px;">
+            <div style="display: flex; gap: 10px; margin-top: 20px;">
                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="white" viewBox="0 0 24 24">
                     <path d="M6.615 10.193c1.513 3.142 4.05 5.676 7.195 7.193l1.767-1.767c.282-.282.682-.382 1.043-.294 1.149.285 2.37.437 3.64.437.552 0 1 .447 1 1v3.625c0 .552-.448 1-1 1-10.493 0-19-8.507-19-19 0-.553.448-1 1-1h3.625c.552 0 1 .447 1 1 0 1.27.152 2.491.437 3.64.087.361-.012.762-.294 1.043l-1.767 1.767z" />
                 </svg>
-                <p style="color: white; font-size: 16px; margin-left: 10px;">+91 9685478526</p>
+                <p style="color: white; font-size: 16px;">+91 9685478526</p>
             </div>
         </div>
 
@@ -752,7 +752,6 @@ <h2 style="color: white; text-align: left; font-size: 2.5rem; margin-bottom: 10p
     </div>
 
     <style>
-        /* Container style for input and textarea */
         input[type="text"],
         input[type="email"],
         textarea {
@@ -761,12 +760,10 @@ <h2 style="color: white; text-align: left; font-size: 2.5rem; margin-bottom: 10p
             margin-bottom: 15px;
             border: none;
             border-bottom: 2px solid #ccc;
-            border-radius: 0;
             outline: none;
             transition: border-color 0.3s, box-shadow 0.3s;
         }
 
-        /* Focus style */
         input[type="text"]:focus,
         input[type="email"]:focus,
         textarea:focus {
@@ -779,7 +776,6 @@ <h2 style="color: white; text-align: left; font-size: 2.5rem; margin-bottom: 10p
             border-bottom: 2px solid #0077cc;
         }
 
-        /* Button styling */
         button[type="submit"] {
             width: 100%;
             padding: 10px;
@@ -792,7 +788,6 @@ <h2 style="color: white; text-align: left; font-size: 2.5rem; margin-bottom: 10p
             transition: background-color 0.3s;
         }
 
-        /* Button hover effect */
         button[type="submit"]:hover {
             background-color: #005fa3;
         }
@@ -805,7 +800,18 @@ <h2 style="color: white; text-align: left; font-size: 2.5rem; margin-bottom: 10p
     </style>
 </div>
 
+        /* Button hover effect */
+        button[type="submit"]:hover {
+            background-color: #005fa3;
+        }
 
+        @media (max-width: 1000px) {
+            .contact2 {
+                flex-direction: column;
+            }
+        }
+    </style>
+</div>
 
 
         <div class="map-container">
@@ -957,6 +963,81 @@ <h2>We Value Your Feedback!</h2>
                 </form>
             </div>
         </section>
+
+
+
+
+        <!-- FAQ section -->
+        <!-- <section id="faq">
+            <div class="container faq-container">
+                <h2>Frequently Asked Questions</h2>
+
+                <div class="faq-item">
+                    <button class="faq-question">
+                        What is your cancellation policy?
+                        <span class="expand-toggle">+</span>
+                    </button>
+                    <div class="faq-answer" style="display: none;">
+                        <p>We offer a flexible cancellation policy that allows you to cancel your booking up to 48 hours before your scheduled departure for a full refund.</p>
+                    </div>
+                </div>
+
+                <div class="faq-item">
+                    <button class="faq-question">
+                        How do I make changes to my booking?
+                        <span class="expand-toggle">+</span>
+                    </button>
+                    <div class="faq-answer"style="display: none;">
+                        <p>You can make changes to your booking by logging into your account and accessing your booking details. For major changes, please contact our support team directly.</p>
+                    </div>
+                </div>
+
+                <div class="faq-item">
+                    <button class="faq-question">
+                        Can I change the date of my travel after booking?
+                        <span class="expand-toggle">+</span>
+                    </button>
+                    <div class="faq-answer" style="display: none;">
+                        <p>Yes, you can change your travel date, but it depends on the availability and our policy for date changes. Some changes may incur additional charges. Please contact our support team for assistance.</p>
+                    </div>
+                </div>
+
+                <div class="faq-item">
+                    <button class="faq-question">
+                        Are there any additional fees not included in the booking price?
+                        <span class="expand-toggle">+</span>
+                    </button>
+                    <div class="faq-answer" style="display: none;">
+                        <p>Our booking price includes most fees. However, depending on your destination, there may be extra charges like city taxes, resort fees, or baggage fees charged by airlines. Please review your booking details carefully or contact us for more information.</p>
+                    </div>
+                </div>
+
+                <div class="faq-item">
+                    <button class="faq-question">
+                        What should I do if I miss my flight?
+                        <span class="expand-toggle">+</span>
+                    </button>
+                    <div class="faq-answer" style="display: none;">
+                        <p>If you miss your flight, please contact us immediately. We can help you explore options such as rescheduling or booking a new flight, but additional charges may apply based on airline policies.</p>
+                    </div>
+                </div>
+
+                <div class="faq-item">
+                    <button class="faq-question">
+                        Do you offer travel insurance?
+                        <span class="expand-toggle">+</span>
+                    </button>
+                    <div class="faq-answer"style="display: none;">
+                        <p>Yes, we offer travel insurance options for our customers. Travel insurance can provide coverage for trip cancellations, lost luggage, medical emergencies, and more. You can add insurance to your booking during the checkout process.</p>
+                    </div>
+                </div>
+            </div>
+        </section> -->
+
+
+
+
+
         <style>
             /* Basic Reset */
 * {
@@ -1239,6 +1320,8 @@ <h4>HELPFUL LINKS</h4>
                         <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>
 
@@ -1284,6 +1367,8 @@ <h4>FIND US</h4>
                 <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>
     </footer>
@@ -1612,6 +1697,15 @@ <h4>FIND US</h4>
     <!-- AOS Library & Initialization Script -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
     <script>
+        const scrollTopBtn = document.getElementById("topBtn");
+        scrollTopBtn.style.setProperty('visibility', 'hidden', 'important');
+        window.addEventListener('scroll', function() {
+            if (window.scrollY > 100) {
+                scrollTopBtn.style.setProperty('visibility', 'visible', 'important');
+            } else {
+                scrollTopBtn.style.setProperty('visibility', 'hidden', 'important');
+            }
+        });
         AOS.init();
     </script>
 
diff --git a/login.html b/login.html
index e701079..6ff4763 100644
--- a/login.html
+++ b/login.html
@@ -136,6 +136,8 @@ <h4>HELPFUL LINKS</h4>
                 <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>
       
diff --git a/privacy.html b/privacy.html
index a5c2c41..31dcbc8 100644
--- a/privacy.html
+++ b/privacy.html
@@ -18,6 +18,13 @@
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
     />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+
+
+    <link rel="stylesheet" href="navbar.css">
+    <!-- this is for twitter icons -->
+    <script src="https://kit.fontawesome.com/3d20c433e1.js" crossorigin="anonymous"></script>
+
     <style>
       .nav-container {
         display: flex;
@@ -25,58 +32,28 @@
     </style>
   </head>
   <body>
+  
     <nav class="navbar">
-      <a href="./index.html" id="logo-href">
-        <div class="logo-container">
-          <img
-            src="images/4.jpeg"
-            alt="Ticket Booking Logo"
-            class="logo-image"
-          />
-          <div class="logo">Ticket Booking</div>
-        </div>
-      </a>
+      <img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
+      <div class="logo" style="font-size: 20px;">Ticket Marketplace</div>
 
-      <div class="nav-container">
-        <div class="menu-toggle">
-          <span class="bar"></span>
-          <span class="bar"></span>
-          <span class="bar"></span>
-        </div>
-
-        <ul class="nav-links">
-          <li>
-            <a href="index.html" class="home-button"
-              ><i class="fas fa-home"></i>HOME</a
-            >
-          </li>
-          <li>
-            <a href="buy.html"><i class="fas fa-shopping-cart"></i> Buy</a>
-          </li>
-          <li>
-            <a href="sell.html"><i class="fas fa-tag"></i> Sell</a>
-          </li>
-          <li>
-            <a href="#contact"><i class="fas fa-envelope"></i> Contact</a>
-          </li>
-          <li>
-            <a href="contributors.html"
-              ><i class="fas fa-users"></i> Our Contributors</a
-            >
-          </li>
+      <!-- Toggle Button (Visible on Small Screens) -->
+      <button id="navToggle">☰</button>
 
-          <li>
-            <a href="/client/register.html" class="login-btn"
-              ><i class="fas fa-user"></i
-            ></a>
-          </li>
-        </ul>
-
-        <button id="darkModeToggle" style="width: 40px; height: 40px">
-          🌙
-        </button>
+      <!-- Navbar Links -->
+      <div id="navLinks">
+          <a href="index.html"><i class="fas fa-home"></i> Home</a>
+          <a href="about.html"><i class="fas fa-info-circle"></i> About</a>
+          <a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
+          <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
+          <a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
+          <a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
+          <a href="client/login.html"><i class="fas fa-sign-in-alt"></i> Login</a>
       </div>
-    </nav>
+
+      <!-- Dark Mode Button -->
+      <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
+  </nav>
     <script>
       const darkModeToggle = document.getElementById("darkModeToggle");
       const body = document.querySelector("body");
diff --git a/sell.html b/sell.html
index 1165e98..0077272 100644
--- a/sell.html
+++ b/sell.html
@@ -287,8 +287,11 @@
       background-color: transparent;
       color: #ff4d4d;
     }
+  </style>
+
+
+<!-- cursor -->
 
-/* cursor*/
 <div class="circle"></div>
 <div class="circle"></div>
 <div class="circle"></div>
@@ -317,7 +320,11 @@
     <i class="fa fa-arrow-up" aria-hidden="true"></i>
 </button>
 <button id="scrollToTopBtn" class="scroll-to-top" title="Go to top">
+
+    &#8593; 
+
     &#8593; /*This is the up arrow*/
+
 </button>
 
 <style>
@@ -684,6 +691,8 @@
             currentSlide = index;
             showSlide(currentSlide);
         }
+      </script>
+  <style>  
     @media screen and (max-width: 768px) {
       form {
         grid-template-columns: 1fr;
diff --git a/sitemap.html b/sitemap.html
index 80ba083..7c16996 100644
--- a/sitemap.html
+++ b/sitemap.html
@@ -317,7 +317,7 @@
                     <line x1="12" y1="17" x2="12" y2="21"></line>
                 </svg>
                 Buy Ticket
-            </a>
+            </a> 
             <a href="sell.html">
                 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                     <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path>
diff --git a/terms.html b/terms.html
index da12c05..b11b81b 100644
--- a/terms.html
+++ b/terms.html
@@ -4,186 +4,132 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <title>Terms of Use - BuddyTrail</title>
+    <title>Terms of Use - Ticket Booking</title>
     <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="footer.css"> 
     <style>
-        * {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-/* Body styling */
-body {
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    background-color: #f4f4f4; /* Light background for contrast */
-    color: #333;
-    line-height: 1.6;
-}
-
-/* Full-width container for page */
-.container {
-    display: flex;
-    width: 100%;
-    margin: 20px auto;
-    padding: 20px;
-    background-color: #fff;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
-    transition: box-shadow 0.3s ease; /* Smooth shadow transition */
-}
-
-.container:hover {
-    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); /* Enhanced shadow on hover */
-}
-
-/* Table of contents styling */
-.toc {
-    flex-basis: 25%;
-    background-color: #e9ecef;
-    padding: 20px;
-    border-radius: 8px;
-    margin-right: 20px;
-    height: fit-content;
-    position: sticky;
-    top: 20px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Shadow for TOC */
-}
-
-.toc h2 {
-    font-size: 1.5rem;
-    color: #004085;
-    margin-bottom: 15px;
-    border-bottom: 2px solid #007bff; /* Underline effect */
-    padding-bottom: 5px;
-}
-
-/* TOC links */
-.toc ul {
-    list-style: none;
-    padding: 0;
-}
-
-.toc ul li {
-    margin-bottom: 10px;
-}
-
-.toc ul li a {
-    text-decoration: none;
-    color: #007bff;
-    font-weight: bold;
-    transition: color 0.3s ease, padding-left 0.2s ease; /* Transition for hover effects */
-    padding-left: 5px;
-}
-
-.toc ul li a:hover {
-    color: #0056b3; /* Darker blue on hover */
-    padding-left: 10px; /* Indent effect on hover */
-    font-weight: bold; /* Keep bold on hover */
-}
-
-/* Main content styling */
-.main-content {
-    flex-basis: 75%;
-}
-
-h1, h2 {
-    color: #004085;
-}
-
-h1 {
-    font-size: 2.4rem;
-    text-align: center;
-    margin-bottom: 30px;
-    border-bottom: 3px solid #007bff; /* Enhanced underline */
-    padding-bottom: 10px;
-}
-
-h2 {
-    font-size: 1.8rem;
-    margin-top: 40px;
-    margin-bottom: 20px;
-    border-bottom: 2px solid #ddd; /* Thicker border for separation */
-    padding-bottom: 10px;
-    position: relative;
-    transition: color 0.3s ease; /* Smooth color transition */
-}
-
-h2:hover {
-    color: #0056b3; /* Change color on hover */
-}
-
-/* Paragraph styling */
-p {
-    font-size: 1rem;
-    color: #555;
-    margin-bottom: 20px;
-    transition: color 0.3s ease; /* Smooth color transition */
-}
-
-p:hover {
-    color: #333; /* Darker color on hover */
-}
-
-/* List styling */
-ul {
-    margin-left: 20px;
-    padding-left: 20px;
-    list-style: disc;
-}
-
-li {
-    margin-bottom: 10px;
-}
-
-/* Button styling for links */
-a {
-    color: #007bff;
-    text-decoration: none;
-    transition: color 0.3s ease; /* Smooth color transition */
-}
-
-a:hover {
-    color: #0056b3; /* Darker blue on hover */
-    text-decoration: underline; /* Underline on hover */
-}
-
-/* Smooth scrolling for anchor links */
-html {
-    scroll-behavior: smooth;
-}
-
-/* Responsive adjustments */
-@media (max-width: 768px) {
-    .container {
-        flex-direction: column;
-    }
-
-    .toc {
-        margin-bottom: 20px;
-        margin-right: 0;
-        width: 100%;
-        position: relative;
-    }
-
-    .main-content {
-        width: 100%;
-    }
-
-    h1 {
-        font-size: 1.8rem;
-    }
-
-    h2 {
-        font-size: 1.4rem;
-    }
-
-    p {
-        font-size: 0.95rem;
-    }
-}
-
+        /* General styling */
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background-color: #f4f4f4;
+            color: #333;
+            line-height: 1.6;
+        }
+        .container {
+            display: flex;
+            width: 90%;
+            max-width: 1200px;
+            margin: 40px auto;
+            padding: 30px;
+            background-color: #fff;
+            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
+            border-radius: 12px;
+            transition: box-shadow 0.3s ease;
+        }
+        .container:hover { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); }
+        .toc {
+            flex-basis: 25%;
+            background-color: #e9ecef;
+            padding: 20px;
+            border-radius: 12px;
+            margin-right: 20px;
+            height: fit-content;
+            position: sticky;
+            top: 20px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        }
+        .toc h2 {
+            font-size: 1.6rem;
+            color: #004085;
+            margin-bottom: 15px;
+            border-bottom: 3px solid #007bff;
+            padding-bottom: 5px;
+        }
+        .toc ul { list-style: none; padding: 0; }
+        .toc ul li { margin-bottom: 12px; }
+        .toc ul li a {
+            text-decoration: none;
+            color: #007bff;
+            font-weight: bold;
+            transition: color 0.3s ease, padding-left 0.3s ease;
+            padding-left: 5px;
+        }
+        .toc ul li a:hover { color: #0056b3; padding-left: 10px; font-weight: bold; }
+        .main-content { flex-basis: 75%; }
+        h1, h2 { color: #004085; }
+        h1 {
+            font-size: 2.4rem;
+            text-align: center;
+            margin-bottom: 30px;
+            border-bottom: 3px solid #007bff;
+            padding-bottom: 10px;
+        }
+        h2 {
+            font-size: 1.8rem;
+            margin-top: 40px;
+            margin-bottom: 20px;
+            border-bottom: 2px solid #ddd;
+            padding-bottom: 10px;
+            position: relative;
+            transition: color 0.3s ease;
+        }
+        h2:hover { color: #0056b3; }
+        p {
+            font-size: 1rem;
+            color: #555;
+            margin-bottom: 20px;
+            line-height: 1.8;
+            transition: color 0.3s ease;
+        }
+        p:hover { color: #333; }
+        ul { margin-left: 20px; padding-left: 20px; list-style: disc; }
+        li { margin-bottom: 10px; }
+        a { color: #007bff; text-decoration: none; transition: color 0.3s ease; }
+        a:hover { color: #0056b3; text-decoration: underline; }
+        html { scroll-behavior: smooth; }
+        @media (max-width: 768px) {
+            .container { flex-direction: column; padding: 15px; }
+            .toc { margin-bottom: 20px; margin-right: 0; width: 100%; position: relative; }
+            .main-content { width: 100%; }
+            h1 { font-size: 1.8rem; }
+            h2 { font-size: 1.4rem; }
+            p { font-size: 0.95rem; }
+        }
+        /* Navbar Styling */
+        .navbar {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 10px 20px;
+            background-color: #333;
+            color: white;
+        }
+        .navbar .logo-container {
+            display: flex;
+            align-items: center;
+        }
+        .navbar .logo-image {
+            width: 40px;
+            height: 40px;
+            margin-right: 10px;
+        }
+        .navbar .nav-links {
+            display: flex;
+            list-style: none;
+        }
+        .navbar .nav-links li {
+            margin: 0 10px;
+        }
+        .navbar .nav-links a {
+            color: white;
+            text-decoration: none;
+            font-weight: bold;
+            transition: color 0.3s ease;
+        }
+        .navbar .nav-links a:hover {
+            color: #007bff;
+        }
     </style>
 </head>
 <body>
@@ -194,32 +140,20 @@
                 <div class="logo">Ticket Booking</div>
             </div>
         </a>
-    
         <div class="nav-container">
-            <div class="menu-toggle">
-                <span class="bar"></span>
-                <span class="bar"></span>
-                <span class="bar"></span>
-            </div>
-    
             <ul class="nav-links">
                 <li><a href="index.html">Home</a></li>
-        <li><a href="about.html">About</a></li>
-        <li><a href="buy.html">Buy Ticket</a></li>
-        <li><a href="sell.html"><i class="fas fa-tag"></i> Sell</a></li>
-        <li><a href="#contact"><i class="fas fa-envelope"></i> Contact</a></li>
-        <li><a href="contributor.html"><i class="fas fa-users"></i> Our Contributors</a></li>
-                <li><a href="/client/register.html" class="login-btn"><i class="fas fa-user"></i></a></li>
-
-		      <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
+                <li><a href="about.html">About</a></li>
+                <li><a href="buy.html">Buy Ticket</a></li>
+                <li><a href="sell.html">Sell</a></li>
+                <li><a href="#contact">Contact</a></li>
+                <li><a href="contributor.html">Our Contributors</a></li>
+                <li><a href="/client/register.html" class="login-btn">Login</a></li>
             </ul>
-    
+            <button id="darkModeToggle">🌙</button>
         </div>
-        
     </nav>
     <div class="container">
-        
-        <!-- Table of contents on the left side -->
         <div class="toc">
             <h2>Table of Contents</h2>
             <ul>
@@ -236,135 +170,36 @@ <h2>Table of Contents</h2>
                 <li><a href="#section11">11. Contact Us</a></li>
             </ul>
         </div>
-
-        <!-- Main content on the right side -->
         <div class="main-content">
-            <h1>BuddyTrail - Terms of Use</h1>
-
-            <!-- Terms of Use sections -->
+            <h1>Ticket Booking - Terms of Use</h1>
             <h2 id="section1">1. Acceptance of Terms</h2>
-            <p>By accessing and using our website, you agree to comply with and be bound by the following terms and conditions. If you do not agree to these terms, please refrain from using our website.</p>
-
+            <p>By accessing and using the Ticket Booking website, you agree to comply with and be bound by these terms and conditions. These terms form a legally binding agreement between you and Ticket Booking. If you do not agree to these terms, please refrain from using our website and services. </p>
             <h2 id="section2">2. Modifications to Terms</h2>
-            <p>We reserve the right to modify these terms at any time. Any changes will be effective immediately upon posting on this page. It is your responsibility to review these terms regularly to ensure you are aware of any updates.</p>
-
+            <p>Ticket Booking reserves the right to update or modify these terms at any time without prior notice. Such changes will take effect immediately upon being posted on this page. It is your responsibility to review these terms periodically. Continued use of the website after modifications have been made constitutes acceptance of the updated terms. </p>
             <h2 id="section3">3. User Responsibilities</h2>
-            <p>As a user of our website, you agree not to:</p>
+            <p>As a user, you are responsible for ensuring that your use of the Ticket Booking platform complies with all applicable laws and regulations. You agree to refrain from:</p>
             <ul>
-                <li>Violate any applicable laws or regulations.</li>
-                <li>Post or transmit any harmful, threatening, or offensive content.</li>
-                <li>Use the website for unauthorized commercial purposes.</li>
-                <li>Attempt to gain unauthorized access to any part of the website or its systems.</li>
+                <li>Engaging in any illegal activities or using the platform in a way that infringes the rights of others.</li>
+                <li>Posting or transmitting harmful, threatening, or offensive content that could harm other users or the platform.</li>
+                <li>Attempting to use the platform for unauthorized commercial purposes, such as advertising or solicitation.</li>
+                <li>Trying to gain unauthorized access to our website, servers, or data systems, or disrupting the security of the platform.</li>
             </ul>
-
             <h2 id="section4">4. Intellectual Property</h2>
-            <p>All content, trademarks, logos, and intellectual property displayed on this website are the property of [Your Company Name] or its licensors. You may not use, reproduce, or distribute any material without prior written permission.</p>
-
+            <p>All content, graphics, logos, trademarks, and other intellectual property displayed on Ticket Booking are the exclusive property of Ticket Booking or its licensors. Users are prohibited from using, copying, reproducing, or distributing any material on this website without prior written consent.</p>
             <h2 id="section5">5. User-Generated Content</h2>
-            <p>By submitting any content (such as comments, posts, or feedback) to our website, you grant us a non-exclusive, royalty-free, perpetual, and worldwide license to use, modify, and display such content. You are solely responsible for any content you submit, and it must not infringe the rights of any third party.</p>
-
+            <p>By submitting content to Ticket Booking, such as comments, reviews, or feedback, you grant us a non-exclusive, royalty-free, perpetual, and worldwide license to use, display, modify, and distribute this content across our platform. Content submitted by users must not violate the intellectual property rights of others or contain harmful or offensive material. </p>
             <h2 id="section6">6. Privacy</h2>
-            <p>Your use of our website is also governed by our Privacy Policy, which explains how we collect, use, and protect your personal information.</p>
-
+            <p>Ticket Booking is committed to protecting your privacy. Any personal information collected during your use of the website is subject to our Privacy Policy. Our Privacy Policy explains how we collect, store, and use your data, and we encourage you to review it to understand your rights and our obligations in safeguarding your information. </p>
             <h2 id="section7">7. Limitation of Liability</h2>
-            <p>We make no warranties or representations about the accuracy, reliability, or completeness of the website’s content. To the extent permitted by law, we will not be liable for any damages arising from the use or inability to use the website or its services.</p>
-
+            <p>While we strive to provide accurate and reliable information, Ticket Booking does not guarantee the accuracy, completeness, or timeliness of content on this website. </p>
             <h2 id="section8">8. Third-Party Links</h2>
-            <p>Our website may contain links to third-party websites. We are not responsible for the content or practices of these websites. Accessing them is at your own risk.</p>
-
+            <p>Ticket Booking may contain links to third-party websites for informational purposes. We are not responsible for the content, privacy policies, or practices of any third-party websites. Access to these sites is at your own risk, and we recommend reviewing the terms and privacy policies of any third-party websites before engaging with them. We do not endorse any information, products, or services provided by third-party websites linked to from our platform.</p>
             <h2 id="section9">9. Termination</h2>
-            <p>We reserve the right to terminate or suspend your access to the website at our sole discretion, without prior notice, for any violation of these terms.</p>
-
-            <h2 id="section10">10. Governing Law</h2>
-            <p>These terms are governed by and construed in accordance with the laws of [Country/State]. Any legal disputes arising from these terms will be subject to the exclusive jurisdiction of the courts in [Location].</p>
-
-            <h2 id="section11">11. Contact Us</h2>
-            <p>If you have any questions about these Terms of Use, please contact us at [contact@yourwebsite.com].</p>
-
+            <p>Ticket Booking reserves the right to terminate or suspend your access to the website at its sole discretion without prior notice. We may take such action if we believe that you have violated these terms or engaged in any conduct that may harm the platform or other users. </p>
+            
+            <h2 id="section11">10. Contact Us</h2>
+            <p>For any questions or concerns regarding these Terms of Use or any other aspect of Ticket Booking, please contact our support team at contact@ticketbooking.com. We are here to address your concerns and ensure that you have a positive experience with our platform.</p>
         </div>
     </div>
-    <footer class="footer-container">
-        <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>
-    
-                <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>
-          </div>
-      
-          
-          <div class="footer-links">
-            <div class="footer-column">
-              <h4>HELPFUL LINKS</h4>
-              <ul>
-                <li><a href="help.html">Help Centre</a></li>
-                <li><a href="#">Special Assistance</a></li>
-                <li><a href="#">Download The App</a></li>
-                <li><a href="book_condition.html">Booking Conditions</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="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="travelAware.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="contact.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>
-          </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>
 </body>
-</html>
+</html>
\ No newline at end of file
