@extends('layouts.master')

@section('styles')

@endsection

@section('content')

                    <div class="content relative">

                        <div class="flex relative before:bg-primary/80 before:absolute before:w-full before:h-full">
                            <img src="{{asset('build/assets/img/png-images/14.jpg')}}" alt="" class="h-[400px] w-full rounded-sm" id="profile-img2">
                        </div>
                        <div class="absolute top-16 md:top-24 inset-x-1/4 text-center space-y-3">
                            <div class="text-white space-y-3">
                                <p class="text-xl text-white/70">FAQ's</p>
                                <h1 class="text-4xl sm:text-5xl font-bold "> Frequently Asked Questions</h1>
                                <p class="text-sm text-white/50">How Can We Help You ...!</p>
                            </div>
                            <a href="{{url('contactus')}}" class="ti-btn ti-btn-secondary">
                                <i class="ri-phone-line"></i> Contact Us
                            </a>
                        </div>

                        <!-- Start::main-content -->
                        <div class="main-content mt-12">

                            <!-- Start::row-1 -->
                            <div class="grid grid-cols-12 gap-6" >
                                <div class="col-span-12 lg:col-span-3">
                                    <div class="box">
                                    <div class="box-body p-0">
                                        <nav class="flex flex-col space-y-3 p-4" aria-label="Tabs" role="tablist" data-hs-tabs-vertical="true">
                                        <a href="javascript:void(0);" id="faq-item-1" data-hs-tab="#faq-1" aria-controls="faq-1" role="tab"
                                        class="w-full hs-tab-active:border-secondary hs-tab-active:text-white hs-tab-active:bg-secondary dark:hs-tab-active:border-secondary dark:hs-tab-active:text-white dark:hs-tab-active:bg-secondary text-base leading-none rounded-sm p-3 bg-gray-100 dark:bg-black/20 active">
                                        General Faq's
                                        </a>
                                        <a href="javascript:void(0);" id="faq-item-2" data-hs-tab="#faq-2" aria-controls="faq-2" role="tab"
                                            class="w-full hs-tab-active:border-secondary hs-tab-active:text-white hs-tab-active:bg-secondary dark:hs-tab-active:border-secondary dark:hs-tab-active:text-white dark:hs-tab-active:bg-secondary text-base leading-none rounded-sm p-3 bg-gray-100 dark:bg-black/20">
                                            Basic Faq's
                                        </a>
                                        <a href="javascript:void(0);" id="faq-item-3" data-hs-tab="#faq-3" aria-controls="faq-3" role="tab"
                                            class="w-full hs-tab-active:border-secondary hs-tab-active:text-white hs-tab-active:bg-secondary dark:hs-tab-active:border-secondary dark:hs-tab-active:text-white dark:hs-tab-active:bg-secondary text-base leading-none rounded-sm p-3 bg-gray-100 dark:bg-black/20">
                                            Common Faq's
                                        </a>
                                        <a href="javascript:void(0);" id="faq-item-4" data-hs-tab="#faq-4" aria-controls="faq-4" role="tab"
                                            class="w-full hs-tab-active:border-secondary hs-tab-active:text-white hs-tab-active:bg-secondary dark:hs-tab-active:border-secondary dark:hs-tab-active:text-white dark:hs-tab-active:bg-secondary text-base leading-none rounded-sm p-3 bg-gray-100 dark:bg-black/20">
                                            Advanced Faq's
                                        </a>
                                        </nav>
                                        <div class="p-4 space-y-3 border-t border-gray-200 dark:border-white/10">
                                        <textarea class="ti-form-input" rows="4" placeholder="Drop Your Question Here...."></textarea>
                                        <button type="submit" class="w-full ti-btn ti-btn-primary">Submit</button>
                                        </div>
                                    </div>
                                    </div>
                                </div>
                                <div class="col-span-12 lg:col-span-9">
                                    <div class="box">
                                    <div class="box-body">
                                        <div id="faq-1" role="tabpanel" aria-labelledby="faq-item-1">
                                        <div class="hs-accordion-group space-y-3">

                                            <div class="hs-accordion active bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-one">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-one">
                                                How To Insert All The Plugins?
                                                <svg class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-one"
                                                class="hs-accordion-content w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby="faq-one">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>
                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-two">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-two">
                                                How Can I contact for support ?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-two"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby="faq-two">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>
                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-three">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-three"> Can I use this Plugins in Another Template?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-three"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-three">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-four">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-four">  Does it Easy for Customization?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-four"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-four">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-five">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-five">   How Can I Add another page in Template?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-five"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-five">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-six">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-six">    How can I download This template?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-six"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-six">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-seven">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-seven">    How To Add additional plugins?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-seven"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-seven">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                        </div>
                                        </div>
                                        <div class="hidden" id="faq-2" role="tabpanel" aria-labelledby="faq-item-2">
                                        <div class="hs-accordion-group space-y-3">

                                            <div class="hs-accordion active bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-21">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-21">
                                                How To Insert All The Plugins?
                                                <svg class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-21"
                                                class="hs-accordion-content w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby="faq-21">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>
                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-22">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-22">
                                                How Can I contact?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-22"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby="faq-22">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>
                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-23">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-23"> Can I use this Plugins in Another Template?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-23"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-23">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-24">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-24">  Does it Easy to Customizable?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-24"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-24">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-25">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-25">   How Can I Add another page in Template?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-25"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-25">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-26">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-26">    How can I download This template?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-26"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-26">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-27">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-27">    How To Add additional plugins?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-27"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-27">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                        </div>
                                        </div>
                                        <div class="hidden" id="faq-3" role="tabpanel" aria-labelledby="faq-item-3">
                                        <div class="hs-accordion-group space-y-3">

                                            <div class="hs-accordion active bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-31">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-31">
                                                How To Insert All The Plugins?
                                                <svg class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-31"
                                                class="hs-accordion-content w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby="faq-31">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>
                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-32">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-32">
                                                How Can I contact?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-32"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby="faq-32">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>
                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-33">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-33"> Can I use this Plugins in Another Template?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-33"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-33">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-34">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-34">  Does it Easy to Customizable?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-34"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-34">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-35">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-35">   How Can I Add another page in Template?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-35"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-35">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-36">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-36">    How can I download This template?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-36"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-36">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-37">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-37">    How To Add additional plugins?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-37"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-37">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                        </div>
                                        </div>
                                        <div class="hidden" id="faq-4" role="tabpanel" aria-labelledby="faq-item-4">
                                        <div class="hs-accordion-group space-y-3">

                                            <div class="hs-accordion active bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-41">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-41">
                                                How To Insert All The Plugins?
                                                <svg class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-41"
                                                class="hs-accordion-content w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby="faq-41">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>
                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-42">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-42">
                                                How Can I contact?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-42"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby="faq-42">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>
                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-43">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-43"> Can I use this Plugins in Another Template?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-43"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-43">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-44">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-44">  Does it Easy to Customizable?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-44"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-44">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-45">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-45">   How Can I Add another page in Template?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-45"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-45">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-46">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-46">    How can I download This template?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-46"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-46">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>



                                            </div>

                                            <div class="hs-accordion bg-white border -mt-px rounded-sm dark:bg-bgdark dark:border-white/10"
                                            id="faq-47">
                                            <button type="button"
                                                class="hs-accordion-toggle hs-accordion-active:text-primary hs-accordion-active:border-b hs-accordion-active:border-gray-200 dark:hs-accordion-active:border-white/10 justify-between inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 transition py-4 px-5 hover:text-gray-500 dark:hs-accordion-active:text-primary dark:text-gray-200 dark:hover:text-white/80"
                                                aria-controls="faq-collapse-47">    How To Add additional plugins?
                                                <svg
                                                class="hs-accordion-active:hidden hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                <path d="M8 15.36L8 2.35999" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                                </svg>
                                                <svg
                                                class="hs-accordion-active:block hs-accordion-active:text-primary hs-accordion-active:group-hover:text-primary hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
                                                width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 8.85999L14.5 8.85998" stroke="currentColor" stroke-width="2"
                                                    stroke-linecap="round" />
                                                </svg>
                                            </button>
                                            <div id="faq-collapse-47"
                                                class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300"
                                                aria-labelledby=" faq-47">
                                                <div class="p-5">
                                                <p class="text-gray-800 dark:text-gray-200">
                                                    I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences.
                                                </p>
                                                </div>
                                            </div>
                                            </div>
                                        </div>
                                        </div>
                                    </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End::row-1 -->
                        </div>
                        <!-- Start::main-content -->

                    </div>

@endsection

@section('scripts')

@endsection