@extends('layouts.master')
@section('content')
            <div class="position-relative z-1">
                @include('layouts.topbar')

                <!-- Breadcrumb Area Start -->
                <div class="breadcrumb-area style-one position-relative z-1">
                    <div class="br-bg img-container position-absolute top-0 start-0 w-100">
                        <img src="{{ asset('img/breadcrumb/br-9.jpg') }}" alt="Image" class="w-100 h-100 object-fit-cover">
                    </div>
                    <div class="container style-one">
                        <div class="row">
                            <div class="col-xxl-10 col-lg-8">
                                <h2 class="section-title style-three text-white fw-bold mb-20 reveal-text">Services</h2>
                                <ul class="br-menu list-unstyled mb-0">
                                    <li class="fs-xxl-18"><a href="/">Home</a></li>
                                    <li class="fs-xxl-18">Services</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Breadcrumb Area End -->

                <!-- Service Details Section Start -->
                <div class="bg-albastor">
                    <div class="service-area style-three position-relative z-1 pt-120">
                        <div class="container style-one">
                            <div class="row">
                                <div class="col-xl-8 offset-xl-2 col-md-10 offset-md-1">
                                    <h6 class="section-subtitle fs-18 fw-normal text-center mb-15">What We Do</h6>
                                    <h2 class="section-title style-two text-title text-center reveal-text-right mb-40">
                                        Comprehensive financial solutions tailored to your business needs
                                    </h2>
                                </div>
                            </div>
                        </div>
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-xl-4 col-md-6">
                                    <div class="service-card style-three bg-white img-hover-scale round-20 mb-45">
                                        <div class="service-img img-scale overflow-hidden position-relative">
                                            <img src="{{ asset('img/services/service-1.jpg') }}" alt="Services"
                                                class="position-absolute top-0 start-0 w-100 h-100 transition">
                                            <img src="{{ asset('img/services/service-1.jpg') }}" alt="Services"
                                                class="transition">
                                        </div>
                                        <div class="service-info">
                                            <h3 class="fs-24"><a href="{{ route('service-details') }}"
                                                    class="text-title link-hover-primary transition">Accounting &
                                                    Compliance</a></h3>
                                            <ul class="feature-list style-one list-unstyled mb-20">
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Bookkeeping & Financial Reporting
                                                </li>
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Payroll Processing</li>
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Annual Financial Statements</li>
                                            </ul>
                                            <a href="{{ route('service-details') }}"
                                                class="btn style-one d-inline-flex align-items-center">
                                                <span
                                                    class="btn-icon-one d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                                        src="{{ asset('img/icons/right-arrow.svg') }}" alt="Icon"
                                                        class="d-block mx-auto"></span>
                                                <span
                                                    class="btn-text fw-bold d-flex flex-column align-items-center justify-content-center transition">Discover
                                                    More</span>
                                                <span
                                                    class="btn-icon-two d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                                        src="{{ asset('img/icons/right-arrow.svg') }}" alt="Icon"
                                                        class="d-block mx-auto"></span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-md-6">
                                    <div class="service-card style-three bg-white img-hover-scale round-20 mb-45">
                                        <div class="service-img img-scale overflow-hidden position-relative">
                                            <img src="{{ asset('img/services/service-2.jpg') }}" alt="Services"
                                                class="position-absolute top-0 start-0 w-100 h-100 transition">
                                            <img src="{{ asset('img/services/service-2.jpg') }}" alt="Services"
                                                class="transition">
                                        </div>
                                        <div class="service-info">
                                            <h3 class="fs-24"><a href="{{ route('service-details') }}"
                                                    class="text-title link-hover-primary transition">Audit & Assurance</a>
                                            </h3>
                                            <ul class="feature-list style-one list-unstyled mb-20">
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Internal/External Audits</li>
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Compliance Reviews</li>
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Due Diligence</li>
                                            </ul>
                                            <a href="{{ route('service-details') }}"
                                                class="btn style-one d-inline-flex align-items-center">
                                                <span
                                                    class="btn-icon-one d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                                        src="{{ asset('img/icons/right-arrow.svg') }}" alt="Icon"
                                                        class="d-block mx-auto"></span>
                                                <span
                                                    class="btn-text fw-bold d-flex flex-column align-items-center justify-content-center transition">Discover
                                                    More</span>
                                                <span
                                                    class="btn-icon-two d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                                        src="{{ asset('img/icons/right-arrow.svg') }}" alt="Icon"
                                                        class="d-block mx-auto"></span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-md-6">
                                    <div class="service-card style-three bg-white img-hover-scale round-20 mb-45">
                                        <div class="service-img img-scale overflow-hidden position-relative">
                                            <img src="{{ asset('img/services/service-3.jpg') }}" alt="Services"
                                                class="position-absolute top-0 start-0 w-100 h-100 transition">
                                            <img src="{{ asset('img/services/service-3.jpg') }}" alt="Services"
                                                class="transition">
                                        </div>
                                        <div class="service-info">
                                            <h3 class="fs-24"><a href="{{ route('service-details') }}"
                                                    class="text-title link-hover-primary transition">Tax Advisory</a></h3>
                                            <ul class="feature-list style-one list-unstyled mb-20">
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Tax Planning & Optimization</li>
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Corporate/Personal Tax Strategies
                                                </li>
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Cross-Border Tax Support</li>
                                            </ul>
                                            <a href="{{ route('service-details') }}"
                                                class="btn style-one d-inline-flex align-items-center">
                                                <span
                                                    class="btn-icon-one d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                                        src="{{ asset('img/icons/right-arrow.svg') }}" alt="Icon"
                                                        class="d-block mx-auto"></span>
                                                <span
                                                    class="btn-text fw-bold d-flex flex-column align-items-center justify-content-center transition">Discover
                                                    More</span>
                                                <span
                                                    class="btn-icon-two d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                                        src="{{ asset('img/icons/right-arrow.svg') }}" alt="Icon"
                                                        class="d-block mx-auto"></span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-md-6">
                                    <div class="service-card style-three bg-white img-hover-scale round-20 mb-45">
                                        <div class="service-img img-scale overflow-hidden position-relative">
                                            <img src="{{ asset('img/services/service-4.jpg') }}" alt="Services"
                                                class="position-absolute top-0 start-0 w-100 h-100 transition">
                                            <img src="{{ asset('img/services/service-4.jpg') }}" alt="Services"
                                                class="transition">
                                        </div>
                                        <div class="service-info">
                                            <h3 class="fs-24"><a href="{{ route('service-details') }}"
                                                    class="text-title link-hover-primary transition">Business
                                                    Consulting</a></h3>
                                            <ul class="feature-list style-one list-unstyled mb-20">
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">CFO Advisory (Outsourced)</li>
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Budgeting & Forecasting</li>
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Startup Financial Structuring
                                                </li>
                                            </ul>
                                            <a href="{{ route('service-details') }}"
                                                class="btn style-one d-inline-flex align-items-center">
                                                <span
                                                    class="btn-icon-one d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                                        src="{{ asset('img/icons/right-arrow.svg') }}" alt="Icon"
                                                        class="d-block mx-auto"></span>
                                                <span
                                                    class="btn-text fw-bold d-flex flex-column align-items-center justify-content-center transition">Discover
                                                    More</span>
                                                <span
                                                    class="btn-icon-two d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                                        src="{{ asset('img/icons/right-arrow.svg') }}" alt="Icon"
                                                        class="d-block mx-auto"></span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-md-6">
                                    <div class="service-card style-three bg-white img-hover-scale round-20 mb-45">
                                        <div class="service-img img-scale overflow-hidden position-relative">
                                            <img src="{{ asset('img/services/service-5.jpg') }}" alt="Services"
                                                class="position-absolute top-0 start-0 w-100 h-100 transition">
                                            <img src="{{ asset('img/services/service-5.jpg') }}" alt="Services"
                                                class="transition">
                                        </div>
                                        <div class="service-info">
                                            <h3 class="fs-24"><a href="{{ route('service-details') }}"
                                                    class="text-title link-hover-primary transition">Payroll Management</a>
                                            </h3>
                                            <ul class="feature-list style-one list-unstyled mb-20">
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Payroll processing</li>
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Salary slips & reports</li>
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">PAYE, tax, & benefits
                                                    calculations</li>
                                            </ul>
                                            <a href="{{ route('service-details') }}"
                                                class="btn style-one d-inline-flex align-items-center">
                                                <span
                                                    class="btn-icon-one d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                                        src="{{ asset('img/icons/right-arrow.svg') }}" alt="Icon"
                                                        class="d-block mx-auto"></span>
                                                <span
                                                    class="btn-text fw-bold d-flex flex-column align-items-center justify-content-center transition">Discover
                                                    More</span>
                                                <span
                                                    class="btn-icon-two d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                                        src="{{ asset('img/icons/right-arrow.svg') }}" alt="Icon"
                                                        class="d-block mx-auto"></span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-4 col-md-6">
                                    <div class="service-card style-three bg-white img-hover-scale round-20 mb-45">
                                        <div class="service-img img-scale overflow-hidden position-relative">
                                            <img src="{{ asset('img/services/service-6.jpg') }}" alt="Services"
                                                class="position-absolute top-0 start-0 w-100 h-100 transition">
                                            <img src="{{ asset('img/services/service-6.jpg') }}" alt="Services"
                                                class="transition">
                                        </div>
                                        <div class="service-info">
                                            <h3 class="fs-24"><a href="{{ route('service-details') }}"
                                                    class="text-title link-hover-primary transition">Startup & SME
                                                    Support</a></h3>
                                            <ul class="feature-list style-one list-unstyled mb-20">
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Business formation & registration
                                                </li>
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Initial tax setup</li>
                                                <li class="fs-xxl-18 position-relative"><img
                                                        src="{{ asset('img/icons/check.svg') }}" alt="Icon"
                                                        class="position-absolute start-0">Accounting system setup</li>
                                            </ul>
                                            <a href="{{ route('service-details') }}"
                                                class="btn style-one d-inline-flex align-items-center">
                                                <span
                                                    class="btn-icon-one d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                                        src="{{ asset('img/icons/right-arrow.svg') }}" alt="Icon"
                                                        class="d-block mx-auto"></span>
                                                <span
                                                    class="btn-text fw-bold d-flex flex-column align-items-center justify-content-center transition">Discover
                                                    More</span>
                                                <span
                                                    class="btn-icon-two d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                                        src="{{ asset('img/icons/right-arrow.svg') }}" alt="Icon"
                                                        class="d-block mx-auto"></span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Service Details Section End -->

                <!--  Industry Category Start -->
                <div class="industry-area style-one position-relative bg-white z-1 ptb-120">
                    <div class="container style-one pb-120">
                        <div class="row">
                            <div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1">
                                <h6 class="fs-18 font-primary fw-normal text-title text-center reveal-text-right mb-15">
                                    Industries We Serve</h6>
                                <h2
                                    class="section-title style-two fw-semibold text-title text-center mb-35 reveal-text-bottom">
                                    Comprehensive financial solutions tailored to your business needs</h2>
                            </div>
                        </div>
                        <div class="industry-category-wrap d-flex flex-wrap justify-content-center">
                            <a class="btn style-three d-inline-flex align-items-center" data-cue="slideInLeft">
                                <span
                                    class="btn-icon-one d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                        src="{{ asset('img/industry-icon/healthcare.svg') }}" alt="Icon"
                                        class="d-block mx-auto"></span>
                                <span
                                    class="btn-text fw-bold d-flex flex-column align-items-center justify-content-center transition">Healthcare</span>
                                <span
                                    class="btn-icon-two d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                        src="{{ asset('img/industry-icon/healthcare.svg') }}" alt="Icon"
                                        class="d-block mx-auto"></span>
                            </a>
                            <a class="btn style-three d-inline-flex align-items-center" data-cue="slideInLeft"
                                data-delay="100">
                                <span
                                    class="btn-icon-one d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                        src="{{ asset('img/industry-icon/technology.svg') }}" alt="Icon"
                                        class="d-block mx-auto"></span>
                                <span
                                    class="btn-text fw-bold d-flex flex-column align-items-center justify-content-center transition">Technology</span>
                                <span
                                    class="btn-icon-two d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                        src="{{ asset('img/industry-icon/technology.svg') }}" alt="Icon"
                                        class="d-block mx-auto"></span>
                            </a>
                            <a class="btn style-three d-inline-flex align-items-center" data-cue="slideInLeft"
                                data-delay="200">
                                <span
                                    class="btn-icon-one d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                        src="{{ asset('img/industry-icon/charity.svg') }}" alt="Icon"
                                        class="d-block mx-auto"></span>
                                <span
                                    class="btn-text fw-bold d-flex flex-column align-items-center justify-content-center transition">Nonprofits</span>
                                <span
                                    class="btn-icon-two d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                        src="{{ asset('img/industry-icon/charity.svg') }}" alt="Icon"
                                        class="d-block mx-auto"></span>
                            </a>
                            <a class="btn style-three d-inline-flex align-items-center" data-cue="slideInLeft"
                                data-delay="300">
                                <span
                                    class="btn-icon-one d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                        src="{{ asset('img/industry-icon/real-estate.svg') }}" alt="Icon"
                                        class="d-block mx-auto"></span>
                                <span
                                    class="btn-text fw-bold d-flex flex-column align-items-center justify-content-center transition">Real
                                    Estate</span>
                                <span
                                    class="btn-icon-two d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                        src="{{ asset('img/industry-icon/real-estate.svg') }}" alt="Icon"
                                        class="d-block mx-auto"></span>
                            </a>
                            <a class="btn style-three d-inline-flex align-items-center" data-cue="slideInLeft"
                                data-delay="400">
                                <span
                                    class="btn-icon-one d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                        src="{{ asset('img/industry-icon/outline.svg') }}" alt="Icon"
                                        class="d-block mx-auto"></span>
                                <span
                                    class="btn-text fw-bold d-flex flex-column align-items-center justify-content-center transition">E-commerce</span>
                                <span
                                    class="btn-icon-two d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                        src="{{ asset('img/industry-icon/outline.svg') }}" alt="Icon"
                                        class="d-block mx-auto"></span>
                            </a>
                            <a class="btn style-three d-inline-flex align-items-center" data-cue="slideInLeft"
                                data-delay="500">
                                <span
                                    class="btn-icon-one d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                        src="{{ asset('img/industry-icon/manufacturing.svg') }}" alt="Icon"
                                        class="d-block mx-auto"></span>
                                <span
                                    class="btn-text fw-bold d-flex flex-column align-items-center justify-content-center transition">Manufacturing</span>
                                <span
                                    class="btn-icon-two d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                        src="{{ asset('img/industry-icon/manufacturing.svg') }}" alt="Icon"
                                        class="d-block mx-auto"></span>
                            </a>
                            <a class="btn style-three d-inline-flex align-items-center" data-cue="slideInLeft"
                                data-delay="600">
                                <span
                                    class="btn-icon-one d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                        src="{{ asset('img/industry-icon/start-up.svg') }}" alt="Icon"
                                        class="d-block mx-auto"></span>
                                <span
                                    class="btn-text fw-bold d-flex flex-column align-items-center justify-content-center transition">Startups
                                    & SMEs</span>
                                <span
                                    class="btn-icon-two d-flex flex-column align-items-center justify-content-center rounded-circle transition"><img
                                        src="{{ asset('img/industry-icon/start-up.svg') }}" alt="Icon"
                                        class="d-block mx-auto"></span>
                            </a>
                        </div>
                    </div>
                    <div class="container style-one">
                        <div class="cta-box style-one position-relative z-1 overflow-hidden round-20">
                            <img src="{{ asset('img/cta-shape-1.png') }}" alt="Shape"
                                class="cta-shape-one position-absolute z-n1 bottom-0 move-right">
                            <img src="{{ asset('img/cta-shape-2.png') }}" alt="Shape"
                                class="cta-shape-two position-absolute z-n1 tp-0 move-left">
                            <div class="row">
                                <div class="col-xxl-10 offset-xxl-1">
                                    <h2
                                        class="section-title style-two fw-semibold text-center text-white reveal-text-right mb-12">
                                        Ready To Transform Your Financial Operations?</h2>
                                    <p class="fs-xxl-18 text-center mb-4 w-xl-75 mx-auto px-xxl-5">Schedule a free
                                        30-minute consultation with one of our accounting professionals to discuss your
                                        specific needs.</p>
                                </div>
                            </div>
                            <div class="btn-wrap d-flex flex-wrap align-items-center justify-content-center">
                                <a href="{{ route('appointment') }}"
                                    class="btn style-one d-inline-flex align-items-center">
                                    <span
                                        class="btn-icon-one d-flex flex-column align-items-center justify-content-center rounded-circle transition"><i
                                            class="ri-phone-line"></i></span>
                                    <span
                                        class="btn-text fw-bold d-flex flex-column align-items-center justify-content-center transition">Get
                                        Started Today</span>
                                    <span
                                        class="btn-icon-two d-flex flex-column align-items-center justify-content-center rounded-circle transition"><i
                                            class="ri-phone-line"></i></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  Industry Category End -->
            </div>
@endsection