diff --git a/README.md b/README.md
index 8cbe06b1..db0dbf2b 100644
--- a/README.md
+++ b/README.md
@@ -41,38 +41,25 @@
 <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900">
 
 ### This project is now OFFICIALLY accepted for
-<table>
 
-   <tr>
-      <th>Event Logo</th>
-      <th>Event Name</th>
-      <th>Event Description</th>
-   </tr>
-   <tr>
-      <td><img src="https://github.com/Annapoornaaradhya/BuddyTrail/blob/README/img/gssocextd.jpg" width="200" height="auto" loading="lazy" alt="GSSoC 24"/></td>
-      <td>GirlScript Summer of Code 2024</td>
-      <td>GirlScript Summer of Code is a three-month-long Open Source Program conducted every summer by GirlScript Foundation. It is an initiative to bring more beginners to Open-Source Software Development.</td>
-   </tr>
-    <tr>
-      <td><img src="https://github.com/Annapoornaaradhya/BuddyTrail/blob/README/img/hacktoberfest.png" width="200" height="auto" loading="lazy" alt="Hacktoberfest 2024"/></td>
-      <td>Hacktoberfest 2024</td>
-      <td>Hacktoberfest is a month-long celebration of open source software run by DigitalOcean, GitHub, and Twilio. It encourages contributions to open source projects and promotes a global community of developers.</td>
-   </tr>
+<div style="display: flex; justify-content: center; align-items: center;">
+  <img src="https://raw.githubusercontent.com/SwanandD121/FeatherPerfect_fe/refs/heads/main/Untitled%20design.png" alt="GSSoC 2024 Extd" style="max-width: 50%;">
+  <img src="https://pbs.twimg.com/profile_images/1831003149072535554/leInyk8A_400x400.jpg" alt="Hacktoberfest 2024" style="max-width: 20%; margin-left: 20px;">
+</div>
+<br>
 
-</table>
+<br>
 
-<br />
 <!--Line-->
 <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900">
 
 # 📸 Website Preview
-![Screenshot 2024-10-19 143805](https://github.com/user-attachments/assets/96abf31b-b1bc-4b05-ae4a-00e225da1e0c)
 
-![Screenshot 2024-10-19 143906](https://github.com/user-attachments/assets/e77ac002-1a7b-4172-a847-b8ec950a1f89)
+<img src = "https://github.com/neeru24/Connect_icons/blob/main/Screenshot%202024-10-07%20182908.png" alt = "image">
+<img src = "https://github.com/neeru24/Connect_icons/blob/main/Screenshot%202024-10-07%20182935.png" alt = "image">
+<img src = "https://github.com/neeru24/Connect_icons/blob/main/Screenshot%202024-10-07%20183005.png" alt = "image">
 
-![Screenshot 2024-10-19 143959](https://github.com/user-attachments/assets/2a043906-7b91-4cac-bca0-b6ab195edcee)
-
-<br/>
+<br>
 
 <!--Line-->
 <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900">
@@ -335,8 +322,15 @@ You can find the project structure in the [Project Structure](project-structure.
                 </a>
             </td>
             <td align="center">
+
+
+
+                <a href="https://github.com/saloni8780">
+                    <img src="https://avatars.githubusercontent.com/u/146444970?v=4" width="100;" alt="saloni8780"/>
+
                 <a href="https://github.com/T-Rahul-prabhu-38">
                     <img src="https://avatars.githubusercontent.com/u/167653990?v=4" width="100;" alt="T-Rahul-prabhu-38"/>
+
                     <br />
                     <sub><b>Abankita Behera </b></sub>
                 </a>
@@ -350,14 +344,70 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Mohit Kumar</b></sub>
                 </a>
             </td>
+    <td align="center">
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+</td>
+            <td align="center">
+
+
+                <a href="https://github.com/T-Rahul-prabhu-38">
+                    <img src="https://avatars.githubusercontent.com/u/167653990?v=4" width="100;" alt="T-Rahul-prabhu-38"/>
+                    <br />
+                    <sub><b>Abankita Behera </b></sub>
+                </a>
+            </td>
+
+            <td align="center">
+                <a href="https://github.com/MOHIT-IITP">
+                    <img src="https://avatars.githubusercontent.com/u/136831716?v=4" width="100;" alt="MOHIT-IITP"/>
+
+		</tr>
+		<tr>
+      <td align="center">
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+</td>
+            <td align="center">
+
+
+                <a href="https://github.com/shantanu020">
+                    <img src="https://avatars.githubusercontent.com/u/146663529?v=4" width="100;" alt="shantanu020"/>
+
+                    <br />
+                    <sub><b>shantanu020</b></sub>
+                </a>
+            </td>
             <td align="center">
+
                 <a href="https://github.com/shantanu020">
                     <img src="https://avatars.githubusercontent.com/u/146663529?v=4" width="100;" alt="shantanu020"/>
                     <br />
                     <sub><b>shantanu020</b></sub>
+                  <td align="center">
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+</td>
+                <a href="https://github.com/abdullah-k18">
+                    <img src="https://avatars.githubusercontent.com/u/115644774?v=4" width="100;" alt="abdullah-k18"/>
+                    <br />
+                    <sub><b>Abdullah Bin Altaf</b></sub>
+
                 </a>
             </td>
+		</tr>
+		<tr>
             <td align="center">
+
                 <a href="https://github.com/abdullah-k18">
                     <img src="https://avatars.githubusercontent.com/u/115644774?v=4" width="100;" alt="abdullah-k18"/>
                     <br />
@@ -376,6 +426,24 @@ You can find the project structure in the [Project Structure](project-structure.
                     <img src="https://avatars.githubusercontent.com/u/162019723?v=4" width="100;" alt="jvkousthub"/>
                     <br />
                     <sub><b>Kousthub J V</b></sub>
+  <td align="center">
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+</td>
+                <a href="https://github.com/PrAyAg9">
+                    <img src="https://avatars.githubusercontent.com/u/114804510?v=4" width="100;" alt="PrAyAg9"/>
+                    <br />
+                    <sub><b>Prayag Thakur</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/jvkousthub">
+                    <img src="https://avatars.githubusercontent.com/u/162019723?v=4" width="100;" alt="jvkousthub"/>
+                    <br />
+                    <sub><b>Kousthub J V</b></sub>
                 </a>
             </td>
             <td align="center">
@@ -383,15 +451,23 @@ You can find the project structure in the [Project Structure](project-structure.
                     <img src="https://avatars.githubusercontent.com/u/179824602?v=4" width="100;" alt="Adarsh-Chaubey03"/>
                     <br />
                     <sub><b>Adarsh Chaubey</b></sub>
+
                 </a>
             </td>
 		</tr>
 		<tr>
             <td align="center">
+
+                <a href="https://github.com/Adarsh-Chaubey03">
+                    <img src="https://avatars.githubusercontent.com/u/179824602?v=4" width="100;" alt="Adarsh-Chaubey03"/>
+                    <br />
+                    <sub><b>Adarsh Chaubey</b></sub>
+
                 <a href="https://github.com/maniacedoc">
                     <img src="https://avatars.githubusercontent.com/u/113229572?v=4" width="100;" alt="maniacedoc"/>
                     <br />
                     <sub><b>Prajakta Nanda</b></sub>
+
                 </a>
             </td>
             <td align="center">
@@ -402,13 +478,44 @@ You can find the project structure in the [Project Structure](project-structure.
                 </a>
             </td>
             <td align="center">
+
+
+                <a href="https://github.com/Annapoornaaradhya">
+                    <img src="https://avatars.githubusercontent.com/u/139335974?v=4" width="100;" alt="Annapoornaaradhya"/>
+                    <br />
+                    <sub><b>ANNAPOORNA V</b></sub>
+                       
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
+                <a href="https://github.com/RahulScripted">
+                    <img src="https://avatars.githubusercontent.com/u/181909739?v=4" width="100;" alt="RahulScripted"/>
+                    <br />
+                    <sub><b>RahulScripted</b></sub>
+
+
                 <a href="https://github.com/PATILYASHH">
                     <img src="https://avatars.githubusercontent.com/u/149749700?v=4" width="100;" alt="PATILYASHH"/>
                     <br />
                     <sub><b>Yash patil</b></sub>
+
+                </a>
+            </td>
+		</tr>
+		<tr>
+            <td align="center">
+                <a href="https://github.com/Janmejai24">
+                    <img src="https://avatars.githubusercontent.com/u/184121787?v=4" width="100;" alt="Janmejai24"/>
+                    <br />
+                    <sub><b>Janmejai24</b></sub>
                 </a>
             </td>
             <td align="center">
+
+
                 <a href="https://github.com/Janmejai24">
                     <img src="https://avatars.githubusercontent.com/u/184121787?v=4" width="100;" alt="Janmejai24"/>
                     <br />
@@ -416,8 +523,44 @@ You can find the project structure in the [Project Structure](project-structure.
                 </a>
             </td>
             <td align="center">
+                <a href="https://github.com/PATILYASHH">
+                    <img src="https://avatars.githubusercontent.com/u/149749700?v=4" width="100;" alt="PATILYASHH"/>
+                    <br />
+                    <sub><b>Yash patil</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/maniacedoc">
+                    <img src="https://avatars.githubusercontent.com/u/113229572?v=4" width="100;" alt="maniacedoc"/>
+                    <br />
+                    <sub><b>Prajakta Nanda</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/Nimit1775">
+                    <img src="https://avatars.githubusercontent.com/u/74372261?v=4" width="100;" alt="Nimit1775"/>
+                    <br />
+                    <sub><b>nimit sodhani</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/Abankita">
+                    <img src="https://avatars.githubusercontent.com/u/138569378?v=4" width="100;" alt="Abankita"/>
+                    <br />
+                    <sub><b>Abankita Behera </b></sub>
+
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
+                <a href="https://github.com/PATILYASHH">
+                    <img src="https://avatars.githubusercontent.com/u/149749700?v=4" width="100;" alt="PATILYASHH"/>
+
                 <a href="https://github.com/prachitriv">
                     <img src="https://avatars.githubusercontent.com/u/164743217?v=4" width="100;" alt="prachitriv"/>
+
                     <br />
                     <sub><b>prachitriv</b></sub>
                 </a>
@@ -479,6 +622,10 @@ You can find the project structure in the [Project Structure](project-structure.
                 <a href="https://github.com/Kajalmehta29">
                     <img src="https://avatars.githubusercontent.com/u/177048363?v=4" width="100;" alt="Kajalmehta29"/>
                     <br />
+
+                    <sub><b>Poorvika</b></sub>
+
+
                     <sub><b>Kajal Mehta</b></sub>
                 </a>
             </td>
@@ -494,13 +641,29 @@ You can find the project structure in the [Project Structure](project-structure.
                     <img src="https://avatars.githubusercontent.com/u/165031056?v=4" width="100;" alt="Abhishek-IITP"/>
                     <br />
                     <sub><b>Abhishek Kumar Mohanty</b></sub>
+
                 </a>
             </td>
+		</tr>
+		<tr>
             <td align="center">
+
+                <a href="https://github.com/4F24L">
+                    <img src="https://avatars.githubusercontent.com/u/108697331?v=4" width="100;" alt="4F24L"/>
+                    <br />
+                    <sub><b>Md Afzal Mir</b></sub>
+
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
                 <a href="https://github.com/vaibhav-yerkar">
                     <img src="https://avatars.githubusercontent.com/u/124194806?v=4" width="100;" alt="vaibhav-yerkar"/>
                     <br />
                     <sub><b>Vaibhav._Y</b></sub>
+
                 </a>
             </td>
             <td align="center">
@@ -533,6 +696,49 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Ananya Gupta</b></sub>
                 </a>
             </td>
+            <td align="center">
+                <a href="https://github.com/saloni8780">
+                    <img src="https://avatars.githubusercontent.com/u/146444970?v=4" width="100;" alt="saloni8780"/>
+                    <br />
+                    <sub><b>saloni8780</b></sub>
+                </a>
+            </td>
+		</tr>
+		<tr>
+            <td align="center">
+                <a href="https://github.com/srishti023">
+                    <img src="https://avatars.githubusercontent.com/u/137069939?v=4" width="100;" alt="srishti023"/>
+                    <br />
+                    <sub><b>Srishti Choudhary</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/Aditi2k5">
+                    <img src="https://avatars.githubusercontent.com/u/146500979?v=4" width="100;" alt="Aditi2k5"/>
+                    <br />
+                    <sub><b>Aditi Prabakaran</b></sub>
+                </a>
+            </td>
+            <td align="center">
+         
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+                <a href="https://github.com/Abhishek-IITP">
+                    <img src="https://avatars.githubusercontent.com/u/165031056?v=4" width="100;" alt="Abhishek-IITP"/>
+                    <br />
+                    <sub><b>Abhishek Kumar Mohanty</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/ananyag309">
+                    <img src="https://avatars.githubusercontent.com/u/145869907?v=4" width="100;" alt="ananyag309"/>
+                    <br />
+                    <sub><b>Ananya Gupta</b></sub>
+                </a>
+            </td>
             <td align="center">
                 <a href="https://github.com/Mr-DK07">
                     <img src="https://avatars.githubusercontent.com/u/143409270?v=4" width="100;" alt="Mr-DK07"/>
@@ -541,20 +747,29 @@ You can find the project structure in the [Project Structure](project-structure.
                 </a>
             </td>
             <td align="center">
-                <a href="https://github.com/hgjajoo">
-                    <img src="https://avatars.githubusercontent.com/u/63530396?v=4" width="100;" alt="hgjajoo"/>
+                <a href="https://github.com/Ishika-Gupta06">
+                    <img src="https://avatars.githubusercontent.com/u/118624573?v=4" width="100;" alt="Ishika-Gupta06"/>
                     <br />
-                    <sub><b>Harshvardhan Jajoo</b></sub>
+                    <sub><b>Ishika Gupta</b></sub>
                 </a>
             </td>
             <td align="center">
-                <a href="https://github.com/Himanshu-kumar025">
-                    <img src="https://avatars.githubusercontent.com/u/177013093?v=4" width="100;" alt="Himanshu-kumar025"/>
+                <a href="https://github.com/hritika2409">
+                    <img src="https://avatars.githubusercontent.com/u/117531823?v=4" width="100;" alt="hritika2409"/>
                     <br />
-                    <sub><b>Himanshu Kumar</b></sub>
+                    <sub><b>Hritika Sharan</b></sub>
                 </a>
             </td>
             <td align="center">
+
+
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
+
                 <a href="https://github.com/hritika2409">
                     <img src="https://avatars.githubusercontent.com/u/117531823?v=4" width="100;" alt="hritika2409"/>
                     <br />
@@ -585,6 +800,7 @@ You can find the project structure in the [Project Structure](project-structure.
                 </a>
             </td>
             <td align="center">
+
                 <a href="https://github.com/Kavish-Paraswar">
                     <img src="https://avatars.githubusercontent.com/u/162621258?v=4" width="100;" alt="Kavish-Paraswar"/>
                     <br />
@@ -615,13 +831,47 @@ You can find the project structure in the [Project Structure](project-structure.
                 </a>
             </td>
             <td align="center">
+
+                <a href="https://github.com/Himanshu-kumar025">
+                    <img src="https://avatars.githubusercontent.com/u/177013093?v=4" width="100;" alt="Himanshu-kumar025"/>
+                    <br />
+                    <sub><b>Himanshu Kumar</b></sub>
+
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
                 <a href="https://github.com/Palmistry2310">
                     <img src="https://avatars.githubusercontent.com/u/126777510?v=4" width="100;" alt="Palmistry2310"/>
                     <br />
                     <sub><b>PalMistry</b></sub>
+
+                </a>
+            </td>
+
+		</tr>
+		<tr>
+            <td align="center">
+
+ 
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
+                <a href="https://github.com/Ishika-Gupta06">
+                    <img src="https://avatars.githubusercontent.com/u/118624573?v=4" width="100;" alt="Ishika-Gupta06"/>
+                    <br />
+                    <sub><b>Ishika Gupta</b></sub>
                 </a>
             </td>
+
+
             <td align="center">
+
                 <a href="https://github.com/ShaikHafiza">
                     <img src="https://avatars.githubusercontent.com/u/138603502?v=4" width="100;" alt="ShaikHafiza"/>
                     <br />
@@ -636,10 +886,36 @@ You can find the project structure in the [Project Structure](project-structure.
                 </a>
             </td>
             <td align="center">
+
+                <a href="https://github.com/Subham1">
+                    <img src="https://avatars.githubusercontent.com/u/111575125?v=4" width="100;" alt="Subham1"/>
+                    <br />
+                    <sub><b>Subham1</b></sub>
+                </a>
+            </td>
+            <td align="center">
+
+                <a href="https://github.com/hgjajoo">
+                    <img src="https://avatars.githubusercontent.com/u/63530396?v=4" width="100;" alt="hgjajoo"/>
+                    <br />
+                    <sub><b>Harshvardhan Jajoo</b></sub>
+
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+                <a href="https://github.com/hritika2409">
+                    <img src="https://avatars.githubusercontent.com/u/117531823?v=4" width="100;" alt="hritika2409"/>
+                    <br />
+                    <sub><b>Hritika Sharan</b></sub>
+
+
                 <a href="https://github.com/Slambot01">
                     <img src="https://avatars.githubusercontent.com/u/145530795?v=4" width="100;" alt="Slambot01"/>
                     <br />
                     <sub><b>Zorslay#17</b></sub>
+
                 </a>
             </td>
             <td align="center">
@@ -652,8 +928,28 @@ You can find the project structure in the [Project Structure](project-structure.
 		</tr>
 		<tr>
             <td align="center">
-                <a href="https://github.com/Sameera-085">
-                    <img src="https://avatars.githubusercontent.com/u/145718719?v=4" width="100;" alt="Sameera-085"/>
+
+                <a href="https://github.com/riyaaryan2004">
+                    <img src="https://avatars.githubusercontent.com/u/145834658?v=4" width="100;" alt="riyaaryan2004"/>
+                    <br />
+                    <sub><b>Riya Aryan</b></sub>
+
+
+                </a>
+                  
+            </td>
+              <td align="center">
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+</td>
+            <td align="center">
+
+
+                <a href="https://github.com/Sameera-085">
+                    <img src="https://avatars.githubusercontent.com/u/145718719?v=4" width="100;" alt="Sameera-085"/>
                     <br />
                     <sub><b>Sameera-085</b></sub>
                 </a>
@@ -670,27 +966,80 @@ You can find the project structure in the [Project Structure](project-structure.
                     <img src="https://avatars.githubusercontent.com/u/126393851?v=4" width="100;" alt="SumaLatha2023"/>
                     <br />
                     <sub><b>Sumalatha Salapu</b></sub>
+
                 </a>
             </td>
+
+		</tr>
+		<tr>
+            <td align="center">
+
+                <a href="https://github.com/SumaLatha2023">
+                    <img src="https://avatars.githubusercontent.com/u/126393851?v=4" width="100;" alt="SumaLatha2023"/>
+                    <br />
+                    <sub><b>Sumalatha Salapu</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/SagnikGos">
+                    <img src="https://avatars.githubusercontent.com/u/177692306?v=4" width="100;" alt="SagnikGos"/>
+                    <br />
+                    <sub><b>SagnikGos</b></sub>
+
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
+                <a href="https://github.com/2004pra">
+                    <img src="https://avatars.githubusercontent.com/u/102900421?v=4" width="100;" alt="2004pra"/>
+                    <br />
+                    <sub><b>Prashant mishra</b></sub>
+                </a>
+            </td>
+
+
             <td align="center">
                 <a href="https://github.com/sadafhukkeri">
                     <img src="https://avatars.githubusercontent.com/u/157600170?v=4" width="100;" alt="sadafhukkeri"/>
                     <br />
                     <sub><b>sadafhukkeri</b></sub>
+
                 </a>
             </td>
             <td align="center">
-                <a href="https://github.com/swamimalode07">
-                    <img src="https://avatars.githubusercontent.com/u/139348491?v=4" width="100;" alt="swamimalode07"/>
+                <a href="https://github.com/Slambot01">
+                    <img src="https://avatars.githubusercontent.com/u/145530795?v=4" width="100;" alt="Slambot01"/>
                     <br />
-                    <sub><b>Swami Malode</b></sub>
+                    <sub><b>Zorslay#17</b></sub>
+                </a>
+            </td>
+            <td align="center">
+
+                <a href="https://github.com/Antima2004">
+                    <img src="https://avatars.githubusercontent.com/u/114092138?v=4" width="100;" alt="Antima2004"/>
+                    <br />
+                    <sub><b>Antima Mishra</b></sub>
                 </a>
             </td>
             <td align="center">
+                <a href="https://github.com/2004pra">
+                    <img src="https://avatars.githubusercontent.com/u/102900421?v=4" width="100;" alt="2004pra"/>
+                    <br />
+                    <sub><b>Prashant mishra</b></sub>
+ 
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
                 <a href="https://github.com/shivisingh25">
                     <img src="https://avatars.githubusercontent.com/u/142368095?v=4" width="100;" alt="shivisingh25"/>
                     <br />
                     <sub><b>Shivangi Singh</b></sub>
+
                 </a>
             </td>
 		</tr>
@@ -702,14 +1051,48 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Tushar Mishra</b></sub>
                 </a>
             </td>
+		</tr>
+		<tr>
             <td align="center">
+
+                <a href="https://github.com/swamimalode07">
+                    <img src="https://avatars.githubusercontent.com/u/139348491?v=4" width="100;" alt="swamimalode07"/>
+                    <br />
+                    <sub><b>Swami Malode</b></sub>
+ 
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
                 <a href="https://github.com/Codewithmeowmeow">
                     <img src="https://avatars.githubusercontent.com/u/182342654?v=4" width="100;" alt="Codewithmeowmeow"/>
                     <br />
                     <sub><b>codewithvibha</b></sub>
+
                 </a>
             </td>
             <td align="center">
+
+                <a href="https://github.com/shivisingh25">
+                    <img src="https://avatars.githubusercontent.com/u/142368095?v=4" width="100;" alt="shivisingh25"/>
+                    <br />
+                    <sub><b>Shivangi Singh</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/tusharmishra069">
+                    <img src="https://avatars.githubusercontent.com/u/118966111?v=4" width="100;" alt="tusharmishra069"/>
+                    <br />
+                    <sub><b>Tushar Mishra</b></sub>
+
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
                 <a href="https://github.com/poojitha-ch">
                     <img src="https://avatars.githubusercontent.com/u/104563340?v=4" width="100;" alt="poojitha-ch"/>
                     <br />
@@ -721,6 +1104,22 @@ You can find the project structure in the [Project Structure](project-structure.
                     <img src="https://avatars.githubusercontent.com/u/96826085?v=4" width="100;" alt="Amarjha01"/>
                     <br />
                     <sub><b>AMAR </b></sub>
+
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/Codewithmeowmeow">
+                    <img src="https://avatars.githubusercontent.com/u/182342654?v=4" width="100;" alt="Codewithmeowmeow"/>
+                    <br />
+                    <sub><b>codewithvibha</b></sub>
+                </a>
+            </td>
+            <td align="center">
+
+                <a href="https://github.com/poojitha-ch">
+                    <img src="https://avatars.githubusercontent.com/u/104563340?v=4" width="100;" alt="poojitha-ch"/>
+                    <br />
+                    <sub><b>poojitha-ch</b></sub>
                 </a>
             </td>
             <td align="center">
@@ -730,9 +1129,25 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Ananya Ravikiran Vastare</b></sub>
                 </a>
             </td>
+		</tr>
+		<tr>
             <td align="center">
+
+                <a href="https://github.com/Amarjha01">
+                    <img src="https://avatars.githubusercontent.com/u/96826085?v=4" width="100;" alt="Amarjha01"/>
+ 
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
+                <a href="https://github.com/amanreddy77">
+                    <img src="https://avatars.githubusercontent.com/u/108320925?v=4" width="100;" alt="amanreddy77"/>
+
                 <a href="https://github.com/Aditya90456">
                     <img src="https://avatars.githubusercontent.com/u/153073510?v=4" width="100;" alt="Aditya90456"/>
+
                     <br />
                     <sub><b>Aditya Bakshi</b></sub>
                 </a>
@@ -742,10 +1157,18 @@ You can find the project structure in the [Project Structure](project-structure.
             <td align="center">
                 <a href="https://github.com/Antima2004">
                     <img src="https://avatars.githubusercontent.com/u/114092138?v=4" width="100;" alt="Antima2004"/>
+
                     <br />
                     <sub><b>Antima Mishra</b></sub>
                 </a>
             </td>
+            <td align="center">
+                <a href="https://github.com/amanreddy77">
+                    <img src="https://avatars.githubusercontent.com/u/108320925?v=4" width="100;" alt="amanreddy77"/>
+                    <br />
+                    <sub><b>Aman Reddy Pundru</b></sub>
+                </a>
+            </td>
             <td align="center">
                 <a href="https://github.com/yasheela-alla">
                     <img src="https://avatars.githubusercontent.com/u/149046088?v=4" width="100;" alt="yasheela-alla"/>
@@ -774,6 +1197,8 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Gautam Manchandani</b></sub>
                 </a>
             </td>
+		</tr>
+		<tr>
             <td align="center">
                 <a href="https://github.com/Prathameshzad">
                     <img src="https://avatars.githubusercontent.com/u/86947319?v=4" width="100;" alt="Prathameshzad"/>
@@ -783,6 +1208,34 @@ You can find the project structure in the [Project Structure](project-structure.
             </td>
 		</tr>
 		<tr>
+            <td align="center">
+                <a href="https://github.com/Palmistry2310">
+                    <img src="https://avatars.githubusercontent.com/u/126777510?v=4" width="100;" alt="Palmistry2310"/>
+                    <br />
+                    <sub><b>PalMistry</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/OmmDevgoswami">
+                    <img src="https://avatars.githubusercontent.com/u/127383096?v=4" width="100;" alt="OmmDevgoswami"/>
+                    <br />
+                    <sub><b>Omm Devgoswami</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/Aazib-at-hub">
+                    <img src="https://avatars.githubusercontent.com/u/178921109?v=4" width="100;" alt="Aazib-at-hub"/>
+                    <br />
+                    <sub><b>Mohammad Aazib Khan</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/Prathameshzad">
+                    <img src="https://avatars.githubusercontent.com/u/86947319?v=4" width="100;" alt="Prathameshzad"/>
+                    <br />
+                    <sub><b>Prathamesh Zad</b></sub>
+                </a>
+            </td>
             <td align="center">
                 <a href="https://github.com/OmmDevgoswami">
                     <img src="https://avatars.githubusercontent.com/u/127383096?v=4" width="100;" alt="OmmDevgoswami"/>
@@ -790,6 +1243,8 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Omm Devgoswami</b></sub>
                 </a>
             </td>
+		</tr>
+		<tr>
             <td align="center">
                 <a href="https://github.com/MonilMehta">
                     <img src="https://avatars.githubusercontent.com/u/120671925?v=4" width="100;" alt="MonilMehta"/>
@@ -812,6 +1267,32 @@ You can find the project structure in the [Project Structure](project-structure.
                 </a>
             </td>
             <td align="center">
+
+                <a href="https://github.com/Shobhit1729Aryan">
+                    <img src="https://avatars.githubusercontent.com/u/182258530?v=4" width="100;" alt="Shobhit1729Aryan"/>
+                    <br />
+                    <sub><b>Shobhit Aryan</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/ShradhaSaxena23">
+                    <img src="https://avatars.githubusercontent.com/u/103318017?v=4" width="100;" alt="ShradhaSaxena23"/>
+                    <br />
+                    <sub><b>Shradha Saxena</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/ShrishtiSingh26">
+                    <img src="https://avatars.githubusercontent.com/u/142707684?v=4" width="100;" alt="ShrishtiSingh26"/>
+                    <br />
+                    <sub><b>Shrishti</b></sub>
+ 
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
                 <a href="https://github.com/Kiran-F">
                     <img src="https://avatars.githubusercontent.com/u/152872068?v=4" width="100;" alt="Kiran-F"/>
                     <br />
@@ -832,20 +1313,42 @@ You can find the project structure in the [Project Structure](project-structure.
                     <img src="https://avatars.githubusercontent.com/u/128895955?v=4" width="100;" alt="HarshadaGirase"/>
                     <br />
                     <sub><b>Harshada Girase</b></sub>
+
                 </a>
             </td>
             <td align="center">
+
+                <a href="https://github.com/zeropse">
+                    <img src="https://avatars.githubusercontent.com/u/129523087?v=4" width="100;" alt="zeropse"/>
+                    <br />
+                    <sub><b>Srijit Dey</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/Subhajit-2023-44">
+                    <img src="https://avatars.githubusercontent.com/u/162921603?v=4" width="100;" alt="Subhajit-2023-44"/>
+                    <br />
+                    <sub><b>Subhajit-2023-44</b></sub>
+
                 <a href="https://github.com/shashankgoud18">
                     <img src="https://avatars.githubusercontent.com/u/142642917?v=4" width="100;" alt="shashankgoud18"/>
                     <br />
                     <sub><b>Shashank Goud</b></sub>
                 </a>
+                  
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
             </td>
             <td align="center">
                 <a href="https://github.com/Shobhit1729Aryan">
                     <img src="https://avatars.githubusercontent.com/u/182258530?v=4" width="100;" alt="Shobhit1729Aryan"/>
                     <br />
                     <sub><b>Shobhit Aryan</b></sub>
+
                 </a>
             </td>
             <td align="center">
@@ -856,29 +1359,81 @@ You can find the project structure in the [Project Structure](project-structure.
                 </a>
             </td>
             <td align="center">
+
+                <a href="https://github.com/SupratitDatta">
+                    <img src="https://avatars.githubusercontent.com/u/112554289?v=4" width="100;" alt="SupratitDatta"/>
+                    <br />
+                    <sub><b>Supratit Datta</b></sub>
+ 
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
                 <a href="https://github.com/ShrishtiSingh26">
                     <img src="https://avatars.githubusercontent.com/u/142707684?v=4" width="100;" alt="ShrishtiSingh26"/>
                     <br />
                     <sub><b>Shrishti</b></sub>
+
                 </a>
             </td>
             <td align="center">
-                <a href="https://github.com/zeropse">
-                    <img src="https://avatars.githubusercontent.com/u/129523087?v=4" width="100;" alt="zeropse"/>
+                <a href="https://github.com/Tanushree084">
+                    <img src="https://avatars.githubusercontent.com/u/176521591?v=4" width="100;" alt="Tanushree084"/>
                     <br />
-                    <sub><b>Srijit Dey</b></sub>
+                    <sub><b>Tanushree084</b></sub>
                 </a>
             </td>
 		</tr>
 		<tr>
             <td align="center">
+
+                <a href="https://github.com/shriyadindi">
+                    <img src="https://avatars.githubusercontent.com/u/126611334?v=4" width="100;" alt="shriyadindi"/>
+                    <br />
+                    <sub><b>Shriya Dindi</b></sub>
+
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
                 <a href="https://github.com/SubramanyaKS">
                     <img src="https://avatars.githubusercontent.com/u/70049779?v=4" width="100;" alt="SubramanyaKS"/>
                     <br />
                     <sub><b>Subramanya K S</b></sub>
+
                 </a>
             </td>
             <td align="center">
+
+                <a href="https://github.com/varshapandiann">
+                    <img src="https://avatars.githubusercontent.com/u/139967182?v=4" width="100;" alt="varshapandiann"/>
+                    <br />
+                    <sub><b>Varsha Pandian</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/Varsha-1605">
+                    <img src="https://avatars.githubusercontent.com/u/140236223?v=4" width="100;" alt="Varsha-1605"/>
+                    <br />
+                    <sub><b>Varsha Dewangan</b></sub>
+                </a>
+            </td>
+            <td align="center">
+                <a href="https://github.com/sv410">
+                    <img src="https://avatars.githubusercontent.com/u/164530944?v=4" width="100;" alt="sv410"/>
+                    <br />
+                    <sub><b>srivani vinnakota</b></sub>
+ 
+    <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
+
                 <a href="https://github.com/SupratitDatta">
                     <img src="https://avatars.githubusercontent.com/u/112554289?v=4" width="100;" alt="SupratitDatta"/>
                     <br />
@@ -897,31 +1452,48 @@ You can find the project structure in the [Project Structure](project-structure.
                     <img src="https://avatars.githubusercontent.com/u/139967182?v=4" width="100;" alt="varshapandiann"/>
                     <br />
                     <sub><b>Varsha Pandian</b></sub>
+
                 </a>
             </td>
             <td align="center">
-                <a href="https://github.com/Varsha-1605">
-                    <img src="https://avatars.githubusercontent.com/u/140236223?v=4" width="100;" alt="Varsha-1605"/>
+                <a href="https://github.com/Vijitverm1234">
+                    <img src="https://avatars.githubusercontent.com/u/143703788?v=4" width="100;" alt="Vijitverm1234"/>
                     <br />
-                    <sub><b>Varsha Dewangan</b></sub>
+                    <sub><b>Vijit Verma</b></sub>
                 </a>
             </td>
             <td align="center">
-                <a href="https://github.com/Vijitverm1234">
-                    <img src="https://avatars.githubusercontent.com/u/143703788?v=4" width="100;" alt="Vijitverm1234"/>
+                <a href="https://github.com/deepikaa0402">
+                    <img src="https://avatars.githubusercontent.com/u/159520305?v=4" width="100;" alt="deepikaa0402"/>
                     <br />
-                    <sub><b>Vijit Verma</b></sub>
+                    <sub><b>Deepika Anand</b></sub>
                 </a>
             </td>
+
+
+
+
 		</tr>
 		<tr>
+
             <td align="center">
+             <a href="https://github.com/rahulbamnuya">
+        <img src="https://avatars.githubusercontent.com/u/129646171?s=48&v=4" width="100;" alt="rahulbamnuya"/>
+        <br />
+        <sub><b>Rahul Bamaniya</b></sub>
+    </a>
                 <a href="https://github.com/deepikaa0402">
                     <img src="https://avatars.githubusercontent.com/u/159520305?v=4" width="100;" alt="deepikaa0402"/>
                     <br />
                     <sub><b>Deepika Anand</b></sub>
                 </a>
             </td>
+
+		</tr>
+		<tr>
+
+
+
             <td align="center">
                 <a href="https://github.com/INam1995">
                     <img src="https://avatars.githubusercontent.com/u/127117868?v=4" width="100;" alt="INam1995"/>
@@ -929,6 +1501,8 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Inam Yadav</b></sub>
                 </a>
             </td>
+		</tr>
+		<tr>
             <td align="center">
                 <a href="https://github.com/Jetshree">
                     <img src="https://avatars.githubusercontent.com/u/135634085?v=4" width="100;" alt="Jetshree"/>
@@ -943,6 +1517,13 @@ You can find the project structure in the [Project Structure](project-structure.
                     <sub><b>Krishnam Verma</b></sub>
                 </a>
             </td>
+            <td align="center">
+                <a href="https://github.com/souvikpramanikgit">
+                    <img src="https://avatars.githubusercontent.com/u/123581988?v=4" width="100;" alt="souvikpramanikgit"/>
+                    <br />
+                    <sub><b>Souvik Kumar Pramanik</b></sub>
+                </a>
+            </td>
             <td align="center">
                 <a href="https://github.com/ruchikakengal">
                     <img src="https://avatars.githubusercontent.com/u/177725578?v=4" width="100;" alt="ruchikakengal"/>
@@ -981,24 +1562,10 @@ You can find the project structure in the [Project Structure](project-structure.
                 </a>
             </td>
             <td align="center">
-                <a href="https://github.com/souvikpramanikgit">
-                    <img src="https://avatars.githubusercontent.com/u/123581988?v=4" width="100;" alt="souvikpramanikgit"/>
-                    <br />
-                    <sub><b>Souvik Kumar Pramanik</b></sub>
-                </a>
-            </td>
-            <td align="center">
-                <a href="https://github.com/sv410">
-                    <img src="https://avatars.githubusercontent.com/u/164530944?v=4" width="100;" alt="sv410"/>
-                    <br />
-                    <sub><b>srivani vinnakota</b></sub>
-                </a>
-            </td>
-            <td align="center">
-                <a href="https://github.com/shriyadindi">
-                    <img src="https://avatars.githubusercontent.com/u/126611334?v=4" width="100;" alt="shriyadindi"/>
+                <a href="https://github.com/Abhi-Jeeet">
+                    <img src="https://avatars.githubusercontent.com/u/157899302?v=4" width="100;" alt="Abhi-Jeeet"/>
                     <br />
-                    <sub><b>Shriya Dindi</b></sub>
+                    <sub><b>Abhijeet Kumar</b></sub>
                 </a>
             </td>
 		</tr>
@@ -1249,4 +1816,4 @@ If you find this project helpful, please consider giving it a ⭐ on GitHub! You
 <!--Line-->
 <img src="https://user-images.githubusercontent.com/74038190/212284100-561aa473-3905-4a80-b561-0d28506553ee.gif" width="900">
 
-# Thanks for reading!!!
+# Thanks for reading!!!
\ No newline at end of file
diff --git a/book.html b/book.html
index 7b18dfdc..9fb29261 100644
--- a/book.html
+++ b/book.html
@@ -1,325 +1,291 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta
-      name="description"
-      content="BuddyTrail is a travel agency website that helps you pick out your holiday vacation"
-    />
-    <meta name="robots" content="index,follow" />
-    <link rel="stylesheet" href="RatingStyle.css" />
-    <link rel="stylesheet" href="style.css" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Pattaya&family=Poppins:wght@400;500&display=swap"
-      rel="stylesheet"
-    />
-    <link rel="icon" href="/icons/airplane.svg" />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
-      integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
-      crossorigin="anonymous"
-      referrerpolicy="no-referrer"
-    />
-    <title>Book Now - BuddyTrail</title>
-    <style>
-      .error {
-        color: red;
-        font-size: 1.2rem;
-        margin-top: 5px;
-      }
-      /* General navigation styles */
-      nav {
-        display: flex;
-        justify-content: space-evenly; /* Aligns nav items evenly */
-      }
 
-      nav ul {
-        list-style-type: none; /* Removes bullet points */
-        padding: 0; /* Removes padding */
-      }
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="description"
+    content="BuddyTrail is a travel agency website that helps you pick out your holiday vacation" />
+  <meta name="robots" content="index,follow" />
+  <link rel="stylesheet" href="RatingStyle.css">
+  <link rel="stylesheet" href="style.css" />
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Pattaya&family=Poppins:wght@400;500&display=swap"
+    rel="stylesheet" />
+  <link rel="icon" href="/icons/airplane.svg" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
+    integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <title>Book Now - BuddyTrail</title>
+  <style>
+    .error {
+      color: red;
+      font-size: 1.2em;
+      margin-top: 5px;
+    }
 
-      /* Navigation link styles */
-      nav ul li {
-        display: inline; /* Displays list items in a row */
-      }
+    .nav-elem {
+      font-size: 1.9rem;
+      width: 100vw;
+      margin-left: 50px;
+      display: flex;
+      justify-content: space-evenly;
+    }
 
-      nav ul li a {
-        font-size: 2.5rem; /* Font size for nav links */
-        color: #fffdfd; /* Default color */
-        transition: color 0.3s ease; /* Smooth color transition */
-      }
+    .logo {
+      left: 50px;
 
-      /* Hover and active link styles */
-      nav ul li a:hover,
-      nav ul li a:active {
-        color: #ff5733; /* Color on hover or active state */
-      }
+    }
 
-      /* Optional: Style for icons specifically */
-      .social-icons a {
-        color: #ffffff; /* Default color for social icons */
-        transition: color 0.3s ease; /* Smooth color transition */
-      }
+    nav {
+      display: flex;
+      justify-content: space-evenly;
+    }
 
-      .social-icons a:hover,
-      .social-icons a:active {
-        color: #ff5733; /* Color for social icons on hover or active state */
-      }
 
-      /* Additional styles */
-      .nav-elem {
-        font-size: 1.8rem; /* Font size for additional navigation elements */
-        width: 80vw; /* Full viewport width */
-        margin-left: 20px; /* Left margin */
-        display: flex; /* Flexbox display */
-        justify-content: space-evenly;
-        align-items: center;
-        padding: 20px;
-         /* Even spacing between items */
-      }
+    .locations h2 {
+      font-size: 4rem;
+      color: white;
+    }
 
-      .logo {
-        left: 50px; /* Left positioning for logo */
-      }
+    .benefits {
+      color: #f9f9f9;
+    }
 
-      .locations h2 {
-        font-size: 4rem; /* Font size for location headings */
-        color: white; /* Color for location headings */
-      }
+    .benefits h2 {
+      font-size: 4rem;
+      margin-bottom: 50px;
+      text-shadow: 0 0 2px rgb(110, 110, 110);
+    }
 
-      .benefits {
-        color: #f9f9f9; /* Color for benefits text */
-      }
+    footer {
+      padding-top: 50px;
+      padding-bottom: 20px;
+    }
 
-      .benefits h2 {
-        font-size: 4rem; /* Font size for benefits headings */
-        margin-bottom: 50px; /* Margin below benefits headings */
-        text-shadow: 0 0 2px rgb(110, 110, 110); /* Text shadow for benefits headings */
-      }
+    .footer-bottom {
+      margin-top: 20px;
+    }
 
-      footer {
-        padding-top: 50px; /* Top padding for footer */
-        padding-bottom: 20px; /* Bottom padding for footer */
-      }
+    .confirmation {
+      color: green;
+      font-size: 1.5em;
+      margin-top: 10px;
+      text-align: center;
+    }
+  </style>
+</head>
 
-      .footer-bottom {
-        margin-top: 20px; /* Margin at the top of footer bottom section */
-      }
-    </style>
-  </head>
-  <body>
-    <header class="main-head">
-      <nav>
-        <div class="logo">
-          <img src="img/logo.png" id="logo-web" />
-          <h1 id="logo"><a href="index.html">BuddyTrail</a></h1>
-        </div>
-        <div class="nav-elem">
-          <a href="#locations">Location</a>
-          <a href="#benefits">Benefits</a>
-          <a href="contact.html">Contact</a>
-          <a href="#booking-form">Book Now</a>
+<body>
+  <header class="main-head">
+    <nav>
+      <div class="logo">
+        <img src="img/logo.png" id="logo-web">
+        <h1 id="logo"><a href="index.html">BuddyTrail</a></h1>
+      </div>
+      <div class="nav-elem">
+        <a href="#locations">Location</a>
+        <a href="#benefits">Benefits</a>
+        <a href="contact.html">Contact</a>
+        <a href="#booking-form">Book Now</a>
+      </div>
+    </nav>
+  </header>
+  <main>
+    <section class="hero">
+      <h2>Welcome to BuddyTrail</h2>
+    </section>
+
+    <section id="locations" class="locations">
+      <h2>Popular Destinations</h2>
+      <div class="location-cards">
+        <!-- Cards for destinations -->
+      </div>
+    </section>
+
+    <section id="booking-form" class="booking-form">
+      <h2>Book Your Trip</h2>
+      <!-- Display confirmation message after form submission -->
+      <div id="confirmationMessage" class="confirmation"></div>
+      <form id="bookingForm" action="" method="post" onsubmit="return handleSubmit(event)" novalidate>
+        <!-- Place of Visit -->
+        <div class="form-group">
+          <label for="place"><i class="fas fa-map-marker-alt"></i> Place of Visit:</label>
+          <input type="text" id="place" name="place" placeholder="Enter your destination" required />
+          <div class="error" id="placeError"></div>
         </div>
-      </nav>
-    </header>
-    <main>
-      <section class="hero">
-        <h2>Welcome to BuddyTrail</h2>
-      </section>
-
-      <section id="locations" class="locations">
-        <h2>Popular Destinations</h2>
-        <div class="location-cards">
-          <div class="location-card">
-            <h3>Dubai</h3>
-            <p>
-              Flight to Dubai<br />Save 20% on round-trip flights to Dubai.
-              Limited time offer!
-            </p>
-            <p><strong>Price:</strong> ₹20,000 <del>₹25,000</del></p>
-          </div>
-          <div class="location-card">
-            <h3>Goa</h3>
-            <p>
-              Luxury Stay in Goa<br />Get 30% off on a 5-star hotel stay in Goa.
-              Enjoy the best of luxury at an affordable price!
-            </p>
-            <p><strong>Price:</strong> ₹10,500 <del>₹15,000</del> per night</p>
-          </div>
-          <div class="location-card">
-            <h3>Kerala</h3>
-            <p>
-              Kerala Backwaters Package<br />Experience the serene beauty of
-              Kerala's backwaters with a 4-day, 3-night package. All-inclusive
-              deal!
-            </p>
-          </div>
-          <div class="location-card">
-            <h3>Paris</h3>
-            <p>
-              Paris Romantic Getaway<br />Enjoy a romantic trip to Paris with
-              your loved one. Special package for couples!
-            </p>
-            <br />
-            <p>
-              <strong>Price:</strong> ₹1,20,000 <del>₹1,50,000</del> per couple
-            </p>
-          </div>
-          <div class="location-card">
-            <h3>Bali</h3>
-            <p>
-              Adventure in Bali<br />Book an adventure trip to Bali with
-              activities like snorkeling, trekking & more. Discount available
-              for groups!
-            </p>
-            <p><strong>Price:</strong> ₹48,000 <del>₹60,000</del> per person</p>
-          </div>
+
+        <!-- Dates of Staying -->
+        <div class="form-group">
+          <label for="dates"><i class="fas fa-calendar-alt"></i> Dates of Staying:</label>
+          <input type="date" id="dates" name="dates" required />
+          <div class="error" id="datesError"></div>
         </div>
-      </section>
-
-      <section id="benefits" class="benefits">
-        <h2>Why Travel with BuddyTrail?</h2>
-        <ul class="benifits-list">
-          <li>Exclusive discounts and travel packages</li>
-          <li>24/7 customer support for a hassle-free experience</li>
-          <li>Handpicked destinations and personalized itineraries</li>
-          <li>Safe and secure travel arrangements</li>
-        </ul>
-        <div class="call-to-action">
-          <h2>Ready to embark on your next adventure?</h2>
-          <h2>Let BuddyTrail take you there!</h2>
+
+        <!-- Mode of Transport -->
+        <div class="form-group">
+          <label for="transport"><i class="fas fa-plane"></i> Mode of Transport:</label>
+          <select id="transport" name="transport" required>
+            <option value="" disabled selected>Select mode of transport</option>
+            <option value="air">Air</option>
+            <option value="train">Train</option>
+            <option value="bus">Bus</option>
+            <option value="car">Car</option>
+          </select>
+          <div class="error" id="transportError"></div>
         </div>
-      </section>
-
-      <section id="booking-form" class="booking-form">
-        <h2>Book Your Trip</h2>
-        <form
-          id="bookingForm"
-          action="#"
-          method="post"
-          onsubmit="return validateForm()"
-          novalidate
-        >
-          <div class="form-group">
-            <label for="place">Place of Visit:</label>
-            <input
-              type="text"
-              id="place"
-              name="place"
-              placeholder="Enter your destination"
-              required
-            />
-            <div class="error" id="placeError"></div>
-          </div>
-          <div class="form-group">
-            <label for="dates">Dates of Staying:</label>
-            <input type="date" id="dates" name="dates" required />
-            <div class="error" id="datesError"></div>
-          </div>
-          <div class="form-group">
-            <label for="transport">Mode of Transport:</label>
-            <select id="transport" name="transport" required>
-              <option value="" disabled selected>
-                Select mode of transport
-              </option>
-              <option value="air">Air</option>
-              <option value="train">Train</option>
-              <option value="bus">Bus</option>
-              <option value="car">Car</option>
-            </select>
-            <div class="error" id="transportError"></div>
-          </div>
-          <button type="submit" class="btn">Book Now</button>
-        </form>
-      </section>
-    </main>
-
-    <footer>
-      <div class="footer-container">
-        <div class="footer-column">
-          <h3>About Us</h3>
-          <p>
-            We are a team of passionate developers creating amazing web
-            experiences.
-          </p>
+
+        <!-- Number of Travelers -->
+        <div class="form-group">
+          <label for="travelers"><i class="fas fa-users"></i> Number of Travelers:</label>
+          <input type="number" id="travelers" name="travelers" min="1" placeholder="Enter number of travelers"
+            required />
+          <div class="error" id="travelersError"></div>
         </div>
-        <div class="footer-column">
-          <h3>Quick Links</h3>
-          <ul>
-            <li><a href="index.html">Home</a></li>
-            <li><a href="about.html">About</a></li>
-            <li><a href="index.html">Services</a></li>
-            <li><a href="contact.html">Contact</a></li>
-          </ul>
+
+        <!-- Budget -->
+        <div class="form-group">
+          <label for="budget"><i class="fas fa-money-bill-wave"></i> Budget:</label>
+          <select id="budget" name="budget" required>
+            <option value="" disabled selected>Select your budget</option>
+            <option value="cheap">Cheap</option>
+            <option value="medium">Medium</option>
+            <option value="expensive">Expensive</option>
+          </select>
+          <div class="error" id="budgetError"></div>
         </div>
-        <div class="footer-column">
-          <h3>Contact Us</h3>
-          <p>Email: info@example.com</p>
-          <p>Phone: +123 456 7890</p>
+
+        <!-- Place Preference -->
+        <div class="form-group">
+          <label for="preference"><i class="fas fa-compass"></i> Place Preference:</label>
+          <select id="preference" name="preference" required>
+            <option value="" disabled selected>Select place preference</option>
+            <option value="mountains">Mountains</option>
+            <option value="beach">Beach</option>
+            <option value="city">City</option>
+            <option value="countryside">Countryside</option>
+          </select>
+          <div class="error" id="preferenceError"></div>
         </div>
-        <div class="footer-column">
-          <h3>Follow Us</h3>
-          <div class="social-icons">
-            <a href="https://discord.com/invite/priyaghosal"
-              ><i class="fa-brands fa-discord"></i
-            ></a>
-            <a href="https://x.com/https://twitter.com/PriyaGhosa39968"
-              ><i class="fa-brands fa-x-twitter"></i
-            ></a>
-            <a href="https://github.com/PriyaGhosal/BuddyTrail"
-              ><i class="fab fa-github"></i
-            ></a>
-            <a href="https://www.linkedin.com/in/priya-ghosal-785771286/"
-              ><i class="fab fa-linkedin-in"></i
-            ></a>
-          </div>
+
+        <!-- Submit Button -->
+        <button type="submit" class="btn"><i class="fas fa-paper-plane"></i> Book Now</button>
+      </form>
+    </section>
+  </main>
+
+  <footer>
+    <div class="footer-container">
+      <div class="footer-column">
+        <h3>About Us</h3>
+        <p>We are a team of passionate developers creating amazing web experiences.</p>
+      </div>
+      <div class="footer-column">
+        <h3>Quick Links</h3>
+        <ul>
+          <li><a href="index.html">Home</a></li>
+          <li><a href="about.html">About</a></li>
+          <li><a href="index.html">Services</a></li>
+          <li><a href="contact.html">Contact</a></li>
+        </ul>
+      </div>
+      <div class="footer-column">
+        <h3>Contact Us</h3>
+        <p>Email: info@example.com</p>
+        <p>Phone: +123 456 7890</p>
+      </div>
+      <div class="footer-column">
+        <h3>Follow Us</h3>
+        <div class="social-icons">
+          <a href="https://discord.com/invite/priyaghosal"><i class="fa-brands fa-discord"></i></a>
+          <a href="https://x.com/https://twitter.com/PriyaGhosa39968"><i class="fa-brands fa-x-twitter"></i></a>
+          <a href="https://github.com/PriyaGhosal/BuddyTrail"><i class="fab fa-github"></i></a>
+          <a href="https://www.linkedin.com/in/priya-ghosal-785771286/"><i class="fab fa-linkedin-in"></i></a>
         </div>
       </div>
+    </div>
 
-      <div class="footer-bottom">
-        <p>&copy; 2024 Buddy Trail. All rights reserved.</p>
-      </div>
-    </footer>
-
-    <script>
-      function validateForm() {
-        let valid = true;
-
-        // Clear previous error messages
-        document.getElementById("placeError").innerText = "";
-        document.getElementById("datesError").innerText = "";
-        document.getElementById("transportError").innerText = "";
-
-        // Validate Place of Visit
-        const place = document.getElementById("place").value.trim();
-        if (place === "") {
-          document.getElementById("placeError").innerText =
-            "Please enter a place of visit.";
-          valid = false;
-        }
-
-        // Validate Dates of Staying
-        const dates = document.getElementById("dates").value;
-        if (dates === "") {
-          document.getElementById("datesError").innerText =
-            "Please select your dates of stay.";
-          valid = false;
-        }
-
-        // Validate Mode of Transport
-        const transport = document.getElementById("transport").value;
-        if (transport === "") {
-          document.getElementById("transportError").innerText =
-            "Please select a mode of transport.";
-          valid = false;
-        }
-
-        return valid;
+    <div class="footer-bottom">
+      <p>&copy; 2024 Buddy Trail. All rights reserved.</p>
+    </div>
+  </footer>
+
+  <script>
+    function validateForm() {
+      let valid = true;
+
+      // Clear previous error messages
+      document.getElementById("placeError").innerText = "";
+      document.getElementById("datesError").innerText = "";
+      document.getElementById("travelersError").innerText = "";
+      document.getElementById("budgetError").innerText = "";
+      document.getElementById("preferenceError").innerText = "";
+      document.getElementById("transportError").innerText = "";
+
+      // Validate Place of Visit
+      const place = document.getElementById("place").value.trim();
+      if (place === "") {
+        document.getElementById("placeError").innerText = "Please enter a place of visit.";
+        valid = false;
+      }
+
+      // Validate Dates of Staying
+      const dates = document.getElementById("dates").value;
+      if (dates === "") {
+        document.getElementById("datesError").innerText = "Please select your dates of stay.";
+        valid = false;
+      }
+
+      // Validate Number of Travelers
+      const travelers = document.getElementById("travelers").value;
+      if (travelers === "" || travelers <= 0) {
+        document.getElementById("travelersError").innerText = "Please enter a valid number of travelers.";
+        valid = false;
       }
-    </script>
-  </body>
+
+      // Validate Budget
+      const budget = document.getElementById("budget").value;
+      if (budget === "") {
+        document.getElementById("budgetError").innerText = "Please select a budget.";
+        valid = false;
+      }
+
+      // Validate Place Preference
+      const preference = document.getElementById("preference").value;
+      if (preference === "") {
+        document.getElementById("preferenceError").innerText = "Please select a place preference.";
+        valid = false;
+      }
+
+      // Validate Mode of Transport
+      const transport = document.getElementById("transport").value;
+      if (transport === "") {
+        document.getElementById("transportError").innerText = "Please select your mode of transport.";
+        valid = false;
+      }
+
+      return valid;
+    }
+
+    function handleSubmit(event) {
+      event.preventDefault();
+
+      if (validateForm()) {
+        // Display a confirmation message
+        const confirmationMessage = document.getElementById("confirmationMessage");
+        confirmationMessage.innerText = "Thank you! Your booking is confirmed.";
+
+        // Clear the form fields
+        document.getElementById("bookingForm").reset();
+
+        // Optional: You can add a timeout before redirecting or resetting the form
+        setTimeout(() => {
+          confirmationMessage.innerText = ""; // Hide the message after a few seconds
+        }, 5000);
+      }
+    }
+  </script>
+</body>
+
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 5772f7cc..d0634240 100644
--- a/style.css
+++ b/style.css
@@ -26,21 +26,6 @@
   border-radius: 8px;
 }
 
-.NAVI {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.NAVI i {
-  margin-right: 10px;
-}
-
-.NAVI a {
-  text-decoration: none;
-  color: #337ab7;
-}
-
 .hi
 {
   display: flex;
@@ -716,9 +701,7 @@ nav {
 
 .benifits-list li {
     font-size: 1em;
-}
-
-/**** BOOKING FORM ****/
+}/**** BOOKING FORM WITH ICONS ****/
 .booking-form {
   margin: 30px auto;
   margin-bottom: 0;
@@ -728,18 +711,15 @@ nav {
   align-items: center;
   padding: 20px;
   padding-bottom: 5rem;
-  /* background: rgba(255, 255, 255, 0.9); */
   background-image: url(/img/new-york-page.png);
-
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
-
   border-radius: 8px;
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
 }
 
-.booking-form form{
+.booking-form form {
   max-width: 600px;
   width: 90%;
   border-radius: 8px;
@@ -756,6 +736,8 @@ nav {
 
 .form-group {
   margin-bottom: 15px;
+  position: relative;
+  /* To position the icons inside the input */
 }
 
 .form-group label {
@@ -764,20 +746,33 @@ nav {
   font-weight: bold;
 }
 
-.form-group input{
-  width: calc(100% - 0px);
-  padding: 10px;
+.form-group input,
+.form-group select {
+  width: 100%;
+  padding: 10px 40px 10px 15px;
+  /* Adjust padding for icons */
   border: 1px solid #ccc;
   border-radius: 5px;
   font-size: 16px;
 }
 
-.form-group select {
-  width: calc(100% - 0px);
-  padding: 10px;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-  font-size: 16px;
+.form-group .icon {
+  position: absolute;
+  top: 50%;
+  left: 10px;
+  transform: translateY(-50%);
+  color: #6c757d;
+  /* Icon color */
+  font-size: 18px;
+}
+
+.form-group input:focus,
+.form-group select:focus {
+  border-color: #6a1b9a;
+  /* Purple border on focus */
+  outline: none;
+  background-color: #f3e5f5;
+  /* Light purple background on focus */
 }
 
 .btn {
@@ -797,254 +792,62 @@ nav {
 }
 
 @keyframes fadeIn {
-  from { opacity: 0; transform: translateY(20px); }
-  to { opacity: 1; transform: translateY(0); }
-}
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
 
-@keyframes slideIn {
-  from { transform: translateX(-50px); opacity: 0; }
-  to { transform: translateX(0); opacity: 1; }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 @keyframes pulse {
-  0% { transform: scale(1); }
-  50% { transform: scale(1.05); }
-  100% { transform: scale(1); }
-}
-
-body {
-  font-family: 'Arial', sans-serif;
-  line-height: 1.6;
-  color: #333;
-  margin: 0;
-  padding: 0;
-}
-.contact-section {
-  background: linear-gradient(to right, #e6f2ff, #f0e6ff);
-  padding: 4rem 0;
-}
-.container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 0 2rem;
-}
-.section-title {
-  text-align: center;
-  color: #1a365d;
-  font-size: 3rem;
-  margin-bottom: 3rem;
-  animation: fadeIn 1s ease-out;
-}
-.contact-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 3rem;
-}
-.contact-info, .contact-form {
-  background: #ffffff;
-  border-radius: 8px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  padding: 2rem;
-  transition: box-shadow 0.3s ease, transform 0.3s ease;
-  animation: fadeIn 1s ease-out;
-}
-.contact-info:hover, .contact-form:hover {
-  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
-  transform: translateY(-5px);
-}
-.info-item {
-  display: flex;
-  align-items: center;
-  margin-bottom: 1.5rem;
-  animation: slideIn 0.5s ease-out;
-  animation-fill-mode: both;
-}
-.info-item:nth-child(1) { animation-delay: 0.2s; }
-.info-item:nth-child(2) { animation-delay: 0.4s; }
-.info-item:nth-child(3) { animation-delay: 0.6s; }
-.info-icon {
-  background: #1a365d;
-  color: #ffffff;
-  padding: 0.5rem;
-  border-radius: 50%;
-  margin-right: 1rem;
-  transition: transform 0.3s ease;
-}
-.info-item:hover .info-icon {
-  transform: rotate(15deg);
-}
-.info-content h3 {
-  margin: 0;
-  font-size: 1.2rem;
-  color: #1a365d;
-}
-.info-content p {
-  margin: 0.25rem 0 0;
-  color: #4a5568;
-}
-.form-group {
-  margin-bottom: 1.5rem;
-  animation: fadeIn 0.5s ease-out;
-  animation-fill-mode: both;
-}
-.form-group:nth-child(1) { animation-delay: 0.2s; }
-.form-group:nth-child(2) { animation-delay: 0.4s; }
-.form-group:nth-child(3) { animation-delay: 0.6s; }
-.form-control {
-  width: 100%;
-  padding: 0.75rem;
-  border: 1px solid #e2e8f0;
-  font-size: 1rem;
-  transition: border-color 0.3s ease, box-shadow 0.3s ease;
-  margin-bottom: 15px;
-  border: 2px solid #d1c4e9;
-  border-radius: 5px;
-  background-color: white;
-  font-size: 16px;
-}
-.form-control:focus {
-  border-color: #6a1b9a; /* Purple border on focus */
-  outline: none;
-  background-color: #f3e5f5; /* Light purple background on focus */
-}
-.btn-submit {
-  background: #1a365d;
-  color: #ffffff;
-  padding: 0.75rem 1.5rem;
-  border: none;
-  border-radius: 4px;
-  font-size: 1rem;
-  cursor: pointer;
-  transition: background-color 0.3s ease, transform 0.3s ease;
-  animation: pulse 2s infinite;
-}
-.btn-submit:hover {
-  background: #2c5282;
-  transform: translateY(-2px);
-}
-.about-buddytrail {
-  background: #1a365d;
-  color: #ffffff;
-  padding: 2rem;
-  border-radius: 8px;
-  margin-top: 2rem;
-  animation: fadeIn 1s ease-out;
-  animation-delay: 0.8s;
-  animation-fill-mode: both;
-}
-.about-buddytrail h3 {
-  margin-top: 0;
-  font-size: 1.5rem;
-  color: #ffffff;
-}
-.about-buddytrail p {
-  color: #ffffff;
-}
-@media (max-width: 768px) {
-  .contact-grid {
-      grid-template-columns: 1fr;
+  0% {
+    transform: scale(1);
   }
-}
-#About {
-  padding: 60px;
-  background-color: #f5f5f5; /* Light grey background */
-  color: #333; /* Dark grey text */
-  font-family: "Helvetica", "Arial", sans-serif;
-  line-height: 1.6;
-  text-align: left;
-  border-radius: 8px; /* Rounded corners */
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
-}
-
-#About h1 {
-  font-size: 3.5em;
-  color: #007bff; /* Blue color for the main heading */
-  margin-bottom: 20px;
-  font-weight: bold;
-  text-align: center;
-}
-
-#About h2 {
-  font-size: 3em;
-  color: #0056b3; /* Dark blue color for subheadings */
-  margin-top: 40px;
-  font-weight: 600;
-}
-
-#About p {
-  font-size: 2.2em;
-  margin-bottom: 20px;
-  color: #444; /* Slightly darker grey for paragraph text */
-}
 
-#About p strong {
-  color: #007bff; /* Blue highlight for important text */
-}
-
-#About ul {
-  list-style-type: none;
-  padding-left: 0;
-  margin-top: 20px;
-}
-
-#About ul li {
-  font-size: 1.5em;
-  margin-bottom: 15px;
-  display: flex;
-  align-items: flex-start;
-}
-
-#About ul li::before {
-  content: "✔"; /* Checkmark symbol as bullet point */
-  margin-right: 10px;
-  color: #28a745; /* Green checkmark */
-  font-size: 1.5em;
-}
-/* Light mode for #About */
-.light-mode #About {
-  background-color: #f5f5f5; /* Light grey background */
-  color: #333; /* Dark grey text */
-}
-
-/* Dark mode for #About */
-.dark-mode #About {
-  background-color: #121212; /* Dark background */
-  color: #e0e0e0; /* Light grey text */
-}
-
-.light-mode #About h1 {
-  color: #007bff; /* Blue color for the main heading in light mode */
-}
+  50% {
+    transform: scale(1.05);
+  }
 
-.dark-mode #About h1 {
-  color: #ffa500; /* Orange color for the main heading in dark mode */
+  100% {
+    transform: scale(1);
+  }
 }
 
-.light-mode #About h2 {
-  color: #0056b3; /* Dark blue subheading in light mode */
-}
+/* Additional form styling with icons */
 
-.dark-mode #About h2 {
-  color: #ffd700; /* Bright yellow subheading in dark mode */
+.form-group:nth-child(1) {
+  animation-delay: 0.2s;
 }
 
-.light-mode #About p {
-  color: #444; /* Slightly darker grey for paragraph text in light mode */
+.form-group:nth-child(2) {
+  animation-delay: 0.4s;
 }
 
-.dark-mode #About p {
-  color: #d3d3d3; /* Lighter grey for paragraph text in dark mode */
+.form-group:nth-child(3) {
+  animation-delay: 0.6s;
 }
 
-.light-mode #About p strong {
-  color: #007bff; /* Blue highlight for important text in light mode */
+/* Light and Dark Modes */
+body {
+  font-family: 'Arial', sans-serif;
+  line-height: 1.6;
+  color: #333;
+  margin: 0;
+  padding: 0;
 }
 
-.dark-mode #About p strong {
-  color: #ffcc00; /* Yellow highlight for important text in dark mode */
+/* Responsive */
+@media (max-width: 768px) {
+  .form-group .icon {
+    left: 5px;
+    /* Adjust icon for mobile */
+  }
 }
 
-
 /* Cab Booking Section Styles */
 .cab-booking-section  {
   display: flex;
@@ -2914,22 +2717,3 @@ textarea {
   margin-bottom: 1rem;
   line-height: 1.5;
 }
-
-html, body {
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  overflow-x: hidden;
-}
-
-#root {
-  width: 100%;
-}
-
-.container {
-  width: 100%;
-  max-width: 100vw;
-  margin: 0 auto;
-  padding: 0;
-  box-sizing: border-box;
-}