diff --git a/backend/package-lock.json b/backend/package-lock.json
index c797da78..9b8b10b9 100644
--- a/backend/package-lock.json
+++ b/backend/package-lock.json
@@ -9,6 +9,7 @@
       "version": "1.0.0",
       "license": "ISC",
       "dependencies": {
+        "backend": "file:",
         "bcryptjs": "^2.4.3",
         "cookie-parser": "^1.4.7",
         "cors": "^2.8.5",
@@ -61,6 +62,10 @@
       "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
       "license": "MIT"
     },
+    "node_modules/backend": {
+      "resolved": "",
+      "link": true
+    },
     "node_modules/bcryptjs": {
       "version": "2.4.3",
       "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-2.4.3.tgz",
diff --git a/backend/package.json b/backend/package.json
index bdd605ea..785be57c 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -10,6 +10,7 @@
   "license": "ISC",
   "description": "",
   "dependencies": {
+    "backend": "file:",
     "bcryptjs": "^2.4.3",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
diff --git a/index.html b/index.html
index 6d130fc2..3a654cda 100644
--- a/index.html
+++ b/index.html
@@ -521,8 +521,8 @@ <h3>
     </script>
 
     <script src="script.js"></script>
-    <header class="main-head">
-  <nav>
+    <header class="main-head" style="background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #000000;  border-radius: 8px;    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);">
+  <nav >
     <div class="logo">
       <img src="img/logo.png" id="logo-web">
       <h1 id="logo"><a href="#home">BuddyTrail</a></h1>
@@ -1490,7 +1490,7 @@ <h1 style="color: white; font-size: xx-large;">Book a Cab or Auto</h1>
     <!-- recommendations -->
     <section id="recommendations" class="recommendations-section">
       <h2 id="h1darkbtn">Personalized Recommendations</h2>
-      <p>
+      <p style="font-size: 20px;"> 
         We’ve picked these destinations, hotels, and activities just for you,
         based on your preferences.
       </p>
@@ -1500,7 +1500,7 @@ <h2 id="h1darkbtn">Personalized Recommendations</h2>
         <div class="recommendation-item">
           <div class="header1">
           <h3 id="h1darkbtn">Beach Resort in Goa</h3>
-          <p>
+          <p style="color : gray ;">
             Based on your love for sunny destinations, we recommend this
             beachfront resort in Goa for a perfect getaway.
           </p>
@@ -1512,7 +1512,7 @@ <h3 id="h1darkbtn">Beach Resort in Goa</h3>
         <div class="recommendation-item">
           <div class="header2">
           <h3 id="h1darkbtn">Cultural Tour in Rajasthan</h3>
-          <p>
+          <p style="color : gray ;">
             Explore the rich cultural heritage of Rajasthan. This tour is
             highly recommended based on your interest in historical places.
           </p>
@@ -1524,7 +1524,7 @@ <h3 id="h1darkbtn">Cultural Tour in Rajasthan</h3>
         <div class="recommendation-item">
           <div class="header1">
           <h3 id="h1darkbtn">Adventure Trek in Himachal</h3>
-          <p>
+          <p style="color : gray ;">
             For the adventure lover in you, we recommend a thrilling trek in
             the mountains of Himachal Pradesh.
           </p>