new_raffles/resources/views/client/raffles/pages/partials/faq.blade.php

<section class="position-relative pb-0">
    <div class="container">
        <div class="row">
            <div class="col-xxl-5 col-lg-6 md-mb-20px"
                data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
                <span class="text-base-color fw-600 mb-15px text-uppercase d-block"># Frequently asked questions</span>
                <h2 class="alt-font fw-700 ls-minus-1px text-dark-gray mb-35px md-w-80 sm-w-100">Got Questions? We’ve Got
                    Answers!</h2>
                <div class="fw-500 w-100 position-relative left-minus-20px d-flex align-items-center">
                    <span>Expert support available 24/7.</span>
                </div>
            </div>
            <div class="col-xxl-5 col-lg-6 offset-xxl-2 pe-20px md-pe-15px"
                data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
                <div class="accordion accordion-style-02" id="accordion-style-02" data-active-icon="fa-angle-up"
                    data-inactive-icon="fa-angle-down">

                    @foreach ($faqs as $faq) 
                         <div class="accordion-item @if ($loop->first) 
                              active-accordion
                         @endif">
                             <div class="accordion-header border-bottom border-color-extra-medium-gray">
                                 <a href="javascript:void(0);" data-bs-toggle="collapse"
                                     data-bs-target="#accordion-style-02-01" aria-expanded="true"
                                     data-bs-parent="#accordion-style-02">
                                     <div class="accordion-title mb-0 position-relative text-dark-gray">
                                         <i class="fa-solid fa-angle-up icon-small"></i><span class="fw-700 fs-19">{{ $faq->title }}</span>
                                     </div>
                                 </a>
                             </div>
                             <div id="accordion-style-02-01" class="accordion-collapse collapse @if ($loop->first) 
                              show
                             @endif"
                                 data-bs-parent="#accordion-style-02">
                                 <div
                                     class="accordion-body last-paragraph-no-margin border-bottom border-color-extra-medium-gray">
                                     <p>{{ $faq->description }}</p>
                                 </div>
                             </div>
                         </div>
                    @endforeach

                </div>
            </div>
        </div>
    </div>
</section>