diff --git a/Code_of_Conduct.md b/Code_of_Conduct.md
new file mode 100644
index 00000000..e430d049
--- /dev/null
+++ b/Code_of_Conduct.md
@@ -0,0 +1,127 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, religion, or sexual identity
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+* Demonstrating empathy and kindness toward other people.
+* Being respectful of differing opinions, viewpoints, and experiences.
+* Giving and gracefully accepting constructive feedback.
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience.
+* Focusing on what is best not just for us as individuals, but for the
+  overall community.
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or
+  advances of any kind.
+* Trolling, insulting or derogatory comments, and personal or political attacks.
+* Public or private harassment.
+* Publishing others' private information, such as a physical or email
+  address, without their explicit permission.
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting.
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+[shreyadwivedi9839@gmail.com](shreyadwivedi9839@gmail.com).
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series
+of actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or
+permanent ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior, harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+the community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant](https://www.contributor-covenant.org),
+version 2.0, available at
+[https://www.contributor-covenant.org/version/2/0/code_of_conduct.html](https://www.contributor-covenant.org/version/2/0/code_of_conduct.html).
+
+Community Impact Guidelines were inspired by [Mozilla's code of conduct
+enforcement ladder](https://github.com/mozilla/diversity).
+
+For answers to common questions about this code of conduct, see the FAQ at
+[https://www.contributor-covenant.org/faq](https://www.contributor-covenant.org/faq).
+Translations are available at
+[https://www.contributor-covenant.org/translations](https://www.contributor-covenant.org/translations).
diff --git a/index.html b/index.html
index 8072fb69..b33465f4 100644
--- a/index.html
+++ b/index.html
@@ -5,53 +5,60 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta
       name="description"
-      content="BuddyTrail is a travel agency website that helps you pick out your holiday vacation"
-    />
+      content="BuddyTrail is a travel agency website that helps you pick out your holiday vacation" />
     <meta name="robots" content="index,follow" />
-    <link rel="stylesheet" href="/style.css" />
+    <link rel="stylesheet" href="style.css" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Pattaya&family=Poppins:wght@400;500&display=swap"
-      rel="stylesheet"
-    />
-    <link rel="icon" href="/icons/airplane.svg" />
-    
+       <link href="https://fonts.googleapis.com/css2?family=Pattaya&family=Poppins:wght@400;500&display=swap"
+      rel="stylesheet"/>
+    <link rel="icon" href="/icons/airplane.svg"/>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"/>
+
+
     <title>BuddyTrail</title>
-    
   </head>
   <body class="light-mode">
     <button id="scrollTopBtn" class="scroll-top-btn">↑ Scroll to Top</button>
 
     <!-- Google Translate Button -->
     <div class="translate-container">
-      <button class="language-toggle" id="languageToggle">
-          🌐
-      </button>
+      <button class="language-toggle" id="languageToggle">🌐</button>
       <div id="google_translate_element"></div>
     </div>
 
     <script>
       // Initialization function
       function googleTranslateElementInit() {
-          new google.translate.TranslateElement({
-              pageLanguage: 'en',
-              includedLanguages: 'en,es,fr,de,it,pt,ja,zh-CN,hi,bn,ml,te,ta,gu,kn,or',
-              layout: google.translate.TranslateElement.InlineLayout.SIMPLE
-          }, 'google_translate_element');
+        new google.translate.TranslateElement(
+          {
+            pageLanguage: "en",
+            includedLanguages:
+              "en,es,fr,de,it,pt,ja,zh-CN,hi,bn,ml,te,ta,gu,kn,or",
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
+          },
+          "google_translate_element"
+        );
       }
 
       // Toggle button event
-      document.getElementById('languageToggle').addEventListener('click', function() {
-          var translateElement = document.getElementById('google_translate_element');
-          
+      document
+        .getElementById("languageToggle")
+        .addEventListener("click", function () {
+          var translateElement = document.getElementById(
+            "google_translate_element"
+          );
+
           // Toggle visibility
-          if (translateElement.style.display === 'none' || translateElement.style.display === '') {
-              translateElement.style.display = 'block';
+          if (
+            translateElement.style.display === "none" ||
+            translateElement.style.display === ""
+          ) {
+            translateElement.style.display = "block";
           } else {
-              translateElement.style.display = 'none';
+            translateElement.style.display = "none";
           }
-      });
+        });
     </script>
 
     <script src="script.js"></script>
@@ -66,8 +73,9 @@ <h1 id="logo">BuddyTrail</h1>
           <li><a href="#benefits" class='navhover'>Benefits</a></li>
           <li><a href="#contact" class='navhover'>Contact</a></li>
           <li><a href="signUp.html" class='navhover'>Sign In</a></li>
+
         </ul>
-          <!-- Toggle Button -->
+        <!-- Toggle Button -->
         <button class="mode-toggle" id="modeToggle">
           <span class="sun-icon glow">☀️</span>
         </button>
@@ -131,10 +139,9 @@ <h4>Hotel</h4>
             </div>
             <h4>Fly</h4>
             <p>
-              Fly to your dream destination without breaking the bank! We
-              offers the best flight deals, combining comfort and
-              affordability for perfect journey. Book now and take off for
-              less!
+              Fly to your dream destination without breaking the bank! We offers
+              the best flight deals, combining comfort and affordability for
+              perfect journey. Book now and take off for less!
             </p>
           </div>
         </div>
@@ -142,151 +149,245 @@ <h4>Fly</h4>
       <!-- deals -->
       <section id="deals" class="deals-section">
         <h2>Exclusive Deals and Offers</h2>
-        <p>Explore our best deals on flights, hotels, and travel packages. Save big on your next adventure!</p>
-    
+        <p>
+          Explore our best deals on flights, hotels, and travel packages. Save
+          big on your next adventure!
+        </p>
+
         <div class="deals-list">
-            <!-- Deal 1: Flight Offer -->
-            <div class="deal-item">
-                <h3>Flight to Dubai</h3>
-                <p>Save 20% on round-trip flights to Dubai. Limited time offer!</p>
-                <p><strong>Price:</strong> ₹25,000 <span class="discount">₹20,000</span></p>
-                <button onclick="window.location.href='#book-now'">Book Now</button>
-            </div>
-    
-            <!-- Deal 2: Hotel Offer -->
-            <div class="deal-item">
-                <h3>Luxury Stay in Goa</h3>
-                <p>Get 30% off on a 5-star hotel stay in Goa. Enjoy the best of luxury at an affordable price!</p>
-                <p><strong>Price:</strong> ₹15,000 <span class="discount">₹10,500</span> per night</p>
-                <button onclick="window.location.href='#book-now'">Book Now</button>
-            </div>
-    
-            <!-- Deal 3: Travel Package -->
-            <div class="deal-item">
-                <h3>Kerala Backwaters Package</h3>
-                <p>Experience the serene beauty of Kerala's backwaters with a 4-day, 3-night package. All-inclusive deal!</p>
-                <p><strong>Price:</strong> ₹50,000 <span class="discount">₹40,000</span></p>
-                <button onclick="window.location.href='#book-now'">Book Now</button>
-            </div>
-    
-            <!-- Deal 4: International Trip -->
-            <div class="deal-item">
-                <h3>Paris Romantic Getaway</h3>
-                <p>Enjoy a romantic trip to Paris with your loved one. Special package for couples!</p>
-                <p><strong>Price:</strong> ₹1,50,000 <span class="discount">₹1,20,000</span> per couple</p>
-                <button onclick="window.location.href='#book-now'">Book Now</button>
-            </div>
-    
-            <!-- Deal 5: Adventure Trip -->
-            <div class="deal-item">
-                <h3>Adventure in Bali</h3>
-                <p>Book an adventure trip to Bali with activities like snorkeling, trekking, and more. Discount available for groups!</p>
-                <p><strong>Price:</strong> ₹60,000 <span class="discount">₹48,000</span> per person</p>
-                <button onclick="window.location.href='#book-now'">Book Now</button>
-            </div>
+          <!-- Deal 1: Flight Offer -->
+          <div class="deal-item">
+            <h3>Flight to Dubai</h3>
+            <p>Save 20% on round-trip flights to Dubai. Limited time offer!</p>
+            <p>
+              <strong>Price:</strong> ₹25,000
+              <span class="discount">₹20,000</span>
+            </p>
+            <button onclick="window.location.href='#book-now'">Book Now</button>
+          </div>
+
+          <!-- Deal 2: Hotel Offer -->
+          <div class="deal-item">
+            <h3>Luxury Stay in Goa</h3>
+            <p>
+              Get 30% off on a 5-star hotel stay in Goa. Enjoy the best of
+              luxury at an affordable price!
+            </p>
+            <p>
+              <strong>Price:</strong> ₹15,000
+              <span class="discount">₹10,500</span> per night
+            </p>
+            <button onclick="window.location.href='#book-now'">Book Now</button>
+          </div>
+
+          <!-- Deal 3: Travel Package -->
+          <div class="deal-item">
+            <h3>Kerala Backwaters Package</h3>
+            <p>
+              Experience the serene beauty of Kerala's backwaters with a 4-day,
+              3-night package. All-inclusive deal!
+            </p>
+            <p>
+              <strong>Price:</strong> ₹50,000
+              <span class="discount">₹40,000</span>
+            </p>
+            <button onclick="window.location.href='#book-now'">Book Now</button>
+          </div>
+
+          <!-- Deal 4: International Trip -->
+          <div class="deal-item">
+            <h3>Paris Romantic Getaway</h3>
+            <p>
+              Enjoy a romantic trip to Paris with your loved one. Special
+              package for couples!
+            </p>
+            <p>
+              <strong>Price:</strong> ₹1,50,000
+              <span class="discount">₹1,20,000</span> per couple
+            </p>
+            <button onclick="window.location.href='#book-now'">Book Now</button>
+          </div>
+
+          <!-- Deal 5: Adventure Trip -->
+          <div class="deal-item">
+            <h3>Adventure in Bali</h3>
+            <p>
+              Book an adventure trip to Bali with activities like snorkeling,
+              trekking, and more. Discount available for groups!
+            </p>
+            <p>
+              <strong>Price:</strong> ₹60,000
+              <span class="discount">₹48,000</span> per person
+            </p>
+            <button onclick="window.location.href='#book-now'">Book Now</button>
+          </div>
         </div>
       </section>
-    
+
       <!-- travel itineraries -->
       <section id="itineraries" class="itineraries-section">
         <h2>Travel Itineraries</h2>
-        <p>Plan your trips effortlessly with our curated travel itineraries tailored for different types of adventures. Whether you're planning a family vacation, a solo adventure, or a romantic getaway, we’ve got you covered!</p>
-        
+        <p>
+          Plan your trips effortlessly with our curated travel itineraries
+          tailored for different types of adventures. Whether you're planning a
+          family vacation, a solo adventure, or a romantic getaway, we’ve got
+          you covered!
+        </p>
+
         <div class="itinerary-list">
-            <div class="itinerary">
-                <h3>Family Vacation</h3>
-                <p>Explore the best family-friendly destinations with day-by-day guides that include must-see attractions and activities for all ages.</p>
-                <button>View Itinerary</button>
-            </div>
-            <div class="itinerary">
-                <h3>Solo Adventure</h3>
-                <p>Embark on a solo journey with our handpicked itineraries, offering exciting experiences and peaceful retreats just for you.</p>
-                <button>View Itinerary</button>
-            </div>
-            <div class="itinerary">
-                <h3>Romantic Getaway</h3>
-                <p>Plan the perfect romantic escape with itineraries that include serene locations, romantic dinners, and memorable experiences.</p>
-                <button>View Itinerary</button>
-            </div>
+          <div class="itinerary">
+            <h3>Family Vacation</h3>
+            <p>
+              Explore the best family-friendly destinations with day-by-day
+              guides that include must-see attractions and activities for all
+              ages.
+            </p>
+            <button>View Itinerary</button>
+          </div>
+          <div class="itinerary">
+            <h3>Solo Adventure</h3>
+            <p>
+              Embark on a solo journey with our handpicked itineraries, offering
+              exciting experiences and peaceful retreats just for you.
+            </p>
+            <button>View Itinerary</button>
+          </div>
+          <div class="itinerary">
+            <h3>Romantic Getaway</h3>
+            <p>
+              Plan the perfect romantic escape with itineraries that include
+              serene locations, romantic dinners, and memorable experiences.
+            </p>
+            <button>View Itinerary</button>
+          </div>
         </div>
-    </section>
-    <!-- Cab or Auto Booking -->
-<section id="cab-booking" class="cab-booking-section">
-  <h2 style="font-size: 3em; font-weight: normal; margin-left: 40px;">Book a Cab or Auto</h2>
-  <p style="margin-left:40px; font-size:1.5em;">Book a cab or auto with ease</p>
-
-  <form action="/book-cab" method="POST" style="margin-left: 40px;">
-    <label style="font-size: 1.5em;"
-    for="pickup-location">Pickup Location:</label>
-    <input style="height: 29px;width:200px;"
-    type="text" id="pickup-location" name="pickup-location" placeholder="Enter pickup location" required><br><br>
-
-    <label style="font-size: 1.5em;"
-     for="drop-location">Drop Location:</label>
-    <input style="height: 29px;width:200px;"
-    type="text" id="drop-location" name="drop-location" placeholder="Enter drop location" required><br><br>
-
-    <label style="font-size: 1.5em;"
-    for="vehicle-type">Vehicle Type:</label>
-    <select id="vehicle-type" name="vehicle-type" required>
-      <option value="cab">Cab</option>
-      <option value="auto">Auto</option>
-    </select><br><br>
-
-    <label style="font-size: 1.5em;"
-     for="travel-date">Travel Date:</label>
-    <input style="height: 29px;width:200px;"
-    type="date" id="travel-date" name="travel-date" required><br><br>
-
-    <label style="font-size: 1.5em;"
-    for="travel-time">Travel Time:</label>
-    <input style="height: 29px;width:200px;"
-    type="time" id="travel-time" name="travel-time" required><br><br>
-
-    <input style="background-color:#007bff; color:white;border:none;border-radius: 5px;height:30px;cursor: pointer;"
-    type="submit" value="Book Now">
-  </form>
-</section>
-
-  
-    <!-- recommendations -->
-    <section id="recommendations" class="recommendations-section">
-      <h2>Personalized Recommendations</h2>
-      <p>We’ve picked these destinations, hotels, and activities just for you, based on your preferences.</p>
-      
-      <div class="recommendation-list">
+      </section>
+      <!-- Cab or Auto Booking -->
+      <section id="cab-booking" class="cab-booking-section">
+        <h2 style="font-size: 3em; font-weight: normal; margin-left: 40px">
+          Book a Cab or Auto
+        </h2>
+        <p style="margin-left: 40px; font-size: 1.5em">
+          Book a cab or auto with ease
+        </p>
+
+        <form action="/book-cab" method="POST" style="margin-left: 40px">
+          <label style="font-size: 1.5em" for="pickup-location"
+            >Pickup Location:</label
+          >
+          <input
+            style="height: 29px; width: 200px"
+            type="text"
+            id="pickup-location"
+            name="pickup-location"
+            placeholder="Enter pickup location"
+            required /><br /><br />
+
+          <label style="font-size: 1.5em" for="drop-location"
+            >Drop Location:</label
+          >
+          <input
+            style="height: 29px; width: 200px"
+            type="text"
+            id="drop-location"
+            name="drop-location"
+            placeholder="Enter drop location"
+            required /><br /><br />
+
+          <label style="font-size: 1.5em" for="vehicle-type"
+            >Vehicle Type:</label
+          >
+          <select id="vehicle-type" name="vehicle-type" required>
+            <option value="cab">Cab</option>
+            <option value="auto">Auto</option></select
+          ><br /><br />
+
+          <label style="font-size: 1.5em" for="travel-date">Travel Date:</label>
+          <input
+            style="height: 29px; width: 200px"
+            type="date"
+            id="travel-date"
+            name="travel-date"
+            required /><br /><br />
+
+          <label style="font-size: 1.5em" for="travel-time">Travel Time:</label>
+          <input
+            style="height: 29px; width: 200px"
+            type="time"
+            id="travel-time"
+            name="travel-time"
+            required /><br /><br />
+
+          <input
+            style="
+              background-color: #007bff;
+              color: white;
+              border: none;
+              border-radius: 5px;
+              height: 30px;
+              cursor: pointer;
+            "
+            type="submit"
+            value="Book Now" />
+        </form>
+      </section>
+
+      <!-- recommendations -->
+      <section id="recommendations" class="recommendations-section">
+        <h2>Personalized Recommendations</h2>
+        <p>
+          We’ve picked these destinations, hotels, and activities just for you,
+          based on your preferences.
+        </p>
+
+        <div class="recommendation-list">
           <!-- Example Recommendation -->
           <div class="recommendation-item">
-              <h3>Beach Resort in Goa</h3>
-              <p>Based on your love for sunny destinations, we recommend this beachfront resort in Goa for a perfect getaway.</p>
-              <button onclick="window.location.href='#book-now'">Explore More</button>
+            <h3>Beach Resort in Goa</h3>
+            <p>
+              Based on your love for sunny destinations, we recommend this
+              beachfront resort in Goa for a perfect getaway.
+            </p>
+            <button onclick="window.location.href='#book-now'">
+              Explore More
+            </button>
           </div>
-  
+
           <div class="recommendation-item">
-              <h3>Cultural Tour in Rajasthan</h3>
-              <p>Explore the rich cultural heritage of Rajasthan. This tour is highly recommended based on your interest in historical places.</p>
-              <button onclick="window.location.href='#book-now'">Explore More</button>
+            <h3>Cultural Tour in Rajasthan</h3>
+            <p>
+              Explore the rich cultural heritage of Rajasthan. This tour is
+              highly recommended based on your interest in historical places.
+            </p>
+            <button onclick="window.location.href='#book-now'">
+              Explore More
+            </button>
           </div>
-  
+
           <div class="recommendation-item">
-              <h3>Adventure Trek in Himachal</h3>
-              <p>For the adventure lover in you, we recommend a thrilling trek in the mountains of Himachal Pradesh.</p>
-              <button onclick="window.location.href='#book-now'">Explore More</button>
+            <h3>Adventure Trek in Himachal</h3>
+            <p>
+              For the adventure lover in you, we recommend a thrilling trek in
+              the mountains of Himachal Pradesh.
+            </p>
+            <button onclick="window.location.href='#book-now'">
+              Explore More
+            </button>
           </div>
-      </div>
-    </section>
-  
-    
-  
+        </div>
+      </section>
+
       <!-- Map Section -->
-    <section class="map-section">
-      <h2>Explore Popular Destinations</h2>
-      <p>Click on the markers to learn more about each destination.</p>
-      <div id="map"></div>
-    </section>
-     <!-- Google Maps JavaScript API -->
-    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCYcdQdpiSF7BjZl6JF_pyucrblrUCZMxc&callback=initMap" async defer></script>
-    
+      <section class="map-section">
+        <h2>Explore Popular Destinations</h2>
+        <p>Click on the markers to learn more about each destination.</p>
+        <div id="map"></div>
+      </section>
+      <!-- Google Maps JavaScript API -->
+      <script
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCYcdQdpiSF7BjZl6JF_pyucrblrUCZMxc&callback=initMap"
+        async
+        defer></script>
 
       <section id="contact">
         <div class="form-wrapper">
@@ -310,120 +411,142 @@ <h2>Contact US</h2>
     <!-- ratings by user -->
     <section id="reviews" class="reviews-section">
       <h2>User Reviews and Ratings</h2>
-      <p>Read what others have to say about their experiences with various destinations, hotels, flights, and activities. Share your own reviews and help fellow travelers make informed decisions.</p>
-      
+      <p>
+        Read what others have to say about their experiences with various
+        destinations, hotels, flights, and activities. Share your own reviews
+        and help fellow travelers make informed decisions.
+      </p>
+
       <div class="review-form">
-          <h3>Leave a Review</h3>
-          <form>
-              <label for="name">Your Name:</label>
-              <input type="text" id="name" name="name" required>
-  
-              <label for="destination">Destination/Service:</label>
-              <input type="text" id="destination" name="destination" required>
-  
-              <label for="rating">Rating:</label>
-              <select id="rating" name="rating">
-                  <option value="5">⭐⭐⭐⭐⭐</option>
-                  <option value="4">⭐⭐⭐⭐</option>
-                  <option value="3">⭐⭐⭐</option>
-                  <option value="2">⭐⭐</option>
-                  <option value="1">⭐</option>
-              </select>
-  
-              <label for="review">Your Review:</label>
-              <textarea id="review" name="review" rows="4" required></textarea>
-              <label for="complaint">Complaint (if any):</label>
-      <textarea id="complaint" name="complaint" rows="3" placeholder="Describe any issue with the staff here. Please explain every single detail ex:location,name of the person"></textarea>
-      
-      
-  
-              <button type="submit">Submit Review</button>
-          </form>
+        <h3>Leave a Review</h3>
+        <form>
+          <label for="name">Your Name:</label>
+          <input type="text" id="name" name="name" required />
+
+          <label for="destination">Destination/Service:</label>
+          <input type="text" id="destination" name="destination" required />
+
+          <label for="rating">Rating:</label>
+          <select id="rating" name="rating">
+            <option value="5">⭐⭐⭐⭐⭐</option>
+            <option value="4">⭐⭐⭐⭐</option>
+            <option value="3">⭐⭐⭐</option>
+            <option value="2">⭐⭐</option>
+            <option value="1">⭐</option>
+          </select>
+
+          <label for="review">Your Review:</label>
+          <textarea id="review" name="review" rows="4" required></textarea>
+          <label for="complaint">Complaint (if any):</label>
+          <textarea
+            id="complaint"
+            name="complaint"
+            rows="3"
+            placeholder="Describe any issue with the staff here. Please explain every single detail ex:location,name of the person"></textarea>
+
+          <button type="submit">Submit Review</button>
+        </form>
       </div>
-      
+
       <div class="reviews-list">
-          <h3>What Others Are Saying</h3>
-          <!-- Example Review -->
-          <div class="review">
-              <h4>John Doe - Paris</h4>
-              <p>⭐⭐⭐⭐⭐</p>
-              <p>Amazing experience in Paris! The Eiffel Tower was breathtaking, and the food was incredible. Highly recommend!</p>
-          </div>
-          <div class="review">
-            <h4>Rahul Mehta - Dubai</h4>
-            <p>⭐⭐⭐⭐</p>
-            <p>Dubai is a must-visit destination! The Burj Khalifa and desert safari were highlights of the trip. Just a bit expensive.</p>
+        <h3>What Others Are Saying</h3>
+        <!-- Example Review -->
+        <div class="review">
+          <h4>John Doe - Paris</h4>
+          <p>⭐⭐⭐⭐⭐</p>
+          <p>
+            Amazing experience in Paris! The Eiffel Tower was breathtaking, and
+            the food was incredible. Highly recommend!
+          </p>
+        </div>
+        <div class="review">
+          <h4>Rahul Mehta - Dubai</h4>
+          <p>⭐⭐⭐⭐</p>
+          <p>
+            Dubai is a must-visit destination! The Burj Khalifa and desert
+            safari were highlights of the trip. Just a bit expensive.
+          </p>
         </div>
 
         <div class="review">
-            <h4>Emily Johnson - London</h4>
-            <p>⭐⭐⭐⭐⭐</p>
-            <p>London's history and architecture are stunning. The Tower of London and Buckingham Palace were fascinating to explore.</p>
+          <h4>Emily Johnson - London</h4>
+          <p>⭐⭐⭐⭐⭐</p>
+          <p>
+            London's history and architecture are stunning. The Tower of London
+            and Buckingham Palace were fascinating to explore.
+          </p>
         </div>
 
         <div class="review">
-            <h4>Michael Lee - Goa</h4>
-            <p>⭐⭐⭐⭐</p>
-            <p>Goa's beaches are beautiful, and the nightlife is vibrant. Great place for a fun and laid-back vacation.</p>
+          <h4>Michael Lee - Goa</h4>
+          <p>⭐⭐⭐⭐</p>
+          <p>
+            Goa's beaches are beautiful, and the nightlife is vibrant. Great
+            place for a fun and laid-back vacation.
+          </p>
         </div>
 
         <div class="review">
-            <h4>Aditi Patel - New York</h4>
-            <p>⭐⭐⭐⭐⭐</p>
-            <p>New York City is amazing! Central Park, Times Square, and the Statue of Liberty were all incredible. Highly recommend!</p>
+          <h4>Aditi Patel - New York</h4>
+          <p>⭐⭐⭐⭐⭐</p>
+          <p>
+            New York City is amazing! Central Park, Times Square, and the Statue
+            of Liberty were all incredible. Highly recommend!
+          </p>
         </div>
-          
       </div>
     </section>
-  
-    
+
     <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"></script>
     <footer>
       <div class="footer-wrapper">
         <h5>BuddyTrail &copy;</h5>
-        <ul>
-          <li>
-            <a href="#" class="twitter" id="social-icons"><img src="icons/twitter.svg" /></a>
-          </li>
-          <li>
-            <a href="#" class="instagram " id="social-icons"><img src="icons/instagram.svg" /></a>
-          </li>
-          <li>
-            <a href="#" class="youtube " id="social-icons"><img src="icons/youtube.svg" /></a>
-          </li>
-        </ul>
+<div class="social-icons">
+  <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+  <a href="#"><i class="fa-brands fa-youtube"></i></a>
+  <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+  <a href="#"><i class="fa-brands fa-instagram"></i></a>
+</div>
+
       </div>
     </footer>
     <!-- Deals and Offers Popup -->
-  <div id="dealsPopup" class="popup">
-    <div class="popup-content">
-      <span class="close-btn" id="closePopup">&times;</span>
-      <h2>Exclusive Deals and Offers!</h2>
-      <p>Get the best deals on flights, hotels, and travel packages. Don't miss out on our limited-time discounts. Plan your trip now!</p>
-      <button onclick="window.location.href='#deals'">Check Out Deals</button>
+    <div id="dealsPopup" class="popup">
+      <div class="popup-content">
+        <span class="close-btn" id="closePopup">&times;</span>
+        <h2>Exclusive Deals and Offers!</h2>
+        <p>
+          Get the best deals on flights, hotels, and travel packages. Don't miss
+          out on our limited-time discounts. Plan your trip now!
+        </p>
+        <button
+          onclick="document.getElementById('dealsPopup').style.display = 'none'; window.location.href='#deals'">
+          Check Out Deals
+        </button>
+      </div>
     </div>
-  </div>
-  <script>
-    // script.js
-window.onscroll = function() {
-    toggleScrollTopButton();
-};
-
-const scrollTopBtn = document.getElementById("scrollTopBtn");
-
-function toggleScrollTopButton() {
-    if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
-        scrollTopBtn.style.display = "block"; // Show button after scrolling down
-    } else {
-        scrollTopBtn.style.display = "none"; // Hide button when at the top
-    }
-}
+    <script>
+      // script.js
+      window.onscroll = function () {
+        toggleScrollTopButton();
+      };
 
-scrollTopBtn.onclick = function() {
-    window.scrollTo({ top: 0, behavior: 'smooth' }); // Smooth scroll to top
-};
+      const scrollTopBtn = document.getElementById("scrollTopBtn");
 
-  </script>
+      function toggleScrollTopButton() {
+        if (
+          document.body.scrollTop > 100 ||
+          document.documentElement.scrollTop > 100
+        ) {
+          scrollTopBtn.style.display = "block"; // Show button after scrolling down
+        } else {
+          scrollTopBtn.style.display = "none"; // Hide button when at the top
+        }
+      }
 
+      scrollTopBtn.onclick = function () {
+        window.scrollTo({ top: 0, behavior: "smooth" }); // Smooth scroll to top
+      };
+    </script>
   </body>
 </html>
diff --git a/style.css b/style.css
index 762c9b25..4e3428be 100644
--- a/style.css
+++ b/style.css
@@ -363,7 +363,7 @@
   }
   .footer-wrapper {
     display: flex;
-    padding: 2rem;
+    padding: 5rem;
     width: 90%;
     margin: auto;
     align-items: center;
@@ -505,18 +505,22 @@ body.dark-mode {
 .itineraries-section {
   padding: 50px;
   background-color: #f4f4f4;
+  text-align: center;
 }
 
 .itineraries-section h2 {
-  font-size: 2em;
+  font-size: 2.5em;
   margin-bottom: 20px;
+  font-weight: bold;
 }
 
 .itinerary-list {
   display: flex;
   flex-wrap: wrap;
+  justify-content: space-around;
   gap: 20px;
   color: #003366;
+  margin-top: 20px;
 }
 
 .itinerary {
@@ -530,7 +534,7 @@ body.dark-mode {
 }
 
 .itinerary h3 {
-  font-size: 1.5em;
+  font-size: 2em;
   margin-bottom: 10px;
   color: #090f15;
 }
@@ -550,11 +554,25 @@ body.dark-mode {
   border-radius: 5px;
   cursor: pointer;
   transition: background-color 0.3s;
+  margin-bottom: 15px;
 }
 
 .itinerary button:hover {
   background-color: #0056b3;
 }
+@media(max-width: 768px){
+  .itinerary{
+    flex: 1 1 calc(45% - 20px);
+    max-width: calc(45% - 20px);
+  }
+}
+
+@media (max-width: 480px){
+  .itinerary{
+    flex: 1 1 100%;
+    max-width: 100%;
+  }
+}
 #itineraries {
   background-color: #f9f9f9; /* Light background */
   border: 1px solid #007bff; /* Blue border */
@@ -684,7 +702,7 @@ body.dark-mode {
   left: 0;
   top: 0;
   width: 100%;
-  overflow: auto;
+  overflow: hidden;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   justify-content: center;
@@ -694,7 +712,7 @@ body.dark-mode {
 /* Popup Content */
 .popup-content {
   background-color: #fff;
-  margin: 15%auto;
+  margin: 15% auto;
   padding: 20px;
   border: 1px solid #888;
   border-radius: 10px;
@@ -709,14 +727,23 @@ body.dark-mode {
   position: absolute;
   top: 10px;
   right: 10px;
-  font-size: 28px;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  /* background-color: #ee2828; */
+  border-radius: 50%;
+  font-size: 4rem;
   cursor: pointer;
   color: #aaa;
+  transition: all 0.4s ease-in;
 }
 
 .close-btn:hover,
 .close-btn:focus {
-  color: black;
+  background-color: #ea1010;
+  color: #fff;
   text-decoration: none;
 }
 
@@ -902,7 +929,6 @@ body.dark-mode {
 }
 
 
-
 .navhover {
   text-decoration: none;
   color: black;
@@ -918,28 +944,26 @@ body.dark-mode {
   color: white; /* Changes text color on hover */
 }
 
-#social-icons  {
-  display: inline-block;
-  font-size: 24px; /* Adjust the size as needed */
-  padding: 7px 9px 7px; /* Adds padding around the text */
-  border-radius: 20px; /* Creates rounded corners */
-  transition: transform 0.3s ease, color 0.3s ease;
-}
-
-.twitter:hover
-{
-  background-color: #1e97e3; /* Twitter's official blue color */
-  transform: scale(1.1); 
-}
-
-.instagram:hover {
-  background-color: #E1306C; /* Instagram's official pinkish color */
-  transform: scale(1.1); /* Slightly enlarges the icon */
+.social-icons a {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 4rem;
+  height: 4rem;
+  background-color: transparent;
+  border: 0.2rem solid #b74b4b;
+  font-size: 2rem;
+  border-radius: 50%;
+  margin: 3rem 1.5rem 3rem 0;
+  transition: 0.3s ease;
+  color: #b74b4b;
 }
 
-.youtube:hover {
-  background-color: #FF0000; /* YouTube's official red color */
-  transform: scale(1.1); /* Slightly enlarges the icon */
+.social-icons a:hover {
+  color: black;
+  transform: scale(1.3) translateY(-5px);
+  background-color: #b74b4b;
+  box-shadow: 0 0 25px #b74b4b;
 }
   
   /* Extra small devices (phones, 600px and down) */