Change color of FAQ section according to website theme (#487)

## Description
Change color of FAQ section according to website theme


## Related Issues
None

- Closes #405 

## Type of PR

- [x] (Color theme alignment)

## Screenshots / videos (if applicable)

![image](https://github.com/user-attachments/assets/114113df-9608-41e7-a2da-cb0895e204ec)


## Checklist
<!-- [X] - put a cross/X inside [] to check the box -->
- [x] I have gone through the [contributing
guide](https://github.com/Anjaliavv51/Retro)
- [x] I have updated my branch and synced it with project `main` branch
before making this PR
- [x] I have performed a self-review of my code
- [x] I have tested the changes thoroughly before submitting this pull
request.
- [x] I have provided relevant issue numbers, screenshots, and videos
after making the changes.
- [ ] I have commented my code, particularly in hard-to-understand
areas.

Html-files/about.html

@@ -645,24 +645,28 @@ <h1 class="animated-header" style="color: #dc3545;">
   </div>
 </div>
 
+<p style="margin: 0px 50px;font-size: medium;" class="about1" >At Retro, we celebrate the essence of timeless moments, where the charm of vintage design meets the warmth of nostalgia. Our love for the past inspires us to create an experience that connects the beauty of bygone eras with today’s world. Whether it's 60s-style floral patterns or classic tech from yesteryear, Retro brings back the simplicity, elegance, and innovation of those unforgettable days.
+</p>
 
 
-
-    <section class="about_container">
+    <section class="about_container" style="width:80vw;margin-top: 80px;">
 
-        <p class="about1" >At Retro, we celebrate the essence of timeless moments, where the charm of vintage design meets the warmth of nostalgia. Our love for the past inspires us to create an experience that connects the beauty of bygone eras with today’s world. Whether it's 60s-style floral patterns or classic tech from yesteryear, Retro brings back the simplicity, elegance, and innovation of those unforgettable days.
-        </p>
+
         <div class="about2">
             <h2 class=section__titlestyle style="font-family: var(--ff-philosopher);color: hsl(357, 82%,35%);">Our Story</h2>
             <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Retro was born from a desire to relive and share the joy of the past. We believe that every era has something special to offer, whether it’s the bold designs of the 60s, the innovative spirit of the 70s, or the tech revolutions of the 80s and 90s. Our journey began with a passion for collecting vintage items and a dream to create a space where people could immerse themselves in a world that captures the essence of different generations.</p>
         </div>
-        <div class="about3">
-            <h2 class=section__title>Why Choose Retro?</h2>
-            <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">We’re not just about products – we’re about creating a lifestyle that honors the beauty and inspiration of the past. Each item we offer is carefully selected to bring nostalgia to life, allowing you to embrace the timeless designs, flavors, and stories that have shaped history. Whether you're a vintage enthusiast or simply love the look and feel of classic designs, Retro is your gateway to a world that values tradition as much as it does innovation.</p>
-        </div>
+
 
     </section>
 
+    <section class="about_container" style="width:80vw;margin-top: 80px;margin-bottom: 30px;">
+      <div class="about3">
+        <h2 class=section__title>Why Choose Retro?</h2>
+        <p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">We’re not just about products – we’re about creating a lifestyle that honors the beauty and inspiration of the past. Each item we offer is carefully selected to bring nostalgia to life, allowing you to embrace the timeless designs, flavors, and stories that have shaped history. Whether you're a vintage enthusiast or simply love the look and feel of classic designs, Retro is your gateway to a world that values tradition as much as it does innovation.</p>
+      </div>
+    </section>
+
 
     <footer class="new_footer_area bg_color">
       <div class="new_footer_top">

index.html

@@ -794,9 +794,9 @@ <h2 class="accordion-header" id="headingSix">
                 }
             </style>
 
-            <h2 style="display: flex; justify-content: center; align-items: center; margin-top: 50px;">Frequently Asked Questions</h2>
-            <div class="faq-container">
-                <div class="faq-item">
+            <h2 style="display: flex; justify-content: center; align-items: center; margin-top: 50px; font-weight: 500;">Frequently Asked Questions</h2>
+            <div class="faq-container" style="padding: 50px;margin-top: 50px;">
+                <div class="faq-item" style="background-color: #f5dddb;">
                     <div class="faq-question">
                         What is your return policy?
                         <span class="faq-arrow">
@@ -807,7 +807,7 @@ <h2 style="display: flex; justify-content: center; align-items: center; margin-t
                     </div>
                     <div class="faq-answer">Our return policy lasts 30 days...</div>
                 </div>
-                <div class="faq-item">
+                <div class="faq-item" style="background-color: #f5c0bb;">
                     <div class="faq-question">
                         How do I track my order?
                         <span class="faq-arrow">
@@ -818,7 +818,7 @@ <h2 style="display: flex; justify-content: center; align-items: center; margin-t
                     </div>
                     <div class="faq-answer">You can track your order using the tracking number...</div>
                 </div>
-                <div class="faq-item">
+                <div class="faq-item" style="background-color: #f5dddb;">
                     <div class="faq-question">
                         How long does shipping take?
                         <span class="faq-arrow">
@@ -829,7 +829,7 @@ <h2 style="display: flex; justify-content: center; align-items: center; margin-t
                     </div>
                     <div class="faq-answer">Shipping typically takes 5-7 business days, depending on your location.</div>
                 </div>
-                <div class="faq-item">
+                <div class="faq-item" style="background-color: #f5c0bb;">
                     <div class="faq-question">
                         Can I change my order after it's been placed?
                         <span class="faq-arrow">
@@ -840,7 +840,7 @@ <h2 style="display: flex; justify-content: center; align-items: center; margin-t
                     </div>
                     <div class="faq-answer">If your order hasn't been processed yet, you can contact us to make changes.</div>
                 </div>
-                <div class="faq-item">
+                <div class="faq-item" style="background-color: #f5dddb;">
                     <div class="faq-question">
                         Do you ship internationally?
                         <span class="faq-arrow">
@@ -851,7 +851,7 @@ <h2 style="display: flex; justify-content: center; align-items: center; margin-t
                     </div>
                     <div class="faq-answer">Yes, we offer international shipping to select countries.</div>
                 </div>
-                <div class="faq-item">
+                <div class="faq-item" style="background-color: #f5c0bb;">
                     <div class="faq-question">
                         Do you offer discounts for bulk orders?
                         <span class="faq-arrow">