diff --git a/ModernSlaveryAct.html b/ModernSlaveryAct.html
index 4b9f52b..ca0f846 100644
--- a/ModernSlaveryAct.html
+++ b/ModernSlaveryAct.html
@@ -275,55 +275,75 @@ <h4>FIND US</h4>
     margin: 0;
     padding: 0;
     box-sizing: border-box;
-  }
+}
 
-  body {
+body {
     font-family: "Arial", sans-serif;
     line-height: 1.6;
-  }
+}
 
-  #Slavery-us {
-    background-image: url("your-background-image.jpg");
-    background-size: cover;
-    background-position: center;
-    color: #fff;
-    padding: 80px 0;
+/* Section Styling */
+#Slavery-us {
+    background-color: #f0f4f8; /* Soft background color */
+    padding: 60px 20px; /* Spacing around the section */
     text-align: center;
-  }
+}
 
-  .Slavery-container {
+/* Container Styling */
+.Slavery-container {
     max-width: 800px;
     margin: 0 auto;
-    background-color: rgba(0, 0, 0, 0.7);
+    background-color: #ffffff; /* White background for contrast */
     padding: 40px;
-    border-radius: 10px;
-  }
+    border-radius: 12px; /* More pronounced rounded corners */
+    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); /* Stronger shadow for depth */
+    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
+}
 
-  #Slavery-us h1 {
-    font-size: 3rem;
+.Slavery-container:hover {
+    transform: translateY(-5px); /* Lift effect on hover */
+    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
+}
+
+/* Heading Styling */
+#Slavery-us h1 {
+    font-size: 2.5rem; /* Large heading */
     margin-bottom: 20px;
+    color: #2c3e50; /* Darker color for better readability */
     text-transform: uppercase;
-    letter-spacing: 3px;
-    color: #f0a500;
-  }
+    letter-spacing: 2px; /* Slightly reduced letter spacing */
+    border-bottom: 2px solid #007bff; /* Bottom border for emphasis */
+    padding-bottom: 10px; /* Space below the border */
+}
 
-  #Slavery-us p {
-    color: #fff;
-    font-size: 1.2rem;
+/* Paragraph Styling */
+#Slavery-us p {
+    color: #34495e; /* Dark gray for better contrast */
+    font-size: 1.1rem; /* Adjusted font size */
     margin-bottom: 20px;
-  }
-  #Slavery-us li{
+    line-height: 1.8; /* Increased line height for readability */
+    transition: color 0.3s ease; /* Smooth color transition */
+}
+
+#Slavery-us p:hover {
+    color: #007bff; /* Change color on hover for interaction */
+}
+
+/* List Item Styling */
+#Slavery-us li {
     margin-top: 10px;
-    
-  }
+    color: #34495e; /* Consistent color for list items */
+}
 
-  @media (max-width: 768px) {
+/* Responsive Adjustments */
+@media (max-width: 768px) {
     #Slavery-us h1 {
-      font-size: 2.5rem;
+        font-size: 2rem; /* Smaller heading for mobile */
     }
 
     #Slavery-us p {
-      font-size: 1rem;
+        font-size: 1rem; /* Smaller paragraph for mobile */
     }
-  }
+}
+
 </style>
diff --git a/privacy.html b/privacy.html
index 1cf8f19..7288916 100644
--- a/privacy.html
+++ b/privacy.html
@@ -126,32 +126,50 @@
     </script>
     <section id="about-us">
       <div class="about-container">
-        <h1>Privacy Policy</h1>
-        <p>
-          Welcome to ticket booking! Your one-stop solution for booking bus and
-          train tickets with ease. Our platform offers a seamless experience for
-          travelers, providing access to various transportation options. We
-          strive to make your journey hassle-free, whether you're planning a
-          short trip or a long adventure. With 24/7 customer support and
-          real-time updates, we ensure that you're always informed and
-          comfortable on the go.
-        </p>
-        <p>
-          At Ticket Booking, we are committed to protecting your privacy. This
-          policy outlines how we collect, use, and safeguard your personal
-          information when you visit our website to book tickets. We collect
-          data such as your name, email address, and payment information solely
-          for processing your bookings and providing you with a seamless
-          experience. Your information is stored securely and is only accessible
-          to authorized personnel. We do not sell or share your data with third
-          parties without your consent, except as required by law or to fulfill
-          your requests. By using our website, you agree to the collection and
-          use of your information in accordance with this policy. If you have
-          any questions or concerns about our privacy practices, please contact
-          us at +91 9685478526.
-        </p>
+          <h1>Privacy Policy</h1>
+  
+          <div class="policy-section">
+              <h2>Welcome to Ticket Booking!</h2>
+              <p>
+                  Your one-stop solution for booking bus and train tickets with ease. 
+                  Our platform offers a seamless experience for travelers, providing access 
+                  to various transportation options. We strive to make your journey hassle-free, 
+                  whether you're planning a short trip or a long adventure. With 24/7 customer 
+                  support and real-time updates, we ensure that you're always informed and 
+                  comfortable on the go.
+              </p>
+          </div>
+  
+          <div class="policy-section">
+              <h2>Commitment to Privacy</h2>
+              <p>
+                  At Ticket Booking, we are committed to protecting your privacy. This 
+                  policy outlines how we collect, use, and safeguard your personal 
+                  information when you visit our website to book tickets. We collect 
+                  data such as your name, email address, and payment information solely 
+                  for processing your bookings and providing you with a seamless 
+                  experience.
+              </p>
+              <p>
+                  Your information is stored securely and is only accessible to authorized 
+                  personnel. We do not sell or share your data with third parties without 
+                  your consent, except as required by law or to fulfill your requests. 
+                  By using our website, you agree to the collection and use of your 
+                  information in accordance with this policy.
+              </p>
+          </div>
+  
+          <div class="contact-info">
+              <h2>Contact Us</h2>
+              <p>
+                  If you have any questions or concerns about our privacy practices, please 
+                  contact us at: 
+                  <a href="tel:+919685478526">+91 9685478526</a>
+              </p>
+          </div>
       </div>
-    </section>
+  </section>
+  
 
     <footer class="footer-container">
       <div class="footer-top">
@@ -256,51 +274,86 @@ <h4>FIND US</h4>
     margin: 0;
     padding: 0;
     box-sizing: border-box;
-  }
+}
 
-  body {
+body {
     font-family: "Arial", sans-serif;
     line-height: 1.6;
-  }
+    background-color: #f0f0f0; /* Light background for contrast */
+}
 
-  #about-us {
+#about-us {
     background-image: url("your-background-image.jpg");
     background-size: cover;
     background-position: center;
     color: #fff;
     padding: 80px 0;
     text-align: center;
-  }
+}
 
-  .about-container {
+.about-container {
     max-width: 800px;
     margin: 0 auto;
-    background-color: rgba(0, 0, 0, 0.7);
+    background-color: rgba(255, 255, 255, 0.9); /* Light container for contrast */
+    color: #333; /* Darker text for readability */
     padding: 40px;
-    border-radius: 10px;
-  }
+    border-radius: 15px; /* More rounded corners */
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* More pronounced shadow */
+    transition: transform 0.3s; /* Smooth hover effect */
+}
+
+.about-container:hover {
+    transform: translateY(-5px); /* Lift effect on hover */
+}
 
-  #about-us h1 {
-    font-size: 3rem;
+#about-us h1 {
+    font-size: 2.8rem; /* Slightly smaller, balanced size */
     margin-bottom: 20px;
     text-transform: uppercase;
-    letter-spacing: 3px;
-    color: #f0a500;
-  }
+    letter-spacing: 2px; /* Reduced letter spacing */
+    color: #007bff; /* Vibrant accent color */
+}
 
-  #about-us p {
-    color: #fff;
-    font-size: 1.2rem;
+#about-us h2{
+  color: #007bff;
+}
+#about-us p {
+    color: #333; /* Dark text for better readability */
+    font-size: 1.1rem;
     margin-bottom: 20px;
-  }
+    line-height: 1.8; /* Increased line height for readability */
+}
+
+.contact-info {
+    margin-top: 30px; /* More space for emphasis */
+    font-size: 1.1rem; /* Consistent text size */
+    color: #007bff; /* Matching accent color */
+}
+
+.contact-info a {
+  color: #007bff;/* Consistent link color */
+    text-decoration: none; /* Clean appearance */
+    font-weight: bold; /* Bold for emphasis */
+    transition: color 0.3s, text-decoration 0.3s; /* Smooth transition */
+}
+
+.contact-info a:hover {
+  color: #007bff;/* Darker accent on hover */
+    text-decoration: underline; /* Underline on hover */
+}
 
-  @media (max-width: 768px) {
+@media (max-width: 768px) {
     #about-us h1 {
-      font-size: 2.5rem;
+        font-size: 2.2rem; /* Responsive heading size */
     }
 
     #about-us p {
-      font-size: 1rem;
+        font-size: 1rem; /* Responsive paragraph size */
     }
-  }
+
+    .contact-info {
+        font-size: 1rem; /* Responsive size for contact info */
+    }
+}
+
 </style>
diff --git a/terms.html b/terms.html
index 34e5abf..47bbf83 100644
--- a/terms.html
+++ b/terms.html
@@ -5,159 +5,218 @@
     <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>
+    <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="footer.css"> 
     <style>
-        /* Resetting margin and padding */
         * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-
-        /* Body styling */
-        body {
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            background-color: #f8f9fa;
-            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;
-        }
-
-        /* 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;
-        }
-
-        .toc h2 {
-            font-size: 1.5rem;
-            color: #004085;
-        }
-
-        .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;
-        }
-
-        .toc ul li a:hover {
-            text-decoration: underline;
-        }
-
-        /* Main content styling */
-        .main-content {
-            flex-basis: 75%;
-        }
-
-        h1, h2 {
-            color: #004085;
-        }
-
-        h1 {
-            font-size: 2.2rem;
-            text-align: center;
-            margin-bottom: 30px;
-            border-bottom: 2px solid #004085;
-            padding-bottom: 10px;
-        }
-
-        h2 {
-            font-size: 1.8rem;
-            margin-top: 40px;
-            margin-bottom: 20px;
-            border-bottom: 1px solid #ddd;
-            padding-bottom: 10px;
-        }
-
-        p {
-            font-size: 1rem;
-            color: #555;
-            margin-bottom: 20px;
-        }
-
-        ul {
-            margin-left: 20px;
-            padding-left: 20px;
-            list-style: disc;
-        }
-
-        li {
-            margin-bottom: 10px;
-        }
-
-        /* Button styling for links */
-        a {
-            color: #007bff;
-            text-decoration: none;
-        }
-
-        a:hover {
-            text-decoration: underline;
-        }
-
-        /* 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; /* Changed to relative to make TOC non-sticky */
-            }
-
-            .main-content {
-                width: 100%;
-            }
-
-            h1 {
-                font-size: 1.8rem;
-            }
-
-            h2 {
-                font-size: 1.4rem;
-            }
-
-            p {
-                font-size: 0.95rem;
-            }
-        }
+    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;
+    }
+}
+
     </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">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>
+            </ul>
+    
+        </div>
+        
+    </nav>
     <div class="container">
         
         <!-- Table of contents on the left side -->