From d17b2a0d1f721736b6c29ca0b0efc9c90c7cbf80 Mon Sep 17 00:00:00 2001
From: J V Kousthub <jvkousthub@gmail.com>
Date: Sun, 13 Oct 2024 14:43:30 +0530
Subject: [PATCH] made proper styling to faq container

---
 index.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index c12c6ac2..13d9aa79 100644
--- a/index.html
+++ b/index.html
@@ -724,14 +724,14 @@ <h2 class="accordion-header" id="headingSix">
                 }
             
                 .faq-container {
-                    margin-top: 50px;
+                    margin-top: 15px;
                     margin-left: auto;
                     margin-right: auto;
                     background: #f9f9f9; /* Container background */
                     border-radius: 8px; /* Rounded corners */
                     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
                     padding: 20px; /* Padding inside the container */
-                    max-width: 600px; /* Max width for the container */
+                    max-width: 76vw; /* Increased max width for the container */
                 }
             
                 .faq-item {
@@ -781,6 +781,7 @@ <h2 class="accordion-header" id="headingSix">
                 .faq-item:hover .faq-arrow {
                     transform: rotate(180deg); /* Arrow pointing up when hovered */
                 }
+
             </style>
             
             <style>
@@ -790,6 +791,7 @@ <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">
                     <div class="faq-question">