diff --git a/index.html b/index.html
index 708fb0c9..e3825774 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,6 @@
   <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>
 
@@ -85,6 +84,7 @@
     .active {
       color: red !important;
     }
+
     @media screen and (max-width:390px) {
       .nav__logo {
         position: relative;
@@ -274,145 +274,7 @@
 } 
 
 
-    @media (max-width: 725px) {
-      .circle-container{
-        display: none;
-      }
-    }
-/* testimonials */
-    .card1 {
-  width: 330px;
-  height: 450px;
-  transition: opacity 0.5s ease;
-}
-
-.card-inner {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  text-align: center;
-  transform-style: preserve-3d;
-  transition: transform 0.8s;
-}
-
-.card1:hover .card-inner {
-  transform: rotateY(180deg);
-}
-
-.card-front,
-.card-back {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  backface-visibility: hidden;
-}
-
-.card-back {
-  transform: rotateY(180deg);
-  background-color: rgb(228, 224, 238);
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  color: black;
-}
-
-.card-img-top {
-  height: 300px;
-  width: 100%;
-  object-fit: cover;
-}
-
-
-@media (max-width: 995px) {
-  .row1 {
-    flex-direction: column;
-    align-items: center;
-  }
-
-  .card1 {
-    width: 80%;
-    margin-bottom: 20px;
-  }
-}
-
   </style>
-  <style>
-    #progress-container {
-    position: fixed ;
-    top: 0px;
-    left: 0;
-    width: 100%;
-    height: 15px;
-    z-index: 99990;
-    /* background: #f3f3f3; */
-}
-
-#progress-bar {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 0%;
-    height: 7px;
-    width: 0;
-    background: linear-gradient(90deg, rgb(0, 72, 255) 0%, rgb(153, 187, 255) 50%, rgb(0, 184, 250) 100%);
-    box-shadow: 0 0 4px rgba(0, 166, 255, 0.7), 0 0 10px rgba(255, 255, 255, 0.7);
-    transition: width 0.09s ease-in-out;
-    border-radius: 10px;
-}
-
-/* tour guide section */
-.center-card {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-}
-
-.image-container {
-  margin-top: 80px;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  overflow: hidden; 
-  width: 1200px; 
-  height: 400px; 
-}
-
-.carousel-images {
-  display: flex;
-  transition: transform 0.5s ease-in-out; /* Smooth transition for sliding */
-  gap: 10px;
-}
-
-.carousell-item {
-  min-width: 50%; 
-  max-width: 50%;
-  height: 450px; 
-  
-}
-
-.prev, .next {
-  background-color: rgba(0, 0, 0, 0.5);
-  border: none;
-  color: white;
-  cursor: pointer;
-  padding: 10px;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  z-index: 1;
-}
-
-.prev {
-  left: 0;
-}
-
-.next {
-  right: 0;
-}
-  </style>
-
   <link rel="stylesheet" href="imstyle.css">
   <link rel="stylesheet" href="jquery.flipster.min.css">
 
@@ -421,10 +283,8 @@
 
 <body style="background-color: var(--secondary-color);">
 
-  <body>
-
-
-    <div class="circle-container">
+  <body>                                     
+    <!-- <div class="circle-container">                     // pointer animation 
       <div class="circle"></div>
       <div class="circle"></div>
       <div class="circle"></div>
@@ -493,8 +353,9 @@
 
         animateCircles();
       });
-
     </script>
+     -->
+
 
   <!-- sticky animation  -->
  <script type="text/javascript">
@@ -504,6 +365,7 @@
   })
 </script>
 
+
     <div id="pre-loader">
       <h1>TourGuide . . .</h1>
     </div>
@@ -512,38 +374,111 @@ <h1>TourGuide . . .</h1>
       <canvas></canvas>
       <canvas></canvas>
     </div>
+    <div id="progressbar"></div>
+    <div id="scrollPath"></div>
+
+    <div id="cookie-consent">
+      <p>
+        We use cookies to enhance your experience on our website. By continuing to browse, you agree to our use of cookies as described in our Cookie Policy.
+          <a href="#" id="learn-more-link">Learn More</a>
+  
+      </p>
+      <div id="learn-more-content" style="display: none;">
+        <p>Cookies are small text files used by websites to enhance user experience. According to the law, we can store cookies on your device if they are essential for the operation of this site. For other types of cookies, we need your consent.</p>
+        <p>This site employs various types of cookies. Some cookies are set by third-party services that appear on our pages.</p>
+      </div>
+  
+      <a href="#" id="show-less-link" style="display: none;">Show Less</a>
+      <button class="accept-cookies">Accept</button>
+      <button class="reject-cookies">Reject</button>
+    </div>
+
+    <script>
+       
+      document.addEventListener('DOMContentLoaded', function() {
+      const cookieConsent = document.getElementById('cookie-consent');
+      const acceptButton = document.querySelector('.accept-cookies');
+      const rejectButton = document.querySelector('.reject-cookies');
+      const learnMoreLink = document.getElementById('learn-more-link');
+      const learnMoreContent = document.getElementById('learn-more-content');
+    
+      // Hide preloader after page load
+      window.addEventListener('load', function() {
+        const preloader = document.getElementById('preloader');
+        if (preloader) {
+          preloader.style.display = 'none';
+        }
+        cookieConsent.style.display = 'block';
+      });
+    
+      // Check if localStorage is available
+      function localStorageAvailable() {
+        try {
+          const test = '__localStorage_test__';
+          localStorage.setItem(test, test);
+          localStorage.removeItem(test);
+          return true;
+        } catch (e) {
+          return false;
+        }
+      }
     
+      if (localStorageAvailable()) {
+        // Check if the user has already made a choice
+        if (localStorage.getItem('cookieConsent')) {
+          cookieConsent.style.display = 'none';
+        }
+    
+        // Function to handle cookie consent choice
+        function handleConsent(choice) {
+          localStorage.setItem('cookieConsent', choice);
+          cookieConsent.style.display = 'none';
+        }
+    
+        // Add event listeners to buttons
+        acceptButton.addEventListener('click', function() {
+          handleConsent('accepted');
+        });
+    </script>
 
-    <!-- <div id="progressbar"></div> -->
+        // <!-- <div id="progressbar"></div> -->
 
-    <!-- <div id="scrollPath"></div> -->
+        // <!-- <div id="scrollPath"></div> -->
 
-    <!-- <canvas id="canvas"></canvas> -->
-    <!-- <nav>
+        // <!-- <canvas id="canvas"></canvas> -->
 
-    <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-    <ul class="nav__links">
-      <li class="link" data-aos="fade-down"><a href="#Home">Home</a></li>
-      <li class="link" data-aos="fade-down"><a href="#AboutUs">About Us</a></li>
-      <li class="link" data-aos="fade-down"><a href="#Destinations">Destinations</a></li>
-      <li class="link" data-aos="fade-down"><a href="#trip">Pricing</a></li>
-      <li class="link" data-aos="fade-down"><a href="#testimonials">Testimonials</a></li>
-      <li class="link" data-aos="fade-down"><a href="#ReviewGallery">Reviews</a></li>
-      <li class="link" data-aos="fade-down"><a href="feedback.html">Rate Us?</a></li>
-      <li class="link" data-aos="fade-down"><a href="login.html">Login</a></li>
+    <nav>
+        <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
+        <ul class="nav__links">
+            <li class="link" data-aos="fade-down"><a href="#Home">Home</a></li>
+            <li class="link" data-aos="fade-down"><a href="#AboutUs">About Us</a></li>
+            <li class="link" data-aos="fade-down"><a href="#Destinations">Destinations</a></li>
+            <li class="link" data-aos="fade-down"><a href="#trip">Pricing</a></li>
+            <li class="link" data-aos="fade-down"><a href="#testimonials">Testimonials</a></li>
+            <li class="link" data-aos="fade-down"><a href="#ReviewGallery">Reviews</a></li>
+            <li class="link" data-aos="fade-down"><a href="feedback.html">Rate Us?</a></li>
+            <li class="link" data-aos="fade-down"><a href="login.html">Login</a></li>
 
-    </ul>
-    <button id="toggle" data-aos="fade-down">Dark Theme</button>
-    <a href="#contact"><button class="btn" id="btn-style">Contact Us</button></a>
-  </nav> -->
+        </ul>
+        <button id="toggle" data-aos="fade-down">Dark Theme</button>
+        // <a href="#contact"><button class="btn" id="btn-style">Contact Us</button></a>
+    </nav>
 
     <div class="nav-container" id="top">
-      <nav class="newNav">
+    <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>
+
         <div style="display: flex; flex-direction: row; align-items: center;">
         <img src="./img/tour1.png" class="sitelogo">
         
         <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-      </div>
+        </div>
+
 
         <ul class="navLinks">
           <li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
@@ -560,23 +495,19 @@ <h1>TourGuide . . .</h1>
                   <li><a href="#hotel">Hotel & Resort</a></li>
               </ul>
           </li>
-          <li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
           <li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
           <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>
       </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 <map name=""></map></button></a>
+        <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 <map name=""></map></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> -->
+          <!--<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">
@@ -586,28 +517,28 @@ <h1>TourGuide . . .</h1>
           <div class="line"></div>
           <div class="line"></div>
         </div>
-      </nav>
+    </nav>
     </div>
-    <header>
+
       <div class="nav-wrapperr">
         <div id="progress-container">
           <div id="progress-bar"></div>
         </div>
     
         <script>
-        window.addEventListener('scroll', function() {
+            window.addEventListener('scroll', function() {
     // Get the current scroll position
-    const winScroll = document.documentElement.scrollTop || document.body.scrollTop;
-    
-    // Get the total scrollable height
-    const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
-    
-    // Calculate the percentage scrolled
-    const scrolled = (winScroll / height) * 100;
-    
-    // Set the progress bar width
-    document.getElementById('progress-bar').style.width = scrolled + '%';
-});
+            const winScroll = document.documentElement.scrollTop || document.body.scrollTop;
+            
+            // Get the total scrollable height
+            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+            
+            // Calculate the percentage scrolled
+            const scrolled = (winScroll / height) * 100;
+            
+            // Set the progress bar width
+            document.getElementById('progress-bar').style.width = scrolled + '%';
+          });
 
         </script>
       </div>
@@ -628,15 +559,13 @@ <h1 data-aos="fade-in">Find Your Perfect Getaway<br />Discover the World's Best
               clients.
             </p>
             <div class="action__btns">
-              <a href="pricing/index.html"><button class="btn" data-aos="fade-in"
+              <a href="pricing/index.html"><button class="btn" data-aos="fade-in" id="btn-style"
                   style="box-shadow: 2px 2px 8px red;">Membership</button></a>
-              <button class="btn" data-aos="fade-in" onclick="planTrip()"
+              <button class="btn" data-aos="fade-in" id="btn-style" onclick="planTrip()"
                 style="box-shadow: 2px 2px 8px red;">Plan a Trip</button>
-              <a href="./payment.html"><button class="btn" data-aos="fade-in" 
+              <a href="./payment.html"><button class="btn" data-aos="fade-in" id="btn-style"
                   style="box-shadow: 2px 2px 8px red;">Book Now</button></a>
             </div>
-
-
             <br>
             <div class="story">
               <div class="video">
@@ -649,15 +578,13 @@ <h1 data-aos="fade-in">Find Your Perfect Getaway<br />Discover the World's Best
               </div>
                
             </div>
-            <br>
-            <span data-aos="fade-in" style="color: #5755b6; font-weight: 600;">Watch our story</span>
+            <span data-aos="fade-in">Watch our story</span>
           </div>
         </div>
       </section>
     </header>
 
     <br>
-    <!-- Section of About Us -->
     <section class="About" id="AboutUs">
       <div class="color col-12">
         <div class="section__container about__container">
@@ -692,6 +619,7 @@ <h1 class="headingofAbout section__title " data-aos=" fade-in"><b>About Us</b></
                     }
                   </style>
                   <br>
+      valueDisplays.forEach((valueDisplay) => {
                   <div class="video-container">
                     <iframe src="https://www.youtube.com/embed/veULUjsSrPg?si=eq3sDAt3-yZnZUme" allowfullscreen></iframe>
                   </div>
@@ -699,7 +627,6 @@ <h1 class="headingofAbout section__title " data-aos=" fade-in"><b>About Us</b></
                     <span style="margin-left: 80px;"></span>Welcome to TourGuide, where we firmly believe that life's
                     true purpose unfolds amidst the thrill of exploration, the embrace of the unfamiliar, and the
                     pursuit of the extraordinary! Our mission is to embolden you, the intrepid traveler, to unveil this
-                    purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
                     compass as you navigate through the wonders of the world, forging unforgettable memories and
                     discovering the essence of travel!
                   </p>
@@ -711,7 +638,7 @@ <h1 class="headingofAbout section__title " data-aos=" fade-in"><b>About Us</b></
                     provide curated travel itineraries, once-in-a-lifetime experiences, valuable travel advice, and the
                     freedom to customize itineraries to ensure everything aligns with your wishlist.
                   </p>
-
+                  
                   <p class="aboutcontent" data-aos="fade-in" style="text-align: justify;">
                     <span style="margin-left: 80px;"></span>Since our inception in 2024, TourGuide has cultivated a
                     dynamic travel community, with 30,000+
@@ -733,15 +660,15 @@ <h1 class="headingofAbout section__title " data-aos=" fade-in"><b>About Us</b></
       </div>
     </section>
 
-
+    
     </div>
     <!-- Right statistics container -->
-
+    
     <!-- <div class="container-fluid text-center">
-      <h1>Some cool facts</h1>
+        <h1>Some cool facts</h1>
       <div class="row">
         <div class="col-sm-3">
-          <i class="fa fa-user"></i>
+            <i class="fa fa-user"></i>
           <h2 data-max="50">+ Happy Customers</h2>
         </div>
         <div class="col-sm-3">
@@ -749,28 +676,28 @@ <h2 data-max="50">+ Happy Customers</h2>
           <h2 data-max="25000">+ Lines of code</h2>
         </div>
         <div class="col-sm-3">
-          <i class="fa fa-lock"></i>
+            <i class="fa fa-lock"></i>
           <h2 data-max="10">+ Projects</h2>
-
+          
     <div data-aos="fade-left" class="col-6">
-
+        
       <div class="space-y-4 sm:grid sm:grid-cols-2 lg:grid-cols-1 sm:gap-4 xl:gap-8 sm:space-y-0 md:mt-12">
-         Box 1 - Number of Guides -->
-    <!-- <div class="box1">
+        Box 1 - Number of Guides -->
+        <!-- <div class="box1">
           <div class="iconss">
-
+            
             <svg class="w-12 h-12 mx-auto dark:text-gray-100 group-hover:text-pink-500 group-hover:dark:text-pink-500"
               viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
               stroke-linejoin="round">
               <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
               SVG Path for the icon -->
-    <!-- <circle cx="8.5" cy="7" r="4" />
+              <!-- <circle cx="8.5" cy="7" r="4" />
               <polyline points="17 11 19 13 23 9" />
             </svg>
             <h3 id="guidesCount"
               class="font-semibold text-4xl md:text-3xl group-hover:text-thq_green-500 text-gray-900 dark:text-white mt-3.5"
               data-aos="fade-in">25000</h3>
-            <p
+              <p
               class="text-base font-semibold text-gray-600 dark:text-gray-300 group-hover:text-gray-900 group-hover:dark:text-gray-300">
               Guides</p>
           </div>
@@ -783,7 +710,7 @@ <h2 data-max="10">+ Projects</h2>
               stroke-linejoin="round">
               <path stroke="none" d="M0 0h24v24H0z" />
               <circle cx="12" cy="10" r="4" /> -->
-    <!-- SVG Path for the icon -->
+              <!-- SVG Path for the icon -->
     <!-- <path d="M6.75 16a8.015 8.015 0 1 0 9.25 -13" />
               <line x1="12" y1="18" x2="12" y2="22" />
               <line x1="8" y1="22" x2="16" y2="22" />
@@ -792,8 +719,8 @@ <h2 data-max="10">+ Projects</h2>
               class="font-semibold text-4xl md:text-3xl  group-hover:text-thq_green-500 text-gray-900 dark:text-white mt-3.5"
               data-aos="fade-in">20000</h3>
             <p class="text-base font-semibold text-gray-600 dark:text-gray-300 group-hover:text-gray-900 group-hover:dark:text-gray-300"
-              data-aos="fade-in">Tours</p>
-          </div>
+            data-aos="fade-in">Tours</p>
+            </div>
         </div> -->
     <!-- Box 3 - Number of Destinations -->
     <!-- <div class="box1">
@@ -848,8 +775,7 @@ <h2 data-max="30" id="test">+ Developers</h2>
     <script>
       let valueDisplays = document.querySelectorAll(".num");
       let interval = 4000;
-      valueDisplays.forEach((valueDisplay) => {
-        let startValue = 0;
+          let startValue = 0;
         let endValue = parseInt(valueDisplay.getAttribute("data-val"));
         let duration = Math.floor(interval / endValue);
         let counter = setInterval(function () {
@@ -891,9 +817,7 @@ <h3 style="font-weight: 600;font-size: 24px;">Get Flat 15% OFF</h3>
             </form>
             <span style="color: #3950ac; padding: 1rem 0 0 0; font-weight: 600;cursor:pointer;font-size: 16px;"
               onclick="closeModal()">No, thanks</span>
-            <span style="color: #939393; padding: 1rem; font-size: 13px;">You are signing up to receive our newsletters
-              via
-              email and can unsubscribe at any time.</span>
+            <span style="color: #939393; padding: 1rem; font-size: 13px;">You are signing up to receive our newsletters via email and can unsubscribe at any time.</span>
           </div>
         </div>
         <div>
@@ -902,195 +826,131 @@ <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">
-      <div class="section__header">
+    <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
             destinations</h2>
           <p class="section__subtitle" data-aos="fade-in" style="margin-left: 300px;">
             Explore your dream places around the world. Here you can find your perfect destination.
-          </p>
+            </p>
         </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"
-      <span onclick="pullSlide(-1)"><i class="ri-arrow-left-s-line"></i></span>
+        <!-- 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>
-
-    Full-width images with number and caption text
-     <div class="mySlides">
-      <img src="./img/eiffelTower.webp" style="width:100%">
+      </div> -->
+      
+      <!-- Full-width images with number and caption text -->
+      <!-- <div class="mySlides">
+        <img src="./img/eiffelTower.webp" style="width:100%">
     </div>
 
     <div class="mySlides">
-      <img src="./img/london.jpg" style="width:100%">
+        <img src="./img/london.jpg" style="width:100%">
     </div>
-
+    
     <div class="mySlides">
       <img src="./img/goa.jpg" style="width:100%">
-    </div>
+      </div>
 
-        <div class="mySlides">
+      <div class="mySlides">
           <img src="./img/maldives.jpg" style="width:100%">
         </div>
         <div class="imageDots">
-          <span class="active"></span>
+            <span class="active"></span>
           <span></span>
           <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||
+        </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>
+              <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>
+          
+          <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 class="info">
+          
             <p>||Giant Wheel||</p>
             <h3>LONDON</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/goa.jpg')
-        ">
-          <div class="info">
+            </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')
+      ">
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
+        <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>||Male Beach||</p>
-            <h3>MALDIVES</h3>
-          </div>
-        </div>
-    
-      </div>
-    </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="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 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>
-        <button class="swiper-button-prev"></button>
-        <button class="swiper-button-next"></button>  
       </div>
-
-      <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
+      
+      </div>
+      </div>
+      
       <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>
+      </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" style="margin-left: 280px;">
-          Top trip deals curated for you. Get the best package for your adventure and save more.
+            Top trip deals curated for you. Get the best package for your adventure and save more.
         </p>
         <div class="trip__grid">
           <div class="trip__card cardd tilt-effect">
@@ -1116,26 +976,27 @@ <h2 class="section__title">Best trip packages</h2>
                 <a href="./dedicated-destinations/machu-picchu-peru/Machu_start.html"><button
                     class="book__now btn-style" style="box-shadow: 2px 2px 8px red;">Book
                     Now</button></a>
-              </div>
+                    </div>
             </div>
           </div>
           <div class="trip__card cardd tilt-effect">
             <img src="https://i.ibb.co/vc2W0wN/Screenshot-2023-07-14-174151.png" alt="trip" height="250" width="45" />
             <div class="trip__details">
-              <p>Grand Canyon National Park, Arizona</p>
-              <div class="rating"><i class="ri-star-fill"></i> 4.7</div>
+                <p>Grand Canyon National Park, Arizona</p>
+                <div class="rating"><i class="ri-star-fill"></i> 4.7</div>
               <div class="booking__price">
                 <div class="price"><span>From</span> $400</div>
                 <a href="./dedicated-destinations/grand-canyon-national-park-arizona/Grand_start.html"><button
                     class="book__now btn-style" style="box-shadow: 2px 2px 8px red;">Book Now</button></a>
               </div>
-            </div>
-          </div>
-        </div>
-        <div class="view__all">
-          <a href="./package.html"><button class="btn" id="btn-style" style="box-shadow: 2px 2px 8px red;">View
-              All</button></a>
+              </div>
+              </div>
+              </div>
+              <div class="view__all">
+                <a href="./package.html"><button class="btn" id="btn-style" style="box-shadow: 2px 2px 8px red;">View
+                    All</button></a>
           <br>
+                    purpose and elevate your journey by providing unparalleled assistance and guidance. Let us be your
           <br>
           <a href="trending.html"><button class="btn" id="btn-style" style="box-shadow: 2px 2px 8px red;">View
               Trending</button></a>
@@ -1159,6 +1020,7 @@ <h2 class="section__title">Best trip packages</h2>
           <li><img src="https://etimg.etb2bimg.com/photo/106124800.cms"></li>
           <li><img src="https://i.insider.com/5dcc2f02e94e860aff271137?width=700"></li>
           <li><img
+
               src="https://static01.nyt.com/images/2022/03/23/multimedia/23-virus-briefing-capitol/23-virus-briefing-capitol-articleLarge.jpg?quality=75&auto=webp&disable=upscale">
           </li>
           <li><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTWh9aGHycWhRya4V6ZiJFL26LyIHheiu-EoQ&s">
@@ -1167,8 +1029,6 @@ <h2 class="section__title">Best trip packages</h2>
         </ul>
       </div>
 
-
-
     </div>
 
     <script src="https://code.jquery.com/jquery-3.7.1.min.js"
@@ -1240,7 +1100,6 @@ <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="trip-gallery-container">
 
@@ -1318,55 +1177,6 @@ <h2 class="section__title" data-aos="zoom-in" style="text-align: center;">
 
     <!-- Toursit Guide Section -->
     <section class="tourist" id="tourist">
-      <h2 class="tourist-heading section__title" align-items="center" data-aos="fade-in">Tourist Guide</h2>
-      <h4 style="color: rgb(231, 62, 118); font-style: italic; font-family: cursive;">
-        Have an amazing trip and explore the destiny
-      </h4>
-      <br />
-      <h3 style="color: rgb(6, 151, 241); font-style: inherit; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;">
-        Connect with the Guide
-      </h3>
-      <br />
-      <div class="center-card">
-        <button class="prev" onclick="moveCarousel(-1)">&#10094;</button>
-        <div class="image-container">
-          <div class="carousel-images">
-            <img src="./tg1.jpg" alt="guide1" class="carousell-item" />
-            <img src="./tg2.jpg" alt="guide2" class="carousell-item" />
-            <img src="./tg3.jpg" alt="guide3" class="carousell-item" />
-            <img src="./tg1.jpg" alt="guide1" class="carousell-item" />
-            <img src="./tg2.jpg" alt="guide2" class="carousell-item" />
-            <img src="./tg3.jpg" alt="guide3" class="carousell-item" />
-          </div>
-        </div>
-        <button class="next" onclick="moveCarousel(1)">&#10095;</button>
-      </div>
-    </section>
-    <br /><br /><br /><br />
-
-<script>
-  let currentSlide = 0;
-
-function moveCarousel(step) {
-  const carousellItems = document.querySelectorAll('.carousell-item');
-  const itemsPerView = 2;
-  const totalItems = carousellItems.length;
-  const maxSlide = Math.ceil(totalItems / itemsPerView) - 1;
-
-  currentSlide = (currentSlide + step + maxSlide + 1) % (maxSlide + 1);
-  const offset = -currentSlide * 100 / itemsPerView;
-
-  document.querySelector('.carousel-images').style.transform = `translateX(${offset}%)`;
-}
-
-// Optional: Auto-rotate carousel every 3 seconds
-setInterval(() => {
-  moveCarousel(1);
-}, 3000);
-
-</script>    
-   
-    <!-- <section class="tourist" id="tourist">
       <h2 class="tourist-heading section__title" align-items="center" data-aos="fade-in">Tourist Guide</h2>
       <h4 style="color: rgb(231, 62, 118); font-style: italic;font-family: cursive;">Have an amazing trip and explore
         the destiny</h4>
@@ -1381,8 +1191,7 @@ <h4 style="color: rgb(231, 62, 118); font-style: italic;font-family: cursive;">H
         <button class="btn btn-style" id="btn-page" onclick="window.location.href='packages.html'" style="box-shadow: 2px 2px 8px rgb(0, 191, 255); padding: 10px 20px; font-size: 16px; cursor: pointer;">View All</button>
       </div>
     </section>
-    <br /><br /><br /><br /> -->
-
+    <br /><br /><br />
 
     <!-- Hotel & Resort Section -->
     <section class="hotel" id ="hotel">
@@ -1399,57 +1208,12 @@ <h3 style="color: rgb(151, 6, 241); font-style: italic;font-family: Cambria, Coc
        <button class="btn btn-style" id="btn-page" onclick="window.location.href='packages.html'" style="box-shadow: 2px 2px 8px rgb(0, 191, 255); padding: 10px 20px; font-size: 16px; cursor: pointer;">View All</button>
       </div>
       </section>
-    <br /><br /><br />
-<!--Packaging List-->
-<section class="hotel" id ="hotel">
-  <h2 class="tourist-heading section__title" align-items="center" data-aos="fade-in">Packaging List</h2>
-  
-   <br></br>
-   <h3 style="color: rgb(9, 27, 186); font-style: italic;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;">List for Trip</h3>
-   <br></br>
-   <div class="center-card">
-   <img src="./pack.jpg" alt="hr1"/>
-   <br>
-   <a class="btn btn-primary" href="./Pack.html" role="button" class="book__now btn-style" style="box-shadow: 2px 2px 8px red;">View Now</a>
-   <br>
-   
-  </div>
-  </section>
-  <br /><br />
-  <!--Travel Books-->
-<section class="hotel" id ="hotel">
-  <h2 class="tourist-heading section__title" align-items="center" data-aos="fade-in">Travel Books</h2>
-  
-   <br></br>
-   <h3 style="color: rgb(104, 5, 218); font-style: italic;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;">Your Travel Time Companion</h3>
-   <br></br>
-   <div class="center-card">
-   <img src="./read.jpg" alt="hr1"/>
-   <br>
-   <a class="btn btn-primary" href="./read.html" role="button" class="book__now btn-style" style="box-shadow: 2px 2px 8px red;">View Now</a>
-   
-   
-  </div>
-  </section>
-  <br /><br />
-    <!--Accessibility for Special People-->
-<section class="hotel" id ="hotel">
-  <h2 class="tourist-heading section__title" align-items="center" data-aos="fade-in">Help for Special People</h2>
-  
-   <br></br>
-   <h3 style="color: rgb(20, 80, 234); font-style: italic;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;">Your Support for your Journey</h3>
-   <br></br>
-   <div class="center-card">
-   <img src="./dis.jpg" alt="hr1"/>
-   <br>
-   <a class="btn btn-primary" href="./acce.html" role="button" class="book__now btn-style" style="box-shadow: 2px 2px 8px red;">View Now</a>
-   <br>
-   
-  </div>
-  </section>
-<br /><br /><br /><br />
-
+    <br /><br /><br /><br />
     <!-- Testimonials Section -->
+
+
+    <section class="testimonials" id="testimonials">
+
     <section id="testimo" class="testimo">
       <h2 class="testimonial-heading section__title" align-items="center" data-aos="fade-in">Testimonials</h2>
       <div class="container" style="display: flex; flex-wrap: wrap">
@@ -1663,7 +1427,8 @@ <h3>Charles</h3>
       </div>
     </section> 
 
-    <!-- <section class="testimonials" id="testimonials">
+    // <section class="testimonials" id="testimonials">
+<sab>
       <h2 class="testimonial-heading section__title" align-items="center" data-aos="fade-in">Testimonials</h2>
       <div class="marquee">
         <div class="track">
@@ -1765,7 +1530,19 @@ <h3>Katie</h3>
         </div>
       </div>
 
-    </section> -->
+    </section>
+
+
+
+
+
+
+
+
+
+
+
+
 
     <!----------------------------------------------------- FAQ section ---------------------- -->
 
@@ -1860,7 +1637,7 @@ <h3 class="accordion__question faq-title">Can I make changes to my booking or ca
 
     <!--------------------------------------- Updated Contact Us Section ----------------------------------------------->
 
-    <!-- <section class="contact" id="contact">
+  <!--   <section class="contact" id="contact">
     <h2 class="section__title" align-items="center" data-aos="slide-right">Contact Us</h2>
     <div class="contact-form" data-aos="fade-in">
       <div class="left">
@@ -1895,9 +1672,6 @@ <h2 class="section__title" align-items="center" data-aos="slide-right">Contact U
         </button>
       </div>
     </div>
-
-
-
   </section> -->
 
     <section>
@@ -2015,7 +1789,6 @@ <h3 class="footer-head" class="footer__title">Places You May Want to Visit<span>
         <div class="footer__col">
           <div class="footer__area">
             <h4 class="footer-head" class="footer__subtitle">Support</h4>
-            <p><a href="./blog.html" class="footer__link">Our Blogs</a></p>
             <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>
@@ -2070,7 +1843,7 @@ <h4>Contact Us</h4>
 
               <a href="https://x.com/ArpanCh40193288">
                 <div class="icon">
-                  <i class="fa-brands fa-x-twitter" title="X" style="cursor: pointer;"></i>
+                  <i class="fab fa-twitter" title="X" style="cursor: pointer;"></i>
                 </div>
               </a>
 
@@ -2273,7 +2046,7 @@ <h4>Contact Us</h4>
         domain: "www.chatbase.co"
       }
     </script>
-    <script src="https://www.chatbase.co/embed.min.js" chatbotId="yDQ_EheFvX0HAPr9beQ5L" domain="www.chatbase.co" defer>
+    <script src="https://www.chatbase.co/embed.min.js" chatbotId="yDQ_EheFvX0HAPr9beQ5L" domain="www.chatbase.co" defer> 
     </script> -->
 
     <!-- chatbot -->
@@ -2303,7 +2076,7 @@ <h4>Contact Us</h4>
 
 
 
-    <!-- Start of Conferbot Script
+    // Start of Conferbot Script
 
     <script type="text/javascript">
         (function (d, s, id) {
@@ -2320,9 +2093,9 @@ <h4>Contact Us</h4>
           };
         })(document, 'script', 'conferbot-js');
     </script>
-    End of Conferbot Script
-  -->
-
+    // End of Conferbot Script
+  
+          
 
 
 
@@ -2588,7 +2361,7 @@ <h4>Contact Us</h4>
 
         }
       })(jQuery);
-    </script> -->
+    </script> 
 
     <script>
       let pre = document.querySelector('#pre-loader');
@@ -2596,7 +2369,7 @@ <h4>Contact Us</h4>
         pre.style.display = "none";
       })
     </script>
-
+-->
     <script>
 
       // To highlight active navbar
@@ -2627,7 +2400,8 @@ <h4>Contact Us</h4>
 
         // Initialize AOS library
         AOS.init();
-      });</script>
+      });
+      </script>
     
 
 
@@ -2701,7 +2475,7 @@ <h4>Contact Us</h4>
 
 <script>
 
-  document.addEventListener('DOMContentLoaded', function() {
+  document.addEventListener('DOMContentLoaded'), function() {
     function animateValue(id, start, end, duration) {
       const obj = document.getElementById(id);
       const startTime = performance.now();
@@ -2713,65 +2487,38 @@ <h4>Contact Us</h4>
         obj.textContent = currentValue;
         if (progress < 1) {
           requestAnimationFrame(updateValue);
+
         }
+
         requestAnimationFrame(updateValue);
       }
     }
-  })
 </script>
 
 
-<script>
-    
-
-    window.addEventListener('scroll', fillscrollline);
-
-
-      // Call the function for each count-up element
-      animateValue("guidesCount", 0, 25000, 20000);
-      animateValue("toursCount", 0, 20000, 20000);
-      animateValue("destinationsCount", 0, 10994, 20000);
-  
-
-
-  </script>
-
-
-
-
-
-
-
-
+  <script>
+      const scrollline = document.querySelector('.progress-bar');
 
-</html><!-- New bubble background start -->
+      function fillscrollline(){
+      const windowHeight = window.innerHeight;
+      const fullHeight = document.body.clientHeight;
+      const scrolled = window.scrollY;
+      const percentScrolled = (scrolled / (fullHeight - windowHeight)) * 100;
 
+      scrollline.style.width = percentScrolled + '%';
+      };
+    
 
-<!-- <div class="bubbles">
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
 
+      window.addEventListener('scroll', fillscrollline);
 
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
-  <div class="bubble"></div>
 
+        // Call the function for each count-up element
+        animateValue("guidesCount", 0, 25000, 20000);
+        animateValue("toursCount", 0, 20000, 20000);
+        animateValue("destinationsCount", 0, 10994, 20000);
+      };
 
+  </script>
 
-</div> -->
-<!-- New bubble background end -->
\ No newline at end of file
+</html>
\ No newline at end of file
