From d39af5b13712893fa32caa4adfc0bff57b858d80 Mon Sep 17 00:00:00 2001
From: SagnikGos <sagnik.gos06@gmail.com>
Date: Thu, 10 Oct 2024 23:16:42 +0530
Subject: [PATCH 1/3] changes1

---
 index.html | 62 +++++++++++++++++++++++++-------------------------
 style.css  | 66 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 96 insertions(+), 32 deletions(-)

diff --git a/index.html b/index.html
index 3c162f03..f24f7b93 100644
--- a/index.html
+++ b/index.html
@@ -337,8 +337,8 @@ <h3>
           <div class="card-icon">
             <img src="/icons/route-solid.svg" />
           </div>
-          <h4>Travel</h4>
-          <p>
+          <h4 class="card-text-heading">Travel</h4>
+          <p class="card-text">
             Discover budget-friendly getaways for families and friends! From
             serene mountains to sunny beaches, find your next adventure
             without breaking the bank. Start exploring now!
@@ -348,8 +348,8 @@ <h4>Travel</h4>
           <div class="card-icon">
             <img src="/icons/bed-solid.svg" />
           </div>
-          <h4>Hotel</h4>
-          <p>
+          <h4 class="card-text-heading">Hotel</h4>
+          <p class="card-text">
             We've handpicked top-rated options that offer exceptional value.
             Book your perfect stay today and enjoy premium accommodations
             without the premium price tag!
@@ -359,8 +359,8 @@ <h4>Hotel</h4>
           <div class="card-icon">
             <img src="/icons/plane-departure-solid.svg" />
           </div>
-          <h4>Fly</h4>
-          <p>
+          <h4 class="card-text-heading">Fly</h4>
+          <p class="card-text">
             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!
@@ -370,8 +370,8 @@ <h4>Fly</h4>
     </section>
     <!-- deals -->
     <section id="deals" class="deals-section">
-      <h2>Exclusive Deals and Offers</h2>
-      <p>
+      <h2 class="deals-text-heading">Exclusive Deals and Offers</h2>
+      <p class="deals-text">
         Explore our best deals on flights, hotels, and travel packages. Save
         big on your next adventure!
       </p>
@@ -379,9 +379,9 @@ <h2>Exclusive Deals and Offers</h2>
       <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>
+          <h3 class="deals-text-heading">Flight to Dubai</h3>
+          <p class="deals-text">Save 20% on round-trip flights to Dubai. Limited time offer!</p>
+          <p class="deals-text">
             <strong>Price:</strong> ₹20,000
             <span class="discount">₹25,000 </span>
           </p>
@@ -390,12 +390,12 @@ <h3>Flight to Dubai</h3>
 
         <!-- Deal 2: Hotel Offer -->
         <div class="deal-item">
-          <h3>Luxury Stay in Goa</h3>
-          <p>
+          <h3 class="deals-text-heading">Luxury Stay in Goa</h3>
+          <p class="deals-text">
             Get 30% off on a 5-star hotel stay in Goa. Enjoy the best of
             luxury at an affordable price!
           </p>
-          <p>
+          <p class="deals-text">
             <strong>Price:</strong> ₹10,500
             <span class="discount"> ₹15,000</span> per night
           </p>
@@ -404,12 +404,12 @@ <h3>Luxury Stay in Goa</h3>
 
         <!-- Deal 3: Travel Package -->
         <div class="deal-item">
-          <h3>Kerala Backwaters Package</h3>
-          <p>
+          <h3 class="deals-text-heading">Kerala Backwaters Package</h3>
+          <p class="deals-text">
             Experience the serene beauty of Kerala's backwaters with a 4-day,
             3-night package. All-inclusive deal!
           </p>
-          <p>
+          <p class="deals-text">
             <strong>Price:</strong> ₹40,000
             <span class="discount">₹50,000</span>
           </p>
@@ -418,12 +418,12 @@ <h3>Kerala Backwaters Package</h3>
 
         <!-- Deal 4: International Trip -->
         <div class="deal-item">
-          <h3>Paris Romantic Getaway</h3>
-          <p>
+          <h3 class="deals-text-heading">Paris Romantic Getaway</h3>
+          <p class="deals-text">
             Enjoy a romantic trip to Paris with your loved one. Special
             package for couples!
           </p>
-          <p>
+          <p class="deals-text">
             <strong>Price:</strong> ₹1,20,000
             <span class="discount"> ₹1,50,000</span> per couple
           </p>
@@ -432,12 +432,12 @@ <h3>Paris Romantic Getaway</h3>
 
         <!-- Deal 5: Adventure Trip -->
         <div class="deal-item">
-          <h3>Adventure in Bali</h3>
-          <p>
+          <h3 class="deals-text-heading">Adventure in Bali</h3>
+          <p class="deals-text">
             Book an adventure trip to Bali with activities like snorkeling,
             trekking, and more. Discount available for groups!
           </p>
-          <p>
+          <p class="deals-text">
             <strong>Price:</strong> ₹48,000
             <span class="discount">₹60,000</span> per person
           </p>
@@ -448,8 +448,8 @@ <h3>Adventure in Bali</h3>
 
     <!-- travel itineraries -->
     <section id="itineraries" class="itineraries-section">
-      <h2>Travel Itineraries</h2>
-      <p>
+      <h2 class="card-text-heading">Travel Itineraries</h2>
+      <p class="deals-text">
         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
@@ -458,8 +458,8 @@ <h2>Travel Itineraries</h2>
 
       <div class="itinerary-list">
         <div class="itinerary">
-          <h3>Family Vacation</h3>
-          <p>
+          <h3 class="card-text-heading">Family Vacation</h3>
+          <p class="deals-text">
             Explore the best family-friendly destinations with day-by-day
             guides that include must-see attractions and activities for all
             ages.
@@ -468,16 +468,16 @@ <h3>Family Vacation</h3>
         </div>
 
         <div class="itinerary">
-          <h3>Solo Adventure</h3>
-          <p>
+          <h3 class="card-text-heading">Solo Adventure</h3>
+          <p class="deals-text">
             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>
+          <h3 class="card-text-heading">Romantic Getaway</h3>
+          <p class="deals-text">
             Plan the perfect romantic escape with itineraries that include
             serene locations, romantic dinners, and memorable experiences.
           </p>
diff --git a/style.css b/style.css
index 8a08cc8e..b0499207 100644
--- a/style.css
+++ b/style.css
@@ -364,6 +364,15 @@ nav {
   align-items: center;
   flex-wrap: wrap;
 }
+.dark-mode .cards{
+  width: 90%;
+  margin: auto;
+  display: flex;
+  min-height: 70vh;
+  align-items: center;
+  flex-wrap: wrap;
+  background-color: #121212;
+}
 
 .card {
   text-align: center;
@@ -372,7 +381,21 @@ nav {
   margin: 2rem 5rem;
   box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1), 0px 20px 20px rgba(0, 0, 0, 0.1);
   transition: all 0.2s;
+  border-radius: 10px;
+}
+.dark-mode .card{
+  text-align: center;
+  flex: 1 1 25rem;
+  min-height: 45vh;
+  margin: 2rem 5rem;
+  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1), 0px 20px 20px rgba(0, 0, 0, 0.1);
+  transition: all 0.2s;
+  background-color: #232222;
 }
+/* .dark-mode .card h4 .card p{
+  background-color: rgb(152, 147, 147);
+
+} */
 
 .card:hover {
   scale: 1.02;
@@ -388,11 +411,18 @@ nav {
 .card p {
   padding: 1rem;
   line-height: 2;
+  
+}
+
+.dark-mode .card-text{
+  color: rgb(180, 174, 174);
+
 }
 
 .card-icon {
   background: #2a3c53;
   padding: 2rem;
+  border-radius: 10px;
 }
 
 /**** CONTACT PAGE ****/
@@ -464,6 +494,27 @@ nav {
   background-color: rgba(255, 255, 255, 0.8); /* Translucent white background */
 }
 
+/* cab-booking-section in dark-mode */
+.dark-mode .booking-container {
+  width: 100%;
+  max-width: 500px; 
+  text-align: center; 
+  padding: 20px; 
+  border: 2px solid #007bff; 
+  border-radius: 10px;
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); 
+  background-color: #272626; 
+}
+
+.dark-mode .cab-booking-section  {
+  display: flex;
+  justify-content: center; /* Center the content horizontally */
+  align-items: center; /* Center the content vertically */
+  min-height: 100vh; /* Minimum height to fill the viewport */
+  padding: 20px; /* Padding around the section */
+  background-color: rgba(99, 98, 98, 0.738); /* Translucent background for section */
+}
+
 h2 {
   font-size: 2.5em;
   font-weight: 700;
@@ -1313,6 +1364,8 @@ justify-content: center;
   background-color: #f8f9fa;
 }
 
+
+
 .deals-section h2 {
   font-size: 2.2em;
   margin-bottom: 20px;
@@ -1346,6 +1399,11 @@ justify-content: center;
   transition: transform 0.4s cubic-bezier(0.30, 0.1, 0.25, 1); /* for smooth hover transform animation */
 }
 
+.dark-mode .deal-item{
+  background-color: #232222;
+  
+}
+
 /* Added hover effect */
 .deal-item:hover {
   transform: translateY(-10px); 
@@ -1393,9 +1451,15 @@ justify-content: center;
 }
 
 .dark-mode #deals {
-  background-color: #1e1e1e; /* Dark background */
+  background-color: #121212; /* Dark background */
   border: 1px solid #0056b3; /* Darker blue border */
 }
+.dark-mode .deals-text{
+  color: rgb(180, 174, 174);
+}
+.dark-mode .deals-text-heading{
+  color: white;
+}
 
 /* Responsive Styles */
 @media (max-width: 768px) {

From c3d1122c4b5339e3c72c1d438a44613c15b0cc13 Mon Sep 17 00:00:00 2001
From: SagnikGos <sagnik.gos06@gmail.com>
Date: Fri, 11 Oct 2024 08:30:24 +0530
Subject: [PATCH 2/3] changes2

---
 index.html |  14 +++----
 style.css  | 117 ++++++++++++++++++++++++++++++++++++++---------------
 2 files changed, 91 insertions(+), 40 deletions(-)

diff --git a/index.html b/index.html
index f24f7b93..15723011 100644
--- a/index.html
+++ b/index.html
@@ -452,14 +452,14 @@ <h2 class="card-text-heading">Travel Itineraries</h2>
       <p class="deals-text">
         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
+        family vacation, a solo adventure, or a romantic getaway, we've got
         you covered!
       </p>
 
       <div class="itinerary-list">
         <div class="itinerary">
-          <h3 class="card-text-heading">Family Vacation</h3>
-          <p class="deals-text">
+          <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.
@@ -468,16 +468,16 @@ <h3 class="card-text-heading">Family Vacation</h3>
         </div>
 
         <div class="itinerary">
-          <h3 class="card-text-heading">Solo Adventure</h3>
-          <p class="deals-text">
+          <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 class="card-text-heading">Romantic Getaway</h3>
-          <p class="deals-text">
+          <h3 >Romantic Getaway</h3>
+          <p >
             Plan the perfect romantic escape with itineraries that include
             serene locations, romantic dinners, and memorable experiences.
           </p>
diff --git a/style.css b/style.css
index b0499207..a0cf5f2e 100644
--- a/style.css
+++ b/style.css
@@ -339,7 +339,9 @@ nav {
 }
 
 /**** BENEFITS SECTION ****/
-
+#benefits{
+  border: 1px solid #007bff;
+}
 .benefits-head {
   background: #343c44;
   min-height: 30vh;
@@ -363,6 +365,7 @@ nav {
   min-height: 70vh;
   align-items: center;
   flex-wrap: wrap;
+  
 }
 .dark-mode .cards{
   width: 90%;
@@ -392,10 +395,6 @@ nav {
   transition: all 0.2s;
   background-color: #232222;
 }
-/* .dark-mode .card h4 .card p{
-  background-color: rgb(152, 147, 147);
-
-} */
 
 .card:hover {
   scale: 1.02;
@@ -481,6 +480,7 @@ nav {
   min-height: 100vh; /* Minimum height to fill the viewport */
   padding: 20px; /* Padding around the section */
   background-color: rgba(255, 255, 255, 0.738); /* Translucent background for section */
+  border: 1px solid #0056b3;
 }
 
 .booking-container {
@@ -503,7 +503,7 @@ nav {
   border: 2px solid #007bff; 
   border-radius: 10px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); 
-  background-color: #272626; 
+  background-color: #232222; 
 }
 
 .dark-mode .cab-booking-section  {
@@ -512,7 +512,7 @@ nav {
   align-items: center; /* Center the content vertically */
   min-height: 100vh; /* Minimum height to fill the viewport */
   padding: 20px; /* Padding around the section */
-  background-color: rgba(99, 98, 98, 0.738); /* Translucent background for section */
+  background-color: #121212; /* Translucent background for section */
 }
 
 h2 {
@@ -538,6 +538,16 @@ label {
   font-size: 1.2em;
   color: #333; /* Label color */
 }
+.dark-mode label{
+  color: rgb(132, 130, 130);
+}
+.dark-mode input{
+  background-color: rgb(181, 179, 179);
+  color: #535252;
+}
+.dark-mode option{
+  background-color: rgb(181, 179, 179);
+}
 
 input,
 select {
@@ -738,17 +748,6 @@ body {
   transition: background-color 0.3s ease, color 0.3s ease;
 }
 
-/* Dark mode styles
-body.dark-mode {
-    background-color: #121212;
-    color: #ffffff;
-}
-
-/* Light mode styles */
-/* body.light-mode {
-    background-color: #ffffff;
-    color: #000000;
-} */
 .light-mode {
   background-color: #ffffff; /* Light mode background */
   color: black; /* Light mode text color */
@@ -794,6 +793,10 @@ body.dark-mode {
   padding: 40px;
   background-color: inherit;
   text-align: center;
+  border: 1px solid #0056b3;
+}
+.dark-mode .map-section{
+  background-color: #121212;
 }
 
 .map-section h2 {
@@ -824,23 +827,41 @@ body.dark-mode {
 }
 
 .itinerary-list {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-around;
-  gap: 20px;
-  color: #003366;
-  margin-top: 20px;
+  max-width: 90%; /* Increased max-width for better responsiveness */
+  justify-content: center;
+  padding: 40px 0;
+  margin: 0 auto;
+  display: grid;  
+  grid-template-columns: repeat(3, 1fr); /* Three equal columns */
+  grid-template-rows: repeat(2, auto); /* Two rows with automatic height */
+  gap: 30px; /* Space between grid items */
 }
 
+
+
 .itinerary {
-  background: white;
-  padding: 20px;
-  border-radius: 8px;
+  background-color: #fff;
+  padding: 25px 30px; /* Added padding left and right */
+  border-radius: 10px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-  flex: 1 1 calc(33% - 40px);
-  max-width: calc(33% - 40px);
   text-align: center;
+  color: #090f15;
+  transition: transform 0.4s cubic-bezier(0.30, 0.1, 0.25, 1);
+}
+.itinerary:hover{
+  transform: translateY(-10px); 
+  cursor: pointer;
 }
+.dark-mode.itinerary {
+  background-color: #232222;
+  padding: 25px 30px; /* Added padding left and right */
+  border-radius: 10px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  text-align: center;
+  color: #090f15;
+  transition: transform 0.4s cubic-bezier(0.30, 0.1, 0.25, 1);
+}
+
 
 .itinerary h3 {
   font-size: 2em;
@@ -882,21 +903,30 @@ body.dark-mode {
     max-width: 100%;
   }
 }
-#itineraries {
+.light-mode #itineraries {
   background-color: #f9f9f9; /* Light background */
   border: 1px solid #007bff; /* Blue border */
 }
 
 .dark-mode #itineraries {
-  background-color: #1e1e1e; /* Dark background */
+  background-color: #121212; /* Dark background */
   border: 1px solid #0056b3; /* Darker blue border */
 }
+.dark-mode .itinerary-list{
+  background-color: #121212;
+}
+
+.dark-mode.itinerary{
+  background-color: #232222;
+  
+}
 
 
 /* user rating */
 .reviews-section {
   padding: 50px;
   background-color: #F0F8FF;
+  border: 1px solid #007bff;
  
 }
 .revieww{
@@ -1167,7 +1197,7 @@ justify-content: center;
 
 /* Dark Mode Styles for Review Form */
 .dark-mode .review-form {
-  background-color: #121212; /* Dark background for the review form */
+  background-color: #232222; /* Dark background for the review form */
   color: white; /* White text color */
   padding: 20px; /* Padding for inner spacing */
   border-radius: 5px; /* Rounded corners */
@@ -1189,7 +1219,7 @@ justify-content: center;
 {
   width: 100%; /* Full width */
   padding: 10px; /* Padding inside fields */
-  background-color: #1e1e1e; /* Dark background for inputs */
+  background-color: rgb(132, 130, 130); /* Dark background for inputs */
   color: white; /* White text */
   border: 1px solid #333; /* Dark border */
   border-radius: 4px; /* Slightly rounded corners */
@@ -1490,6 +1520,10 @@ justify-content: center;
 .recommendations-section {
   padding: 50px;
   background-color: #f0f8ff; /* Light blue background */
+  border: 1px solid #0056b3;
+}
+.dark-mode .recommendations-section{
+  background-color: #121212;
 }
 
 .recommendations-section h2 {
@@ -1505,6 +1539,9 @@ justify-content: center;
   margin-bottom: 30px;
   color: black; /* Darker gray for text */
 }
+.dark-mode .recommendations-section p{
+  color: rgb(180, 174, 174);
+}
 
 .recommendation-list {
   display: flex;
@@ -1522,6 +1559,9 @@ justify-content: center;
   text-align: center;
   /* border: 2px solid #0056b3; Blue border */
 }
+.dark-mode .recommendation-item{
+  background-color: #232222;
+}
 
 .recommendation-item h3 {
   font-size: 2em;
@@ -1534,6 +1574,9 @@ justify-content: center;
   margin-bottom: 20px;
   color: black; /* Darker gray for text */
 }
+.dark-mode .recommendation-item p{
+  color: rgb(180, 174, 174);
+}
 
 .recommendation-item button {
   background-color: #0056b3; /* Dark blue for buttons */
@@ -1674,10 +1717,15 @@ justify-content: center;
 }
 
 /* Contact Container */
+#contact{
+  border: 1px solid #007bff;
+}
+
 .contact-container {
   display: flex;
   justify-content: center;
   align-items: stretch;
+  
 }
 
 /* Grid Layout */
@@ -1740,6 +1788,9 @@ justify-content: center;
   border-radius: 0.75rem;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }
+.dark-mode{
+  background-color: #232222;
+}
 
 .form-title {
   font-size: 1.5rem;

From f12153939c70b1f2d20f95948f8423cc3f750983 Mon Sep 17 00:00:00 2001
From: SagnikGos <sagnik.gos06@gmail.com>
Date: Fri, 11 Oct 2024 08:43:51 +0530
Subject: [PATCH 3/3] changes3

---
 index.html | 20 ++++++++++----------
 style.css  |  3 +--
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index 15723011..36189178 100644
--- a/index.html
+++ b/index.html
@@ -231,7 +231,7 @@
   </script>
   <main>
     <section class="hero">
-      <h2>Travel Beyond Limits</h2>
+      <h2 >Travel Beyond Limits</h2>
       <h3>
         Connect, Explore, and Discover Together. <br />
         BuddyTrail: Your Journey Begins with the Perfect Travel Companion.
@@ -370,7 +370,7 @@ <h4 class="card-text-heading">Fly</h4>
     </section>
     <!-- deals -->
     <section id="deals" class="deals-section">
-      <h2 class="deals-text-heading">Exclusive Deals and Offers</h2>
+      <h2 class="deals-text-heading" style="color: #007bff;">Exclusive Deals and Offers</h2>
       <p class="deals-text">
         Explore our best deals on flights, hotels, and travel packages. Save
         big on your next adventure!
@@ -448,7 +448,7 @@ <h3 class="deals-text-heading">Adventure in Bali</h3>
 
     <!-- travel itineraries -->
     <section id="itineraries" class="itineraries-section">
-      <h2 class="card-text-heading">Travel Itineraries</h2>
+      <h2 class="card-text-heading" style="color: #007bff;">Travel Itineraries</h2>
       <p class="deals-text">
         Plan your trips effortlessly with our curated travel itineraries
         tailored for different types of adventures. Whether you're planning a
@@ -489,7 +489,7 @@ <h3 >Romantic Getaway</h3>
     <!-- Cab or Auto Booking -->
     <section id="cab-booking" class="cab-booking-section light-mode">
       <div class="booking-container">
-        <h2>Book a Cab or Auto</h2>
+        <h2 style="color: #007bff;">Book a Cab or Auto</h2>
         <form action="/book-cab" method="POST">
           <div class="form-group">
             <label for="pickup-location" style="font-size: 15px;"><strong>Pickup Location</strong></label>
@@ -589,7 +589,7 @@ <h3>Adventure Trek in Himachal</h3>
 
     <!-- Map Section -->
     <section class="map-section">
-      <h2>Explore Popular Destinations</h2>
+      <h2 style="color: #007bff;">Explore Popular Destinations</h2>
       <p>Click on the markers to learn more about each destination.</p>
       <div id="map"></div>
     </section>
@@ -615,7 +615,7 @@ <h2>Explore Popular Destinations</h2>
                 <div class="grid-container">
                     <div class="text-container">
                         <div class="heading">
-                            <h2 class="title">CONTACT US</h2>
+                            <h2 class="title" style="color: #007bff;">CONTACT US</h2>
                             <p class="description">At BuddyTrail, we are here to assist you every step of the way! Whether you have questions, feedback, or just want to learn more about our platform, feel free to reach out to us. Our team is committed to providing you with the best experience as you explore new trails and make new friends along the way.</p>
                         </div>
                         <ul class="info-list">
@@ -627,7 +627,7 @@ <h2 class="title">CONTACT US</h2>
                                     </svg>
                                 </div>
                                 <div class="info-text-content">
-                                    <h3 class="info-title">Our Address</h3>
+                                    <h3 class="info-title" style="color: #007bff;">Our Address</h3>
                                     <p class="info-description">123 Trailblazer Lane, Adventure</p>
                                 </div>
                             </li>
@@ -640,7 +640,7 @@ <h3 class="info-title">Our Address</h3>
                                     </svg>
                                 </div>
                                 <div class="info-text-content">
-                                    <h3 class="info-title">Contact</h3>
+                                    <h3 class="info-title" style="color: #007bff;">Contact</h3>
                                     <p class="info-description">Mobile: +91 921 456-7890</p>
                                     <p class="info-description">Mail: buddyTrail@gmail.com</p>
                                 </div>
@@ -653,7 +653,7 @@ <h3 class="info-title">Contact</h3>
                                     </svg>
                                 </div>
                                 <div class="info-text-content">
-                                    <h3 class="wr">Working Hours</h3>
+                                    <h3 class="wr" style="color: #007bff;">Working Hours</h3>
                                     <p class="info-description">Monday - Friday: 08:00 - 17:00</p>
                                     <p class="info-description">Saturday & Sunday: 08:00 - 12:00</p>
                                 </div>
@@ -701,7 +701,7 @@ <h2>Thank You!</h2>
   <section id="reviews" class="reviews-section">
     <div class="revieww">
       <div class="review-form">
-        <h2>Rate your experience</h2>
+        <h2 style="color: #007bff;">Rate your experience</h2>
         <p class="review-p">
           Read what others have to say about their experiences with various
           destinations, hotels, flights, and activities. Share your own reviews
diff --git a/style.css b/style.css
index a0cf5f2e..304a851f 100644
--- a/style.css
+++ b/style.css
@@ -854,7 +854,7 @@ body {
 }
 .dark-mode.itinerary {
   background-color: #232222;
-  padding: 25px 30px; /* Added padding left and right */
+  padding: 25px 30px;
   border-radius: 10px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   text-align: center;
@@ -918,7 +918,6 @@ body {
 
 .dark-mode.itinerary{
   background-color: #232222;
-  
 }