Fix heading text visibility issue and enhanced the destination guide …

…form

index.html

@@ -2126,18 +2126,30 @@ <h1 id="h1darkbtn">Travel Discussion Forum</h1>
           }
       }
   </style>
-  <h1 style="padding-left:40%;color:#022f5e;padding-top:2px">Destination Guide</h1>
+  <h1 style="padding-left:40%;color: rgba(255, 255, 248, 0.953);padding-top:8px ; margin: 5px 0 2px;">Destination Guide</h1>
   <section id="destinations">
 
       <div class="post-container">
 
           <h3>Share Your Experiences</h3>
           <form id="postForm">
-            <p>Share your experience and guidence</p>
               <textarea id="postContent" placeholder="Write your post here..." required></textarea>
               <button type="submit">Submit</button>
           </form>
-      </div>
+      </div> 
+      <style>
+
+    .post-container {
+    background: linear-gradient(135deg, #f0cac0, #c7dcf7); /* Gradient background */
+
+    border-radius: 8px; 
+    color: white;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 
+
+}
+
+
+        </style>
 
       <!-- Right image of a destination inside a container -->
       <div class="destination-image-container">
@@ -2436,7 +2448,7 @@ <h2>Thank You!</h2>
   </main>
 
   <section id="testimonials" class="testimonials-section">
-    <h2 class="testimonials-heading" >Testimonials</h2>
+    <h2 class="testimonials-heading"  style="color: rgba(255, 255, 248, 0.953)">Testimonials</h2>
 
     <div class="testimonials-container">
       <div class="header1 test">

style.css

@@ -564,7 +564,7 @@ video {
 h2 {
   text-align: center;
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-  color: black;
+  color:  rgba(188, 188, 177, 0.953);
 }
 .location-cards {
   display: flex;