@if(!empty($faqs))
 <section class="py-4">
     <div class="container">
         <div class="row">
             <div class="col-xl-12">
                 <div class="section-title text-center">
                     <h2 class="fw-bold h4 d-block">Frequently Asked Questions</h2>
                     <p>Have questions? We have answers!</p>
                 </div>
             </div>
             <div class="col-xl-8 col-lg-7">
                 <div class="accordion faq-accordion" id="faqAccordion">
                     @if(!empty($faqs))
                     @foreach($faqs as $key => $faq)
                     <div class="accordion-item">
                         <div class="accordion-header fs-author border-0 w-100 text-start" id="heading{{ $key }}">
                             <button class="accordion-button bg-transparent border-0 collapsed d-flex justify-content-between align-items-center p-0" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $key }}" aria-expanded="false" aria-controls="collapse{{ $key }}">
                                 <span class="faq-question">
                                     {{ $faq['question'] ?? 'Untitled Question' }}
                                 </span>
                                 <i class="fa-solid fa-plus faq-icon"></i>
                             </button>
                         </div>
                         <div id="collapse{{ $key }}" class="accordion-collapse collapse" aria-labelledby="heading{{ $key }}" data-bs-parent="#faqAccordion">
                             <div class="accordion-body">
                                 {!! $faq['answer'] ?? 'No answer available.' !!}
                             </div>
                         </div>
                     </div>
                     @endforeach
                     @else
                     <p class="text-center">No FAQs Are Available</p>
                     @endif
                 </div>
             </div>
             <div class="col-xl-4 col-lg-5 aos-init aos-animate" data-aos="fade-down">
                 <div class="contact_block text-center">
                     <div class="iconbox mb-3"><img alt="Telegram"  loading="lazy" width="64" height="64" decoding="async" data-nimg="1" src="{{ URL::asset('assets/images/telegram-faq.png') }}"><span class="d-none">Banner header</span></div>
                     <div class="contact_faq"><span class="h4 fw-bold text-black mb-2 d-block">Have Questions?</span>
                         <p>Our team will answer all your questions. We ensure a quick response.</p>
                         <a class="btn-main position-relative overflow-hidden primary-btn shadow" href="https://t.me/CryptoPresale_admin" target="blank" rel="nofollow noopener noreferrer" title="Telegram"><i class="fa-brands fa-telegram"></i> Contact Us</a>
                     </div>
                 </div>
             </div>
         </div>
     </div>
 </section>
 @endif