updated faq styling

all start collapsed and added a bottom border

Author: AroraXD

index.html

@@ -150,7 +150,7 @@ <h2 class="lg:text-5xl text-3xl font-semibold">Frequently Asked Questions</h2>
 
         <!-- Customized accordion menu (flowbite) -->
 
-        <div id="accordion-collapse" data-accordion="collapse" class="mt-10 bg-white">
+        <div id="accordion-collapse" data-accordion="collapse" class="mt-10 bg-white ">
 
           <!-- Question 1 -->
           <h2 id="accordion-collapse-heading-1">
@@ -202,7 +202,7 @@ <h2 id="accordion-collapse-heading-2">
           <h2 id="accordion-collapse-heading-3">
             <button type="button"
               class="flex items-center justify-between w-full p-5 font-medium text-left text-gray-500 border border-b-0 border-gray-200 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 dark:border-gray-700 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800"
-              data-accordion-target="#accordion-collapse-body-3" aria-expanded="true"
+              data-accordion-target="#accordion-collapse-body-3" aria-expanded="false"
               aria-controls="accordion-collapse-body-3">
               <span>What prior knowlage do I need to have before joining?</span>
               <svg data-accordion-icon class="w-3 h-3 rotate-180 shrink-0" aria-hidden="true"
@@ -222,7 +222,7 @@ <h2 id="accordion-collapse-heading-3">
 
           <h2 id="accordion-collapse-heading-4">
             <button type="button"
-              class="flex items-center justify-between w-full p-5 font-medium text-left text-gray-500 border border-b-0 border-gray-200 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 dark:border-gray-700 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800"
+              class="flex items-center justify-between w-full p-5 font-medium text-left text-gray-500 border border-b-1 rounded-b-xlborder-gray-200 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 dark:border-gray-700 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800"
               data-accordion-target="#accordion-collapse-body-4" aria-expanded="false"
               aria-controls="accordion-collapse-body-4">
               <span>How can I or my company sponsor a cohort?</span>
@@ -234,7 +234,7 @@ <h2 id="accordion-collapse-heading-4">
             </button>
           </h2>
           <div id="accordion-collapse-body-4" class="hidden" aria-labelledby="accordion-collapse-heading-2">
-            <div class="p-5 border border-b-0 border-gray-200 dark:border-gray-700">
+            <div class="p-5 border border-b-1 border-gray-200 dark:border-gray-700">
               <p class="mb-2 text-gray-500 dark:text-gray-400"> Reach out to us at <a href="mailto:hello@codebar.io?subject=Sponsorship" class="underline" >hello@codebar.io</a> for details </p>
             </div>
           </div>