@if(count($FAQs))
    <div class="mb-5"></div>
    <div class="blog-posts">
        <div class="container">
            <div class="heading-left text-center mt-2 mb-3">
                <h2 class="title mb-2">
                    @isset($settings['section_faq_title'])
                        {{ json_decode($settings['section_faq_title'])->{app()->getLocale()} }}
                    @endisset
                </h2>
                <p>
                    @isset($settings['section_faq_description'])
                        {!! json_decode($settings['section_faq_description'])->{app()->getLocale()} !!}
                    @endisset
                </p>
            </div>

            <div class="row">
                <div class="col-lg-8 col-md-12 mb-4">
                    <div class="accrodion-grp faq-accrodion" data-grp-name="faq-accrodion">
                        @foreach($FAQs as $FAQ)
                            <div class="accrodion  @if($loop->first) active @endif ">
                                <div class="accrodion-title">
                                    <h5>{{$FAQ->question}}</h5>
                                </div>
                                <div class="accrodion-content" style="display: block;">
                                    <div class="inner">
                                        <p>
                                            {!! $FAQ->answer !!}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="col-lg-4 col-md-12">
                    <div class="img--banner-faq">
                        <img src="{{ Storage::url(nova_get_setting('faq_image')) }}" alt="{{ nova_get_setting_translate('faq_image_title') }}" title="{{ nova_get_setting_translate('faq_image_alt')}}" width="auto" height="auto" />
                    </div>
                </div>
                <div class="col-12">
                <div class="more-container text-center mt-2">
                    <a href="{{route('faq')}}" class="btn btn-outline-darker btn-more"><span>{{ __('home.view_more_faq') }}</span><i class="icon-long-arrow-right"></i></a>
                </div>
                </div>
            </div>
        </div>
    </div>
@endif