improved footer and faq section

index.html

@@ -428,6 +428,24 @@ <h1 class="tagline py-2 text-center mx-auto" data-aos="zoom-out-up" data-aos-off
             .btn-card:hover {
                 background: #59a10c;
             }
+            .free_delivery{
+                display: flex;
+                justify-content: center;
+                align-items: center;
+
+            }
+            .best_discount{
+                display: flex;
+                justify-content: center;
+                align-items: center;
+            }
+
+
+            .dark-theme .faq-section{
+                background-color: black;
+            }
+
+
         </style>
 
         <div class="qualities row justify-content-evenly g-3 px-2" data-aos="zoom-out" data-aos-duration="1000" data-aos-offset="170" data-aos-easing="ease-in-out">
@@ -775,12 +793,12 @@ <h2>Do you offer any discounts or promotions?</h2>
     </section>
 
     <div class="app_download pb-4">
-        <h4>For Free Delivery!</h4>
+        <h4 class="free_delivery">For Free Delivery!</h4>
         <h2 class="text-center">Download This Amazing App Now!</h2>
         <br>
-        <p>For best discounts and free delivery download the app now from your Google Play Store or App Store.</p>
-        <a href="#"><img src="/Images/app_download/get_it_on_google_play_store.png" class="app-download-img" alt="Get it on Google Play Store"></a>
-        <a href="#"><img src="./Images/app_download/download-on-the-app-store.png" class="app-download-img" alt="Download on the Apple App Store"></a>
+        <p class="best_discount">For best discounts and free delivery download the app now from your Google Play Store or App Store.</p>
+        <a href="#" class="google_play"><img src="/Images/app_download/get_it_on_google_play_store.png" class="app-download-img" alt="Get it on Google Play Store"></a>
+        <a href="#" class="app_store"><img src="./Images/app_download/download-on-the-app-store.png" class="app-download-img" alt="Download on the Apple App Store"></a>
     </div>
 
     <footer>

style.css

@@ -710,7 +710,7 @@ body {
 /* FAQS CONTAINER */
 
 .faq-section {
-    background-color: brown;
+    background-color: rgb(224, 224, 252);
     padding: 50px 20px;
 }