<div class="cover-image bg-background" data-bs-image-src="<?php echo base_url()?>uploads/banner1.jpg" style="background: url(&quot;<?php echo base_url()?>uploads/banner1.jpg&quot;) center center;">
   <!--Section-->
   <div>
      <div class="sptb-1">
         <div class="header-text1 mb-0">
            <div class="container">
               <div class="row">
                  <h1 class="text-center text-white"><b>Frequently Asked Questions</b></h1>
                  <p class="text-center text-white">Check out this section to get answers for all the frequently asked questions.</p>
               </div>
            </div>
         </div>
         <!-- /header-text -->
      </div>
   </div>
   <!--/Section-->
</div>
</div><!--/Section-->
<!--Breadcrumb-->
<div class="relative">
   <div class="shape overflow-hidden text-white">
      <svg viewBox="0 0 2880 48" fill="none" xmsns="http://www.w3.org/2000/svg">
         <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="<?php echo $visual_setting->color_2?>"></path>
      </svg>
   </div>
</div>
<section class="sptb faqs">
   <div class="container">
      <?php 
         $i=1; foreach ($get_all_faq_category as $key => $faq_category):
         $faq_content = $this->faq_model->get_all_faq_content_by_cat_id($faq_category->id);
      ?>
         <h2 class="pt-4"><b class="filterDiv "><?php echo $faq_category->name ?> 
         <div class="panel-group1" id="accordion<?php echo $i; ?>">
            <?php 
               $e = 1; foreach ($faq_content as $key => $faq):
               $filesCount = count(json_decode($faq->heading)); 
               for($a = 0; $a < $filesCount; $a++): 
            ?>
               <div class="panel panel-default mb-4 border p-0 mt-4">
                  <div class="panel-heading1">
                     <h4 class="panel-title1"> <a class="accordion-toggle collapsed" data-bs-toggle="collapse" data-parent="#accordion2" href="#collapseone<?php echo $a; ?><?php echo $i; ?>" aria-expanded="false"><?php echo json_decode($faq->heading)[$a] ?></a> </h4>
                  </div>
                  <div id="collapseone<?php echo $a; ?><?php echo $i; ?>" class="panel-collapse active collapse" role="tabpanel" aria-expanded="false" style="">
                     <div class="panel-body bg-white">
                        <p style="font-size: 15px;font-weight: 400;line-height: 1.5;"><?php echo json_decode($faq->content)[$a] ?></p>
                     </div>
                  </div>
               </div>
            <?php  endfor; 
                $e++;
             endforeach;?>
         </div>
      <?php $i++; endforeach;?>
         <!-- <div class="panel panel-default mb-4 border p-0">
            <div class="panel-heading1">
               <h4 class="panel-title1"> <a class="accordion-toggle collapsed" data-bs-toggle="collapse" data-parent="#accordion2" href="#collapsetwo" aria-expanded="false">2. How do I Select a Course?</a> </h4>
            </div>
            <div id="collapsetwo" class="panel-collapse collapse active" role="tabpanel" aria-expanded="false">
               <div class="panel-body bg-white">
                  <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words </p>
                  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise</p>
               </div>
            </div>
         </div> -->

      
   </div>
</section>