Merge pull request #929 from SumaLatha2023/main

Added Animations to travel itineraries and made Responsive

index.html

@@ -33,6 +33,7 @@
      .header1{
        background-color:white;
        border-radius:8px;
+       padding: 4px 8px 4px 8px;
      }
     /* Button Styling */
     .btn {
@@ -184,6 +185,32 @@
       .card:hover {
         cursor: pointer;
       }
+      @media (max-width: 768px) {
+    .itinerary-list {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .itinerary {
+        margin-bottom: 20px;
+        width: 90%;
+    }
+    .itinerary {
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+  }
+
+.itinerary:hover {
+    transform: scale(1.05);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+.btn-view-itinerary:hover {
+    background-color: #0056b3; 
+}
+
+
+
     </style>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
 
@@ -748,7 +775,7 @@ <h3>Family Vacation</h3>
       </div>
 
         <div class="itinerary">
-          <div class="header2"> 
+          <div class="header1"> 
           <h3>Solo Adventure</h3>
           <p>
             Embark on a solo journey with our handpicked itineraries, offering