@extends('layouts.app')
@section('header', 'header-layout8')
@section('title', 'About D.S. Legal | Trusted Law Firm Since 2018')

@section('description',
    'Learn about D.S. Legal, a trusted law firm providing litigation support, fraud investigation,
    risk mitigation, and asset recovery services since 2018.')

@section('keywords', 'about law firm, legal experts, professional attorneys, justice law firm, D.S. Legal')

@section('contents')
    <div class="th-hero-8-area" id="hero">
        <div class="hero-8-wrapper">
            <div class="swiper th-slider swiper-fade swiper-initialized swiper-horizontal swiper-autoheight swiper-watch-progress swiper-backface-hidden"
                id="heroSlider2"
                data-slider-options="{&quot;effect&quot;:&quot;fade&quot;, &quot;autoHeight&quot;: &quot;true&quot;,&quot;thumbs&quot;:{&quot;swiper&quot;:&quot;.thumb-slider3&quot;}}">
                <div class="swiper-wrapper" style="height: 1104px; transition-duration: 0ms; transition-delay: 0ms;"
                    id="swiper-wrapper-9b57fbf7525fe835" aria-live="off">
                    <div
                        class="slider-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal">
                        <span class="swiper-pagination-bullet" aria-label="Go to Slide 01" tabindex="0"></span><span
                            class="swiper-pagination-bullet" aria-label="Go to Slide 02" tabindex="0"></span><span
                            class="swiper-pagination-bullet swiper-pagination-bullet-active" aria-label="Go to Slide 03"
                            tabindex="0" aria-current="true"></span>
                    </div>
                    <div class="swiper-slide swiper-slide-next"
                        style="width: 370px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"
                        role="group" aria-label="1 / 3" data-swiper-slide-index="0">
                        <div class="th-hero-bg background-image"
                            style="background-image: url(&quot;assets/img/hero/hero_bg_8_1.jpg&quot;);">
                            <div class="hero-inner z-index-2">
                                <div class="container">
                                    <div
                                        class="row gy-4 gx-0 align-items-xl-center justify-content-center justify-xl-content-start text-xl-start text-center">
                                        <div class="col-xxl-8 col-xl-7 col-lg-8">
                                            <div class="hero-style8">
                                                <h1 class="hero-title slideinup" data-ani="slideinup" data-ani-delay="0.4s"
                                                    style="animation-delay: 0.4s;">Start your recovery journey with
                                                    <span><br />us
                                                        today</span>
                                                </h1>
                                                <p class="box-text slideinup mb-40 text-white" data-ani="slideinup"
                                                    data-ani-delay="0.7s" style="animation-delay: 0.7s;">
                                                    Founded by data experts, we create cutting-edge solutions with seasonal
                                                    professionals and experts in forensics analysis, litigation support and
                                                    compliance.

                                                </p>
                                                <div class="btn-group justify-content-center slideinup" data-ani="slideinup"
                                                    data-ani-delay="0.9s" style="animation-delay: 0.9s;"><a
                                                        href="{{ route('pages.consultation') }}"
                                                        class="th-btn style2">Contact Us <i
                                                            class="fas fa-arrow-up-right"></i></a>
                                                    <div class="client-group-wrap"><span class="thumb"><img
                                                                src="assets/img/icon/hero-1-title-1.png"
                                                                alt="img"></span>
                                                        <div class="client-group-wrap__content mt-0"><span
                                                                class="client-group-wrap__box-title text-white">We have to
                                                                <span><span class="counter-number">2</span>k+</span> Happy
                                                                Client</span>
                                                            <div class="client-group-wrap__box-review"><i
                                                                    class="fa-sharp fa-solid fa-star"></i> <i
                                                                    class="fa-sharp fa-solid fa-star"></i> <i
                                                                    class="fa-sharp fa-solid fa-star"></i> <i
                                                                    class="fa-sharp fa-solid fa-star"></i> <i
                                                                    class="fa-sharp fa-solid fa-star"></i>
                                                                <p>4.5/5(<span class="counter-number">35</span>k<span
                                                                        class="plus">+</span> Reviews)</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-4">
                                            <div class="hero-img"><img src="assets/img/hero/hero_8_1.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div><span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
            </div>
        </div>
    </div>
    <section class="space bg-smoke2 shape-mockup-wrap" id="process-sec">
        <div class="shape-mockup jump" style="right: 0px; bottom: 0px;"><img src="assets/img/shape/process-1-shape.png"
                alt="image"></div>
        <div class="container">
            <div class="row gy-40 gx-50 align-items-center">
                <div class="col-xl-6 mb-xl-0">
                    <div class="process-thumb">
                        <div class="img-box1">
                            {{-- <div class="process-play-btn-wrap"><a href="https://www.youtube.com/watch?v=_sI_Ps7JSEk"
                                    class="play-btn style2 popup-video"><i class="fa-sharp fa-solid fa-play"></i></a>
                            </div> --}}
                            <img src="assets/img/process/process-1.jpg" alt="image">
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="title-area"><span class="sub-title before-none">Work Process</span>
                        <h2 class="sec-title">Leading Partner in Financial Recovery & Litigation Support.</h2>
                    </div>
                    <div class="process-bottom">
                        <div class="process-bottom-item">
                            <div class="process-bottom-item__icon"><img src="assets/img/icon/process-1-icon-1.svg"
                                    alt="img"></div>
                            <div class="process-bottom-item__content">
                                <h5 class="box-title">Initial Consultation</h5>
                                <p>Our experienced lawyers thoroughly analyze the facts of each case. They then apply the
                                    relevant laws to provide clear.</p>
                            </div>
                        </div>
                        <div class="process-bottom-item">
                            <div class="process-bottom-item__icon"><img src="assets/img/icon/process-1-icon-2.svg"
                                    alt="img"></div>
                            <div class="process-bottom-item__content">
                                <h5 class="box-title">Case Evaluation</h5>
                                <p>We prioritize understanding your concerns and aligning with your goals. Your satisfaction
                                    is our top priority.</p>
                            </div>
                        </div>
                        <div class="process-bottom-item">
                            <div class="process-bottom-item__icon"><img src="assets/img/icon/process-1-icon-3.svg"
                                    alt="img"></div>
                            <div class="process-bottom-item__content">
                                <h5 class="box-title">Legal Strategy</h5>
                                <p>We develop a customized plan to protect your rights and achieve the best possible
                                    outcome.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <x-services />
    <br /><br /><br />
    <x-steps />

    <x-cta />
    <x-consultation />
@endsection