From 2de7c6234926cb1488c0278712858f6189831d87 Mon Sep 17 00:00:00 2001
From: Jasleen1210 <05kaur.j@gmail.com>
Date: Fri, 9 Aug 2024 16:59:39 +0530
Subject: [PATCH] Update: faq section

Added fadein in the faq section and improved the responsivity
---
 assets/css/faq.css | 8 ++++----
 index.html         | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/assets/css/faq.css b/assets/css/faq.css
index a1e1e12..23eda71 100644
--- a/assets/css/faq.css
+++ b/assets/css/faq.css
@@ -1,8 +1,8 @@
 
 .faq-section {
-    max-width: 800px;
-    margin: 50px auto;
-    padding: 20px;
+    max-width: 80vw;
+    margin: 7rem auto;
+    padding: 3rem 1.2rem;
     background-color: #fff;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     border-radius: 5px;
@@ -44,7 +44,7 @@
 }
 
 .faq-answer {
-    max-height: 0; /* Start with zero height */
+    /* max-height: 0; Start with zero height */
     opacity: 0; /* Start as invisible */
     padding: 0; /* Start with no padding */
     overflow: hidden;
diff --git a/index.html b/index.html
index a2771ee..1a32706 100644
--- a/index.html
+++ b/index.html
@@ -1561,7 +1561,7 @@ <h2 class="form-heading2">Feedback Form</h2>
 
 
    <!-- FAQ section -->
-   <section class="faq-section">
+   <section class="faq-section wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s">
     <h2>Frequently Asked Questions</h2>
     <div class="faq-item">
         <button class="faq-question">