@extends('front.template.header')
@section('content')
<div id="content" class="site-content ">
                        <!---faq--->
                        <section class="faqs-section">
                           <!--===============spacing==============-->
                           <div class="pd_top_90"></div>
                           <!--===============spacing==============-->
                           <div class="container">
                              <div class="row">
                                 <div class="col-lg-12">
                                    <div class="title_all_box style_one text-center dark_color" >
                                       <div class="title_sections">
                                          <div class="before_title"> Find Useful</div>
                                          <h2>Question & Answer</h2>
                                          <p>Check our FAQs for quick answers to frequently asked questions we receive.<br> If you have other questions write.</p>
                                       </div>
                                       <!--===============spacing==============-->
                                       <div class="pd_top_15"></div>
                                       <!--===============spacing==============-->
                                    </div>
                                 </div>
                              </div>
                              
                              <div class="row">
                                          <div class="col-lg-8 mx-auto">
                                             <div class="faq_section type_two">
                                                <div class="block_faq">
                                                      <div class="accordion">
                                                         <dl>
                                 @foreach ($faqs as $index => $faq)
                                          <!-- First column for odd index -->
                                                            <dt class="faq_header">
                                                                  {{ $faq->question }}<span class="icon-play"></span>
                                                            </dt>
                                                            <dd class="accordion-content hide">
                                                                  {!! $faq->answer !!}
                                                            </dd>
                                          <!-- Second column for even index -->
                                          <!--<div class="col-lg-6">-->
                                          <!--   <section class="faq_section type_two">-->
                                          <!--      <div class="block_faq">-->
                                          <!--            <div class="accordion">-->
                                          <!--               <dl>-->
                                          <!--                  <dt class="faq_header">-->
                                          <!--                        {{ $faq->question }}<span class="icon-play"></span>-->
                                          <!--                  </dt>-->
                                          <!--                  <dd class="accordion-content hide">-->
                                          <!--                        {!! $faq->answer !!}-->
                                          <!--                  </dd>-->
                                          <!--               </dl>-->
                                          <!--            </div>-->
                                          <!--      </div>-->
                                          <!--   </section>-->
                                          <!--</div>-->
                                 @endforeach
                                                         </dl>
                                                      </div>
                                                </div>
                                             </div>
                                          </div>
                              </div>

                           </div>
                           <!--===============spacing==============-->
                           <div class="pd_bottom_60"></div>
                           <!--===============spacing==============-->
                        </section>
                        <!---faqs--->
                        <section class="client-brand">
                          <!--===============spacing==============-->
                          <div class="pd_top_90"></div>
                          <!--===============spacing==============-->
                           <div class="container">
                              <div class="row">
                                 <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12 mb-3 mb-lg-0 mb-xl-0">
                                    <div class="title_all_box style_one  dark_color">
                                       <div class="title_sections left">
                                          <div class="before_title">List of Our</div>
                                          <h2>Business Partners</h2>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12">
                                    <p>Denounce with righteous indignation and dislike men who are  beguiled and demoralized by the charms of pleasure.</p>
                                    <div class="theme_btn_all color_one">
                                       <a href="#" target="_blank" rel="nofollow" class="theme-btn four">Contact Us <i class="icon-right-arrow"></i></a>
                                    </div>
                                 </div>
                              </div>
                              <!--===============spacing==============-->
                              <div class="pd_bottom_20"></div>
                              <!--===============spacing==============-->
                              <div class="row">
                                 <div class="col-lg-12">
                                  <div class="client_logo_carousel type_one">
                                     <div class="swiper-container" data-swiper='{
                                        "autoplay": {
                                          "delay": 6000
                                        },
                                        "freeMode": true,
                                        "loop": true,
                                        "speed": 1000,
                                        "centeredSlides": false,
                                        "slidesPerView": 4,
                                        "spaceBetween": 30,
                                        "pagination": {
                                          "el": ".swiper-pagination",
                                          "clickable": true
                                        },
                                        "navigation": {
                                          "nextEl": ".swiper-button-next",
                                          "prevEl": ".swiper-button-prev"
                                        },
                                        "breakpoints": {
                                           "1200": {
                                              "slidesPerView": 4 
                                           },
                                           "1024": {
                                            "slidesPerView": 3 
                                           },
                                          "768": {
                                            "slidesPerView": 2 
                                          },
                                          "576": {
                                            "slidesPerView": 1 
                                          }
                                        }
                                      }'>
                                        <div class="swiper-wrapper">
                                           <div class="swiper-slide">
                                              <div class="image">
                                                 <img src="{{ asset('front/assets/images/CLIENT-logo-1.png') }}" alt="clients-logo">
                                              </div>
                                           </div>
                                           <div class="swiper-slide">
                                              <div class="image">
                                                 <img src="{{ asset('front/assets/images/CLIENT-logo-2.png') }}" alt="clients-logo">
                                              </div>
                                           </div>
                                           <div class="swiper-slide">
                                              <div class="image">
                                                 <img src="{{ asset('front/assets/images/CLIENT-logo-3.png') }}" alt="clients-logo">
                                              </div>
                                           </div>
                                           <div class="swiper-slide">
                                              <div class="image">
                                                 <img src="{{ asset('front/assets/images/CLIENT-logo-4.png') }}" alt="clients-logo">
                                              </div>
                                           </div>
                                           <div class="swiper-slide">
                                              <div class="image">
                                                 <img src="{{ asset('front/assets/images/CLIENT-logo-1.png') }}" alt="clients-logo">
                                              </div>
                                           </div>
                                           <div class="swiper-slide">
                                              <div class="image">
                                                 <img src="{{ asset('front/assets/images/CLIENT-logo-2.png') }}" alt="clients-logo">
                                              </div>
                                           </div>
                                           <div class="swiper-slide">
                                              <div class="image">
                                                 <img src="{{ asset('front/assets/images/CLIENT-logo-3.png') }}" alt="clients-logo">
                                              </div>
                                           </div>
                                           <div class="swiper-slide">
                                              <div class="image">
                                                 <img src="{{ asset('front/assets/images/CLIENT-logo-4.png') }}" alt="clients-logo">
                                              </div>
                                           </div>
                                        </div>
                                       
                                     </div>
                                  </div>
                                  </div>
                               </div>
                           </div>
                           <!--===============spacing==============-->
                          <div class="pd_bottom_90"></div>
                          <!--===============spacing==============-->
                        </section>
            </div>
            @endsection