 <section class="lg:pb-160 bg-light dark:bg-bodybg lg:pt-150 sm:py-100 py-60 z-1 after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-1/2 after:-z-1 after:bg-linear-(--bg4-gradient)">
    <div class="container-xs">
        <div class="grid grid-cols-12 gap-20">
            <div class="col-span-12">
                <div class="sm:mb-40 mb-20 text-center">
                    @if(isset($args['subtitle']) && $args['subtitle'] != '')
                    <span class="text-2xl dark:text-white mb-5 block">{{ $args['subtitle'] }}</span>
                    @endif
                    @if(isset($args['title']) && $args['title'] != '')
                    <h2 class="lg:text-5xxl sm:text-4xxl text-2xxl font-medium headline2">{{ $args['title'] }}</h2>
                    @endif
                    @if(isset($args['description']) && $args['description'] != '')
                    <p class="sm:text-2xl text-lg font-light">{{ $args['description'] }}</p>
                    @endif
                </div>
            </div>
        </div>
        <div class="grid grid-cols-12 gap-20 wow fadeInUp" data-wow-delay="1s">
            <div class="col-span-12">
                <div class="custom-accordion style-1 myAccordion">
                    @php
                        $args['post_type'] = 'faqs';
                        $blogs = HelpDesk::elementPostsByArgs($args);
                    @endphp
                    @forelse($blogs as $blog)
                    <div class="accordion-item">
                        <button class="accordion-header">
                            <span class="sm:text-2xl text-lg font-medium">{{ $blog->title }}</span>
                            <span class="arrow">
                                <i class="fa-solid fa-chevron-right"></i>
                            </span>
                        </button>
                        <div class="accordion-content">
                            <div class="content-inner !text-[#77775B]">{!! $blog->content !!}</div>
                        </div>
                    </div>
                    @empty
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</section>