style: fix unclickable bottom FAQs in mobile due to footer overlap

Author: premagarwals

src/styles/FAQ.css

@@ -62,10 +62,16 @@
 }
 
 .faq-items-container {
-    width: 70%;
-    max-width: 70vw;
+    width: 90%;
+    max-width: 80vw;
 }
 
+@media (min-width: 768px) {
+    .faq-items-container {
+        width: 70%;
+        max-width: 70vw;
+    }
+}
 .accordion-item {
     border-radius: 8px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

src/styles/Footer.css

@@ -3,6 +3,7 @@
     color: #1a1a1a;
     margin-top: -400px;
     font-family: Arial, sans-serif;
+    margin-top: 0px;
   }
 
   .footer-content {
@@ -40,9 +41,6 @@
   }
 
   @media (min-width: 768px) {
-    .footer {
-      margin-top: 0px;
-    }
     .footer-columns {
       display: flex;
       flex-direction: row;