diff --git a/index.html b/index.html
index de29ca5..6dbec93 100644
--- a/index.html
+++ b/index.html
@@ -771,19 +771,19 @@ <h2>Cab Rental Service</h2>
 
         <div class="booking-form">
             <div class="form-group">
-                <label for="fullName">Full Name</label>
+                <label for="fullName">Full Name*</label>
                 <input type="text" id="fullName" placeholder="Your Name">
             </div>
             <div class="form-group">
-                <label for="phone">Phone</label>
+                <label for="phone">Phone*</label>
                 <input type="tel" id="phone" placeholder="Telephone">
             </div>
             <div class="form-group">
-                <label for="email">Email</label>
+                <label for="email">Email*</label>
                 <input type="email" id="email" placeholder="name@example.com">
             </div>
             <div class="form-group">
-                <label for="city">City</label>
+                <label for="city">City*</label>
                 <select id="city">
                     <option disabled selected>Select City</option>
                     <option value="Delhi-NCR">Delhi-NCR</option>
@@ -794,7 +794,7 @@ <h2>Cab Rental Service</h2>
                 </select>
             </div>
             <div class="form-group">
-                <label for="vehicle">Vehicle</label>
+                <label for="vehicle">Vehicle*</label>
                 <select id="vehicle">
                     <option disabled selected>Select Vehicle</option>
                     <option value="Civic">Honda Civic</option>
@@ -805,11 +805,11 @@ <h2>Cab Rental Service</h2>
                 </select>
             </div>
             <div class="form-group">
-                <label for="pickupDate">Pickup Date</label>
+                <label for="pickupDate">Pickup Date*</label>
                 <input type="date" id="pickupDate">
             </div>
             <div class="form-group">
-                <label for="dropoffDate">Drop-off Date</label>
+                <label for="dropoffDate">Drop-off Date*</label>
                 <input type="date" id="dropoffDate">
             </div>
         </div>
diff --git a/script.js b/script.js
index bbb2fdb..4d6a2c8 100644
--- a/script.js
+++ b/script.js
@@ -1,13 +1,10 @@
 document
   .getElementById("view-all-button")
-  .addEventListener("click", function () {
+  .addEventListener("click", ()=>{
     const testimonialsContainer = document.getElementById(
       "testimonials-container"
-    );
-    document.getElementById('bookNow').addEventListener('click', function() {
-      alert('Booking confirmed!');
-  });
-  
+  );
+
     const newTestimonials = [
       {
         text: "I've used many cab services before, but this one is by far the best. Highly recommended!",
@@ -88,30 +85,30 @@ document
       testimonialsContainer.appendChild(testimonialDiv);
     });
 
- // Get the button
- let mybutton = document.getElementById("topButton");
-
- // When the user scrolls down 20px from the top of the document, show the button
- window.onscroll = function() {scrollFunction()};
- 
- function scrollFunction() {
-     if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-         mybutton.style.display = "block";
-     } else {
-         mybutton.style.display = "none";
-     }
- }
- 
- // When the user clicks on the button, scroll to the top of the document
- mybutton.addEventListener("click", function() {
-     document.body.scrollTop = 0;
-     document.documentElement.scrollTop = 0;
- });
- // When the user scrolls down 20px from the top of the document, show the button
-window.onscroll = function() {scrollFunction()};
-
- 
- 
+    // Get the button
+    let mybutton = document.getElementById("topButton");
+
+    // When the user scrolls down 20px from the top of the document, show the button
+    window.onscroll = function () { scrollFunction() };
+
+    function scrollFunction() {
+      if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+        mybutton.style.display = "block";
+      } else {
+        mybutton.style.display = "none";
+      }
+    }
+
+    // When the user clicks on the button, scroll to the top of the document
+    mybutton.addEventListener("click", function () {
+      document.body.scrollTop = 0;
+      document.documentElement.scrollTop = 0;
+    });
+    // When the user scrolls down 20px from the top of the document, show the button
+    window.onscroll = function () { scrollFunction() };
+
+
+
     // Add new random testimonials
     newTestimonials.slice(0, 3).forEach((testimonial) => {
       const testimonialDiv = document.createElement("div");
@@ -134,44 +131,62 @@ window.onscroll = function() {scrollFunction()};
 
       testimonialsContainer.appendChild(testimonialDiv);
     });
+
   });
-  const themeSwitch = document.getElementById('theme-switch'); // Ensure this matches your HTML button's ID
-  const body = document.body;
-  const header = document.querySelector('header');
-  const footer = document.querySelector('footer');
-  
-  // Function to enable dark mode
-  function enableDarkMode() {
-    themeSwitch.classList.add('dark-theme'); // Update the switch appearance
-      body.classList.add('dark-mode');
-      header.classList.add('dark-mode');
-      footer.classList.add('dark-mode');
-  }
-  
-  // Function to disable dark mode
-  function disableDarkMode() {
-    themeSwitch.classList.remove('dark-theme'); // Update the switch appearance
-      body.classList.remove('dark-mode');
-      header.classList.remove('dark-mode');
-      footer.classList.remove('dark-mode');
+const themeSwitch = document.getElementById('theme-switch'); // Ensure this matches your HTML button's ID
+const body = document.body;
+const header = document.querySelector('header');
+const footer = document.querySelector('footer');
+
+document.getElementById('bookNow').addEventListener('click', function () {
+  const name=document.getElementById('fullName').value.trim();
+  const phone=document.getElementById('phone').value.trim();
+  const email=document.getElementById('email').value.trim();
+  const city=document.getElementById('city').value.trim();
+  const vehicle=document.getElementById('vehicle').value.trim();
+  const pickupDate=document.getElementById('pickupDate').value.trim();
+  const dropoffDate=document.getElementById('dropoffDate').value.trim();
+
+  if(!name || !phone || !email || !city || !vehicle || !pickupDate || !dropoffDate)
+  {
+    alert('Please fill all fields');
   }
-  
-  // Event listener for dark mode toggle button
-  themeSwitch.addEventListener('click', () => {
-      if (body.classList.contains('dark-mode')) {
-        localStorage.removeItem('dark-mode'); // Remove from local storage
-          disableDarkMode(); // Switch to light mode
-      } else {
-          enableDarkMode(); // Switch to dark mode
-          localStorage.setItem('dark-mode', 'enabled'); // Save in local storage
-      }
-  });
-  
-  // Optional: Check the initial mode on page load
-  if (localStorage.getItem('dark-mode') === 'enabled') {
-      enableDarkMode();
+  else
+  alert('Booking confirmed!');
+});
+
+// Function to enable dark mode
+function enableDarkMode() {
+  themeSwitch.classList.add('dark-theme'); // Update the switch appearance
+  body.classList.add('dark-mode');
+  header.classList.add('dark-mode');
+  footer.classList.add('dark-mode');
+}
+
+// Function to disable dark mode
+function disableDarkMode() {
+  themeSwitch.classList.remove('dark-theme'); // Update the switch appearance
+  body.classList.remove('dark-mode');
+  header.classList.remove('dark-mode');
+  footer.classList.remove('dark-mode');
+}
+
+// Event listener for dark mode toggle button
+themeSwitch.addEventListener('click', () => {
+  if (body.classList.contains('dark-mode')) {
+    localStorage.removeItem('dark-mode'); // Remove from local storage
+    disableDarkMode(); // Switch to light mode
+  } else {
+    enableDarkMode(); // Switch to dark mode
+    localStorage.setItem('dark-mode', 'enabled'); // Save in local storage
   }
-  
-  document.addEventListener('DOMContentLoaded', () => {
-      console.log("Welcome to ML Fusion Lab!");
-  });
\ No newline at end of file
+});
+
+// Optional: Check the initial mode on page load
+if (localStorage.getItem('dark-mode') === 'enabled') {
+  enableDarkMode();
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+  console.log("Welcome to ML Fusion Lab!");
+});
\ No newline at end of file
diff --git a/style.css b/style.css
index 15ecffb..f53171a 100644
--- a/style.css
+++ b/style.css
@@ -1359,7 +1359,7 @@ footer p {
 .booking-form .form-group select {
     width: 100%;
     padding: 10px;
-    border: 1px solid #ccc;
+    border: 1px solid #333;
     border-radius: 4px;
     font-size: 16px;
     background-color: var(--input-bg-color);
@@ -1388,5 +1388,5 @@ body.dark-mode .booking-form .form-group select {
 
 body.dark-mode .booking-form .form-group input::placeholder,
 body.dark-mode .booking-form .form-group select::placeholder {
-    color: #aaa;
+    color: #333;
 }
\ No newline at end of file