@extends('inculdes.main')
@section('content')
    <div class="container-fluid py-5">
        <div class="container py-5">
            <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
                <h1 class="mb-0 ">SK FINANCIAL CPA</h1>
                {{-- <h1 class="mb-0 ">YOUR TRUSTED CPA PARTNER</h1> --}}
                <h5 class="fw-bold text-primary text-uppercase">Your Daily Bookkeeper, Monthly CFO, and <br>Year-Round CPA</h5>

            </div>
            <div class="row g-5">
                <div class="col-lg-4 wow slideInUp" data-wow-delay="0.1s"
                    style="visibility: visible; animation-delay: 0.1s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-award fa-2x text-white"></i>
                        </div>
                        <h3>Core Excellence</h3>
                        <p class="mb-0">Premier CPA and accounting firm, committed to multifaceted financial solutions
                            since 2002.</p>
                    </div>
                </div>
                <div class="col-lg-4 wow slideInUp" data-wow-delay="0.4s"
                    style="visibility: visible; animation-delay: 0.4s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-location-arrow fa-2x text-white"></i>
                        </div>
                        <h3>Geographic Reach</h3>
                        <p class="mb-0">Strategically located in Wesley Chapel, Tampa Florida area, extending first-class
                            services nationwide.</p>
                    </div>
                </div>
                <div class="col-lg-4 wow slideInUp" data-wow-delay="0.8s"
                    style="visibility: visible; animation-delay: 0.8s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-handshake fa-2x text-white"></i>
                        </div>
                        <h3>Building Relationships</h3>
                        <p class="mb-0">Fostering partnerships through valued relationships for mutual success and
                            growth.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid wow fadeInUp" data-wow-delay="0.1s"
        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-lg-7">
                    <div class="section-title position-relative pb-3 mb-5">
                        <h5 class="fw-bold text-primary text-uppercase">About Us</h5>
                        <h1 class="mb-0">Crafting Financial Excellence &amp;
                            Innovation Since 2002</h1>
                    </div>
                    {{-- <p class="mb-4">Since 2002, SK Financial CPA, has established itself as a full-service CPA and
                        business consulting firm with offices in Tampa & Wesley Chapel, Florida.</p> --}}
                    <div class="border rounded p-4 wow fadeInUp" data-wow-delay="0.6s"
                        style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
                        <nav>
                            <div class="nav nav-tabs mb-3" id="nav-tab" role="tablist">
                                <button class="nav-link text-uppercase active" id="nav-story-tab" data-bs-toggle="tab"
                                    data-bs-target="#nav-story" type="button" role="tab" aria-controls="nav-story"
                                    aria-selected="false">Story</button>
                                <button class="nav-link text-uppercase" id="nav-mission-tab" data-bs-toggle="tab"
                                    data-bs-target="#nav-mission" type="button" role="tab" aria-controls="nav-mission"
                                    aria-selected="false">Mission</button>
                                <button class="nav-link text-uppercase" id="nav-vision-tab" data-bs-toggle="tab"
                                    data-bs-target="#nav-vision" type="button" role="tab" aria-controls="nav-vision"
                                    aria-selected="true">Vision</button>
                            </div>
                        </nav>
                        <div class="tab-content" id="nav-tabContent">
                            <div class="tab-pane fade active show" id="nav-story" role="tabpanel"
                                aria-labelledby="nav-story-tab">
                                <p>Since 2002, SK Financial CPA has been at the forefront of accounting and tax
                                    innovation in Wesley Chapel, Tampa, FL, founded on dedication, continuous growth,
                                    and robust client relationships.</p>
                                <div class="row g-3">
                                    <div class="col-sm-6">
                                        <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>2002 Foundation</h5>
                                        <h5 class="mb-0"><i class="fa fa-check text-primary me-3"></i>Innovative Spirit
                                        </h5>
                                    </div>
                                    <div class="col-sm-6">
                                        <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Client Dedication
                                        </h5>
                                        <h5 class="mb-0"><i class="fa fa-check text-primary me-3"></i>Community Pillar
                                        </h5>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="nav-mission" role="tabpanel" aria-labelledby="nav-mission-tab">
                                <p>SK Financial CPA is committed to delivering exceptional, technology-driven, and highly
                                    efficient services. We prioritize client communication, proactive strategy, and
                                    accessible, value-driven solutions to facilitate business success.</p>
                                <div class="row g-3">
                                    <div class="col-sm-6">
                                        <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Client Focus</h5>
                                        <h5 class="mb-0"><i class="fa fa-check text-primary me-3"></i>Proactive Strategy
                                        </h5>
                                    </div>
                                    <div class="col-sm-6">
                                        <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Tech-Driven</h5>
                                        <h5 class="mb-0"><i class="fa fa-check text-primary me-3"></i>Value-Oriented
                                        </h5>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="nav-vision" role="tabpanel" aria-labelledby="nav-vision-tab">
                                <p>Our vision is to be a beacon of excellence and innovation in the accounting and tax
                                    industry. We aim to offer a client experience marked by unparalleled support, resources,
                                    and comprehensive financial guidance.</p>
                                <div class="row g-3">
                                    <div class="col-sm-6">
                                        <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Industry Beacon
                                        </h5>
                                        <h5 class="mb-0"><i class="fa fa-check text-primary me-3"></i>Client Support
                                        </h5>
                                    </div>
                                    <div class="col-sm-6">
                                        <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Resource Wealth
                                        </h5>
                                        <h5 class="mb-0"><i class="fa fa-check text-primary me-3"></i>Guided Success
                                        </h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5" style="min-height: 400px;">
                    <div class="position-relative h-100">
                        <img class="position-absolute w-100 h-100 rounded wow zoomIn" data-wow-delay="0.9s"
                            src="{{ asset('assets/sk/img/about-us-sec.png') }}" alt="About Us Section Img"
                            style="object-fit: cover; visibility: visible; animation-delay: 0.9s; animation-name: zoomIn;">
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- <div class="container-fluid mt-5 wow fadeInUp" data-wow-delay="0.1s"
        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
    <div class="container ">
        
        <div class="row g-5">
            <div class="col-lg-12">
                
                <h4 class="fw-bold text-primary text-uppercase">SK Financial CPA - Your Trusted CPA Partner</h4>
                <h5>Foundational Excellence:</h5>
                <p>Established in 2002, SK Financial CPA, has flourished as a premier full-service CPA
                    and business consulting firm. With a commitment to excellence and a multifaceted
                    approach to financial solutions, we have a steadfast legacy that reflects proficiency,
                    integrity, and reliability.</p>
                <h5>Geographic Reach:</h5>
                <p>While our offices are strategically located in Tampa and Wesley Chapel, Florida, our
                    influence and services resonate beyond geographical boundaries. Our expansive
                    network caters to a diverse clientele nationwide, ensuring that exemplary services and
                    expertise know no limits.</p>
                <h5>Building Relationships:</h5>
                <p>At the heart of our practice lies a fundamental belief in the value of relationships. We
                    view every client interaction as an opportunity to foster a partnership, building a
                    foundation that thrives on mutual success and growth.</p>
                <h5>Innovation and Technology:</h5>
                <p>In a world driven by technological advancements, our firm is a harmonious blend of
                    traditional principles and modern innovation. We are adept at leveraging technology to
                    enhance efficiency and deliver cost-effective, high-quality services.</p>
                <h5>Mission-Centric Approach:</h5>
                <p>Our mission transcends the conventions of traditional accounting practices. We are
                    passionately committed to providing accounting and tax services that echo a
                    comprehensive understanding, innovation, and an unwavering commitment to our
                    clients&#39; success.</p>
                <h5>A Testament of Quality:</h5>
                <p>Our reputation is a reflection of years of trust, expertise, and consistent delivery of
                    exceptional services. We are dedicated to empowering our clients, ensuring they retain
                    more of their earnings, and navigating them through the realms of financial success
                    with unwavering dedication.
                    Welcome to SK Financial CPA, – where your business’s financial well-being is our
                    utmost priority.</p>

                
            </div>
            
        </div>
    </div>
</div> --}}



    <div class="container-fluid  mt-5 wow fadeInUp bg-primary text-light" data-wow-delay="0.1s"
        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-md-5 text-center">
                    <img src="{{ asset('assets/sk/img/about_us.png') }}" alt="explore"
                        style="height: 250px ;    border-radius: 20px; width:100%">
                </div>
                <div class="col-md-7">

                    <div class="mb-2">
                        <p class="subject">SK Financial: Where Numbers Make Sense.</p>
                    </div>
                    <h1 class="title mb-5 mb-sm-6">SK Financial: Your Trusted Partner in Accounting, Tax, Incorporation, Due Diligence, and Private Foundation and more.</h1>

                    <div class="mt-3">
                        <div class="money-back-container">
                            <div>
                                <span class="vertical-middle money-back c-bw-12">Empowering Your Finances, One Calculation
                                    at a Time.</span>
                            </div>
                        </div>
                    </div>

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

    <div class="container-fluid py-5">
        <div class="container py-5">
            
            <div class="row g-5">
                <div class="col-lg-4 wow slideInUp" data-wow-delay="0.1s"
                    style="visibility: visible; animation-delay: 0.1s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-laptop fa-2x text-white"></i>
                        </div>
                        <h3>Tech &amp; Innovation Hub</h3>
                        <p class="mb-0">Blending traditional principles with modern innovation for enhanced efficiency
                            and service quality.</p>
                    </div>
                </div>
                <div class="col-lg-4 wow slideInUp" data-wow-delay="0.4s"
                    style="visibility: visible; animation-delay: 0.4s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-users fa-2x text-white"></i>
                        </div>
                        <h3>Strategic Focus</h3>
                        <p class="mb-0">Committed to transcending conventions for innovative, and client-focused
                            accounting and tax services..</p>
                    </div>
                </div>
                <div class="col-lg-4 wow slideInUp" data-wow-delay="0.8s"
                    style="visibility: visible; animation-delay: 0.8s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-thumbs-up fa-2x text-white"></i>
                        </div>
                        <h3>A Testament of Quality</h3>
                        <p class="mb-0">A legacy of trust, empowering clients with exceptional services for financial
                            success and well-being.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid mt-5 wow fadeInUp" data-wow-delay="0.1s"
        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
        <div class="container ">

            <div class="row g-5">
                <div class="col-lg-10 wow slideInUp m-auto" data-wow-delay="0.8s"
                    style="visibility: visible; animation-delay: 0.8s; animation-name: slideInUp;">
                    
                        <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
                            <h1 class="mb-0 ">Why Choose SK Financial CPA</h1>
                            {{-- <h1 class="mb-0 ">YOUR TRUSTED CPA PARTNER</h1> --}}
                            <h5 class="fw-bold text-primary text-uppercase">Where Expertise Meets
                                Innovation</h5>
            
                        </div>
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        
                        <h3>Exceptional Client Service</h3>
                        <div class="row">
                            <div class="col-md-6">
                                <div
                                    class="bg-primary text-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                                    
                                    <h4 class="text-light">Accessibility</h4>
                                    <p class="mb-0">We prioritize client communication, ensuring that emails and phone calls are returned within 24 hours, emphasizing responsiveness.</p>
                                </div>
                                
                            </div>
                            <div class="col-md-6">
                                <div
                                    class="bg-primary text-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                                    
                                    <h4 class="text-light">Client Satisfaction</h4>
                                    <p class="mb-0">A monthly evaluation aims for your 100% satisfaction, ensuring our services meet your expectations consistently.</p>
                                </div>
                                
                            </div>
                        </div>
                        <h3 class="mt-5">Strategic Financial and Tax Planning</h3>
                        <div class="row">
                            <div class="col-md-6">
                                <div
                                    class="bg-primary text-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                                    
                                    <h4 class="text-light">Proactive Strategies</h4>
                                    <p class="mb-0">Over 100 tax planning strategies are at our disposal,
                                        progressively implementing them, adapting to your business’s evolving needs.</p>
                                </div>
                                
                            </div>
                            <div class="col-md-6">
                                <div
                                    class="bg-primary text-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                                    
                                    <h4 class="text-light">Annual Review Meetings</h4>
                                    <p class="mb-0">Offering annual financial and tax stewardship
                                        meetings to meticulously review, strategize, and optimize your financial
                                        pathways.</p>
                                </div>
                                
                            </div>
                        </div>
                        <h3 class="mt-5">Unmatched Client Care and Affordability</h3>
                        <div class="row">
                            <div class="col-md-6">
                                <div
                                    class="bg-primary text-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                                    
                                    <h4 class="text-light">Audit Protection</h4>
                                    <p class="mb-0">Clients are safeguarded with complimentary audit protection,
                                        managing any potential IRS inquiries or audits on your behalf.</p>
                                </div>
                                
                            </div>
                            <div class="col-md-6">
                                <div
                                    class="bg-primary text-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                                    
                                    <h4 class="text-light">Transparent Pricing</h4>
                                    <p class="mb-0">Adopting a straightforward, monthly fixed fee structure,
                                        paired with flexible month-to-month contracts, augmenting affordability and
                                        value.</p>
                                </div>
                                
                            </div>
                        </div>
                        
                        <h3 class="mt-5">Quality Assurance and Reliability</h3>
                        <div class="row">
                            <div class="col-md-6">
                                <div
                                    class="bg-primary text-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                                    
                                    <h4 class="text-light">Client Reviews</h4>
                                    <p class="mb-0">Our services resonate with excellence, as echoed by numerous
                                        five-star reviews and positive client testimonials across various platforms.</p>
                                </div>
                                
                            </div>
                            <div class="col-md-6">
                                <div
                                    class="bg-primary text-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                                    
                                    <h4 class="text-light">Penalty-Free Guarantee</h4>
                                    <p class="mb-0">Upholding a strict adherence to deadlines ensures that
                                        clients never incur penalties, fostering reliability and peace of mind.</p>
                                </div>
                                
                            </div>
                        </div>
                        <h3 class="mt-5">Comprehensive Consultation and Resources</h3>
                        <div class="row">
                            <div class="col-md-6">
                                <div
                                    class="bg-primary text-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                                    
                                    <h4 class="text-light">Unlimited Consultation</h4>
                                    <p class="mb-0">Access to unlimited consultations throughout the
                                        year, supporting your financial queries and needs consistently.</p>
                                </div>
                                
                            </div>
                            <div class="col-md-6">
                                <div
                                    class="bg-primary text-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                                    
                                    <h4 class="text-light">Exclusive Resources</h4>
                                    <p class="mb-0">Clients gain exclusive access to a wealth of resources and
                                        a personalized online portal, ensuring you’re always informed and updated.</p>
                                </div>
                                
                            </div>
                        </div>
                        
                        <h5 class="mt-5">At SK Financial CPA, LLC, your financial journey is accentuated with a synergy of
                            excellence, strategic foresight, and a client-centric approach, distinctly setting us apart.</h5>
                    </div>
                    
                </div>
                

            </div>
        </div>
    </div>
    <!-- Team Start -->
    @if (count(@$teams) > 0)
        <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
            <div class="container py-5">
                <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
                    <h5 class="fw-bold text-primary text-uppercase">Team Members</h5>
                    <h1 class="mb-0">Professional Staff, Ready to Help Your Business</h1>
                </div>
                <div class="row g-5">
                    @foreach ($teams as $key => $team)
                        <div class="col-md-6 col-lg-4 wow slideInUp" data-wow-delay="0.3s">
                            <div class="team-item bg-light rounded overflow-hidden">
                                <div class="team-img position-relative overflow-hidden">
                                    <img class="img-fluid w-100" style="height: 400px" src="{{ asset($team->image) }}"
                                        alt="{{ $team->name }}">
                                    @if ($team->twitter || $team->fb || $team->insta || $team->linkedin)
                                        <div class="team-social">
                                            @if ($team->twitter)
                                                <a class="btn btn-lg btn-primary btn-lg-square rounded"
                                                    href="{{ $team->twitter }}" target="_blank"><i
                                                        class="fab fa-twitter fw-normal"></i></a>
                                            @endif
                                            @if ($team->fb)
                                                <a class="btn btn-lg btn-primary btn-lg-square rounded"
                                                    href="{{ $team->fb }}" target="_blank"><i
                                                        class="fab fa-facebook-f fw-normal"></i></a>
                                            @endif
                                            @if ($team->insta)
                                                <a class="btn btn-lg btn-primary btn-lg-square rounded"
                                                    href="{{ $team->insta }}" target="_blank"><i
                                                        class="fab fa-instagram fw-normal"></i></a>
                                            @endif
                                            @if ($team->linkedin)
                                                <a class="btn btn-lg btn-primary btn-lg-square rounded"
                                                    href="{{ $team->linkedin }}" target="_blank"><i
                                                        class="fab fa-linkedin-in fw-normal"></i></a>
                                            @endif
                                        </div>
                                    @endif
                                </div>
                                <div class="text-center py-4">
                                    <a href="{{ route('team', ['slug' => $team->slug]) }}"><h4 class="text-primary">{{ $team->name }}</h4></a>
                                    <p class="text-uppercase m-0">{{ $team->title }}</p>
                                    <a href="{{ route('team', ['slug' => $team->slug]) }}" class="btn btn-primary mt-3" target="_blank">Read More</a>
                                </div>
                            </div>
                        </div>
                    @endforeach

                </div>
            </div>
        </div>
    @endif
    <!-- Team End -->

    @if (count(@$blogs) > 0)
        <!-- Blog Start -->
        <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s" style="background: aliceblue; ">
            <div class="container py-5">
                <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
                    <h5 class="fw-bold text-primary text-uppercase">Latest Blog</h5>
                    <h1 class="mb-0">Read The Latest Articles from Our Blog Post</h1>
                </div>
                <div class="row g-5">
                    @foreach ($blogs as $blog)
                        <div class="col-md-4 wow slideInUp" data-wow-delay="0.1s">
                            <div class="blog-item bg-light rounded overflow-hidden">
                                <div class="blog-img position-relative overflow-hidden">
                                    <a href="{{ route('blog', ['slug' => $blog->slug]) }}"><img class="img-fluid" src="{{ asset($blog->image) }}" alt="{{ $blog->title }}"
                                        style=" height: 234px; width: 100%;"></a>
                                    <a class="position-absolute top-0 start-0 bg-primary text-white rounded-end mt-5 py-2 px-4"
                                        href="{{ route('blogs', ['category' => @$blog->category->slug]) }}">{{ @$blog->category->name }}</a>
                                </div>
                                <div class="p-4">
                                    <div class="d-flex mb-3">
                                        <small class="me-3"><i
                                                class="far fa-user text-primary me-2"></i>{{ @$blog->user->name }}</small>
                                        <small><i class="far fa-calendar-alt text-primary me-2"></i>
                                            {{ $blog->updated_at->format('d M, Y') }}</small>
                                    </div>
                                    <a href="{{ route('blog', ['slug' => $blog->slug]) }}"><h4 class="mb-3" style="    overflow: hidden; height: 57px;">{{ $blog->title }}
                                    </h4></a>
                                    <p style="    height: 50px; overflow: hidden;">{{ $blog->short_description }}</p>
                                    <a class="text-uppercase" href="{{ route('blog', ['slug' => $blog->slug]) }}">Read
                                        More <i class="bi bi-arrow-right"></i></a>
                                </div>
                            </div>
                        </div>
                    @endforeach

                </div>
            </div>
        </div>
        <!-- Blog Start -->
    @endif
    @if (!empty($faqs))
        <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s"
            style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
            <div class="container py-5">
                <div class="row g-5">
                    <div class="text-center position-relative pb-3 mx-auto" style="max-width: 600px;">
                        <h1 class="mb-0">FAQs</h1>
                    </div>

                    <div class="col-md-9 m-auto">

                        <div class="accordion accordion-custom" id="faqs">
                            @foreach ($faqs as $key => $faq)
                                <div class="accordion-item wow fadeInUp" data-wow-delay="0.1s"
                                    style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
                                    <h2 class="accordion-header" id="heading-{{ $key }}">
                                        <button class="accordion-button fw-semi-bold collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#faq-{{ $key }}"
                                            aria-expanded="false" aria-controls="faq-{{ $key }}">
                                            {{ $faq->question }}
                                        </button>
                                    </h2>
                                    <div id="faq-{{ $key }}" class="accordion-collapse collapse"
                                        aria-labelledby="heading-{{ $key }}" data-bs-parent="#faqs"
                                        style="">
                                        <div class="accordion-body">
                                            {!! $faq->answer !!}
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
    @include('inculdes.contact_form')
@endsection