@extends('layout.main')
@section('title', $data['title'])
@section('content')

    <!-- Page banner area start here -->
    <section class="banner__inner-page bg-image pt-180 pb-180 bg-image"
        data-background="{{ asset('assets/images/banner/banner-inner-page.jpg') }}">
        <div class="shape2 wow slideInLeft" data-wow-delay="00ms" data-wow-duration="1500ms">
            <img src="{{ asset('assets/images/banner/inner-banner-shape2.png') }}" alt="shape">
        </div>
        <div class="shape1 wow slideInLeft" data-wow-delay="200ms" data-wow-duration="1500ms">
            <img src="{{ asset('assets/images/banner/inner-banner-shape1.png') }}" alt="shape">
        </div>
        <div class="shape3 wow slideInRight" data-wow-delay="200ms" data-wow-duration="1500ms"> <img
                class="sway__animationX" src="{{ asset('assets/images/banner/inner-banner-shape3.png') }}" alt="shape">
        </div>
        <div class="container">
            <h2 class="wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1500ms">{{ $data['title'] }}</h2>
            <div class="breadcrumb-list wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms">
                <a href="{{ route('home') }}">Home</a><span><i class="fa fa-angles-right mx-2"></i>{{$data['title']}}</span>
            </div>
        </div>
    </section>
    <!-- Page banner area end here -->

    <!-- Service area start here -->
    <section class="service-single-area pt-120 pb-120">
        <div class="container">
            <div class="project-details-wrapper">
                <div class="row" style="position: relative;">
                    <div class="content-side col-lg-8 col-md-12 col-sm-12">
                        <div class="project-details-items">
                            <div class="image mb-50">
                                <img src="{{ $data['type_data']['image'] }}" alt="image">
                                {{-- <div class="service-single__video-btn">
                                    <div class="video-btn video-pulse wow fadeIn" data-wow-delay="200ms"
                                        data-wow-duration="1500ms">
                                        <a class="video-popup" href="https://www.youtube.com/watch?v=iVqz_4M5mA0"><i
                                                class="fa-solid fa-play"></i></a>
                                    </div>
                                </div> --}}
                            </div>
                            <h2 class="title mb-10">{{$data['type_data']['sub_title']}}</h2>
                            <h3 class="mb-30">{{$data['type_data']['sub_title_details']}}</h3>
                            <p class="mb-20">{{$data['type_data']['description_1']}}</p>
                            <p>{{$data['type_data']['description_2']}}</p>
                            <!-- Feature -->
                            <section class="feature3-area feature3-style-2"
                                style=" margin-top: 0px !important; padding: 50px 0px 0px 0px !important; ">
                                <!-- <img src=".~/Content/images/bg-shape-1.svg" alt="Shape" class="bg-shape" /> -->
                                <div class="custom-container" style="padding: 0px !important;">
                                    <div class="feature3-body" style="padding: 40px !important;">
                                        <div class="section-header">
                                            <h2 class="section-title" data-aos="zoom-in-right">{{$data['title']}} Services
                                            </h2>
                                        </div>

                                        <div class="feature3-lists">
                                            <div class="feature-box" data-aos="zoom-in-right">
                                                <i class="icon-box las la-check"></i>
                                                <h3>{{$data['type_data']['contant_title_1']}}</h3>
                                                <p>
                                                    {{$data['type_data']['contant_1']}}
                                                </p>
                                            </div>
                                            <div class="feature-box" data-aos="zoom-in-down">
                                                <i class="icon-box las la-check"></i>
                                                <h3>{{$data['type_data']['contant_title_2']}}</h3>
                                                <p>{{$data['type_data']['contant_2']}}
                                                </p>
                                            </div>
                                            <div class="feature-box" data-aos="zoom-in-up">
                                                <i class="icon-box las la-check"></i>
                                                <h3>{{$data['type_data']['contant_title_3']}}</h3>
                                                <p>{{$data['type_data']['contant_3']}}
                                                </p>
                                            </div>
                                            <div class="feature-box" data-aos="zoom-in-left">
                                                <i class="icon-box las la-check"></i>
                                                <h3>{{$data['type_data']['contant_title_4']}}</h3>
                                                <p>{{$data['type_data']['contant_4']}}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                             @if (isset($data['title']) && $data['title'] === 'IT Consultancy')
                                <h3 class="title mb-30 mt-30">Why choose Axone Infotech India for IT Consultation?</h3>
                                <div class="accordion" id="accordionExample">
                                    <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="200ms"
                                        data-wow-duration="1500ms">
                                        <h2 class="accordion-header" id="headingTwo">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                1. Customized Solutions for Business Goals
                                            </button>
                                        </h2>
                                        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                            data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p> Recognizing that every business is unique, our IT Consultation services
                                                    focus on delivering customized solutions aligned with your specific business
                                                    goals. We take a tailored approach, understanding your organizational needs
                                                    and crafting strategic recommendations that drive innovation, efficiency,
                                                    and competitiveness.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="400ms"
                                        data-wow-duration="1500ms">
                                        <h2 class="accordion-header" id="headingthree">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapsethree" aria-expanded="false"
                                                aria-controls="collapsethree">
                                                2. Strategic Digital Transformation Guidance
                                            </button>
                                        </h2>
                                        <div id="collapsethree" class="accordion-collapse collapse"
                                            aria-labelledby="headingthree" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>In the era of digital transformation, clients turn to us for strategic
                                                    guidance on navigating this complex journey. Our IT consultants provide
                                                    insights and roadmaps for leveraging emerging technologies, ensuring that
                                                    your organization not only adapts to change but thrives in the digital
                                                    landscape.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="600ms"
                                        data-wow-duration="1500ms">
                                        <h2 class="accordion-header" id="headingFour">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapseFour" aria-expanded="false"
                                                aria-controls="collapseFour">
                                                3. Infrastructure Efficiency and Optimization
                                            </button>
                                        </h2>
                                        <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                            data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>A well-optimized IT infrastructure is fundamental to organizational
                                                    efficiency.
                                                    Our consultants assess and optimize IT infrastructure, ensuring that
                                                    resources
                                                    are utilized effectively, downtime is minimized, and technology investments
                                                    align with your operational requirements.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @if (isset($data['title']) && $data['title'] === 'Software Development')
                                <h3 class="title mb-30 mt-30">Why choose Axone Infotech India for Software Development?</h3>
                                <div class="accordion" id="accordionExample">
                                    <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="200ms"
                                        data-wow-duration="1500ms">
                                        <h2 class="accordion-header" id="headingTwo">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                1. Expertise in Software Architecture
                                            </button>
                                        </h2>
                                        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                            data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p> 
                                            Our seasoned team of developers possesses a deep understanding of software architecture. We leverage AngularJS and .NET
                                            to build applications that not only meet but exceed industry standards. Our commitment to employing cutting-edge
                                            technologies ensures that your software solution is future-proof and adaptable to evolving business requirements.
                                
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="400ms"
                                        data-wow-duration="1500ms">
                                        <h2 class="accordion-header" id="headingthree">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapsethree" aria-expanded="false"
                                                aria-controls="collapsethree">
                                              2. Tailored Software Solutions
                                            </button>
                                        </h2>
                                        <div id="collapsethree" class="accordion-collapse collapse"
                                            aria-labelledby="headingthree" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>
                                                    Recognizing that every business is unique, we take a consultative approach to understand your specific needs. Our custom
                                                    software development services using AngularJS and .NET are meticulously tailored to address the distinct challenges and
                                                    objectives of your enterprise. This ensures that the software we deliver aligns seamlessly with your organizational
                                                    goals.
                                
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="600ms"
                                        data-wow-duration="1500ms">
                                        <h2 class="accordion-header" id="headingFour">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapseFour" aria-expanded="false"
                                                aria-controls="collapseFour">
                                                3. User-Centric Design
                                            </button>
                                        </h2>
                                        <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                            data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>
                                            We prioritize the end-user experience in our software development process. Our team integrates AngularJS, a powerful
                                            JavaScript framework, to create dynamic and responsive user interfaces. This, combined with the robust capabilities of
                                            .NET, results in software applications that not only function flawlessly but also provide an intuitive and enjoyable
                                            experience for your users.
                                
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @if (isset($data['title']) && $data['title'] === 'Web Development')
                                <h3 class="title mb-30 mt-30">Why choose Axone Infotech India for Web Development?</h3>
                                <div class="accordion" id="accordionExample">
                                    <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="200ms"
                                        data-wow-duration="1500ms">
                                        <h2 class="accordion-header" id="headingTwo">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                1. Comprehensive Technology Stack
                                            </button>
                                        </h2>
                                        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                            data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p> 
                                           Our proficiency spans a diverse range of web development technologies, including .NET MVC, PHP, CodeIgniter, and
                                        Laravel. This versatility allows us to recommend and implement the most suitable technology for your specific project
                                        requirements. Whether you require the robustness of .NET MVC or the flexibility of PHP frameworks, our expertise covers
                                        the spectrum.
                                
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="400ms"
                                        data-wow-duration="1500ms">
                                        <h2 class="accordion-header" id="headingthree">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapsethree" aria-expanded="false"
                                                aria-controls="collapsethree">
                                              2. Tailored Software Solutions
                                            </button>
                                        </h2>
                                        <div id="collapsethree" class="accordion-collapse collapse"
                                            aria-labelledby="headingthree" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>
                                                    We understand that your web presence needs to evolve with your business. Our team excels in crafting scalable and
                                                    flexible solutions, leveraging the capabilities of .NET MVC, PHP, CodeIgniter, and Laravel. This ensures that your web
                                                    applications not only meet current needs but are also equipped to handle future growth seamlessly.
                                
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="600ms"
                                        data-wow-duration="1500ms">
                                        <h2 class="accordion-header" id="headingFour">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapseFour" aria-expanded="false"
                                                aria-controls="collapseFour">
                                                3. Customized Development Approach
                                            </button>
                                        </h2>
                                        <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                            data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>
                                                No two businesses are alike, and we recognize the importance of tailoring web solutions to your unique requirements. Our
                                                custom development approach ensures that the web applications we build align perfectly with your business goals. Whether
                                                it's a feature-rich e-commerce platform or a dynamic corporate website, our team leverages the strengths of each
                                                technology stack to deliver a solution that suits your needs.
                                
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            
                            @if (isset($data['title']) && $data['title'] === 'Mobile Development')
                                <h3 class="title mb-30 mt-30">Why choose Axone Infotech India for Mobile Development?</h3>
                                <div class="accordion" id="accordionExample">
                                    <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="200ms"
                                        data-wow-duration="1500ms">
                                        <h2 class="accordion-header" id="headingTwo">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                               1. Cross-Platform Prowess with Flutter
                                            </button>
                                        </h2>
                                        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                            data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p> 
                                                We harness the power of Flutter, a cutting-edge open-source framework, to deliver cross-platform mobile applications
                                                with a single codebase. Flutter enables us to create visually stunning and highly performant apps for both Android and
                                                iOS platforms simultaneously, reducing development time and costs while ensuring a consistent user experience across
                                                devices.
                                
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="400ms"
                                        data-wow-duration="1500ms">
                                        <h2 class="accordion-header" id="headingthree">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapsethree" aria-expanded="false"
                                                aria-controls="collapsethree">
                                             2. Native Expertise in Android and iOS
                                            </button>
                                        </h2>
                                        <div id="collapsethree" class="accordion-collapse collapse"
                                            aria-labelledby="headingthree" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>
                                                    Our team of skilled developers boasts expertise in both Android and iOS native app development. Whether your target
                                                    audience is predominantly Android or iOS users, or a combination of both, we tailor our approach to ensure that your app
                                                    seamlessly integrates with the platform's design guidelines, functionalities, and performance standards.
                                
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="600ms"
                                        data-wow-duration="1500ms">
                                        <h2 class="accordion-header" id="headingFour">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapseFour" aria-expanded="false"
                                                aria-controls="collapseFour">
                                                3. Comprehensive API Expertise:
                                            </button>
                                        </h2>
                                        <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                            data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>
                                              Our team possesses extensive expertise in integrating a diverse range of APIs, catering to various functionalities and
                                                services. Whether it's third-party APIs, social media integrations, payment gateways, or custom APIs, our developers are
                                                well-versed in seamlessly weaving these connections into your mobile applications.
                                
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @if (isset($data['title']) && $data['title'] === 'E-Commerce Development')
                                <h3 class="title mb-30 mt-30">Why choose Axone Infotech India for E-Commerce Development?</h3>
                                <div class="accordion" id="accordionExample">
                                    <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="200ms"
                                        data-wow-duration="1500ms">
                                        <h2 class="accordion-header" id="headingTwo">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                             1. Comprehensive E-commerce Expertise
                                            </button>
                                        </h2>
                                        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                            data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p> 
                                                Our team possesses a wealth of experience in e-commerce development, having successfully delivered solutions across
                                                diverse industries. Whether you're establishing an online store from scratch or seeking to enhance an existing platform,
                                                our comprehensive expertise ensures that your e-commerce venture is in capable hands.
                                            
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="400ms"
                                        data-wow-duration="1500ms">
                                        <h2 class="accordion-header" id="headingthree">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapsethree" aria-expanded="false"
                                                aria-controls="collapsethree">
                                             2. Customized Solutions for Unique Businesses
                                            </button>
                                        </h2>
                                        <div id="collapsethree" class="accordion-collapse collapse"
                                            aria-labelledby="headingthree" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>
                                                    We recognize that every business is unique with its specific challenges and goals. Clients choose us for our commitment
                                                    to tailoring e-commerce solutions that align precisely with their brand identity and objectives. From personalized user
                                                    experiences to seamless integrations, our custom approach ensures that your online store reflects the essence of your
                                                    business.
                                
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="600ms"
                                        data-wow-duration="1500ms">
                                        <h2 class="accordion-header" id="headingFour">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                data-bs-target="#collapseFour" aria-expanded="false"
                                                aria-controls="collapseFour">
                                                3. Integrated Payment Gateways
                                            </button>
                                        </h2>
                                        <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                            data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>
                                             A seamless and secure payment process is crucial for customer satisfaction. We integrate popular and reliable payment
                                            gateways into your e-commerce platform, facilitating smooth transactions for your customers. This includes support for
                                            various payment methods, enhancing the convenience and accessibility of your online store.
                                        
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @if (isset($data['title']) && $data['title'] === 'ERP Solutions')
                                    <h3 class="title mb-30 mt-30">Why choose Axone Infotech India for ERP Solutions?</h3>
                                    <div class="accordion" id="accordionExample">
                                        <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="200ms"
                                            data-wow-duration="1500ms">
                                            <h2 class="accordion-header" id="headingTwo">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                1. Diverse Technology Stack
                                                </button>
                                            </h2>
                                            <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                                data-bs-parent="#accordionExample">
                                                <div class="accordion-body">
                                                    <p> 
                                                    Our team boasts expertise in a diverse range of technologies, including .NET, PHP, and Laravel. This versatility allows
                                                    us to tailor ERP solutions that align seamlessly with your business requirements. Whether you prefer the robustness of
                                                    .NET, the flexibility of PHP, or the elegance of Laravel, our team ensures a solution that meets your unique needs.
                                                            
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="400ms"
                                            data-wow-duration="1500ms">
                                            <h2 class="accordion-header" id="headingthree">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapsethree" aria-expanded="false"
                                                    aria-controls="collapsethree">
                                            2. Customized ERP Solutions for Every Business:
                                                </button>
                                            </h2>
                                            <div id="collapsethree" class="accordion-collapse collapse"
                                                aria-labelledby="headingthree" data-bs-parent="#accordionExample">
                                                <div class="accordion-body">
                                                    <p>
                                                    Recognizing that each business is unique, we take a consultative approach to understand your specific ERP requirements.
                                                        Clients choose us for our commitment to delivering customized ERP solutions that integrate seamlessly with your existing
                                                        workflows, optimizing efficiency, and addressing specific pain points within your organization.
                                    
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="600ms"
                                            data-wow-duration="1500ms">
                                            <h2 class="accordion-header" id="headingFour">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseFour" aria-expanded="false"
                                                    aria-controls="collapseFour">
                                                    3. Scalable Architecture for Future Growth
                                                </button>
                                            </h2>
                                            <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                                data-bs-parent="#accordionExample">
                                                <div class="accordion-body">
                                                    <p>
                                                As businesses evolve, so do their operational needs. Our ERP solutions are built on scalable architectures, ensuring
                                                they can grow seamlessly with your organization. Whether you're a startup on the rise or an established enterprise, our
                                                solutions provide the flexibility needed to accommodate expanding user bases, increased data volumes, and evolving
                                                business processes.
                                            
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            @endif

                            @if (isset($data['title']) && $data['title'] === 'DBA Service')
                                    <h3 class="title mb-30 mt-30">Why choose Axone Infotech India for DBA Service?</h3>
                                    <div class="accordion" id="accordionExample">
                                        <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="200ms"
                                            data-wow-duration="1500ms">
                                            <h2 class="accordion-header" id="headingTwo">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                               1. Versatility in Database Technologies
                                                </button>
                                            </h2>
                                            <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                                data-bs-parent="#accordionExample">
                                                <div class="accordion-body">
                                                    <p> 
                                                   Our team boasts versatile expertise in multiple database technologies, including SQL, MSSQL, and MySQL. This versatility
                                                    allows us to cater to diverse client needs, adapting our DBA services to the specific requirements of each database
                                                    system. Whether you prefer the robust capabilities of MSSQL or the open-source flexibility of MySQL, our team has you
                                                    covered.
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="400ms"
                                            data-wow-duration="1500ms">
                                            <h2 class="accordion-header" id="headingthree">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapsethree" aria-expanded="false"
                                                    aria-controls="collapsethree">
                                            2. Customized Database Solutions:
                                                </button>
                                            </h2>
                                            <div id="collapsethree" class="accordion-collapse collapse"
                                                aria-labelledby="headingthree" data-bs-parent="#accordionExample">
                                                <div class="accordion-body">
                                                    <p>
                                                    Recognizing that every organization has unique database needs, we pride ourselves on delivering highly customized DBA
                                                    solutions. Clients appreciate our ability to tailor our services to their specific business goals, ensuring optimal
                                                    database performance, and integration with existing systems.
                                                    
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item wow fadeInDown shadow border-none" data-wow-delay="600ms"
                                            data-wow-duration="1500ms">
                                            <h2 class="accordion-header" id="headingFour">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseFour" aria-expanded="false"
                                                    aria-controls="collapseFour">
                                                    3. Performance Optimization and Tuning
                                                </button>
                                            </h2>
                                            <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                                data-bs-parent="#accordionExample">
                                                <div class="accordion-body">
                                                    <p>
                                                A well-optimized database is crucial for the smooth functioning of business operations. Our DBA services focus on
                                                performance optimization and tuning, leveraging the capabilities of SQL, MSSQL, and MySQL to enhance database
                                                responsiveness, reduce query times, and ensure optimal resource utilization.
                                            
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            @endif

                        </div>
                    </div>
                    <div class="col-lg-4 order-1 order-lg-2">
                        <div class="service-single__right-item">
                            <div class="item sub-bg mb-30">
                                <h4 class="mb-20">All Services</h4>
                                @php
                                    $services = [
                                        'IT Consultancy',
                                        'Software Development',
                                        'Web Development',
                                        'Mobile Development',
                                        'E-Commerce Development',
                                        'ERP Solutions',
                                        'DBA Service',
                                    ];
                                @endphp

                                 <ul class="category service-category">
                                    @foreach ($services as $service)
                                        <li class="mb-15 {{ $data['title'] == $service ? 'active' : '' }}"
                                            onclick="window.location='{{ route('services.details', ['type' => $service]) }}'"
                                            style="cursor: pointer;">
                                            <a href="{{ route('services.details', ['type' => $service]) }}">{{ $service }}</a>
                                            <i class="fa fa-arrow-right-long primary-color"></i>
                                        </li>
                                    @endforeach
                                </ul>

                            </div>
                            <div class="item sub-bg mb-30">
                                <h4 class="mb-20">Opening Hours</h4>
                                <ul class="category">
                                    <li class="secondary-color justify-content-start gap-3">
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M10.8505 9.41291L8.61967 7.73979V4.3316C8.61967 3.98891 8.34266 3.71191 7.99998 3.71191C7.65729 3.71191 7.38029 3.98891 7.38029 4.3316V8.04966C7.38029 8.24485 7.47201 8.42892 7.62817 8.54541L10.1069 10.4044C10.2138 10.485 10.3441 10.5285 10.478 10.5284C10.667 10.5284 10.8529 10.4435 10.9744 10.2799C11.1802 10.0066 11.1244 9.61804 10.8505 9.41291Z"
                                                fill="#3C72FC" />
                                            <path
                                                d="M8 0C3.58853 0 0 3.58853 0 8C0 12.4115 3.58853 16 8 16C12.4115 16 16 12.4115 16 8C16 3.58853 12.4115 0 8 0ZM8 14.7607C4.27266 14.7607 1.23934 11.7273 1.23934 8C1.23934 4.27266 4.27266 1.23934 8 1.23934C11.728 1.23934 14.7607 4.27266 14.7607 8C14.7607 11.7273 11.7273 14.7607 8 14.7607Z"
                                                fill="#3C72FC" />
                                        </svg>
                                        Mon - Sat: 09.30 AM - 6.30 PM
                                    </li>
                                    <li class="secondary-color justify-content-start gap-3">
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M10.8505 9.41291L8.61967 7.73979V4.3316C8.61967 3.98891 8.34266 3.71191 7.99998 3.71191C7.65729 3.71191 7.38029 3.98891 7.38029 4.3316V8.04966C7.38029 8.24485 7.47201 8.42892 7.62817 8.54541L10.1069 10.4044C10.2138 10.485 10.3441 10.5285 10.478 10.5284C10.667 10.5284 10.8529 10.4435 10.9744 10.2799C11.1802 10.0066 11.1244 9.61804 10.8505 9.41291Z"
                                                fill="#3C72FC" />
                                            <path
                                                d="M8 0C3.58853 0 0 3.58853 0 8C0 12.4115 3.58853 16 8 16C12.4115 16 16 12.4115 16 8C16 3.58853 12.4115 0 8 0ZM8 14.7607C4.27266 14.7607 1.23934 11.7273 1.23934 8C1.23934 4.27266 4.27266 1.23934 8 1.23934C11.728 1.23934 14.7607 4.27266 14.7607 8C14.7607 11.7273 11.7273 14.7607 8 14.7607Z"
                                                fill="#3C72FC" />
                                        </svg>
                                        Sun: Closed
                                    </li>
                                    <li class="secondary-color justify-content-start gap-3">
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M10.8505 9.41291L8.61967 7.73979V4.3316C8.61967 3.98891 8.34266 3.71191 7.99998 3.71191C7.65729 3.71191 7.38029 3.98891 7.38029 4.3316V8.04966C7.38029 8.24485 7.47201 8.42892 7.62817 8.54541L10.1069 10.4044C10.2138 10.485 10.3441 10.5285 10.478 10.5284C10.667 10.5284 10.8529 10.4435 10.9744 10.2799C11.1802 10.0066 11.1244 9.61804 10.8505 9.41291Z"
                                                fill="#3C72FC" />
                                            <path
                                                d="M8 0C3.58853 0 0 3.58853 0 8C0 12.4115 3.58853 16 8 16C12.4115 16 16 12.4115 16 8C16 3.58853 12.4115 0 8 0ZM8 14.7607C4.27266 14.7607 1.23934 11.7273 1.23934 8C1.23934 4.27266 4.27266 1.23934 8 1.23934C11.728 1.23934 14.7607 4.27266 14.7607 8C14.7607 11.7273 11.7273 14.7607 8 14.7607Z"
                                                fill="#3C72FC" />
                                        </svg>
                                        Emergency: 24 hours
                                    </li>
                                </ul>
                            </div>
                            <div class="item sub-bg mb-30">
                                <h4 class="mb-20">Our Company Brochure</h4>
                                <ul class="category">
                                    <li class="secondary-color justify-content-start gap-3">
                                        <p>Impress clients new and existing with elite construction brochures.
                                            Impress clients new and existing construction.</p>
                                    </li>
                                    <a href="https://expo.axoneit.com/assets/img/axone/Axone_Brochure_Orignal.pdf"
                                        target="_blank" class="theme-btn btn-style-four"><span class="text-white">Download
                                            PDF</span></a>
                                </ul>
                            </div>
                            <div class="p-4 bg-light rounded">
                                <h4 class="mb-4 fw-bold">Contact Us</h4>

                                <div class="bg-white p-3 rounded mb-3 d-flex align-items-start">
                                    <i class="fa fa-map-marker me-3 mt-2 text-primary font-size-20"></i>
                                    <div class="text-dark">
                                        623-624, Laxmi Enclave-2, Opp. Gajera School, Katargam, Surat-395004, Gujarat,
                                        India.
                                    </div>
                                </div>

                                <div class="bg-white p-3 rounded mb-3 d-flex align-items-start">
                                    <i class="fa fa-phone me-3 mt-3 text-primary font-size-20"></i>
                                    <div class="text-dark">
                                        <a href="tel:+919409444270" class="d-block text-dark text-decoration-none">+91
                                            9409444270</a>
                                        <a href="tel:+919265487501" class="d-block text-dark text-decoration-none"> +91
                                            9265487501</a>
                                    </div>
                                </div>

                                <div class="bg-white p-3 rounded d-flex align-items-start">
                                    <i class="fa fa-envelope me-3 mt-3 text-primary font-size-20"></i>
                                    <div class="text-dark">
                                        <a href="mailto:hr@AxoneIT.com" class="d-block text-dark text-decoration-none">
                                            hr@AxoneIT.com</a>
                                        <a href="mailto:info@AxoneIT.com" class="d-block text-dark text-decoration-none">
                                            info@AxoneIT.com</a>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="service-single__right-items"></div>
    <!-- Service area end here -->
@endsection('content')
@section('custom-scripts')
    <script>
        const sidebar = document.querySelector('.service-single__right-items');
        const content = document.querySelector('.content-side');

        function stopSidebarAtBottom() {
            const scrollTop = window.scrollY || document.documentElement.scrollTop;
            const contentBottom = content.offsetTop + content.offsetHeight;
            const sidebarHeight = sidebar.offsetHeight;

            if (scrollTop >= contentBottom) {
                sidebar.style.position = 'absolute';
                sidebar.style.top = (contentBottom - sidebarHeight) + 'px';
            } else if (scrollTop >= '500') {
                sidebar.style.position = 'sticky';
                sidebar.style.top = ((scrollTop + 1150) - sidebarHeight) + 'px';
            } else {
                sidebar.style.position = 'sticky';
                sidebar.style.top = '0px';
            }
        }

        // Adding event listeners
        window.addEventListener('scroll', stopSidebarAtBottom);
        window.addEventListener('load', stopSidebarAtBottom);
    </script>
@endsection('custom-scripts')