diff --git a/Image-Gallery/style.css b/Image-Gallery/style.css
index d153136f..2012156e 100644
--- a/Image-Gallery/style.css
+++ b/Image-Gallery/style.css
@@ -32,7 +32,7 @@ body {
 
 .dark-theme {
   --secondary-color: #0e1525;
-  --text-dark: #8c0ffa;
+  --text-dark: #ffffff;
   --arr-light: white;
   --body-light: #0e1525;
   --img-color:red;
@@ -177,11 +177,3 @@ body {
 #next {
   left: 100%;
 }
-.goog-te-gadget img {
-  vertical-align: middle;
-  border: none;
-  width: 110px; /* Ensure the width is set to auto */
-  height: auto; /* Ensure the height is set to auto */
-  max-width: 100%; /* Adjust this value if needed */
-  max-height: 100%; /* Adjust this value if needed */
-}
\ No newline at end of file
diff --git a/explore.css b/explore.css
index 646224f1..148f0541 100644
--- a/explore.css
+++ b/explore.css
@@ -1,7 +1,7 @@
-* {
+/* * {
   box-sizing: border-box;
   /* ADDED BORDER RADIUS IN IMAGE SECTION */
-  border-radius: 20px;
+  /*border-radius: 20px;
 }
 
 .outer-box {
@@ -17,7 +17,6 @@
 .containers {
   display: flex;
   width: 90vw;
-  
 }
 
 .card {
@@ -27,7 +26,7 @@
   height: 70vh;
   border-radius: 35px 35px;
   /* border-radius: 20px; */
-  color: #fff;
+ /* color: #fff;
   cursor: pointer;
   flex: 0.5;
   margin: 10px;
@@ -37,7 +36,7 @@
   flex-direction: column; 
 }
 
-/* .card:hover {
+.card:hover {
     flex: 3;
 }
 
@@ -50,7 +49,7 @@
     visibility: visible;
 } */
 
-.info {
+/* .info {
   position: absolute;
   bottom: 20px;
   left: 25%;
@@ -77,7 +76,7 @@
   margin-top: 10px;
   font-weight: 500;
   /* -webkit-text-stroke:0.5px beige; */
-}
+/* }
 
 .card.active {
   flex: 3;
@@ -90,7 +89,7 @@
 
 .card.active .info {
   visibility: visible;
-}
+} 
 
 @media (max-width: 1300px) {
   .containers {
@@ -120,4 +119,159 @@
     width: 100px;
     left: 0px;
   }
-}
\ No newline at end of file
+}
+*/
+
+/* Destination Section */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+#Destinations {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.section__title {
+  margin: 10px;
+}
+
+.section__subtitle {
+  margin-bottom: 10px;
+}
+
+/* Swiper */
+.swiper-container {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.swiper-wrapper {
+  display: flex;
+}
+
+.swiper-slide {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+  align-items: center;
+}
+
+.swiper-button-prev, 
+.swiper-button-next {
+  position: absolute;
+  top: 55%;
+  transform: translateY(-50%);
+  padding: 20px;
+  color: #ffffff;
+  background-color: transparent;
+  border: none;
+  padding: 20px 20px;
+  z-index: 10;
+  cursor: pointer;
+}
+
+.swiper-button-prev {
+  left: 14px;
+}
+
+.swiper-button-next {
+  right: 13px;
+}
+
+.swiper-button-prev:hover, 
+.swiper-button-next:hover {
+  background-color: transparent;
+  color: #FF5656;
+}
+
+/* Card */
+.card {
+  width: 100%; 
+  max-width: 300px;
+  height: auto;
+  border-radius: 20px;
+  overflow: hidden;
+  border: 8px solid #6A5ACD;
+  position: relative;
+  transition: transform 0.3s ease, border-color 0.3s ease;
+}
+
+.card-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  overflow: hidden;
+  border-radius: 15px solid #6A5ACD;
+  transition: transform 0.3s ease;
+}
+
+.card-body {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.7);
+  border: none;
+  color: #fff;
+  padding: 30px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  transition: opacity 0.5s ease-in-out;
+  opacity: 0;
+}
+
+.card:hover .card-body {
+  opacity: 1;
+}
+
+.card-title {
+  text-transform: uppercase;
+  font-size: 30px;
+  font-weight: 500;
+}
+
+.card-info {
+  font-size: 16px;
+  line-height: 25px;
+  margin: 20px 0;
+  font-weight: 400;
+}
+
+.card-btn {
+  color: #FF5656;
+  background-color: #ffffff;
+  padding: 10px 20px;
+  width: 120px;
+  border-radius: 5px;
+  text-transform: capitalize;
+  border: none;
+  outline: none;
+  font-weight: 500;
+  cursor: pointer;
+}
+
+.card-btn:hover {
+  color: #ffffff;
+  background-color: #FF5656;
+}
+
+.card:hover .card-img {
+  transform: scale(1.1);
+}
+
+.card.active {
+  transform: scale(1.05);
+  z-index: 10;
+}
+
+.card.active .card-body {
+  opacity: 1;
+}
diff --git a/explore.js b/explore.js
index 97a2d9db..1551a898 100644
--- a/explore.js
+++ b/explore.js
@@ -1,28 +1,15 @@
-let lastClickedCard = document.querySelector(".active");
+var swiper = new Swiper('.swiper-container', {
+  loop: true,
+});
 
-// Function to handle click events
-function handleClick(card) {
-  // Remove active classes from all cards
-  const panels = document.querySelectorAll(".card");
-  panels.forEach(panel => panel.classList.remove("active"));
 
-  // Add active class to the clicked card
-  card.classList.add("active");
-  lastClickedCard = card; // Update the reference to the last clicked card
+function goToNextSlide() {
+  swiper.slideNext();
 }
 
-// Attach click event listener to all cards
-const panels = document.querySelectorAll(".card");
-panels.forEach(panel => panel.addEventListener("click", () => handleClick(panel)));
+function goToPrevSlide() {
+  swiper.slidePrev();
+}
 
-// Adjust the mouseover event listener
-panels.forEach(panel => {
-  panel.addEventListener('mouseover', () => {
-      lastClickedCard.classList.remove("active");
-      panel.classList.add('active');
-  });
-  panel.addEventListener('mouseout', () => {
-    panel.classList.remove('active');
-    lastClickedCard.classList.add("active");
-});
-});
+document.querySelector('.swiper-button-next').addEventListener('click', goToNextSlide);
+document.querySelector('.swiper-button-prev').addEventListener('click', goToPrevSlide);
diff --git a/img/A T logo with a white background and a square shape, connected to nature for a travel company.png b/img/A T logo with a white background and a square shape, connected to nature for a travel company.png
deleted file mode 100644
index 0dbec958..00000000
Binary files a/img/A T logo with a white background and a square shape, connected to nature for a travel company.png and /dev/null differ
diff --git a/img/MuseumofFuture.jpg b/img/MuseumofFuture.jpg
new file mode 100644
index 00000000..66e02db0
Binary files /dev/null and b/img/MuseumofFuture.jpg differ
diff --git a/img/TajMahal.jpg b/img/TajMahal.jpg
new file mode 100644
index 00000000..6e94bdfa
Binary files /dev/null and b/img/TajMahal.jpg differ
diff --git a/img/TimesSquare.jpg b/img/TimesSquare.jpg
new file mode 100644
index 00000000..bcff3119
Binary files /dev/null and b/img/TimesSquare.jpg differ
diff --git a/img/Travel.png b/img/Travel.png
new file mode 100644
index 00000000..ba5213fb
Binary files /dev/null and b/img/Travel.png differ
diff --git a/img/eiffelTower2.webp b/img/eiffelTower2.webp
new file mode 100644
index 00000000..c2cc352a
Binary files /dev/null and b/img/eiffelTower2.webp differ
diff --git a/img/giantWheel.webp b/img/giantWheel.webp
new file mode 100644
index 00000000..7d86634b
Binary files /dev/null and b/img/giantWheel.webp differ
diff --git a/img/lehLadakh.jpg b/img/lehLadakh.jpg
new file mode 100644
index 00000000..eb540293
Binary files /dev/null and b/img/lehLadakh.jpg differ
diff --git a/img/tour1.png b/img/tour1.png
new file mode 100644
index 00000000..85f00022
Binary files /dev/null and b/img/tour1.png differ
diff --git a/index.html b/index.html
index 21653894..fcc71c58 100644
--- a/index.html
+++ b/index.html
@@ -28,6 +28,7 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
   <link rel="stylesheet" href="counter.css" class="rel href">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css">
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
@@ -128,98 +129,6 @@
     }
 
     .gallery-rotate-image .image-container {
-
-  display: flex;
-  flex-wrap: wrap;
-  gap: 16px; /* Adjust the gap between images */
-}
-
-.gallery-rotate-image .image-container span {
-  display: inline-block;
-}
-
-/* .trip-gallery-container {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 16px;
-}
-
-.trip-gallery-container .image-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.trip-gallery-container .image-container img {
-  max-width: 100%;
-  height: auto;
-} */
-  body {
-      font-family: Arial, sans-serif;
-      margin: 0;
-      padding: 0;
-    }
-
-    .grid-container {
-      display: grid;
-      grid-template-columns: repeat(5, 1fr);
-      gap: 16px;
-      padding: 20px;
-      box-sizing: border-box;
-    }
-
-    .cardi {
-      background-size: cover;
-      background-position: center;
-      background-repeat: no-repeat;
-      height: 20vh;
-      border-radius: 20px;
-      color: #fff;
-      cursor: pointer;
-      flex: 0.5;
-      margin: 4px;
-      margin-right: 29px;
-      position: relative;
-      transition: flex 0.7s ease-in;
-      display: flex;
-      flex-direction: column;
-      overflow: hidden;
-    }
-
-    .cardi img {
-      width: 100%;
-      height: 100%;
-      transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-    }
-
-    .cardi:hover {
-      transform: scale(1.05);
-      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
-      border: 1px solid transparent;
-      background-clip: padding-box;
-    }
-
-    .cardi:hover img {
-      filter: blur(4px);
-      backdrop-filter:box-shadow(0 8px 16px rgba);
-    }
-
-    .card__content {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      padding: 20px;
-      box-sizing: border-box;
-      transform: rotateX(-90deg);
-      transform-origin: bottom;
-      transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-      z-index: 1;
-    }
-
-    .card__overlay {
-      position: absolute;
       display: flex;
       flex-wrap: wrap;
       gap: 16px;
@@ -278,79 +187,10 @@
       left: 0;
       width: 100%;
       height: 100%;
-      background-color: rgba(1, 0, 0, 0.7); /* Darker semi-transparent background */
-      opacity: 0;
-      transition: opacity 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-      z-index: 0;
-    }
-
-    .cardi:hover .card__overlay {
-      opacity: 1;
-    }
-
-    .cardi:hover .card__content {
-      transform: rotateX(0deg);
-    }
-
-    .card__title {
-      margin: 0;
-      font-size: 24px;
-      color: #ffdf60;
-      font-weight: 700;
-    }
-
-    .card__description {
-      margin: 10px 0 0;
-      font-size: 14px;
-      color: #fff;
-      line-height: 1.4;
-    }
-
-    .card__description:hover {
-      cursor: pointer;
-      color: #fff;
-    }
-
-    @media (max-width: 1200px) {
-      .grid-container {
-        grid-template-columns: repeat(4, 1fr);
-      }
-    }
-
-    @media (max-width: 992px) {
-      .grid-container {
-        grid-template-columns: repeat(3, 1fr);
-      }
-    }
-
-    @media (max-width: 768px) {
-      .grid-container {
-        grid-template-columns: repeat(2, 1fr);
-      }
-    }
-
-    @media (max-width: 480px) {
-      .grid-container {
-        grid-template-columns: repeat(1, 1fr);
-      }
-    }
-.btn-container {
-  display: flex;
-  justify-content: center;
-  gap: 8px; /* Adjust the gap between buttons */
-}
-
       pointer-events: none;
       z-index: 9999;
     }
 
-    @media screen and (max-width: 768px){
-      .circle-container {
-        display: none;
-      }
-
-    }
-
   </style>
   <link rel="stylesheet" href="imstyle.css">
   <link rel="stylesheet" href="jquery.flipster.min.css">
@@ -361,32 +201,6 @@
 <body style="background-color: var(--secondary-color);">
 
   <body>
-  <!-- chatbot -->
-  <script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
-  <script>
-    window.botpressWebChat.init({
-        "composerPlaceholder": "Ask me anything!",
-        "botConversationDescription": "TourGuide",
-        "botId": "7d93db89-5ddd-48ac-91c7-d5f35eae9bdc",
-        "hostUrl": "https://cdn.botpress.cloud/webchat/v1",
-        "messagingUrl": "https://messaging.botpress.cloud",
-        "clientId": "7d93db89-5ddd-48ac-91c7-d5f35eae9bdc",
-        "webhookId": "c874de53-fdf6-4bee-bd45-30a736b1a42e",
-        "lazySocket": true,
-        "themeName": "prism",
-        "botName": "TourGuide",
-        "avatarUrl": "https://previews.123rf.com/images/hgucuk/hgucuk2012/hgucuk201200075/161468561-world-tourism-the-tour-guide-%C3%A4%C2%B0con-design.jpg",
-        "stylesheet": "https://webchat-styler-css.botpress.app/prod/28032111-a170-4e9e-be60-9c9222f20935/v72246/style.css",
-        "frontendVersion": "v1",
-        "useSessionStorage": true,
-        "enableConversationDeletion": true,
-        "theme": "prism",
-        "themeColor": "#2563eb",
-        "allowedOrigins": []
-    });
-  </script>
-
-
     <div class="circle-container">
       <div class="circle"></div>
       <div class="circle"></div>
@@ -488,11 +302,9 @@ <h1>TourGuide . . .</h1>
   </nav> -->
     <div class="nav-container" id="top">
       <nav class="newNav">
-        <img
-          src="./img/A T logo with a white background and a square shape, connected to nature for a travel company.png"
-          style="width:30px;height:30px;border-radius:50%;">
-
-        <a href="#" class="nav__logo" data-aos="fade-right">Tourguide</span></a>
+        <img src="./img/tour1.png" class="sitelogo">
+        
+        <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
 
         <ul class="navLinks">
 
@@ -508,7 +320,6 @@ <h1>TourGuide . . .</h1>
           <li class="link" data-aos=""><a href="#testimonials">Testimonial</a></li>
           <li class="link" data-aos=""><a href="feedback.html">Rate Us</a></li>
           <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
-          <li class="link" data-aos=""><a href="contributors.html">Contributors</a></li>
         </ul>
 
 
@@ -811,7 +622,7 @@ <h3 style="font-weight: 600;font-size: 24px;">Get Flat 15% OFF</h3>
       </div>
     </div>
 
-    <section class="section__container destination__container" id="Destinations" data-aos="fade-up">
+<!--  <section class="section__container destination__container" id="Destinations" data-aos="fade-up">
       <div class="section__header">
         <div>
           <h2 class="section__title" data-aos="fade-in"><span style="margin-left: 300px;"></span>Explore top
@@ -822,17 +633,17 @@ <h2 class="section__title" data-aos="fade-in"><span style="margin-left: 300px;">
         </div>
       </div>
 
-      <!-- slideshow -->
-      <!-- <div class="slideshow-container" data-aos="fade-up"> -->
+       slideshow 
+       <div class="slideshow-container" data-aos="fade-up"> 
 
-      <!-- Next and previous buttons -->
-      <!-- <div class="destination__nav">
+       Next and previous buttons 
+       <div class="destination__nav"
       <span onclick="pullSlide(-1)"><i class="ri-arrow-left-s-line"></i></span>
       <span onclick="pullSlide(1)"><i class="ri-arrow-right-s-line"></i></span>
-    </div> -->
+    </div>
 
-      <!-- Full-width images with number and caption text -->
-      <!-- <div class="mySlides">
+    Full-width images with number and caption text
+     <div class="mySlides">
       <img src="./img/eiffelTower.webp" style="width:100%">
     </div>
 
@@ -853,67 +664,152 @@ <h2 class="section__title" data-aos="fade-in"><span style="margin-left: 300px;">
           <span></span>
           <span></span>
         </div>
-      </div> -->
-
-      <div class="outer-box">
-        <div class="containers">
-              
-            <div class="card active" style="
-              background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
-                url('./img/paris.jpg')
-            ">
-            <div class="info">
-  
-              <p>
-                ||Eiffel Tower||
-              </p>
-              <h3>PARIS</h3>
+      </div> 
+
+<div class="outer-box">
+          <div class="containers">
+                
+              <div class="card active" style="
+                background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
+                  url('./img/paris.jpg')
+              ">
+              <div class="info">
+    
+                <p>
+                  ||Eiffel Tower||
+                </p>
+                <h3>PARIS</h3>
+              </div>
             </div>
+    
+        <div class="card" style="
+          background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
+            url('./img/london.jpg')
+        ">
+          <div class="info">
+            
+            <p>||Giant Wheel||</p>
+            <h3>LONDON</h3>
           </div>
-  
-      <div class="card" style="
-        background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
-          url('./img/london.jpg')
-      ">
-        <div class="info">
+        </div>
+    
+        <div class="card" style="
+          background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
+            url('./img/goa.jpg')
+        ">
+          <div class="info">
+            
+            <p>||Goa Beach||</p>
+            <h3>GOA</h3>
+          </div>
+        </div>
+    
+        <div class="card" style="
+          background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
+            url('./img/maldives.jpg')
+        ">
+          <div class="info">
           
-          <p>||Giant Wheel||</p>
-          <h3>LONDON</h3>
+            <p>||Male Beach||</p>
+            <h3>MALDIVES</h3>
+          </div>
         </div>
+    
       </div>
-  
-      <div class="card" style="
-        background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
-          url('./img/goa.jpg')
-      ">
-        <div class="info">
-          
-          <p>||Goa Beach||</p>
-          <h3>GOA</h3>
+    </div>
+      <script src="explore.js"></script>
+    </section>
+  -->
+
+    <!-- Destination Section -->
+    <div class="section__container destination__container" id="Destinations" data-aos="fade-up">
+      <div class="section__header">
+        <div>
+          <h2 class="section__title" data-aos="fade-in">Explore Top Destinations</h2>
+          <p class="section__subtitle" data-aos="fade-in">
+            Explore your dream places around the world. Here you can find your perfect destination.
+          </p>
         </div>
       </div>
-  
-      <div class="card" style="
-        background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
-          url('./img/maldives.jpg')
-      ">
-        <div class="info">
-         
-          <p>||Male Beach||</p>
-          <h3>MALDIVES</h3>
+
+      <div class="swiper-container">
+        <div class="swiper-wrapper">
+          <div class="swiper-slide card">
+            <img src="./img/eiffelTower2.webp" class="card-img" alt="Eiffel Tower">
+            <div class="card-body">
+              <h1 class="card-title">Eiffel Tower</h1>
+              <p class="card-info">The Eiffel Tower is an iconic iron lattice tower in Paris, built for the 1889 World's Fair, standing at 324 meters tall.</p>
+              <button class="card-btn" onclick="window.open('./dedicated-destinations/Paris/start.html', '_blank')">Book Tour</button>
+            </div>
+          </div>
+
+          <div class="swiper-slide card">
+            <img src="./img/giantWheel.webp" class="card-img" alt="The London Eye">
+            <div class="card-body">
+              <h1 class="card-title">The London Eye</h1>
+              <p class="card-info">The London Eye, a striking 135-meter tall observation wheel on the South Bank of the Thames, offers panoramic views of the city's landmarks.</p>
+                <button class="card-btn" onclick="window.open('./dedicated-destinations/London/start.html', '_blank')">Book Tour</button>
+            </div>
+          </div>
+
+          <div class="swiper-slide card">
+            <img src="./img/maldives.jpg" class="card-img" alt="Male Beach">
+            <div class="card-body">
+              <h1 class="card-title">Male Beach</h1>
+              <p class="card-info">Male Beach, the pristine stretch of golden sand on Malé Atoll, offers a serene escape with crystal-clear waters and vibrant marine life.</p>
+              <button class="card-btn" onclick="window.open('./dedicated-destinations/Maldives/start.html', '_blank')">Book Tour</button>
+            </div>
+          </div>
+
+          <div class="swiper-slide card">
+            <img src="./img/MuseumofFuture.jpg" class="card-img" alt="Museum of the Future">
+            <div class="card-body">
+              <h1 class="card-title">Museum of the Future</h1>
+              <p class="card-info">The Museum of the Future in Dubai is a visionary architectural gem that explores cutting-edge innovations and the potential of tomorrow's technology.</p>
+              <button class="card-btn" onclick="window.open('./dedicated-destinations/Dubai/start.html', '_blank')">Book Tour</button>
+            </div>
+          </div>
+
+          <div class="swiper-slide card">
+            <img src="./img/TajMahal.jpg" class="card-img" alt="Taj Mahal">
+            <div class="card-body">
+              <h1 class="card-title">Taj Mahal</h1>
+              <p class="card-info">The Taj Mahal, a majestic white marble mausoleum in Agra, is a timeless symbol of love and architectural brilliance.</p>
+           <button class="card-btn" onclick="window.open('./dedicated destinations/Taj_Mahal/Taj.html', '_blank')">Book Tour</button>
+            </div>
+          </div>
+
+          <div class="swiper-slide card">
+            <img src="./img/lehLadakh.jpg" class="card-img" alt="Leh Ladakh">
+            <div class="card-body">
+              <h1 class="card-title">Leh Ladakh</h1>
+              <p class="card-info">Leh Ladakh, a breathtaking high-altitude region in northern India, captivates with its rugged landscapes, serene monasteries, and vibrant cultural heritage.</p>
+              <button class="card-btn" onclick="window.open('./dedicated destinations/Ladakh/ladakh.html', '_blank')">Book Tour</button>
+            </div>
+          </div>
+
+          <div class="swiper-slide card">
+            <img src="./img/TimesSquare.jpg" class="card-img" alt="Times Square">
+            <div class="card-body">
+              <h1 class="card-title">Times Square</h1>
+              <p class="card-info">Times Square is a vibrant commercial and entertainment hub in New York City, renowned for its bright lights, Broadway theaters, and bustling atmosphere.</p>
+              <button class="card-btn" onclick="window.open('./dedicated-destinations/new-york/start.html', '_blank')">Book Tour</button>
+            </div>
+          </div>
         </div>
+        <button class="swiper-button-prev"></button>
+        <button class="swiper-button-next"></button>  
       </div>
-  
-    </div>
-  </div>
-  
+
+      <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
       <script src="explore.js"></script>
     </section>
+  <!-- End Destination Section -->
 
     <section class="trip" id="trip" data-aos="zoom-in" data-aos-offset="100">
       <div class="section__container trip__container">
         <h2 class="section__title">Best trip packages</h2>
-        <p class="section__subtitle" >
+        <p class="section__subtitle" style="margin-left: 280px;">
           Top trip deals curated for you. Get the best package for your adventure and save more.
         </p>
         <div class="trip__grid">
@@ -1064,148 +960,70 @@ <h2 class="section__title" data-aos="zoom-in" style="text-align: center;">
           <button class="btn btn-style" id="prev">Prev</button>
           <button class="btn btn-style" id="next">Next</button>
         </div>
+
         <!-- Trip Photo Gallery -->
-        <div class="grid-container">
-          <div class="cardi">
-            <img src="./img/Trip_Photos/photo1.png" alt="Card image">
-            <div class="card__overlay"></div>
-            <center>
-              <div class="card__content">
-                <h4 class="card__title" style="color:#ffce52; font-size:18px">LADAKH</h4>
-                <a class="card__description" href="https://maps.app.goo.gl/4ULWYJxSVD8AcUin6" target="_blank">Read More</a>
-              </div>
-            </center>
-          </div>
-          <div class="cardi">
-            <img src="./img/Trip_Photos/photo2.png" alt="Card image">
-            <div class="card__overlay"></div>
-            <center>
-              <div class="card__content">
-                <h4 class="card__title"  style="color:#ffce52; font-size:18px">RANNERDALE KNOTTS</h4>
-                <a class="card__description" href="https://maps.app.goo.gl/zrA5UgDQoeUtRhhn7" target="_blank">Read More</a>
-              </div>
-            </center>
-          </div>
-          <div class="cardi">
-            <img src="./img/Trip_Photos/photo3.jpg" alt="Card image">
-            <div class="card__overlay"></div>
-            <center>
-              <div class="card__content">
-                <h4 class="card__title"  style="color:#ffce52; font-size:18px">AMALPHI COAST</h4>
-                <a class="card__description" href="https://maps.app.goo.gl/eTfvw4peKN3AcMUy8" target="_blank">Read More</a>
-              </div>
-            </center>
-          </div>
-          <div class="cardi">
-            <img src="./img/Trip_Photos/photo4.png" alt="Card image">
-            <div class="card__overlay"></div>
-            <center>
-              <div class="card__content">
-                <h4 class="card__title"  style="color:#ffce52; font-size:18px">THE GOLDEN TEMPLE,PERIYAPATTNA</h4>
-                <a class="card__description" href="https://maps.app.goo.gl/tBZLQcZbCHRWsgGX7" target="_blank">Read More</a>
-              </div>
-            </center>
-          </div>
-          <div class="cardi">
-            <img src="./img/Trip_Photos/photo5.jpg" alt="Card image">
-            <div class="card__overlay"></div>
-            <center>
-              <div class="card__content">
-                <h4 class="card__title"  style="color:#ffce52; font-size:18px">MALSHEJ GHAT</h4>
-                <a class="card__description" href="https://maps.app.goo.gl/8Y3rnjtxU563KVvE9" target="_blank">Read More</a>
-              </div>
-            </center>
-          </div>
-          <div class="cardi">
-            <img src="./img/Trip_Photos/photo6.png" alt="Card image">
-            <div class="card__overlay"></div>
-            <center>
-              <div class="card__content">
-                <h4 class="card__title"  style="color:#ffce52; font-size:18px">SAHARA DESERT</h4>
-                <a class="card__description" href="https://maps.app.goo.gl/cj2UZZoyCTzeoQjEA" target="_blank">Read More</a>
-              </div>
-            </center>
-          </div>
-          <div class="cardi">
-            <img src="./img/Trip_Photos/photo7.png" alt="Card image">
-            <div class="card__overlay"></div>
-            <center>
-              <div class="card__content">
-                <h4 class="card__title"  style="color:#ffce52; font-size:18px">MALDIVES</h4>
-                <a class="card__description" href="https://maps.app.goo.gl/Gk1fQts4zeVRdAWu6" target="_blank">Read More</a>
-              </div>
-            </center>
-          </div>
-          <div class="cardi">
-            <img src="./img/Trip_Photos/photo8.jpg" alt="Card image">
-            <div class="card__overlay"></div>
-            <center>
-              <div class="card__content">
-                <h4 class="card__title"  style="color:#ffce52; font-size:18px">PUNAKHA SUSPENSION BRIDGE</h4>
-                <a class="card__description" href="https://maps.app.goo.gl/DbWvrFgfwwwTWuBT8" target="_blank">Read More</a>
-              </div>
-            </center>
-          </div>
-          <div class="cardi">
-            <img src="./img/Trip_Photos/photo9.jpg" alt="Card image">
-            <div class="card__overlay"></div>
-            <center>
-              <div class="card__content">
-                <h4 class="card__title"  style="color:#ffce52; font-size:18px">ARU VALLEY</h4>
-                <a class="card__description" href="https://maps.app.goo.gl/gBGuxUNXXemiZ2Td8" target="_blank">Read More</a>
-              </div>
-            </center>
-          </div>
-          <div class="cardi">
-            <img src="./img/Trip_Photos/photo10.jpg" alt="Card image">
-            <div class="card__overlay"></div>
-            <center>
-              <div class="card__content">
-                <h4 class="card__title"  style="color:#ffce52; font-size:18px">THE GOLDEN BRIDGE</h4>
-                <a class="card__description" href="https://maps.app.goo.gl/tQ4BT4gDoFtauReM9" target="_blank">Read More</a>
-              </div>
-            </center>
-          </div>
-          <div class="cardi">
-            <img src="./img/Trip_Photos/photo11.jpg" alt="Card image">
-            <div class="card__overlay"></div>
-            <center>
-              <div class="card__content">
-                <h4 class="card__title"  style="color:#ffce52; font-size:18px">LAKE DISTRICT</h4>
-                <a class="card__description" href="https://maps.app.goo.gl/oqDnmF2pCqRxV5Cp6" target="_blank">Read More</a>
-              </div>
-            </center>
-          </div>
-          <div class="cardi">
-            <img src="./img/Trip_Photos/photo13.jpg" alt="Card image">
-            <div class="card__overlay"></div>
-            <center>
-              <div class="card__content">
-                <h4 class="card__title"  style="color:#ffce52; font-size:18px">MUNNAR</h4>
-                <a class="card__description" href="https://maps.app.goo.gl/pHjaA4aqP41JxdAh9" target="_blank">Read More</a>
-              </div>
-            </center>
-          </div>
-          <div class="cardi">
-            <img src="./img/Trip_Photos/photo19.jpg" alt="Card image">
-            <div class="card__overlay"></div>
-            <center>
-              <div class="card__content">
-                <h4 class="card__title"  style="color:#ffce52; font-size:18px">STATUE OF LIBERTY</h4>
-                <a class="card__description" href="https://maps.app.goo.gl/84rV6GhhginGXgbc8" target="_blank">Read More</a>
-              </div>
-            </center>
-          </div>
-          <div class="cardi">
-            <img src="./img/Trip_Photos/photo20.png" alt="Card image">
-            <div class="card__overlay"></div>
-            <center>
-              <div class="card__content">
-                <h4 class="card__title"  style="color:#ffce52; font-size:18px">NAKKI LAKE</h4>
-                <a class="card__description" href="https://maps.app.goo.gl/GzVALHoLp4MgFmgw5" target="_blank">Read More</a>
-              </div>
-            </center>
-          </div>
+        <div class="trip-gallery-container">
+
+          <figure class="image-container">
+            <img src="./img/Trip_Photos/photo1.png" height="250" width="200">
+            <p><a href="https://maps.app.goo.gl/4ULWYJxSVD8AcUin6" target="_blank">LADAKH</a></p>
+          </figure>
+          <figure class="image-container">
+            <img src="./img/Trip_Photos/photo2.png" height="250" width="200">
+            <p><a href="https://maps.app.goo.gl/zrA5UgDQoeUtRhhn7" target="_blank">RANNERDALE KNOTTS</a></p>
+          </figure>
+          <figure class="image-container">
+            <img src="./img/Trip_Photos/photo3.jpg" height="250" width="200">
+            <p><a href="https://maps.app.goo.gl/eTfvw4peKN3AcMUy8" target="_blank">AMALPHI COAST</a></p>
+          </figure>
+          <figure class="image-container">
+            <img src="./img/Trip_Photos/photo4.png" height="220" width="230">
+            <p><a href="https://maps.app.goo.gl/tBZLQcZbCHRWsgGX7" target="_blank">THE GOLDEN TEMPLE,PERIYAPATTNA</a>
+            </p>
+          </figure>
+          <figure class="image-container">
+            <img src="./img/Trip_Photos/photo5.jpg" height="220" width="230">
+            <p><a href="https://maps.app.goo.gl/8Y3rnjtxU563KVvE9" target="_blank">MALSHEJ GHAT</a></p>
+          </figure>
+          <figure class="image-container">
+            <img src="./img/Trip_Photos/photo6.png" height="220" width="230">
+            <p><a href="https://maps.app.goo.gl/cj2UZZoyCTzeoQjEA" target="_blank">SAHARA DESERT</a></p>
+          </figure>
+          <figure class="image-container">
+            <img src="./img/Trip_Photos/photo7.png" height="220" width="230">
+            <p><a href="https://maps.app.goo.gl/Gk1fQts4zeVRdAWu6" target="_blank">MALDIVES</a></p>
+          </figure>
+          <figure class="image-container">
+            <img src="./img/Trip_Photos/photo8.jpg" height="220" width="230">
+            <p><a href="https://maps.app.goo.gl/DbWvrFgfwwwTWuBT8" target="_blank">PUNAKHA SUSPENSION BRIDGE</a></p>
+          </figure>
+          <figure class="image-container">
+            <img src="./img/Trip_Photos/photo9.jpg" height="220" width="230">
+            <p><a href="https://maps.app.goo.gl/gBGuxUNXXemiZ2Td8" target="_blank">ARU VALLEY</a></p>
+          </figure>
+          <figure class="image-container">
+            <img src="./img/Trip_Photos/photo10.jpg" height="220" width="230">
+            <p><a href="https://maps.app.goo.gl/tQ4BT4gDoFtauReM9" target="_blank">THE GOLDEN BRIDGE</a></p>
+          </figure>
+          <figure class="image-container">
+            <img src="./img/Trip_Photos/photo11.jpg" height="220" width="230">
+            <p><a href="https://maps.app.goo.gl/oqDnmF2pCqRxV5Cp6" target="_blank">LAKE DISTRICT</a></p>
+          </figure>
+          <figure class="image-container">
+            <img src="./img/Trip_Photos/photo13.jpg" height="220" width="230">
+            <p><a href="https://maps.app.goo.gl/pHjaA4aqP41JxdAh9" target="_blank">MUNNAR</a></p>
+          </figure>
+          <figure class="image-container">
+            <img src="./img/Trip_Photos/photo19.jpg" height="220" width="230">
+            <p><a href="https://maps.app.goo.gl/84rV6GhhginGXgbc8" target="_blank">STATUE OF LIBERTY</a></p>
+          </figure>
+          <figure class="image-container">
+            <img src="./img/Trip_Photos/photo20.png" height="220" width="230">
+            <p><a href="https://maps.app.goo.gl/GzVALHoLp4MgFmgw5" target="_blank">NAKKI LAKE</a></p>
+          </figure>
+
+          <!-- <img src="./img/Trip_Photos/photo3.jpg" height="240" width="200"> -->
+
         </div>
       </div>
     </section>
@@ -1240,38 +1058,35 @@ <h4 style="color: rgb(231, 62, 118); font-style: italic;font-family: cursive;">H
 
     <!-- Hotel & Resort Section -->
     <section class="hotel" id ="hotel">
+      <h2 class="tourist-heading section__title" align-items="center" data-aos="fade-in">Hotels & Resorts</h2>
       
-      <div class="center-card">
-        <div>
-          <h2 class="tourist-heading section__title" align-items="center" data-aos="fade-in">Hotels & Resorts</h2> 
-          <h3 style="color: rgb(151, 6, 241); font-style: italic;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;">Best Place for Beautiful Trip</h3>
-        </div>
-
-        <div>
-          <img src="./h1.png" alt="hr1"/>
-          <a class="btn btn-primary" href="./hotel.html" role="button">Book Now</a>
-        </div>
-        
-        <div>
-          <img src="./h2.png" alt="hr2"/>
-          <a class="btn btn-primary" href="./hotel.html" role="button">Book Now</a>
-        </div>
-        
-        <div>
-          <img src="./h3.png" alt="hr3"/>
-          <a class="btn btn-primary" href="./hotel.html" role="button">Book Now</a>
-        </div>
-        
-        <div>
-          <img src="./h4.png" alt="hr4"/>
-          <a class="btn btn-primary" href="./hotel.html" role="button">Book Now</a>
-        </div>
-        
+       <br></br>
+       <h3 style="color: rgb(151, 6, 241); font-style: italic;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;">Best Place for Beautiful Trip</h3>
+       <br></br>
+       <div class="center-card">
+       <img src="./h1.png" alt="hr1"/>
+       <br></br>
+       <a class="btn btn-primary" href="./hotel.html" role="button">Book Now</a>
+       <br></br>
+       <br></br>
+       <img src="./h2.png" alt="hr2"/>
+       <br></br>
+       <a class="btn btn-primary" href="./hotel.html" role="button">Book Now</a>
+       <br></br>
+       <br></br>
+       <img src="./h3.png" alt="hr3"/>
+       <br></br>
+       <a class="btn btn-primary" href="./hotel.html" role="button">Book Now</a>
+       <br></br>
+       <br></br>
+       <img src="./h4.png" alt="hr4"/>
+       <br></br>
+       <a class="btn btn-primary" href="./hotel.html" role="button">Book Now</a>
       </div>
       </section>
     <br /><br /><br /><br />
-    <!-- Testimonials Section -->
 
+    <!-- Testimonials Section -->
     <section class="testimonials" id="testimonials">
       <h2 class="testimonial-heading section__title" align-items="center" data-aos="fade-in">Testimonials</h2>
       <div class="marquee">
@@ -1376,18 +1191,6 @@ <h3>Katie</h3>
 
     </section>
 
-
-
-
-
-
-
-
-
-
-
-
-
     <!----------------------------------------------------- FAQ section ---------------------- -->
 
     <section>
@@ -1612,10 +1415,8 @@ <h2 class="section__title" data-aos="fade-up">Subscribe to get special prize</h2
     </script>
 
 
-<!-- footer  -->
-
     <footer class="footer" data-aos="fade-up">
-      <div class="footer__container">
+      <div class="section__container footer__container">
         <div class="footer__col">
           <h3 class="footer-head" class="footer__title" style="cursor: default;">Tourguide<span>.</span></h3>
           <p>
@@ -1673,7 +1474,6 @@ <h4 class="footer-head" style="padding-left: 35px;"> Address</h4>
             </div>
           </div>
         </div>
-     
         <div class="footer__col">
           <div class="footer__area">
             <h4>Contact Us</h4>
@@ -1726,11 +1526,10 @@ <h4>Contact Us</h4>
             </div>
           </div>
 
-         
-
         </div>
+
         <div class="footer__col">
-          <div id="google_element" style="z-index: 1;"></div>
+          <div id="google_element"></div>
           <script src="https://translate.google.com/translate_a/element.js?cb=loadGoogleTranslate"></script>
           <script>
             function loadGoogleTranslate() {
@@ -1740,22 +1539,16 @@ <h4>Contact Us</h4>
             }
           </script>
         </div>
-       
 
-        
-        </div>
-      
-       
 
         <!--  New copyright code to make it dynamic and display current year -->
-       
         <div class="footer__bar">
           <div>
             <li>Copyright &copy;<span id="year"></span> </span> Arpan Chowdhury. All rights reserved. </li>
           </div>
         </div>
+
     </footer>
-    
 
     <a class="goupbtn" href="#" onclick="goToTop()"><i class="fa-solid fa-arrow-up"></i></a>
 
@@ -1856,14 +1649,14 @@ <h4>Contact Us</h4>
     <script src="index.js"></script>
 
 
-    <!-- <script>
+    <script>
       window.embeddedChatbotConfig = {
         chatbotId: "yDQ_EheFvX0HAPr9beQ5L",
         domain: "www.chatbase.co"
       }
     </script>
     <script src="https://www.chatbase.co/embed.min.js" chatbotId="yDQ_EheFvX0HAPr9beQ5L" domain="www.chatbase.co" defer>
-    </script> -->
+    </script>
 
 
 
@@ -2314,7 +2107,7 @@ <h4>Contact Us</h4>
       animateValue("guidesCount", 0, 25000, 20000);
       animateValue("toursCount", 0, 20000, 20000);
       animateValue("destinationsCount", 0, 10994, 20000);
-})
+    });
 
   </script>
 
diff --git a/package.html b/package.html
index 20b2f9d1..f0da725f 100644
--- a/package.html
+++ b/package.html
@@ -575,40 +575,150 @@ <h5>HoneyMoon</h5>
 
 
 
-<!-- 
+
+
+ <!--  <footer class="footer" data-aos="fade-up">
+
   <footer class="footer">
     <div class="section__container footer__container">
       <div class="footer__col">
-        <h3>Tourguide<span>.</span></h3>
+        <h3 class="footer-head" class="footer__title" style="cursor: default;">Tourguide<span>.</span></h3>
         <p>
-          Explore your suitable and dream places around the world. Here you
-          can find your right destination.
+          Ready for your next adventure? Let's make it unforgettable.<br>
+        </p>
+        <p class="footer__text">
+          Start planning your dream trip with us and explore the world.
+        </p>
+      </div>
+      <div class="footer__col">
+        <h3 class="footer-head" class="footer__title">Places You May Want to Visit<span>.</span></h3>
+        <p class="footer__text">
+
+          <a href="Cultural_Exp.html">Cultural Experiences</a>
+
+          <a href="HoneyMoon.html">Honeymoon Places</a>
+          <a href="Adventure.html">Adventure travel</a>
+
+
         </p>
       </div>
       <div class="footer__col">
         <div class="footer__area">
-          <h4>Support</h4>
-        <p><a href="./faq.html">FAQs</a></p>
-        <p><a href="./tnc.html">Terms & Conditions</a></p>
-        <p><a href="./privacy.html">Privacy Policy</a></p>
-        <p><a href="index.html#cnt-form">Contact Us</a></p>
+          <h4 class="footer-head" class="footer__subtitle">Support</h4>
+          <p><a href="./faq.html" class="footer__link">FAQs</a></p>
+          <p><a href="./tnc.html" class="footer__link">Terms & Conditions</a></p>
+          <p><a href="./privacy.html" class="footer__link">Privacy Policy</a></p>
+          <p><a href="./Licensing.html" class="footer__link">Licensing</a></p>
+          <p><a href="#cnt-form" class="footer__link">Contact Us</a></p>
+        </div>
+      </div>
+      <div class="footer__col">
+        <h4 class="footer-head" style="padding-left: 35px;"> Address</h4>
+        <div class="mapouter">
+          <div class="gmap_canvas"><iframe width="200" height="200" id="gmap_canvas"
+              src="https://maps.google.com/maps?q=wellington%20street%20kolkata&t=k&z=11&ie=UTF8&iwloc=&output=embed"
+              frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a
+              href="https://embedgooglemap.net/124/">invincible 123movies</a><br>
+            <style>
+              .mapouter {
+                position: relative;
+                text-align: right;
+                height: 200px;
+                width: 200px;
+              }
+            </style><a href="https://www.embedgooglemap.net">embed google map on website</a>
+            <style>
+              .gmap_canvas {
+                overflow: hidden;
+                background: none !important;
+                height: 200px;
+                width: 200px;
+              }
+            </style>
+          </div>
         </div>
       </div>
       <div class="footer__col">
         <div class="footer__area">
-        <h4>Address</h4>
-        <p>
-          <span>Address:</span> 3/2 Wellington Street, Kolkata , West Bengal , India
-        </p>
-        <span>Email:</span><a href="mailto:tour@tourguide.com">tour@tourguide.com</a></p>
-          <p><span>Phone:</span><a href="tel:8562145852">+91 8562145852</a></p>
+          <h4>Contact Us</h4>
+          <div class="d-flex align-items-center mb-2">
+            <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M14.851 11.923c-.179-.641-.521-1.246-1.025-1.749-1.562-1.562-4.095-1.563-5.657 0l-4.998 4.998c-1.562 1.563-1.563 4.095 0 5.657 1.562 1.563 4.096 1.561 5.656 0l3.842-3.841.333.009c.404 0 .802-.04 1.189-.117l-4.657 4.656c-.975.976-2.255 1.464-3.535 1.464-1.28 0-2.56-.488-3.535-1.464-1.952-1.951-1.952-5.12 0-7.071l4.998-4.998c.975-.976 2.256-1.464 3.536-1.464 1.279 0 2.56.488 3.535 1.464.493.493.861 1.063 1.105 1.672l-.787.784zm-5.703.147c.178.643.521 1.25 1.026 1.756 1.562 1.563 4.096 1.561 5.656 0l4.999-4.998c1.563-1.562 1.563-4.095 0-5.657-1.562-1.562-4.095-1.563-5.657 0l-3.841 3.841-.333-.009c-.404 0-.802.04-1.189.117l4.656-4.656c.975-.976 2.256-1.464 3.536-1.464 1.279 0 2.56.488 3.535 1.464 1.951 1.951 1.951 5.119 0 7.071l-4.999 4.998c-.975.976-2.255 1.464-3.535 1.464-1.28 0-2.56-.488-3.535-1.464-.494-.495-.863-1.067-1.107-1.678l.788-.785z"/></svg>
+            <a href="mailto:tour@tourguide.com" class="text-nowrap">tour@tourguide.com</a>
+          </div>
+          <div class="d-flex align-items-center">
+            <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M8.26 1.289l-1.564.772c-5.793 3.02 2.798 20.944 9.31 20.944.46 0 .904-.094 1.317-.284l1.542-.755-2.898-5.594-1.54.754c-.181.087-.384.134-.597.134-2.561 0-6.841-8.204-4.241-9.596l1.546-.763-2.875-5.612zm7.746 22.711c-5.68 0-12.221-11.114-12.221-17.832 0-2.419.833-4.146 2.457-4.992l2.382-1.176 3.857 7.347-2.437 1.201c-1.439.772 2.409 8.424 3.956 7.68l2.399-1.179 3.816 7.36s-2.36 1.162-2.476 1.215c-.547.251-1.129.376-1.733.376"/></svg>
+            <a href="tel:8562145852" class="text-nowrap">+91 8562145852</a>
+          </div>
+          <div class="icons">
+            <a href="">
+              <div class="icon">
+                <i class="fab fa-linkedin" title="linkedin" style="cursor: pointer;"></i>
+              </div>
+            </a>
+
+            <a href="">
+              <div class="icon">
+                <i class="fab fa-twitter" title="X" style="cursor: pointer;"></i>
+              </div>
+            </a>
+
+            <a href="">
+              <div class="icon">
+                <i class="fab fa-instagram" title="Instagram" style="cursor: pointer;"></i>
+              </div>
+            </a>
+
+
+            <a href="" title="YouTube">
+              <div class="icon">
+                <i class="fab fa-youtube" style="cursor: pointer;"></i>
+              </div>
+            </a>
+
+            <a href="">
+              <div class="icon">
+                <i class="fab fa-github" title="Github"></i>
+              </div>
+            </a>
+
+          </div>
+           Visitor Widget -->
+          <!-- <div class="visitor-widget mt-3">
+            <a>
+              <img alt="Hits" src="https://hits.sh/apu52.github.io/Travel_Website.svg?style=for-the-badge&label=Visitors&extraCount=786&color=526180&labelColor=9bbbff"/>
+            </a>
+          </div>
+        </div>
+
+      </div>
+
+      <div class="footer__col">
+        <div id="google_element"></div>
+        <script src="https://translate.google.com/translate_a/element.js?cb=loadGoogleTranslate"></script>
+        <script>
+          function loadGoogleTranslate() {
+            new google.translate.TranslateElement({
+              pageLanguage: 'en'
+            }, 'google_element');
+          }
+        </script>
       </div>
+
+
+       New copyright code to make it dynamic and display current year -->
+     <!-- <div class="footer__bar">
+        <div>
+          <li>Copyright &copy;<span id="year"></span> </span> Arpan Chowdhury. All rights reserved. </li>
+        </div>
       </div>
+
+  </footer>
+
     </div>
     <div class="footer__bar">
       Copyright © 2023 Arpan Chowdhury. All rights reserved.
     </div>
-  </footer> -->
+  </footer>    -->
 
   
 <!-- footer  -->
@@ -714,7 +824,6 @@ <h4>Contact Us</h4>
           </a>
 
         </div>
-        <!-- Visitor Widget -->
         <div class="visitor-widget mt-3">
           <a>
             <img alt="Hits" src="https://hits.sh/apu52.github.io/Travel_Website.svg?style=for-the-badge&label=Visitors&extraCount=786&color=526180&labelColor=9bbbff"/>
diff --git a/story.html b/story.html
index b5440065..82097e1c 100644
--- a/story.html
+++ b/story.html
@@ -1,329 +1,231 @@
 <!DOCTYPE html>
 <html lang="en">
+
   <head>
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
-      integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
-      crossorigin="anonymous"
-      referrerpolicy="no-referrer"
-    />
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
     <link
+      href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css"
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
-      integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
-      crossorigin="anonymous"
     />
-    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="styles.css" />
-    <link rel="stylesheet" href="Image-Gallery/style.css" />
-    <link rel="stylesheet" href="Image-Gallery/stylecaptions.css" />
-    <link rel="stylesheet" href="explore.css" />
-    <link rel="stylesheet" href="tilt.css" />
-    <link rel="stylesheet" href="jquery.flipster.min.css" />
-    <link rel="stylesheet" href="mouseEffect.css" />
-    <title>Story-Tourguide</title>
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
-
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/countup.js/2.0.7/countUp.min.js"></script>
-    <script src="tilt.js"></script>
-    <script src="index.js" defer></script>
-    <script src="mouseEffect.js"></script>
-    <script src="Theme.js" defer></script>
-    <script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
-    <script>
-      (function () {
-        emailjs.init("WB9rAyWwwLZube-er");
-      })();
-
-      function planTrip() {
-        window.location.href = "plantrip.html";
-      }
-    </script>
-
-    <style>
-      body {
-        background: #d8e4ffe7 !important;
-      }
-      html {
-        scroll-behavior: smooth;
-      }
-
-      .active {
-        color: red !important;
-      }
-
-      @media screen and (max-width: 390px) {
-        .nav__logo {
-          position: relative;
-          right: 1.9rem;
-        }
-
-        .contact-btn {
-          position: relative;
-          right: 2.5rem;
-        }
-
-        .toggle-container {
-          position: relative;
-          right: 2.5rem;
-        }
-
-        .toggle {
-          width: 130%;
-        }
-
-        .line {
-          width: 150%;
-        }
-
-        .hamburger {
-          position: relative;
-          right: 1rem;
-        }
-      }
-
-      @media screen and (max-width: 364px) {
-        .toggle {
-          width: 190%;
-        }
-
-        .line {
-          width: 190%;
-        }
-      }
-
-      .gallery-rotate-image .image-container {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 16px;
-        /* Adjust the gap between images */
-      }
-
-      .gallery-rotate-image .image-container span {
-        display: inline-block;
-      }
-
-      .trip-gallery-container {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 16px;
-        /* Adjust the gap between images */
-      }
-
-      .trip-gallery-container .image-container {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-      }
-
-      .trip-gallery-container .image-container img {
-        max-width: 100%;
-        height: auto;
-      }
-
-      .btn-container {
-        display: flex;
-        justify-content: center;
-        gap: 8px;
-        /* Adjust the gap between buttons */
-      }
-
-      @media screen and (max-width: 768px) {
-        body {
-          align-items: flex-end;
-          width: auto;
-        }
-      }
-
-      .circle {
-        position: absolute;
-        width: 25px;
-        height: 25px;
-        border-radius: 50%;
-        pointer-events: none;
-        background: radial-gradient(
-          circle,
-          rgba(71, 240, 255, 0.3),
-          rgba(0, 119, 255, 0.3)
-        );
-        transition: transform 0.1s, left 0.1s, top 0.1s;
-      }
+    <link rel="stylesheet" href="./Image-Gallery/style.css">
+    <title>Arpan Codes | Tourguide</title>
+    <!-- adding a fav-icon -->
+    <link rel="icon" type="image/x-icon" href="favicon.ico"/>
+    
+    <script src="index.js"></script>
+    <link rel="stylesheet" href="style.css">
+
+    <script type="text/javascript"
+        src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js">
+</script>
+<script type="text/javascript">
+   (function(){
+      emailjs.init("WB9rAyWwwLZube-er");
+   })();
+</script>
+
+  <style>
+  html {
+    scroll-behavior: smooth;
+  }
+  </style>
 
-      .circle-container {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        pointer-events: none;
-        z-index: 9999;
-      }
-    </style>
   </head>
-
   <body>
+    <!-- <nav>
+      <div class="nav__logo">Tourguide<span>.</span></div>
+      <ul class="nav__links">
+        <li class="link"><a href="#Home">Home</a></li>
+        <li class="link"><a href="#Destinations">Destinations</a></li>
+        <li class="link"><a href="#trip">Pricing</a></li>
+        <li class="link"><a href="#ReviewGallery">Reviews</a></li>
+      </ul>
+      <a href="#contact"><button class="btn">Contact Us</button></a>
+    </nav> -->
+    
     <div class="nav-container" id="top">
       <nav class="newNav">
         <img
           src="./img/A T logo with a white background and a square shape, connected to nature for a travel company.png"
-          style="width: 30px; height: 30px; border-radius: 50%"
-        />
+          style="width:30px;height:30px;border-radius:50%;">
 
-        <a href="#" class="nav__logo" data-aos="fade-right">Tourguide</a>
+        <a href="#" class="nav__logo" data-aos="fade-right">Tourguide</span></a>
 
         <ul class="navLinks">
-         
-          <li>
-            <a style="color: white; font-weight: 600" href="/index.html"
-              >Home</a
-            >
-          </li>
-          <li>
-            <a
-              style="color: white; font-weight: 600"
-              href="/index.html/#AboutUs"
-              >About</a
-            >
-          </li>
-          <li>
-            <a style="color: white; font-weight: 600" href="#trip">Prices</a>
-          </li>
-          <li>
-            <a style="color: white; font-weight: 600" href="#ReviewGallery"
-              >Trip Gallery</a
-            >
-          </li>
-          <li>
-            <a style="color: white; font-weight: 600" href="#tourist"
-              >Tourist Guide</a
-            >
-          </li>
-          <li>
-            <a style="color: white; font-weight: 600" href="#Destinations"
-              >Destination</a
-            >
-          </li>
-          <li>
-            <a style="color: white; font-weight: 600" href="#hotel"
-              >Hotel & Resort</a
-            >
-          </li>
-          <li>
-            <a style="color: white; font-weight: 600" href="#testimonials"
-              >Testimonial</a
-            >
-          </li>
-          <li>
-            <a style="color: white; font-weight: 600" href="feedback.html"
-              >Rate Us</a
-            >
-          </li>
-          <li>
-            <a style="color: white; font-weight: 600" href="#cnt-form"
-              >Contact Us</a
-            >
-          </li>
-          
-          
-          
+
+          <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
+          <li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
+          <li class="link" data-aos=""><a href="index.html/#Home">Home</a></li>
+          <li class="link" data-aos=""><a href="index.html/#AboutUs">About</a></li>
+          <li class="link" data-aos=""><a href="index.html/#Destinations">Destination</a></li>
+          <li class="link" data-aos=""><a href="index.html/#trip">Prices</a></li>
+          <li class="link" data-aos=""><a href="index.html/#ReviewGallery">Trip Gallery</a></li>
+          <li class="link" data-aos=""><a href="index.html/#tourist">Tourist Guide</a></li>
+          <li class="link" data-aos=""><a href="index.html/#hotel">Hotel & Resort</a></li>
+          <li class="link" data-aos=""><a href="index.html/#testimonials">Testimonial</a></li>
+          <li class="link" data-aos=""><a href="feedback.html">Rate Us</a></li>
+          <li class="link" data-aos=""><a href="index.html/#cnt-form">Contact Us</a></li>
         </ul>
 
-        <a href="newLogin.html" class="contact-btn" id="nav-login-btn"
-          ><button class="btn login" id="btn-style" data-aos="fade-down">
-            Login/SignUp
-          </button></a
-        >
-        <a href="mapa.html" class="contact-btn" id="nav-view-btn"
-          ><button
-            class="btn"
-            id="btn-style"
-            style="margin: 0"
-            data-aos="fade-down"
-          >
-            View
-          </button></a
-        >
-
-        <a href="loginPage.html" class="contact-btn"
-          ><button
-            class="btn"
-            id="logout-btn"
-            style="margin: 0; display: none"
-            data-aos="fade-down"
-            disabled
-          >
-            Log Out
-          </button></a
-        >
+
+
+        <a href="login-modified.html" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
+          data-aos="fade-down">Login</button></a>
+
+        <a href="loginPage.html" class="contact-btn"><button class="btn" id="logout-btn"
+            style="margin: 0; display: none;" data-aos="fade-down" disabled>Log Out</button></a>
+
+        <!-- <a href="login-modified.html" class="contact-btn"><button class="btn" id="btn-style"
+            style="margin: 0; box-shadow:1.5px 1.5px 6px red;" data-aos="fade-down">Login</button></a> -->
 
         <div class="toggle-container" data-aos="fade-down">
-          <input id="themeToggle" class="toggle" type="checkbox" />
+          <input id="themeToggle" class="toggle" type="checkbox">
         </div>
         <div class="hamburger" data-aos="fade-down">
-          <div class="line"></div>
-          <div class="line"></div>
-          <div class="line"></div>
-        </div>
+	@@ -78,6 +94,19 @@
       </nav>
     </div>
 
+
+    <style>
+      .nav-container .newNav {
+        display: flex;
+        justify-content: space-around;
+        gap: 0;
+      }
+
+      .nav-container .newNav .navLinks {
+        padding: 20px;
+      }
+    </style>
+
+    <!-- inserted a video in the header section to reflect "watch our story" -->
     <header>
-      <section
-        class="section__container"
-        style="
-          margin-top: 20px;
-          margin-bottom: -28px;
-          background: #d8e4ffe7 ";
-      >
+      <section class="section__container" style="margin-top: 20px; margin-bottom: -28px;background:rgb(241, 239, 239);">
         <video class="sized-video" autoplay controls>
-          <source src="img/travel_video.mp4" type="video/mp4" />
+          <source src="img/travel_video.mp4" type="video/mp4">
           Your browser does not support the video tag.
         </video>
+        <!-- </div> -->
       </section>
     </header>
 
+    <!-- omitted uneccessary sections -->
+
+    
+<!-- footer  -->
+
+<footer class="footer" data-aos="fade-up">
+  <div class="footer__container">
+    <div class="footer__col">
+      <h3 class="footer-head" class="footer__title">Tourguide<span>.</span></h3>
+      <p>
+        Ready for your next adventure? Let's make it unforgettable.<br>
+      </p>
+      <p class="footer__text">
+        Start planning your dream trip with us and explore the world.
+      </p>
+    </div>
+    <div class="footer__col">
+      <h3 class="footer-head" class="footer__title">Places You May Want to Visit<span>.</span></h3>
+      <p class="footer__text">
+
+        <a href="Cultural_Exp.html">Cultural Experiences</a>
+
+        <a href="HoneyMoon.html">Honeymoon Places</a>
+        <a href="Adventure.html">Adventure travel</a>
+
 
-    <footer class="footer">
-      <div class="section__container footer__container">
-        <div class="footer__col">
-          <h3>Tourguide<span>.</span></h3>
-          <p>
-            Explore your suitable and dream places around the world. Here you
-            can find your right destination.
-          </p>
+      </p>
+    </div>
+    <div class="footer__col">
+      <div class="footer__area">
+        <h4 class="footer-head" class="footer__subtitle">Support</h4>
+        <p><a href="./faq.html" class="footer__link">FAQs</a></p>
+        <p><a href="./tnc.html" class="footer__link">Terms & Conditions</a></p>
+        <p><a href="./privacy.html" class="footer__link">Privacy Policy</a></p>
+        <p><a href="index.html/#cnt-form" class="footer__link">Contact Us</a></p>
+      </div>
+    </div>
+    <div class="footer__col">
+      <h4 class="footer-head" style="padding-left: 35px;"> Address</h4>
+      <div class="mapouter">
+        <div class="gmap_canvas"><iframe width="200" height="200" id="gmap_canvas"
+            src="https://maps.google.com/maps?q=wellington%20street%20kolkata&t=k&z=11&ie=UTF8&iwloc=&output=embed"
+            frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a
+            href="https://embedgooglemap.net/124/">invincible 123movies</a><br>
+          <style>
+            .mapouter {
+              position: relative;
+              text-align: right;
+              height: 200px;
+              width: 200px;
+            }
+          </style><a href="https://www.embedgooglemap.net">embed google map on website</a>
+          <style>
+            .gmap_canvas {
+              overflow: hidden;
+              background: none !important;
+              height: 200px;
+              width: 200px;
+            }
+          </style>
+        </div>
+      </div>
+    </div>
+ 
+    <div class="footer__col">
+      <div class="footer__area">
+        <h4>Contact Us</h4>
+        <div class="d-flex align-items-center mb-2">
+          <a href="mailto:tour@tourguide.com" class="text-nowrap">tour@tourguide.com</a>
         </div>
-        <div class="footer__col">
-          <div class="footer__area">
-            <h4>Support</h4>
-            <p><a href="./faq.html">FAQs</a></p>
-            <p><a href="./tnc.html">Terms & Conditions</a></p>
-            <p><a href="./privacy.html">Privacy Policy</a></p>
-            <p><a href="./index.html#cnt-form">Contact Us</a></p>
-          </div>
+        <div class="d-flex align-items-center">
+          <a href="tel:8562145852" class="text-nowrap">+91 8562145852</a>
         </div>
-        <div class="footer__col">
-          <div class="footer__area">
-            <h4>Address</h4>
-            <p>
-              <span>Address:</span> 3/2 Wellington Street, Kolkata, West Bengal,
-              India
-            </p>
-            <p>
-              <span>Email:</span
-              ><a href="mailto:tour@tourguide.com">tour@tourguide.com</a>
-            </p>
-            <p>
-              <span>Phone:</span><a href="tel:8562145852"> +91 8562145852</a>
-            </p>
-          </div>
+        <div class="icons">
+          <a href="">
+            <div class="icon">
+              <i class="fab fa-linkedin" title="linkedin" style="cursor: pointer;"></i>
+            </div>
+          </a>
+
+          <a href="">
+            <div class="icon">
+              <i class="fab fa-twitter" title="X" style="cursor: pointer;"></i>
+            </div>
+          </a>
+
+          <a href="">
+            <div class="icon">
+              <i class="fab fa-instagram" title="Instagram" style="cursor: pointer;"></i>
+            </div>
+          </a>
+
+
+          <a href="" title="YouTube">
+            <div class="icon">
+              <i class="fab fa-youtube" style="cursor: pointer;"></i>
+            </div>
+          </a>
+
+          <a href="">
+            <div class="icon">
+              <i class="fab fa-github" title="Github"></i>
+            </div>
+          </a>
 
         </div>
+        <!-- Visitor Widget -->
+        <div class="visitor-widget mt-3">
+          <a>
+            <img alt="Hits" src="https://hits.sh/apu52.github.io/Travel_Website.svg?style=for-the-badge&label=Visitors&extraCount=786&color=526180&labelColor=9bbbff"/>
+          </a>
+        </div>
       </div>
 
      
@@ -353,39 +255,50 @@ <h4>Address</h4>
       <div>
         <li>Copyright &copy;<span id="year"></span> </span> Arpan Chowdhury. All rights reserved. </li>
       </div>
+    </div>
+</footer>
 
-    </footer>
-
-    <a class="goupbtn" href="#" onclick="goToTop()"
-      ><i class="fa-solid fa-arrow-up"></i
-    ></a>
-
+    <!-- adding a btn -->
+    <button id="goToTopBtn" onclick="goToTop()">Go to Top</button>
     <script>
-      var mybutton = document.querySelector(".goupbtn");
-
-      window.addEventListener("scroll", function () {
-        if (window.scrollY > 20) {
+      // Get the button
+      var mybutton = document.getElementById("goToTopBtn");
+    
+      // 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
       function goToTop() {
-        document.body.scrollTop = 0;
-        document.documentElement.scrollTop = 0;
+        document.body.scrollTop = 0; 
+        document.documentElement.scrollTop = 0; 
       }
-
-      function replaceDivs() {
-        var originalDiv = document.getElementById("originalDiv");
-        var newDiv = document.getElementById("newDiv");
-
-        if (originalDiv) {
+    </script>
+  </body>
+  <script>
+    function replaceDivs() {
+      // Get references to the original and new divs
+      var originalDiv = document.getElementById("originalDiv");
+      var newDiv = document.getElementById("newDiv");
+
+      // Check if the original div exists
+      if (originalDiv) {
+          // Hide the original div
           originalDiv.style.display = "none";
+
+          // Show the new div
           newDiv.style.display = "block";
-        }
       }
-    </script>
-    <script src="./Image-Gallery/script.js"></script>
-  </body>
+  }
+  </script>
+  <script src="./Image-Gallery/script.js"></script>
 </html>
diff --git a/styles.css b/styles.css
index 40be2c8c..324592e1 100644
--- a/styles.css
+++ b/styles.css
@@ -1,6 +1,3 @@
-
-
-
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Noto+Serif:wght@700&family=Oxygen:wght@300&display=swap");
 
@@ -330,7 +327,7 @@ body {
   padding: 5rem 1rem;
 }*/
 
-/*Creating Curved Corners for the Video*/
+/Creating Curved Corners for the Video/
 .section__container {
   /* max-width: var(--max-width); */
   margin: auto;
@@ -526,6 +523,9 @@ img {
   width: 100%;
   display: block;
 }
+.sitelogo{
+  width: 8%;
+}
 
 body {
   font-family: "Poppins", sans-serif;
@@ -1578,7 +1578,7 @@ body.dark-theme .items {
   backdrop-filter: blur(10px);
   box-shadow: rgba(255, 255, 255, 0.25) 0px 50px 100px -20px,
     /* Light shadow */ rgba(255, 255, 255, 0.3) 0px 30px 60px -30px,
-    /* Light shadow */ rgba(255, 255, 255, 0.35) 0px -2px 6px 0px inset; /* Light inset shadow */
+    /* Light shadow / rgba(255, 255, 255, 0.35) 0px -2px 6px 0px inset; / Light inset shadow */
 }
 
 .contact {
@@ -2397,7 +2397,7 @@ body {
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
-  background: linear-gradient(135deg, #7b4397, #dc2430); /* Gradient background */
+  background: linear-gradient(135deg, #7b4397, #32b1fa, rgb(254, 71, 227)); /* Gradient background */
   padding: 40px 20px; /* Add padding for spacing */
   border-radius: 10px; /* Rounded corners */
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add subtle shadow */
@@ -2407,7 +2407,7 @@ body {
 /* Styling for elements with .aboutcontent class */
 .aboutcontent {
   text-align: center;
-  color: var(--text-dark);
+  color: black;
   margin-bottom: 20px;
   flex: 1 1 300px; /* Make flex items responsive */
   padding: 20px;
@@ -2768,7 +2768,7 @@ body.dark-theme .testimonials .testimonial-user p{
     object-fit: contain;
   }
   .header__image img:nth-child(1) {
-    max-width: 60vw; /* Adjust image size for smaller devices */ /* Center image horizontally and vertically */
+    max-width: 60vw; /* Adjust image size for smaller devices / / Center image horizontally and vertically */
   }
 
   .header__image img:nth-child(2) {
@@ -2792,7 +2792,7 @@ body.dark-theme .testimonials .testimonial-user p{
     font-size: 1rem;
   }
 
-  .header__content .action__btns {
+  .header_content .action_btns {
     flex-direction: column; /* Stack buttons vertically */
     gap: 1rem; /* Add gap between buttons */
     margin-top: 1rem; /* Adjust top margin */
@@ -2805,7 +2805,7 @@ body.dark-theme .testimonials .testimonial-user p{
     margin: 0 auto; /* Center the subtitle */
   }
 }
-/*STYLE FOR SIDE DISCOUNT DIVISION*/
+/STYLE FOR SIDE DISCOUNT DIVISION/
 
 .popup {
   position: fixed;
@@ -2897,7 +2897,7 @@ button:hover {
     line-height: 1.5rem; /* Adjust line height for smaller devices */
   }
 
-  .header__content .action__btns {
+  .header_content .action_btns {
     gap: 1.5rem; /* Add gap between buttons */
   }
 
@@ -2999,5 +2999,4 @@ a:hover::after {
   color:#0077b5;
   margin-bottom: auto;
   font-size: 14px;
-  font-weight: 600;
-}
\ No newline at end of file
+  font-weight: 600;
\ No newline at end of file