diff --git a/1.png b/1.png
new file mode 100644
index 00000000..7bf31fa0
Binary files /dev/null and b/1.png differ
diff --git a/2.png b/2.png
new file mode 100644
index 00000000..7229d33a
Binary files /dev/null and b/2.png differ
diff --git a/3.png b/3.png
new file mode 100644
index 00000000..07fc7d6f
Binary files /dev/null and b/3.png differ
diff --git a/Signup.css b/Signup.css
new file mode 100644
index 00000000..b2b8e87b
--- /dev/null
+++ b/Signup.css
@@ -0,0 +1,197 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: 'Poppins', sans-serif;
+}
+
+body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  background: linear-gradient(135deg, #f0f0f0, #e5f0ff);
+}
+
+.container {
+  width: 100%;
+  height: 100%;
+  background: rgb(240, 240, 240);
+  display: flex;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+  border-radius: 15px;
+  overflow: hidden;
+}
+
+.left-section, .right-section {
+  padding: 20px;
+}
+
+.left-section {
+  flex: 3;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background: rgb(240, 240, 240); /* Light Green */
+  text-align: center;
+}
+
+.animated-heading {
+  font-size: 50px;
+  font-weight: 600;               
+  margin-bottom: 20px;
+  color: #000000; /* Yellow */
+  animation: fadeIn 2s ease-in-out;
+}
+
+.description {
+  font-size: 16px;
+  color: #000000;
+  margin-bottom: 20px;
+  line-height: 1.5;
+}
+
+.login-form {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  width: 100%;
+  max-width: 300px;
+  margin-bottom: 20px;
+}
+
+.input-field {
+  padding: 12px 20px;
+  border: 2px solid #000000; /* Yellow */
+  border-radius: 90px;
+  font-size: 16px;
+  outline: none;
+  transition: border-color 0.3s;
+}
+
+.input-field:focus {
+  border-color: #000000; /* Darker Yellow */
+}
+
+.submit-button {
+  background-color: #000000; /* Yellow */
+  border: none;
+  color: white;
+  padding: 12px 20px;
+  font-size: 16px;
+  cursor: pointer;
+  border-radius: 90px;
+  transition: background-color 0.3s, color 0.3s, transform 0.3s;
+  width: 100%;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+
+.submit-button:hover {
+  background-color: #ffffff; /* Darker Yellow */
+  transform: scale(1.05);
+  color: #000000;
+  border:#000000;
+  border-style: groove;
+}
+
+
+.right-section {
+  flex: 7;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #f0f0f0;
+  position: relative;
+  overflow: hidden;
+  padding: 0;
+}
+
+.transition-image {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  opacity: 0;
+  transition: opacity 1s ease-in-out;
+}
+
+.transition-image:first-child {
+  opacity: 1;
+}
+
+@keyframes fadeIn {
+  0% { opacity: 0; transform: translateY(-20px); }
+  100% { opacity: 1; transform: translateY(0); }
+}
+
+.blinking-cursor {
+  font-weight: 100;
+  font-size: 50px;
+  color: #000000; /* Yellow */
+  animation: blink 1s step-end infinite;
+}
+
+@keyframes blink {
+  from, to {
+      color: transparent;
+  }
+  50% {
+      color: #070707; /* Yellow */
+  }
+}
+
+.back-button {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  background: rgb(240, 240, 240);
+  border: none;
+  color:rgb(240, 240, 240);
+  padding: 0px;
+  font-size: 16px;
+  cursor: pointer;
+  border-radius: 1%;
+  transition: background-color 0.3s, color 0.3s, transform 0.3s;
+}
+
+.back-button:hover {
+  transform: scale(1.25);
+  color: #000000; /* Yellow */
+}
+.already-signed-up {
+  font-size: 14px;
+  color: #000000;
+  margin-top: 20px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  text-decoration: none;
+  gap: 5px; /* Add some space between the text and the link */
+}
+a{
+  font-size: 14px;
+  color: #000000;  
+  text-decoration: none; 
+  display: inline-block;
+}
+
+/* .already-signed-up span {
+  margin-bottom: 10px;
+  font-weight: 600;
+} */
+
+/* .already-signed-up a {
+  color: #FFA500; /* Yellow */
+  /* text-decoration: none;
+  font-weight: 600;
+  background-color: #E0FFD8;
+  padding: 10px 20px;
+  border-radius: 20px;
+  transition: color 0.3s, background-color 0.3s;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+} */ 
+
+/* .already-signed-up a:hover {
+  color: white;
+  background-color: #FFA500; /* Darker Yellow */
\ No newline at end of file
diff --git a/Signup.html b/Signup.html
new file mode 100644
index 00000000..891a471f
--- /dev/null
+++ b/Signup.html
@@ -0,0 +1,56 @@
+<!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">
+    <title>Signup</title>
+    <link rel="stylesheet" href="login.css"/>
+</head>
+<body>
+    <div class="container">
+        <div class="left-section">
+            <button class="back-button" onclick="window.location.href='index.html'"><img src="img/button.png" width="50px" height="50px"/></button>
+            <h1 class="animated-heading">Tourguide<span class="blinking-cursor">|</span></h1>
+            <p class="description">
+                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.
+            </p>
+            <form id="signupForm" class="login-form">
+                <input type="text" id="name" placeholder="Name" class="input-field">
+                <input type="text" id="username" placeholder="Username" class="input-field">
+                <input type="email" id="email" placeholder="Email" class="input-field">
+                <input type="password" id="password" placeholder="Password" class="input-field">
+                <button type="submit" class="submit-button">Sign up</button>
+            </form>
+            <p class="already-signed-up">
+                Already signed up? <a href="login-modified.html">Login</a>
+            </p>
+        </div>
+        <div class="right-section">
+            <img src="./img/login1.jpg" alt="travel_pics" class="transition-image">
+            <img src="./img/login2.jpg" alt="travel_pics" class="transition-image">
+            <img src="./img/login3.jpg" alt="travel_pics" class="transition-image">
+            <img src="./img/login4.jpg" alt="travel_pics" class="transition-image">
+            <img src="./img/login5.jpg" alt="travel_pics" class="transition-image">
+            <img src="./img/login6.jpg" alt="travel_pics" class="transition-image">
+            <img src="./img/login7.jpg" alt="travel_pics" class="transition-image">
+        </div>
+    </div>
+
+    <script>
+        const images = document.querySelectorAll('.transition-image');
+        let currentImageIndex = 0;
+
+        function showNextImage() {
+            images[currentImageIndex].style.opacity = 0;
+            currentImageIndex = (currentImageIndex + 1) % images.length;
+            images[currentImageIndex].style.opacity = 1;
+        }
+
+        setInterval(showNextImage, 3000);
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/feedback.html b/feedback.html
index 31f227e9..c5ba1f1e 100644
--- a/feedback.html
+++ b/feedback.html
@@ -26,7 +26,7 @@
 <body>
     <div class="nav-container">
       <nav class="newNav">
-        <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
+        <a href="index.html" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
 
         <ul class="navLinks">
           <li class="link home" data-aos="fade-down"><a href="./index.html#home" target="_blank">Home</a></li>
diff --git a/img/button.png b/img/button.png
new file mode 100644
index 00000000..3a8b0cfd
Binary files /dev/null and b/img/button.png differ
diff --git a/img/feedback_img.jpg b/img/feedback_img.jpg
new file mode 100644
index 00000000..3e3d23ab
Binary files /dev/null and b/img/feedback_img.jpg differ
diff --git a/img/login1.jpg b/img/login1.jpg
new file mode 100644
index 00000000..a480cc47
Binary files /dev/null and b/img/login1.jpg differ
diff --git a/img/login2.jpg b/img/login2.jpg
new file mode 100644
index 00000000..90cfa950
Binary files /dev/null and b/img/login2.jpg differ
diff --git a/img/login3.jpg b/img/login3.jpg
new file mode 100644
index 00000000..48ce66ae
Binary files /dev/null and b/img/login3.jpg differ
diff --git a/img/login4.jpg b/img/login4.jpg
new file mode 100644
index 00000000..5486bcdb
Binary files /dev/null and b/img/login4.jpg differ
diff --git a/img/login5.jpg b/img/login5.jpg
new file mode 100644
index 00000000..a5795b41
Binary files /dev/null and b/img/login5.jpg differ
diff --git a/img/login6.jpg b/img/login6.jpg
new file mode 100644
index 00000000..5c571f1b
Binary files /dev/null and b/img/login6.jpg differ
diff --git a/img/login7.jpg b/img/login7.jpg
new file mode 100644
index 00000000..88597759
Binary files /dev/null and b/img/login7.jpg differ
diff --git a/index.html b/index.html
index 85b642e6..a2885c95 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,13 @@
   <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">
+  <style>
+    .center-card {
+      margin: 0 auto;
+      display: block;
+    }
+  </style>
   <link rel="stylesheet" href="./loader.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
   <link rel="stylesheet" href="faq-website.css">
@@ -18,6 +25,8 @@
   <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">
 
+
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <link rel="stylesheet" href="styles.css" />
   <link rel="stylesheet" href="./Image-Gallery/style.css">
   <link rel="stylesheet" href="./Image-Gallery/stylecaptions.css">
@@ -82,7 +91,7 @@
         width: 130%;
       } 
       .line{
-        width: 130%;
+        width: 150%;
       }
       .hamburger{
         position: relative;
@@ -172,17 +181,18 @@ <h1>TourGuide . . .</h1>
       <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>.</span></a>
+        <a href="#" class="nav__logo" data-aos="fade-right">Tourguide</span></a>
 
         <ul class="navLinks">
 
           <li class="link" data-aos=""><a href="#Home">Home</a></li>
-          <li class="link" data-aos=""><a href="#AboutUs"> AboutUs</a></li>
-          <li class="link" data-aos=""><a href="#Destinations">Destinations</a></li>
-          <li class="link" data-aos=""><a href="#trip">Pricing</a></li>
+          <li class="link" data-aos=""><a href="#AboutUs">About</a></li>
+          <li class="link" data-aos=""><a href="#Destinations">Destination</a></li>
+          <li class="link" data-aos=""><a href="#trip">Prices</a></li>
           <li class="link" data-aos=""><a href="#ReviewGallery">Trip Gallery</a></li>
-          <li class="link" data-aos=""><a href="#testimonials">Testimonials</a></li>
-          <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
+          <li class="link" data-aos=""><a href="#tourist">Tourist Guide</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>
 
 
@@ -741,8 +751,24 @@ <h2 class="section__title" data-aos="zoom-in">
     document.getElementById('newDiv').style.display = 'block';
   }
     </script>
-    <br /><br /><br /><br /><br /><br />
-
+    <br /><br />
+
+    <!-- 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></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></br>
+       <div class="center-card">
+       <img src="./tg1.jpg" alt="guide1"/>
+       <br></br>
+       <img src="./tg2.jpg" alt="guide2"/>
+       <br></br>
+       <img src="./tg3.jpg" alt="guide3"/>
+      </div>
+      </section>
+    <br /><br /><br /><br />
     <!-- Testimonials Section -->
 
     <section class="testimonials" id="testimonials">
@@ -1036,6 +1062,7 @@ <h3 class="footer__title">Places You May Want to Visit<span>.</span></h3>
         </div>
         <div class="footer__col">
           <h3 class="footer__title">Tourguide<span>.</span></h3>
+          <h3 class="footer-head" class="footer__title">Tourguide<span>.</span></h3>
           <p>
             Ready for your next adventure? Let's make it unforgettable.<br>
           </p>
@@ -1043,12 +1070,24 @@ <h3 class="footer__title">Tourguide<span>.</span></h3>
             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 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="./privacy.html" class="footer__link">Privacy Policy</a></p>
           <p><a href="#cnt-form" class="footer__link">Contact Us</a></p>
           </div>
         </div>
@@ -1062,6 +1101,7 @@ <h4 class="footer__subtitle">Support</h4>
         </div>
         <div class="footer__col">
           <h4>Address</h4>
+          <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"
@@ -1119,6 +1159,49 @@ <h4>Follow Us</h4>
           </div>
         </div>
         
+            <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="d-flex align-items-center">
+              <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>
+          </div>
+        
+        </div>
         <div class="footer__col">
           <div id="google_element"></div>
           <script src="https://translate.google.com/translate_a/element.js?cb=loadGoogleTranslate"></script>
@@ -1139,12 +1222,7 @@ <h4>Follow Us</h4>
         </div>
       </div>
 
-      <!--   Previous copyright code
-<!--  <div class="footer__bar">
-        Copyright © 2023 Arpan Chowdhury. All rights reserved.
-      </div> -->
-
-    </footer>
+    </footer> 
 
     <a class="goupbtn" href="#" onclick="goToTop()"><i class="fa-solid fa-arrow-up"></i></a>
 
diff --git a/login-modified.html b/login-modified.html
index bcc8cef1..6fdda140 100644
--- a/login-modified.html
+++ b/login-modified.html
@@ -1,140 +1,54 @@
 <!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">
-    <title>Login Page</title>
-    <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 rel="icon" type="image/x-icon" href="favicon.ico"/>
-    <link rel="stylesheet" href="./newLogin.css">
-    <link rel="stylesheet" href="style_.css">
+    <title>Login</title>
+    <link rel="stylesheet" href="login.css"/>
 </head>
-
 <body>
-
-    <div class="nav-container">
-        <nav class="newNav">
-          <a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
-  
-          <ul class="navLinks">
-            <li class="link home" data-aos="fade-down"><a href="index.html#Home">Home</a></li>
-            <li class="link" data-aos="fade-down"><a href="index.html">AboutUs</a></li>
-            <li class="link" data-aos="fade-down"><a href="index.html">Destinations</a></li>
-            <li class="link" data-aos="fade-down"><a href="index.html">Pricing</a></li>
-            <li class="link" data-aos="fade-down"><a href="index.html">Trip Gallery</a></li>
-            <li class="link" data-aos="fade-down"><a href="index.html">Testimonials</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="index.html">Contact Us</a></li>
-  
-          </ul>
-          <a href="newLogin.html" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
-              data-aos="fade-down">Login</button></a>
-          <div class="toggle-container" data-aos="fade-down">
-            <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>
-        </nav>
-      </div>
-
-    <div class="main-container">
-        <div class="form-container">
-            <div class="content1">
-                <h1>Welcome Back !</h1>
-                <img src="\img\image.png">
-                <p>To keep connected with us please login with your personal information.</p>
-                 <a href="newLogin.html"><button type="submit">Register Here</button></a>
-            </div>
-            <div class="content2">
-                <h1>LOGIN</h1>
-                <div class="icon-section">
-                    <a href="" target="_blank" style="color: white;text-shadow: 0px 0px 30px rgb(52, 168, 83) , 0px 0px 60px rgb(52, 168, 83); cursor: pointer;"><i class="fa-brands fa-google"></i></a>
-                    <a href="" target="_blank" style="color: #010618;text-shadow: 0px 0px 30px #fff , 0px 0px 60px #fff; ">
-                        <i class="fa-brands fa-github"></i></a>
-                    <a href="" target="_blank" style="color: rgb(19, 19, 183); text-shadow: 0px 0px 30px #fff , 0px 0px 60px #fff;">
-                        <i class="fa-brands fa-facebook"></i>
-                    </a>
-                    <a href="" target="_blank" style="color: rgb(255, 25, 64); text-shadow: 0px 0px 30px rgb(174, 0, 29) , 0px 0px 60px rgb(174, 0, 29);">
-                        <i class="fa-brands fa-instagram"></i>
-
-                    </a>
-                </div>
-                <p>OR</p>
-
-                <form action="">
-                    <input type="email" name="" id="" placeholder="Email" required>
-                    <input type="password" name="" id="" placeholder="Password" required>
-                    <button type="submit" class=".content2_button">Login</button>
-
-                </form>
-            </div>
+    <div class="container">
+        <div class="left-section">
+            <button class="back-button" onclick="window.location.href='index.html'"><img src="img/button.png" width="50px" height="50px"/></button>
+            <h1 class="animated-heading">Tourguide<span class="blinking-cursor">|</span></h1>
+            <p class="description">
+                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.
+            </p>
+            <form id="loginForm" class="login-form">
+                <input type="text" id="username" placeholder="Username" class="input-field">
+                <input type="password" id="password" placeholder="Password" class="input-field">
+                <button type="submit" class="submit-button">Login</button>
+            </form>
+            <p class="already-signed-up">
+                Not signed up? <a href="Signup.html">Sign In</a>
+            </p>
+        </div>
+        <div class="right-section">
+            <img src="./img/login1.jpg" alt="travel_pics" class="transition-image">
+            <img src="./img/login2.jpg" alt="travel_pics" class="transition-image">
+            <img src="./img/login3.jpg" alt="travel_pics" class="transition-image">
+            <img src="./img/login4.jpg" alt="travel_pics" class="transition-image">
+            <img src="./img/login5.jpg" alt="travel_pics" class="transition-image">
+            <img src="./img/login6.jpg" alt="travel_pics" class="transition-image">
+            <img src="./img/login7.jpg" alt="travel_pics" class="transition-image">
         </div>
     </div>
 
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script>
-        var tl = gsap.timeline();
+        const images = document.querySelectorAll('.transition-image');
+        let currentImageIndex = 0;
 
-        tl.from(".form-container" ,{
-            opacity:0,
-            delay:0.8,
-            duration:0.5,
-        })
-        tl.from(".content1 h1 , .content2 h1" , {
-            opacity:0,
-            y:20,
-            duration:0.5,
-        })
-        tl.from(".content1 p , .icon-section" , {
-            opacity:0,
-            y:20,
-            duration:0.5,
-        })
-        tl.from(".content2 p" , {
-            opacity:0,
-            y:20,
-            duration:0.5,
-        })
-        tl.from("form input" , {
-            opacity:0,
-            x:-20,
-            duration:0.5,
-        })
-        tl.from("form button" , {
-            opacity:0,
-            duration:0.5,
-        })
-        document.getElementById('registerButton').addEventListener('click', function(event) {
-            event.preventDefault();
+        function showNextImage() {
+            images[currentImageIndex].style.opacity = 0;
+            currentImageIndex = (currentImageIndex + 1) % images.length;
+            images[currentImageIndex].style.opacity = 1;
+        }
 
-            var name = document.getElementById('name').value;
-            var email = document.getElementById('email').value;
-            var password = document.getElementById('passWord').value;
-            
-            if (name.trim() === '' || email.trim() === '' || password.trim() === '') {
-                alert('Please fill out all fields.');
-            }
-            else{
-                var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
-                if(!emailPattern.test(email)){
-                    alert("Please enter valid email!");
-                    return;
-                }
-                else{
-                    alert("Registration Successfully completed!");
-                    window.location.href = './index.html';
-                }
-            }
-        });
-        
+        setInterval(showNextImage, 3000);
     </script>
 </body>
-
-</html>
+</html>
\ No newline at end of file
diff --git a/login.css b/login.css
new file mode 100644
index 00000000..20af43ab
--- /dev/null
+++ b/login.css
@@ -0,0 +1,197 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'Poppins', sans-serif;
+}
+
+body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    background: linear-gradient(135deg, #f0f0f0, #e5f0ff);
+}
+
+.container {
+    width: 100%;
+    height: 100%;
+    background: rgb(240, 240, 240);
+    display: flex;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+    border-radius: 15px;
+    overflow: hidden;
+}
+
+.left-section, .right-section {
+    padding: 20px;
+}
+
+.left-section {
+    flex: 3;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background: rgb(240, 240, 240); /* Light Green */
+    text-align: center;
+}
+
+.animated-heading {
+    font-size: 50px;
+    font-weight: 600;               
+    margin-bottom: 20px;
+    color: #000000; /* Yellow */
+    animation: fadeIn 2s ease-in-out;
+}
+
+.description {
+    font-size: 16px;
+    color: #000000;
+    margin-bottom: 20px;
+    line-height: 1.5;
+}
+
+.login-form {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    width: 100%;
+    max-width: 300px;
+    margin-bottom: 20px;
+}
+
+.input-field {
+    padding: 12px 20px;
+    border: 2px solid #000000; /* Yellow */
+    border-radius: 90px;
+    font-size: 16px;
+    outline: none;
+    transition: border-color 0.3s;
+}
+
+.input-field:focus {
+    border-color: #000000; /* Darker Yellow */
+}
+
+.submit-button {
+    background-color: #000000; /* Yellow */
+    border: none;
+    color: white;
+    padding: 12px 20px;
+    font-size: 16px;
+    cursor: pointer;
+    border-radius: 90px;
+    transition: background-color 0.3s, color 0.3s, transform 0.3s;
+    width: 100%;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+
+.submit-button:hover {
+    background-color: #ffffff; /* Darker Yellow */
+    transform: scale(1.05);
+    color: #000000;
+    border:#000000;
+    border-style: groove;
+}
+
+
+.right-section {
+    flex: 7;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #f0f0f0;
+    position: relative;
+    overflow: hidden;
+    padding: 0;
+}
+
+.transition-image {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    opacity: 0;
+    transition: opacity 1s ease-in-out;
+}
+
+.transition-image:first-child {
+    opacity: 1;
+}
+
+@keyframes fadeIn {
+    0% { opacity: 0; transform: translateY(-20px); }
+    100% { opacity: 1; transform: translateY(0); }
+}
+
+.blinking-cursor {
+    font-weight: 100;
+    font-size: 50px;
+    color: #000000; /* Yellow */
+    animation: blink 1s step-end infinite;
+}
+
+@keyframes blink {
+    from, to {
+        color: transparent;
+    }
+    50% {
+        color: #070707; /* Yellow */
+    }
+}
+
+.back-button {
+    position: absolute;
+    top: 20px;
+    left: 20px;
+    background: rgb(240, 240, 240);
+    border: none;
+    color:rgb(240, 240, 240);
+    padding: 0px;
+    font-size: 16px;
+    cursor: pointer;
+    border-radius: 1%;
+    transition: background-color 0.3s, color 0.3s, transform 0.3s;
+}
+
+.back-button:hover {
+    transform: scale(1.25);
+    color: #000000; /* Yellow */
+}
+.already-signed-up {
+    font-size: 14px;
+    color: #000000;
+    margin-top: 20px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    text-decoration: none;
+    gap: 5px; /* Add some space between the text and the link */
+}
+a{
+    font-size: 14px;
+    color: #000000;  
+    text-decoration: none; 
+    display: inline-block;
+}
+
+/* .already-signed-up span {
+    margin-bottom: 10px;
+    font-weight: 600;
+} */
+
+/* .already-signed-up a {
+    color: #FFA500; /* Yellow */
+    /* text-decoration: none;
+    font-weight: 600;
+    background-color: #E0FFD8;
+    padding: 10px 20px;
+    border-radius: 20px;
+    transition: color 0.3s, background-color 0.3s;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+} */ 
+
+/* .already-signed-up a:hover {
+    color: white;
+    background-color: #FFA500; /* Darker Yellow */
\ No newline at end of file
diff --git a/package.html b/package.html
index 6f735895..a82ddb35 100644
--- a/package.html
+++ b/package.html
@@ -459,6 +459,17 @@ <h4>Address</h4>
   <button class="top-btn" id="goToTopBtn" onclick="goToTop()"><i class="fa-solid fa-chevron-up"
       style="color: #ffffff;"></i></button>
 
+      <!--SIDE POP UP DISCOUNT-->
+      <div class="popup" id="popup">
+        <span class="close-btn" id="close-btn"> &times;</span>
+        <p class="pop_up_heading">Unlock Your Exclusive Discount!</p>
+        <p class="pop_up_content">Enter the code <strong>DISCOUNT10</strong> to receive 10% off your first trip package!</p>
+        <form id="signup-form">
+          <input type="email" id="email" name="email" placeholder="                  email address" required>
+          <button type="submit">Sign Up Now</button>
+        </form>
+      </div>
+
   <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
     integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
     crossorigin="anonymous" referrerpolicy="no-referrer"></script>
@@ -581,6 +592,17 @@ <h4>Address</h4>
     }
   }
 </script>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  setTimeout(function() {
+    document.getElementById('popup').style.display = 'block';
+  }, 5000); 
+
+  document.getElementById('close-btn').addEventListener('click', function() {
+    document.getElementById('popup').style.display = 'none';
+  });
+});
+</script>
 <script src="./Image-Gallery/script.js"></script>
 
 </html>
diff --git a/registerPage.css b/registerPage.css
deleted file mode 100644
index 3d43ee60..00000000
--- a/registerPage.css
+++ /dev/null
@@ -1,314 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap");
-*{
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family:'Urbanist', sans-serif;
-}
-:root{
-    --var-primary-color: #2888E8FF
-}
-html{
-    font-size:62.5%;
-
-}
-h1,h2,h3,h4{
-    font-family:'Lexend Deca', sans-serif;
-}
-h1{
-    font-size:4.8rem;
-}
-h2{
-    font-size:3rem;
-}
-p{
-    font-size: 1.6rem;
-    letter-spacing: 0.08rem;
-}
-button, input[type="submit"]{
-    border: .1rem solid #fff;
-    outline: none;
-    padding: .6rem 1.2rem;
-    font-size: 1.7rem;
-    text-transform: capitalize;
-    letter-spacing: 0.01rem;
-    background-color: transparent;
-    color: #fff;
-    cursor: pointer;
-}
-
-.registration-header{
-    height: 100vh;
-    background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url("img/img1.jpeg");
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: center;
-}
-.container{
-    height:10vh;
-    width: 80%;
-    margin:auto;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    
-}
-.logo a{
-    font-size: 2.4rem;
-    font-weight: bold;
-    color: #fff;
-    text-decoration: none;
-}
-
-main{
-    min-height: 80vh;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-.registration, .login{
-    min-height: 30rem;
-    min-width: 40vw;
-    /* <Commented background to make the background as same */
-    /* background-color: aqua; */
-    /* removed aqua color from background which beautifies the page
-    background-color: aqua;  */
-    margin-left: 100px;
-}
-.grid-two--column{
-    display: grid;
-    grid-template-columns: repeat(2,1fr);
-    
-}
-.form-text{
-  width: auto;
-    height: inherit;
-    padding-right: 150px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    background-color: transparent;
-    /* background-image:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.3)),url("img/img2.jpg");
-    background-repeat: no-repeat;
-    background-size: cover; */
-    /* background-position: center; */
-    /* border-color: #091020; */
-    border-radius: 20px;
-    /* background-color: #ccc; */
-    color: #fff;
-    padding: 3rem 2rem;
-     margin-top: 60px;
-}
-.form-text p{
-    width: 30ch;
-    text-align: center;
-    margin: 2rem 0 3rem 0;
-
-}
-
-.registration-form, .login-form{
-  height: 500px;
-    width:50%;
-    padding-right: 150px;
-    
-    height:500px;
-    width: 400px;
-    min-height: 45vh;
-    background-color: transparent;
-    /* background-image:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.3)),url("img/img2.jpg");
-    background-size: cover;
-    background-position: center; */
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    color: #fff;
-  border-radius:20px;
-}
-/* Added a class for the common background of both login as well as register block */
-.back{
-  background-image:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.3)),url("img/img2.jpg");
-  width: 100%;
-  background-size: cover;
-  background-position: center;
-  background-position: center;
-  border-radius: 20px;
-    /* Added border radius to look better */
-    border-radius: 40px;
-}
-.registration-form p, .login-form p{
-    margin: 1rem 0 .7rem 0;
-}
-.social-icons{
-    display: flex;
-    gap: 1.4rem;
-    margin:  1.6rem 0 .6rem 0;
-}
-.fa-brands{
-    width:4rem;
-    height: 4rem;
-    border-radius: 50%;
-    border: 0.1rem solid #ccc;
-    border-color: #000;
-    background-color:azure;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 1.6rem;
-}
-input{
-    width: 20rem;
-    margin: .7rem 0;
-    border: none;
-    /* Added border radius to make it look better */
-    border-radius: 20px;
-    background-color: #e8e8e8;
-    padding: 1rem 1.8rem;
-    letter-spacing: 0.1rem;
-    border-radius: 20px;
-}
-input[type="submit"]{
-    margin-top: 1rem;
-    min-width: 10rem;
-    background-color: var(--var-primary-color);
-    color:#fff;
-    /* Added border radius to make it look better */
-    border-radius: 20px;
-}
-.registration:not(.login-section--display){
-    display: none;
-}
-.login-section--display .registration{
-    display: block;
-}
-.login-section--display .login{
-    display: none;
-}
-
-
-/* New NAvbar CSS Starts Here*/
-
-.nav-container {
-    height: auto;
-    width: 200%;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    position: fixed;
-    left: 0;
-    z-index: 9999;
-  }
-  .newNav {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 0.5rem;
-    height: auto;
-    width: 100%;
-    padding: 1rem 2rem;
-  }
-  
-  .navLinks {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 1.2rem;
-    list-style: none;
-    gap: 1.2rem;
-    position: relative;
-    top: 0.5rem;
-    z-index: 10;
-  }
-  
-  .link a{
-    position: relative;
-  }
-  
-  .link a::before {
-    position: absolute;
-    content: '';
-    height: 2px;
-    width: 0%;
-    bottom: -5px;
-    left: 0;
-    background-color: red;
-  }
-  
-  .link a::after {
-    position: absolute;
-    content: '';
-    height: 2px;
-    width: 0%;
-    top: -5px;
-    right: 0;
-    background-color: red;
-    transition: all 0.2s ease-in-out;
-  }
-  
-  .link a:hover::before{
-    width: 100%;
-    transition: all 0.2s ease-in-out;
-  }
-  
-  .link a:hover::after{
-    width: 100%;
-    transition: all 0.2s ease-in-out;
-  }
-  
-  .hamburger{
-    height: 2rem;
-    width: 1.7rem;
-    display: flex;
-    justify-content: space-between;
-    flex-direction: column;
-    display: none;
-    transition: 0.2s;
-  }
-  
-  .line{
-    height: 5px;
-    width: 100%;
-    background-color: white;
-    border-radius: 2px;
-  }
-  
-  @media screen and (max-width : 1220px) {
-    .hamburger {
-      display: flex;
-      cursor: pointer;
-    }
-    .navLinks {
-      position: absolute;
-      top: 70px;
-      background-color: #091020;
-      width: 0%;
-      left: 0;
-      height: 100vh;
-      padding: 2rem 0;
-      flex-direction: column;
-      transition: 0.2s;
-      overflow: hidden;
-    }
-  
-    .navLinks li {
-      width: 100%;
-      padding: 0.5rem 0;
-      background-color: #1f2532;
-      z-index: 10;
-    }
-  
-    #toggle {
-      font-size: 0.6rem;
-    }
-  
-    #btn-style {
-      font-size: 0.6rem;
-    }
-  }
-  
-  .navLinks.activeHamburger {
-    width: 100%;
-  }
-  
-  /* New NAvbar CSS Ends Here*/
\ No newline at end of file
diff --git a/registerPage.html b/registerPage.html
deleted file mode 100644
index 98ca0a84..00000000
--- a/registerPage.html
+++ /dev/null
@@ -1,85 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Registration Page </title>
-        <meta name="viewport" content="width=device-width, initial-scale=
-        1.0", maximum-scale="1.0">
-        <meta http-equiv="X-UA-Compatible" content="ie=edge">
-        <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 rel="stylesheet" href="registerPage.css">
-        <link rel="icon" type="image/x-icon" href="favicon.ico"/>
-       </head>
-       <body>
-        <header class="registration-header">
-            
-                
-                    <a href="index.html"><img src="./img/Screenshot 2024-01-23 003448.png" style="width: 130px; border-radius: 6px; margin-top: 20px; margin-left: 20px;"></a>
-                
-<div class="container">
-            </div>
-            <main>
-                <section class="login-section--display">
-                    <div class="back">
-                    <div class="registration">
-                        <div class="grid-two--column">
-                            
-                            <div class="form-text">
-                          <h2>Let's Start</h2>
-                          <p>Enter your information to register your account<p> 
-                          
-                          </div>
-                          <!-- Registration -->
-
-                          <div class="registration-form">
-                            <h2>Create Account</h2>
-                            <div class="social-icons">
-                                <a href="https://accounts.google.com/v3/signin/identifier?ifkv=ASKXGp3o7JbWY-Xl_hjXMSHncDJR5Bg1tJjR-AcPnUkBcdPTNTLi-oYd-rV3dgIaufZcXA-T1n6HuQ&flowName=GlifWebSignIn&flowEntry=ServiceLogin&dsh=S604814220%3A1705302051981588&theme=glif" target="_blank">
-                                <i class="fa-brands fa-google"></i></a>
-                                <a href="" target="_blank">
-                                    <i class="fa-brands fa-github"></i></a>
-                                <a href="" target="_blank">
-                                    <i class="fa-brands fa-facebook"></i>
-                                    
-                                </a>
-                                <a href="" target="_blank">
-                                    <i class="fa-brands fa-instagram"></i>
-                                    
-                                </a>
-                                
-
-                            </div>
-                            <p>or</p>
-                            <form action="#">
-                                <div class="input-field">
-                                    <label for="username">
-                                    <input type="text" name="#" id="username" placeholder="Name">
-                                </label></div>
-                                <div class="input-field">
-                                <label for="Email">
-                                    <input type="email" name="#" id="Email" placeholder="Email">
-                                </label></div>
-                                <div class="input-field">
-                                <label for="Password">
-                                    <input type="password" name="#" id="Password" placeholder="Password">
-                                </label>
-                                </div>
-                                <div class="input-field">
-                                    <input type="submit" value="register">
-                                </div>
-                            </form>
-                          </div>
-                        </div>
-                    </div>
-                    
-                  
-                    </div>
-                    </div>
-
-                </section>
-            </main>
-        </header>
-       
-
-       </body>
-</html> 
diff --git a/style_.css b/style_.css
index f4cdb9c7..fafdb848 100644
--- a/style_.css
+++ b/style_.css
@@ -449,11 +449,9 @@ p {
 }
 
 .sidebyside .image {
-  background-size: cover;
-  background: url(./img/rateus.jpg) center/cover no-repeat !important;
-  /* margin-top: 102px;
-  margin-bottom: 23px; */
-  /* Ensure the div takes up the full space within the grid cell */
-  /* width: 100%;
-  height: 100%; */
-}
\ No newline at end of file
+  background: url(./img/feedback_img.jpg) ;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-color: white;
+  background-position-y: center;
+}
diff --git a/styles.css b/styles.css
index afe9e3ec..d3d58a6d 100644
--- a/styles.css
+++ b/styles.css
@@ -1,27 +1,5 @@
-@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');
-
-
-.footer__link:hover {
-  color: inherit; 
-}
-
-.footer__link[href*="facebook.com"]:hover {
-  color: #1877F2; 
-}
-
-.footer__link[href*="twitter.com"]:hover {
-  color: #1DA1F2; /
-}
-
-.footer__link[href*="instagram.com"]:hover {
-  color: #E4405F; 
-}
-
-.footer__link[href*="linkedin.com"]:hover {
-  color: #0A66C2; 
-}
-
+@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");
 
 :root {
   --primary-color: #3685fb;
@@ -286,8 +264,6 @@
 
   --bubble-color: red;
   --testimonials-img-border: red;
-
-
 }
 
 body {
@@ -301,7 +277,7 @@ body {
 #toggle {
   display: inline-block;
   border-radius: 50px;
-  transition: all .4s ease-in-out;
+  transition: all 0.4s ease-in-out;
   padding: 10px 10px;
   background-color: transparent;
   border: 2px solid #c6c9d8bf;
@@ -391,17 +367,20 @@ body {
   font-weight: 600;
   color: var(--text-dark);
   margin-bottom: 15px;
-  text-align: left;
+  /*   text-align: left; */
   display: inline-block;
   font-weight: 600;
   letter-spacing: 0.5px;
   line-height: 34px;
   margin-bottom: 28px;
 
-  background: #FD4766;
-  background: linear-gradient(120deg, #1C99FE 20.69%, #7644FF 50.19%, #FD4766 79.69%);
-  ;
-
+  background: #fd4766;
+  background: linear-gradient(
+    120deg,
+    #1c99fe 20.69%,
+    #7644ff 50.19%,
+    #fd4766 79.69%
+  );
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
@@ -412,7 +391,6 @@ body {
   max-width: calc(var(--max-width) / 2);
   text-align: center;
   margin-left: 282px;
-  /* text-align: right; */
   
 }
 
@@ -467,11 +445,10 @@ body.dark-theme #send {
   border: 0.0001px solid red;
   color: slateblue;
 }
-#send:hover{
+#send:hover {
   background-color: slateblue;
   border-color: slateblue;
   color: #fff;
-
 }
 #send.focused {
   background-color: slateblue;
@@ -485,13 +462,12 @@ body.dark-theme #send {
   background-color: var(--primary-color-dark);
 }
 
-
-
 #btn-style {
 
-  display: inline-block;
+  /* display: inline-block; */
+
   border-radius: 50px;
-  transition: all .4s ease-in-out;
+  transition: all 0.4s ease-in-out;
   padding-left: 20px;
   padding-right: 20px;
   width: auto;
@@ -575,12 +551,10 @@ nav {
   color: #ff0000;
 }
 
-
 .home {
   margin-left: 210px;
 }
 
-
 header {
   background-color: var(--secondary-color);
 }
@@ -618,7 +592,8 @@ header {
       var(--offset-orthogonal) 0 0 var(--ray-size),
       0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size),
       0 var(--offset-orthogonal) 0 var(--ray-size),
-      calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 var(--ray-size),
+      calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0
+        var(--ray-size),
       var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size),
       calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size),
       var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size);
@@ -683,7 +658,7 @@ header {
   gap: 1rem;
 }
 
-.header__content>div {
+.header__content > div {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -867,7 +842,7 @@ header {
   max-width: 100%;
 }
 
-.story>span {
+.story > span {
   font-size: 1rem;
   font-weight: 600;
   color: var(--text-dark);
@@ -1004,8 +979,6 @@ header {
 .trip {
   background-color: var(--secondary-color);
   max-width: var(--max-width);
- 
-  
 }
 
 .trip_container :is(.sectiontitle, .sectionsubtitle, .view_all) {
@@ -1171,7 +1144,6 @@ header {
   display: flex;
   align-items: center;
   justify-content: center;
-  
 }
 
 .subscribe__form form {
@@ -1185,16 +1157,15 @@ header {
   border: 0.001px solid gray;
 }
 body.dark-theme .subscribe__form form {
-    width: 100%;
-    max-width: 400px;
-    display: flex;
-    /* background-color: var(--extra-light); */
-    box-shadow: 5px 5px 30px rgba(162, 136, 248, 0.964);
-    border-radius: 5rem;
-    overflow: hidden;
-    border: 0.000001px solid var(--text-light);
-    /* color: white; */
-    
+  width: 100%;
+  max-width: 400px;
+  display: flex;
+  /* background-color: var(--extra-light); */
+  box-shadow: 5px 5px 30px rgba(162, 136, 248, 0.964);
+  border-radius: 5rem;
+  overflow: hidden;
+  border: 0.000001px solid var(--text-light);
+  /* color: white; */
 }
 .subscribe__form input {
   width: 100%;
@@ -1210,10 +1181,19 @@ body.light-theme #emailInput {
   color: black;
 }
 
-
 body.dark-theme #emailInput {
   background-color: #222f4b;
-  color:white ;
+  color: white;
+}
+
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+body, html {
+  overflow-x: hidden;
+  margin: 0;
+  padding: 0;
 }
 
 .footer {
@@ -1222,22 +1202,23 @@ body.dark-theme #emailInput {
 }
 
 .footer__container {
+  width: 100%;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  justify-content: space-evenly;
   align-items: flex-start;
   grid-template-columns: repeat(3, 1fr);
-  gap: 24px;
+  gap: 20px;
   color: var(--secondary-color);
+  margin: 0;
+    padding: 0;
 }
 
 .footer__col {
+  margin-left: 15px;
   flex: 1;
-  display: flex ;
+  display: flex;
   max-width: 200px;
-  margin: 10px;
-  padding: 5px;
   text-align: left;
   flex-direction: column;
 }
@@ -1246,17 +1227,17 @@ body.dark-theme #emailInput {
   padding: 10px;
 }
 
-
-.social-icon a:hover {
-  transform: scale(1.1);
-  color: white; 
+.footer__text a {
+  margin-top: 5px;
+  color: white;
 }
-.footer:hover{
-  background: linear-gradient(135deg, #654ea3, #eaafc8);
+.footer__text a:hover {
+  color: red;
 }
 
-
-
+.footer:hover {
+  background: linear-gradient(135deg, #654ea3, #eaafc8);
+}
 
 .footer__col h3 {
   font-size: 1.5rem;
@@ -1268,17 +1249,10 @@ body.dark-theme #emailInput {
   color: var(--primary-color);
 }
 
-/*.footer__col p {
-  font-size: 0.8rem;
-  cursor: pointer;
-  transition: 0.3s;
-}
-*/
-
 .footer__link {
   color: white;
   margin-right: 15px; /* Adjust spacing between icons */
-  font-size: 1.3em; /* Initial font size */
+  font-size: 1em; /* Initial font size */
 }
 
 .footer__link:hover {
@@ -1300,24 +1274,91 @@ body.dark-theme #emailInput {
   margin: auto;
   padding: 0.5rem;
   text-align: center;
-  font-size: 0.8rem;
+  font-size: 1rem;
   /*   color: var(--secondary-color); */
   color: var(--extra-light);
-  border-top: 1px solid var(--text-light);
+  border-top: 2px solid var(--text-light);
 }
 
-.footer__area{
-   margin-left: 2.3rem;
+.footer__area {
+  margin-left: 2.3rem;
 }
 
-.footer__area a{
-   color: white;
+.footer__area a {
+  color: white;
 }
 
-.footer__area a:hover{
+.footer__area a:hover {
   color: #ff0000;
 }
 
+.icons {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  gap: 20px;
+}
+
+.icons .icon i {
+  margin-top: 25px;
+  font-size: 25px;
+  transition: all 0.9s ease;
+}
+
+.icons .icon:hover i {
+  transform: scale(1.2);
+}
+
+.icons .icon:hover .fab.fa-facebook {
+  color: #3b5998;
+}
+
+.icons .icon:hover .fab.fa-twitter {
+  color: #090e11;
+}
+
+.icons .icon:hover .fab.fa-instagram {
+  background: radial-gradient(
+    circle at 30% 107%,
+    #fdf497 0%,
+    #fdf497 5%,
+    #fd5949 45%,
+    #d6249f 60%,
+    #285aeb 90%
+  );
+  background-clip: text;
+  border-radius: 20%;
+  transform: scale(1.5);
+  color: transparent;
+}
+
+.icons .icon:hover .fab.fa-youtube {
+  color: #c31a1e;
+}
+.icons .icon:hover .fab.fa-github {
+  color: #333;
+}
+.icons .icon:hover .fab.fa-linkedin {
+  color: #0077b5;
+}
+@media (width < 1200px) {
+  footer {
+    margin-right: 0px;
+    width: 100%;
+  }
+}
+
+@media (max-width: 768px) {
+  .footer__container {
+      /* flex-direction: column;
+      align-items: center;  */
+      margin-left: 10px;
+  }
+}
+
+
+/* ====================== */
 @media (width < 1200px) {
   .header__image img:nth-child(1) {
     max-width: 30vw;
@@ -1482,15 +1523,16 @@ body.dark-theme #emailInput {
   grid-template-columns: 1fr 2fr;
   display: grid;
   z-index: 10;
-  box-shadow:rgba(50,50,93,0.25) 0px 50px 100px -20px,rgba(0,0,0,0.3) 0px 30px 60px -30px,rgba(10,37,64,0.35) 0px -2px 6px 0px inset;
+  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
+    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
+    rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
 }
 body.dark-theme .items {
   background: #0000001a;
   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 */
+  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 */
 }
 
 .contact {
@@ -1500,7 +1542,7 @@ body.dark-theme .items {
 .contact h1 {
   color: #ab45e7;
 
-  font-family: 'Noto Serif', serif;
+  font-family: "Noto Serif", serif;
   font-size: 2.8rem;
 
   text-align: center;
@@ -1551,7 +1593,6 @@ body.dark-theme .items {
   font-family: "Oxygen", sans-serif;
 }
 
-
 .contact-form input::placeholder {
   color: var(--Text-Color);
 }
@@ -1584,25 +1625,24 @@ body.dark-theme .items {
   width: 50%;
 }
 
-
-.icon1{
-  position:absolute;
-  top:calc(65%);           
-  left:26.4%;
-  color:grey;
-  }
-  .icon2{
-  position:absolute;
-  top:calc(33%);
-  left:26.4%;
-  color:grey;
-  }
-  .icon3{
-  position:absolute;
-  top:calc(30%);
-  left:26.4%;
-  color:grey;
-  }
+.icon1 {
+  position: absolute;
+  top: calc(65%);
+  left: 26.4%;
+  color: grey;
+}
+.icon2 {
+  position: absolute;
+  top: calc(33%);
+  left: 26.4%;
+  color: grey;
+}
+.icon3 {
+  position: absolute;
+  top: calc(30%);
+  left: 26.4%;
+  color: grey;
+}
 
 textarea::-webkit-scrollbar {
   width: 1em;
@@ -1640,12 +1680,10 @@ textarea::-webkit-scrollbar {
 } */
 
 @media (max-width: 920px) {
-
   .items {
     grid-template-columns: 1fr;
   }
 
-
   .contact {
     display: none;
   }
@@ -1664,19 +1702,20 @@ textarea::-webkit-scrollbar {
   .contact-form textarea {
     width: 75%;
   }
-  .icon1{
-    left:14.8%;
+  .icon1 {
+    left: 14.8%;
   }
-  .icon2{
-    left:14.8%;
+  .icon2 {
+    left: 14.8%;
   }
-  .icon3{
-    left:14.8%;
+  .icon3 {
+    left: 14.8%;
   }
 }
 
 
-@media (max-width: 700px) {
+
+@media (max-width: 1000px) {
   .items {
     display: flex;
     flex-direction: column;
@@ -1698,14 +1737,14 @@ textarea::-webkit-scrollbar {
   .contact-form h1 {
     display: none;
   }
-  .icon1{
-    left:14.8%;
+  .icon1 {
+    left: 14.8%;
   }
-  .icon2{
-    left:14.8%;
+  .icon2 {
+    left: 14.8%;
   }
-  .icon3{
-    left:14.8%;
+  .icon3 {
+    left: 14.8%;
   }
 }
 
@@ -1732,38 +1771,36 @@ textarea::-webkit-scrollbar {
 }
 
 @media (max-width: 920px) {
-
   .contact-form input,
   .contact-form textarea {
     width: 75%;
     color: var(--text-dark);
   }
-  .icon1{
-    left:14.8%;
+  .icon1 {
+    left: 14.8%;
   }
-  .icon2{
-    left:14.8%;
+  .icon2 {
+    left: 14.8%;
   }
-  .icon3{
-    left:14.8%;
+  .icon3 {
+    left: 14.8%;
   }
 }
 
 @media (max-width: 700px) {
-
   .contact-form input,
   .contact-form textarea {
     width: 75%;
     color: var(--text-dark);
   }
-  .icon1{
-    left:14.8%;
+  .icon1 {
+    left: 14.8%;
   }
-  .icon2{
-    left:14.8%;
+  .icon2 {
+    left: 14.8%;
   }
-  .icon3{
-    left:14.8%;
+  .icon3 {
+    left: 14.8%;
   }
 }
 
@@ -1880,18 +1917,21 @@ body {
 }
 
 @keyframes marquee {
-  from { transform: translateX(0); }
-  to { transform: translateX(-50%); }
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(-50%);
+  }
 }
 
-
 .testimonial-container {
   display: flex;
   gap: 50px;
   padding: 20px;
 }
 
-.testimonial-container::-webkit-scrollbar{
+.testimonial-container::-webkit-scrollbar {
   display: none;
 }
 
@@ -1911,9 +1951,7 @@ body {
   box-shadow: 0 0 27px 0 rgb(0 0 0 / 5%);
 }
 
-
-.testimonial-user>div {
-
+.testimonial-user > div {
   display: flex;
   flex-flow: column nowrap;
   justify-content: space-between;
@@ -1929,9 +1967,6 @@ body {
   box-shadow: 0 0 0 10px var(--testimonials-img-border);
 }
 
-
-
-
 .fa-quote-left,
 .fa-quote-right {
   font-size: 16px;
@@ -2017,6 +2052,11 @@ body {
   width: 100%;
   transition: all 0.2s ease-in-out;
 }
+.contact-btn {
+  position: relative;
+  right: 15px;
+  box-sizing: border-box;
+}
 
 .hamburger {
   height: 2rem;
@@ -2040,8 +2080,8 @@ body {
     display: flex;
     cursor: pointer;
   }
-  .nav__logo{
-    margin-left:0px;
+  .nav__logo {
+    margin-left: 0px;
   }
   .navLinks {
     position: absolute;
@@ -2066,18 +2106,113 @@ body {
   #toggle {
     font-size: 0.6rem;
   }
+}
+.footer-head::before,
+.footer-head::after {
+  content: "";
+  position: absolute;
+  width: 0;
+  height: 2px;
+  background-color: red;
+  transition: width 0.2s ease-in;
+}
 
+.footer-head::before {
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
 }
 
-.navLinks .link a:active {
-  color:red;
+.footer-head::after {
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
 
+.footer-head:hover::before {
+  width: 100%;
+}
+.footer-head:hover::after {
+  width: 100%;
+}
+.navLinks .link a:active {
+  color: red;
 }
 
 .navLinks.activeHamburger {
   width: 100%;
 }
-
+@media screen and (max-width: 1146px) {
+  .toggle-container {
+    position: relative;
+    right: 148px;
+  }
+  .hamburger {
+    position: relative;
+    right: 150px;
+  }
+}
+@media screen and (max-width: 846px) {
+  .toggle-container {
+    position: relative;
+    right: 200px;
+  }
+  .hamburger {
+    position: relative;
+    right: 245px;
+  }
+  .btn {
+    position: relative;
+    right: 57px;
+    top: 1px;
+  }
+}
+@media screen and (max-width: 652px) {
+  .toggle {
+    width: 5vw;
+  }
+  .line {
+    width: 5vw;
+  }
+  .newNav {
+    height: 130px;
+  }
+  .newNav img {
+    position: relative;
+    bottom: 35px;
+    left: 130px;
+  }
+  .nav__logo {
+    position: relative;
+    left: 85px;
+    bottom: 35px;
+  }
+  .btn {
+    position: relative;
+    top: 30px;
+    left: -147px;
+  }
+  .toggle-container {
+    position: relative;
+    top: 30px;
+    right: 377px;
+  }
+  .hamburger {
+    position: relative;
+    right: 388px;
+  }
+}
+@media screen and (max-width: 430px) {
+  .toggle-container {
+    right: 374px;
+  }
+  .newNav img {
+    left: 75px;
+  }
+  .nav__logo {
+    left: 36px;
+  }
+}
 /* New NAvbar CSS Ends Here*/
 /* #canvas {
   background: #232323;
@@ -2142,12 +2277,10 @@ body {
 
 /* Styling for elements with .aboutcontent class */
 .aboutcontent {
-
   text-align: center;
   color: var(--text-dark);
   /* Use the text-dark custom property for color */
   margin-bottom: 20px;
-
 }
 
 /* Styling for SVG elements inside .iconss class */
@@ -2249,8 +2382,6 @@ body {
 #toggle:hover i {
   color: #ffffff80;
   /* 80% opacity white for hovering effect */
-
-
 }
 
 .goupbtn {
@@ -2276,10 +2407,10 @@ body {
 .goupbtn:hover {
   background-color: #004080;
   transform: scale(1.1);
-  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) , 0 0 25px black , 0 0 50px black , 0 0 200px black;
+  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5), 0 0 25px black, 0 0 50px black,
+    0 0 200px black;
 }
 
-
 /* Testimonial Section */
 @media (min-width: 320px) {
   .testimonials {
@@ -2301,7 +2432,7 @@ body {
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  background-color:#91b4ffe7;
+  background-color: #91b4ffe7;
   overflow: hidden;
   margin-bottom: 50px;
 }
@@ -2382,9 +2513,6 @@ body {
   background-image: none;
 }
 
-
-
-
 /* CSS for small devices */
 @media (max-width: 1200px) {
   .header__image img:nth-child(1) {
@@ -2406,13 +2534,43 @@ body {
   .header__container {
     grid-template-columns: repeat(1, 1fr);
     padding: 0 1rem; /* Adjust padding for smaller devices */
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    gap: 2rem;
+    margin-top: 5rem;
+  } /* Adjust padding for smaller devices */
+  .header__image img:nth-child(1) {
+    position: relative;
+    top: 0;
+    left: 0;
+    transform: translate(0%, 0%);
+  }
+  .header__image {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .header__image img:nth-child(2) {
+    position: absolute;
+    transform: translate(26%, 9%);
+  }
+  .newNav {
+    flex-wrap: wrap;
+  }
+  .aboutcon {
+    padding: 1rem;
   }
-
   .header__image {
-     /* Remove minimum height for smaller devices */
+    /* Remove minimum height for smaller devices */
     padding-top: 20px; /* Add padding to center content vertically */
   }
-
+  .VIpgJd-ZVi9od-l4eHX-hSRGPd img {
+    object-fit: contain;
+  }
   .header__image img:nth-child(1) {
     max-width: 60vw; /* Adjust image size for smaller devices */
     transform: translate(-90%, -40%); /* Center image horizontally and vertically */
@@ -2423,7 +2581,8 @@ body {
     transform: translate(-30%, -75%); /* Center image vertically */
   }
 
-  .header__content {/* Adjust padding for smaller devices */
+  .header__content {
+    /* Adjust padding for smaller devices */
     padding-top: 0;
     text-align: center; /* Center align text */
   }
@@ -2434,8 +2593,7 @@ body {
     width: auto; /* Remove fixed width */
     height: auto; /* Remove fixed height */
   }
-  .header__content p
-  {
+  .header__content p {
     padding: 10px;
     font-size: 1rem;
   }
@@ -2454,3 +2612,116 @@ body {
     margin: 0 auto; /* Center the subtitle */
   }
 }
+
+/*STYLE FOR SIDE DISCOUNT DIVISION*/
+
+.popup {
+  position: fixed;
+  bottom: 20px;
+  left: 20px;
+  background:linear-gradient(to right,rgb(222, 125, 222),rgb(222, 177, 222));
+  border: 1px solid #cccccc;
+  padding: 20px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+  width: 300px;
+  height:260px;
+  z-index: 1000;
+  display: none; /* Initially hide the popup */
+}
+
+.popup h2 {
+  font-size: 1.5em;
+  margin-top: 0;
+}
+
+.popup p {
+  margin-bottom: 15px;
+}
+
+form {
+  align-items: center;
+}
+
+input[type="email"] {
+  padding: 10px;
+  width: 250px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  font-size: 14px;
+}
+
+button {
+  padding: 10px 20px;
+  background-color: #7325b3;
+  color: white;
+  border: none;
+  border-radius: 3px;
+  cursor: pointer;
+  font-size: 14px;
+  margin-bottom: 3px;
+}
+
+button:hover {
+  background-color: #6200b3;
+}
+
+.close-btn {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  cursor: pointer;
+  font-size: 24px;
+  color: #0d0101;
+}
+.pop_up_heading{
+  font-size: 20px;
+  color:rgb(109, 27, 109);
+  font-weight:bold;
+}
+.pop_up_content{
+  font-size: 13px;
+  color:white;
+}
+
+@media (max-width: 768px) {
+  .header__image img:nth-child(1) {
+    max-width: 50vw; /* Adjust image size for smaller devices */
+    transform: translate(
+      -90%,
+      -40%
+    ); /* Center image horizontally and vertically */
+  }
+
+  .header__image img:nth-child(2) {
+    max-width: 30vw; /* Adjust image size for smaller devices */
+    transform: translate(-30%, -75%); /* Center image vertically */
+  }
+
+  .header__content h1 {
+    font-size: 1.5rem; /* Adjust font size for smaller devices */
+    line-height: 1.5rem; /* Adjust line height for smaller devices */
+  }
+
+  .header__content .action__btns {
+    gap: 1.5rem; /* Add gap between buttons */
+  }
+
+  .section__subtitle {
+    font-size: 0.8rem; /* Adjust font size for smaller devices */
+    max-width: 40%; /* Limit width to prevent overflow */
+  }
+
+  .newNav {
+    justify-content: right;
+    gap: 27px;
+  }
+  .nav-container {
+    width: 100%;
+    justify-content: center;
+    font-size: small;
+  }
+}
+
diff --git a/tg1.jpg b/tg1.jpg
new file mode 100644
index 00000000..b4f07df1
Binary files /dev/null and b/tg1.jpg differ
diff --git a/tg2.jpg b/tg2.jpg
new file mode 100644
index 00000000..8efffff4
Binary files /dev/null and b/tg2.jpg differ
diff --git a/tg3.jpg b/tg3.jpg
new file mode 100644
index 00000000..de01dcd2
Binary files /dev/null and b/tg3.jpg differ