@extends('layouts.layout2')
@section('title', 'Home 2 || KLINIK PKP JAWA 3')
@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/module-css/feature.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/module-css/contact.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/module-css/newsletter.css') }}">
@endpush

@section('content')

    <!-- Main Slider Two Start -->
    <section class="main-slider-two">
        <div class="main-slider-two__carousel owl-carousel owl-theme">

            <div class="item">
                <div class="main-slider-two__bg"
                    style="background-image: url({{ asset('assets/images/backgrounds/slider-2-1.jpg') }});">
                </div><!-- /.slider-one__bg -->
                <div class="main-slider-two__overly"></div>
                <div class="main-slider-two__shape-1">
                    <img src="{{ asset('assets/images/shapes/main-slider-two-shape-1.png') }}" alt=""
                        class="float-bob-y">
                </div>
                <div class="main-slider-two__img">
                    <img src="{{ asset('assets/images/resources/main-slider-two-img-1-1.png') }}" alt="">
                </div>
                <div class="container">
                    <div class="main-slider-two__content">
                        <div class="main-slider-two__sub-title-box">
                            <div class="main-slider-two__sub-title-shape"></div>
                            <p class="main-slider-two__sub-title">Your Legal Champion</p>
                        </div>
                        <h2 class="main-slider-two__title">Finest Defence Lawyer <br> <span>Come in the Town</span>
                        </h2>
                        <p class="main-slider-two__text">Our attorneys are committed to providing unparalleled legal
                            representation. <br> We understand that legal
                            issues can be some of the most challenging and stressful experiences in life.</p>
                        <div class="main-slider-two__btn-box">
                            <div class="main-slider-two__btn">
                                <a href="{{ route('about') }}" class="thm-btn">
                                    <span class="thm-btn-text">Learn More</span>
                                    <span class="thm-btn-icon-box"><i class="fas fa-arrow-right"></i></span>
                                </a>
                            </div>
                            <div class="main-slider-two__video-link">
                                <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                    <div class="main-slider-two__video-icon">
                                        <span class="fa fa-play"></span>
                                        <i class="ripple"></i>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="item">
                <div class="main-slider-two__bg"
                    style="background-image: url({{ asset('assets/images/backgrounds/slider-2-2.jpg') }});">
                </div><!-- /.slider-one__bg -->
                <div class="main-slider-two__overly"></div>
                <div class="main-slider-two__shape-1">
                    <img src="{{ asset('assets/images/shapes/main-slider-two-shape-1.png') }}" alt=""
                        class="float-bob-y">
                </div>
                <div class="main-slider-two__img">
                    <img src="{{ asset('assets/images/resources/main-slider-two-img-1-2.png') }}" alt="">
                </div>
                <div class="container">
                    <div class="main-slider-two__content">
                        <div class="main-slider-two__sub-title-box">
                            <div class="main-slider-two__sub-title-shape"></div>
                            <p class="main-slider-two__sub-title">Your Legal Champion</p>
                        </div>
                        <h2 class="main-slider-two__title">Finest Defence Lawyer <br> <span> Proven Reasult</span>
                        </h2>
                        <p class="main-slider-two__text">Our attorneys are committed to providing unparalleled legal
                            representation. <br> We understand that legal
                            issues can be some of the most challenging and stressful experiences in life.</p>
                        <div class="main-slider-two__btn-box">
                            <div class="main-slider-two__btn">
                                <a href="{{ route('about') }}" class="thm-btn">
                                    <span class="thm-btn-text">Learn More</span>
                                    <span class="thm-btn-icon-box"><i class="fas fa-arrow-right"></i></span>
                                </a>
                            </div>
                            <div class="main-slider-two__video-link">
                                <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                    <div class="main-slider-two__video-icon">
                                        <span class="fa fa-play"></span>
                                        <i class="ripple"></i>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="item">
                <div class="main-slider-two__bg"
                    style="background-image: url({{ asset('assets/images/backgrounds/slider-2-3.jpg') }});">
                </div><!-- /.slider-one__bg -->
                <div class="main-slider-two__overly"></div>
                <div class="main-slider-two__shape-1">
                    <img src="{{ asset('assets/images/shapes/main-slider-two-shape-1.png') }}" alt=""
                        class="float-bob-y">
                </div>
                <div class="main-slider-two__img">
                    <img src="{{ asset('assets/images/resources/main-slider-two-img-1-3.png') }}" alt="">
                </div>
                <div class="container">
                    <div class="main-slider-two__content">
                        <div class="main-slider-two__sub-title-box">
                            <div class="main-slider-two__sub-title-shape"></div>
                            <p class="main-slider-two__sub-title">Your Legal Champion</p>
                        </div>
                        <h2 class="main-slider-two__title">Experienced Lawyers <br> Proven
                            <span>Reasult</span>
                        </h2>
                        <p class="main-slider-two__text">Our attorneys are committed to providing unparalleled legal
                            representation. <br> We understand that legal
                            issues can be some of the most challenging and stressful experiences in life.</p>
                        <div class="main-slider-two__btn-box">
                            <div class="main-slider-two__btn">
                                <a href="{{ route('about') }}" class="thm-btn">
                                    <span class="thm-btn-text">Learn More</span>
                                    <span class="thm-btn-icon-box"><i class="fas fa-arrow-right"></i></span>
                                </a>
                            </div>
                            <div class="main-slider-two__video-link">
                                <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                    <div class="main-slider-two__video-icon">
                                        <span class="fa fa-play"></span>
                                        <i class="ripple"></i>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </section>
    <!--Main Slider Two End -->

    <!--About Two Start -->
    <section class="about-two">
        <div class="about-two__shape-2 float-bob-x">
            <img src="{{ asset('assets/images/shapes/about-two-shape-2.png') }}" alt="">
        </div>
        <div class="about-two__shape-3 float-bob-y">
            <img src="{{ asset('assets/images/shapes/about-two-shape-3.png') }}" alt="">
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xl-6">
                    <div class="about-two__left wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms">
                        <div class="about-two__img-box">
                            <div class="about-two__img">
                                <img src="{{ asset('assets/images/resources/about-two-img-1.jpg') }}" alt="">
                            </div>
                            <div class="about-two__img-two">
                                <img src="{{ asset('assets/images/resources/about-two-img-2.jpg') }}" alt="">
                            </div>
                            <div class="about-two__img-content">
                                <div class="progress-box">
                                    <div class="graph-outer">
                                        <input type="text" class="dial" data-fgcolor="#ffffff"
                                            data-bgcolor="#222222" data-width="75" data-height="75"
                                            data-linecap="normal" value="95">
                                        <div class="inner-text count-box"><span class="count-text" data-stop="95"
                                                data-speed="2000"></span><span class="count-Parsent">%</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-box">
                                    <h4>Clients Case<br>Solved</h4>
                                </div>
                            </div>
                            <div class="about-two__video-link">
                                <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                    <div class="about-two__video-icon">
                                        <span class="fa fa-play"></span>
                                        <i class="ripple"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="about-two__shape-1"></div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="about-two__right">
                        <div class="section-title text-left sec-title-animation animation-style2">
                            <div class="section-title__tagline-box">
                                <span class="section-title__tagline">About Us</span>
                                <div class="section-title__tagline-shape"></div>
                            </div>
                            <h2 class="section-title__title title-animation">KLINIK PKP JAWA 3
                                <span>Freedom</span>
                            </h2>
                        </div>
                        <p class="about-two__text">Unlock your brand's full potential with our all-encompassing
                            solutions, crafted to elevate visibility, drive growth, and bolster your market
                            position. Our strategies go beyond boosting brand
                        </p>
                        <div class="about-two__points-and-vission-mission">
                            <div class="about-two__points-box">
                                <ul class="about-two__points list-unstyled">
                                    <li>
                                        <div class="icon">
                                            <span class="icon-comment"></span>
                                        </div>
                                        <p>Pre-file Investigation</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-comment"></span>
                                        </div>
                                        <p>Probation Violations</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-comment"></span>
                                        </div>
                                        <p>Illegal Search & Seizure</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-comment"></span>
                                        </div>
                                        <p>Professional liability</p>
                                    </li>
                                </ul>
                                <div class="about-two__btn-box">
                                    <a href="{{ route('about') }}" class="thm-btn">
                                        <span class="thm-btn-text">Learn More</span>
                                        <span class="thm-btn-icon-box"><i class="fas fa-arrow-right"></i></span>
                                    </a>
                                </div>
                            </div>
                            <div class="about-two__vission-mission">
                                <div class="about-two__tab-box tabs-box">
                                    <ul class="tab-buttons clearfix list-unstyled">
                                        <li data-tab="#vission" class="tab-btn active-btn">
                                            <span>vission</span>
                                        </li>
                                        <li data-tab="#mission" class="tab-btn">
                                            <span>mission</span>
                                        </li>
                                    </ul>
                                    <div class="tabs-content">
                                        <!--tab-->
                                        <div class="tab active-tab" id="vission">
                                            <div class="tabs-content__inner">
                                                <p>Lorem ipsum dolor sit amet, consec tetur
                                                    adipiscing elit, sed
                                                    do
                                                    eiusmod tempor incididunt ut labore et
                                                    dolore magna aliqua.
                                                    Quis
                                                    ipsum suspendisse ultrices gravida.
                                                    Risus commodo viverra
                                                    maecenas </p>
                                            </div>
                                        </div>
                                        <!--tab-->
                                        <!--tab-->
                                        <div class="tab" id="mission">
                                            <div class="tabs-content__inner">
                                                <p>Lorem ipsum dolor sit amet, consectetur
                                                    adipiscing elit, sed do
                                                    eiusmod tempor incididunt ut labore et
                                                    dolore magna aliqua. Quis
                                                    ipsum suspendisse ultrices gravida.
                                                    Risus commodo viverra
                                                    maecenas </p>
                                            </div>
                                        </div>
                                        <!--tab-->
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="about-two__bottom">
                            <div class="about-two__founder">
                                <div class="about-two__founder-img-box">
                                    <img src="{{ asset('assets/images/resources/about-two-founder-img-1.jpg') }}"
                                        alt="">
                                </div>
                                <div class="about-two__founder-text-box">
                                    <h4>Adam Milne</h4>
                                    <p>Founder & CEO</p>
                                </div>
                            </div>

                            <div class="about-two__signature">
                                <img src="{{ asset('assets/images/shapes/about-two-founder-sign.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--About Two End -->

    <!--Services Two Start -->
    <section class="services-two">
        <div class="services-two__bg jarallax" data-jarallax data-speed="0.2" data-imgposition="50% 0%"
            style="background-image: url({{ asset('assets/images/backgrounds/services-two-bg.jpg') }});"></div>
        <div class="container">
            <div class="section-title text-center sec-title-animation animation-style1">
                <div class="section-title__tagline-box">
                    <span class="section-title__tagline">Practice Areas</span>
                    <div class="section-title__tagline-shape"></div>
                </div>
                <h2 class="section-title__title title-animation">Reliable Lawyer Agency With <br> High-quality
                    <span>Legal Services</span>
                </h2>
            </div>
            <div class="row">
                <!--Services Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms">
                    <div class="services-two__single">
                        <div class="services-two__icon">
                            <span class="icon-scale"></span>
                        </div>
                        <h3 class="services-two__title"><a href="{{ route('business-law') }}">Business Law</a></h3>
                        <p class="services-two__text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit
                        </p>
                        <a href="{{ route('business-law') }}" class="services-two__read-more">Read More <span
                                class="icon-right-arrow"></span></a>
                    </div>
                </div>
                <!--Services Two Single End -->
                <!--Services Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
                    <div class="services-two__single">
                        <div class="services-two__icon">
                            <span class="icon-family"></span>
                        </div>
                        <h3 class="services-two__title"><a href="{{ route('family-law') }}">Family Law</a></h3>
                        <p class="services-two__text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit
                        </p>
                        <a href="{{ route('family-law') }}" class="services-two__read-more">Read More <span
                                class="icon-right-arrow"></span></a>
                    </div>
                </div>
                <!--Services Two Single End -->
                <!--Services Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="300ms">
                    <div class="services-two__single">
                        <div class="services-two__icon">
                            <span class="icon-shield"></span>
                        </div>
                        <h3 class="services-two__title"><a href="{{ route('insurance-defence') }}">Insurance Defence</a>
                        </h3>
                        <p class="services-two__text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit
                        </p>
                        <a href="{{ route('insurance-defence') }}" class="services-two__read-more">Read More <span
                                class="icon-right-arrow"></span></a>
                    </div>
                </div>
                <!--Services Two Single End -->
                <!--Services Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="400ms">
                    <div class="services-two__single">
                        <div class="services-two__icon">
                            <span class="icon-factory"></span>
                        </div>
                        <h3 class="services-two__title"><a href="{{ route('industrial-law') }}">Industrial Law</a></h3>
                        <p class="services-two__text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit
                        </p>
                        <a href="{{ route('industrial-law') }}" class="services-two__read-more">Read More <span
                                class="icon-right-arrow"></span></a>
                    </div>
                </div>
                <!--Services Two Single End -->
                <!--Services Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="500ms">
                    <div class="services-two__single">
                        <div class="services-two__icon">
                            <span class="icon-auction-1"></span>
                        </div>
                        <h3 class="services-two__title"><a href="{{ route('employement-law') }}">Real Estate Law</a></h3>
                        <p class="services-two__text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit
                        </p>
                        <a href="{{ route('employement-law') }}" class="services-two__read-more">Read More <span
                                class="icon-right-arrow"></span></a>
                    </div>
                </div>
                <!--Services Two Single End -->
                <!--Services Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="600ms">
                    <div class="services-two__single">
                        <div class="services-two__icon">
                            <span class="icon-history"></span>
                        </div>
                        <h3 class="services-two__title"><a href="{{ route('employement-law') }}">Employement Law</a></h3>
                        <p class="services-two__text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit
                        </p>
                        <a href="{{ route('employement-law') }}" class="services-two__read-more">Read More <span
                                class="icon-right-arrow"></span></a>
                    </div>
                </div>
                <!--Services Two Single End -->
            </div>
        </div>
    </section>
    <!--Services Two End -->

    <!--Why Choose Two Start -->
    <section class="why-choose-two">
        <div class="why-choose-two__shape-1 img-bounce">
            <img src="{{ asset('assets/images/shapes/why-choose-two-shape-1.png') }}" alt="">
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xl-6">
                    <div class="why-choose-two__left wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms">
                        <div class="why-choose-two__img">
                            <img src="{{ asset('assets/images/resources/why-choose-two-img-1.jpg') }}" alt="">
                            <div class="why-choose-two__video-link">
                                <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                    <div class="why-choose-two__video-icon">
                                        <span class="fa fa-play"></span>
                                        <i class="ripple"></i>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="why-choose-two__right">
                        <div class="section-title text-left sec-title-animation animation-style2">
                            <div class="section-title__tagline-box">
                                <span class="section-title__tagline">Why Choose Us</span>
                                <div class="section-title__tagline-shape"></div>
                            </div>
                            <h2 class="section-title__title title-animation">Why Should You
                                <span>Choose Lawyer?</span>
                            </h2>
                        </div>
                        <p class="why-choose-two__text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit
                            amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut
                            labore et dolore ma gnam aliquam quaerat voluptatem.</p>
                        <div class="why-choose-two__points-box">
                            <ul class="list-unstyled why-choose-two__points">
                                <li>
                                    <div class="icon">
                                        <span class="icon-lawyer"></span>
                                    </div>
                                    <div class="content">
                                        <h3><a href="{{ route('lawyer') }}">Expert Lawyer</a></h3>
                                        <p>Neque porro quisquam est, qui <br> dolorem ipsum</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="icon">
                                        <span class="icon-chess"></span>
                                    </div>
                                    <div class="content">
                                        <h3><a href="{{ route('case') }}">Successful Cases</a></h3>
                                        <p>Neque porro quisquam est, qui <br> dolorem ipsum</p>
                                    </div>
                                </li>
                            </ul>
                            <ul class="list-unstyled why-choose-two__points why-choose-two__points--two">
                                <li>
                                    <div class="icon">
                                        <span class="icon-umbrella"></span>
                                    </div>
                                    <div class="content">
                                        <h3><a href="{{ route('employement-law') }}">Trusted Service</a></h3>
                                        <p>Neque porro quisquam est, qui <br> dolorem ipsum</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="icon">
                                        <span class="icon-discount"></span>
                                    </div>
                                    <div class="content">
                                        <h3><a href="{{ route('about') }}">Low Cost</a></h3>
                                        <p>Neque porro quisquam est, qui <br> dolorem ipsum</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="why-choose-two__btn-box">
                            <a href="{{ route('about') }}" class="thm-btn">
                                <span class="thm-btn-text">Learn More</span>
                                <span class="thm-btn-icon-box"><i class="fas fa-arrow-right"></i></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Why Choose Two End -->

    <!-- Sliding Text One Start -->
    <section class="sliding-text-one">
        <div class="sliding-text-one__wrap">
            <ul class="sliding-text-one__list list-unstyled marquee_mode">
                <li>
                    <h2 data-hover="Business Law" class="sliding-text-one__title">Business Law</h2>
                </li>
                <li><span></span></li>
                <li>
                    <h2 data-hover="Family Law" class="sliding-text-one__title">Family Law</h2>
                </li>
                <li><span></span></li>
                <li>
                    <h2 data-hover="Insurance Defence" class="sliding-text-one__title">Insurance Defence</h2>
                </li>
                <li><span></span></li>
                <li>
                    <h2 data-hover="Industrial Law" class="sliding-text-one__title">Industrial Law</h2>
                </li>
                <li><span></span></li>
                <li>
                    <h2 data-hover="Employement Law" class="sliding-text-one__title">Employement Law</h2>
                </li>
                <li><span></span></li>
                <li>
                    <h2 data-hover="Criminal Law" class="sliding-text-one__title">Criminal Law</h2>
                </li>
                <li><span></span></li>
            </ul>
        </div>
    </section>
    <!-- Sliding Text One End -->

    <!--Process One Start -->
    <section class="process-one">
        <div class="process-one__shape-4 float-bob-y">
            <img src="{{ asset('assets/images/shapes/process-one-shape-4.png') }}" alt="">
        </div>
        <div class="container">
            <div class="section-title text-center sec-title-animation animation-style1">
                <div class="section-title__tagline-box">
                    <span class="section-title__tagline">Working Process</span>
                    <div class="section-title__tagline-shape"></div>
                </div>
                <h2 class="section-title__title title-animation">We Use The Most Effective <br> Methods to
                    <span>Build a Brand</span>
                </h2>
            </div>
            <div class="process-one__inner">
                <ul class="list-unstyled row">
                    <!--Process Two Single Start -->
                    <li class="col-xl-3 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms">
                        <div class="process-one__single">
                            <div class="process-one__shape-1"></div>
                            <div class="process-one__icon-box">
                                <div class="process-one__count"></div>
                                <div class="process-one__icon">
                                    <span class="icon-attorney"></span>
                                </div>
                            </div>
                            <h3 class="process-one__title">discovery call</h3>
                            <p class="process-one__text">The focus is on aligning the company’s vision with
                                actionable plans, ensuring sustainable growth</p>
                        </div>
                    </li>
                    <!--Process Two Single End -->
                    <!--Process Two Single Start -->
                    <li class="col-xl-3 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="100ms">
                        <div class="process-one__single">
                            <div class="process-one__shape-2"></div>
                            <div class="process-one__icon-box">
                                <div class="process-one__count"></div>
                                <div class="process-one__icon">
                                    <span class="icon-chess"></span>
                                </div>
                            </div>
                            <h3 class="process-one__title">case Research</h3>
                            <p class="process-one__text">This process is dedicated to enhancing overall business
                                efficiency and effectiveness.</p>
                        </div>
                    </li>
                    <!--Process Two Single End -->
                    <!--Process Two Single Start -->
                    <li class="col-xl-3 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms">
                        <div class="process-one__single">
                            <div class="process-one__shape-3"></div>
                            <div class="process-one__icon-box">
                                <div class="process-one__count"></div>
                                <div class="process-one__icon">
                                    <span class="icon-fund-raising"></span>
                                </div>
                            </div>
                            <h3 class="process-one__title">budgeting</h3>
                            <p class="process-one__text">This includes exploring new markets, product
                                diversification, and leveraging innovation to drive business</p>
                        </div>
                    </li>
                    <!--Process Two Single End -->
                    <!--Process Two Single Start -->
                    <li class="col-xl-3 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="100ms">
                        <div class="process-one__single">
                            <div class="process-one__icon-box">
                                <div class="process-one__count"></div>
                                <div class="process-one__icon">
                                    <span class="icon-shield"></span>
                                </div>
                            </div>
                            <h3 class="process-one__title">Finished case</h3>
                            <p class="process-one__text">By enhancing operational efficiency, businesses can achieve
                                better performance.</p>
                        </div>
                    </li>
                    <!--Process Two Single End -->
                </ul>
            </div>
        </div>
    </section>
    <!--Process One End -->

    <!-- Feature One Start -->
    <section class="feature-one">
        <div class="container">
            <div class="row">
                <!-- Feature One Single Start -->
                <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="100ms">
                    <div class="feature-one__single">
                        <div class="feature-one__count"></div>
                        <div class="feature-one__icon">
                            <span class="icon-hospital"></span>
                        </div>
                        <h3 class="feature-one__title"><a href="{{ route('about') }}">Dispute Resolutions</a></h3>
                        <p class="feature-one__text">Nam libero tempore, cum soluta nobis est eligendi optio cumque
                            nihil impedit quo minus id quod</p>
                        <a href="{{ route('about') }}" class="feature-one__read-more">Read More <span
                                class="icon-right-arrow"></span>
                        </a>
                    </div>
                </div>
                <!-- Feature One Single End -->
                <!-- Feature One Single Start -->
                <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms">
                    <div class="feature-one__single">
                        <div class="feature-one__count"></div>
                        <div class="feature-one__icon">
                            <span class="icon-scale"></span>
                        </div>
                        <h3 class="feature-one__title"><a href="{{ route('about') }}">Legal Methods</a></h3>
                        <p class="feature-one__text">Nam libero tempore, cum soluta nobis est eligendi optio cumque
                            nihil impedit quo minus id quod</p>
                        <a href="{{ route('about') }}" class="feature-one__read-more">Read More <span
                                class="icon-right-arrow"></span>
                        </a>
                    </div>
                </div>
                <!-- Feature One Single End -->
                <!-- Feature One Single Start -->
                <div class="col-xl-4 col-lg-4 wow fadeInRight" data-wow-delay="300ms">
                    <div class="feature-one__single">
                        <div class="feature-one__count"></div>
                        <div class="feature-one__icon">
                            <span class="icon-lawyer"></span>
                        </div>
                        <h3 class="feature-one__title"><a href="{{ route('about') }}">Long Experience</a></h3>
                        <p class="feature-one__text">Nam libero tempore, cum soluta nobis est eligendi optio cumque
                            nihil impedit quo minus id quod</p>
                        <a href="{{ route('about') }}" class="feature-one__read-more">Read More <span
                                class="icon-right-arrow"></span>
                        </a>
                    </div>
                </div>
                <!-- Feature One Single End -->
            </div>
        </div>
    </section>
    <!-- Feature One End -->

    <!--Case Two Start -->
    <section class="case-two">
        <div class="container">
            <div class="section-title text-center sec-title-animation animation-style1">
                <div class="section-title__tagline-box">
                    <span class="section-title__tagline">Case Studies</span>
                    <div class="section-title__tagline-shape"></div>
                </div>
                <h2 class="section-title__title title-animation">Lawyer Legal Excellence <span>in Action</span></h2>
            </div>
            <div class="row masonary-layout">
                <!--Case Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms">
                    <div class="case-two__single">
                        <div class="case-two__img-box">
                            <div class="case-two__img">
                                <img src="{{ asset('assets/images/case/case-two-1-1.jpg') }}" alt="">
                                <div class="case-two__content-box">
                                    <div class="case-two__icon-box">
                                        <a href="{{ asset('assets/images/case/case-two-1-1.jpg') }}"
                                            class="img-popup"><span class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="{{ route('case-details') }}">Initial Consultation</a></h3>
                                    <p>Family Law</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Case Two Single End -->
                <!--Case Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
                    <div class="case-two__single">
                        <div class="case-two__img-box">
                            <div class="case-two__img">
                                <img src="{{ asset('assets/images/case/case-two-1-2.jpg') }}" alt="">
                                <div class="case-two__content-box">
                                    <div class="case-two__icon-box">
                                        <a href="{{ asset('assets/images/case/case-two-1-2.jpg') }}"
                                            class="img-popup"><span class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="{{ route('case-details') }}">Legal Education</a></h3>
                                    <p>Accident</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Case Two Single End -->
                <!--Case Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="300ms">
                    <div class="case-two__single">
                        <div class="case-two__img-box">
                            <div class="case-two__img">
                                <img src="{{ asset('assets/images/case/case-two-1-3.jpg') }}" alt="">
                                <div class="case-two__content-box">
                                    <div class="case-two__icon-box">
                                        <a href="{{ asset('assets/images/case/case-two-1-3.jpg') }}"
                                            class="img-popup"><span class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="{{ route('case-details') }}">Medical Negligence</a></h3>
                                    <p>Civil</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Case Two Single End -->
                <!--Case Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="400ms">
                    <div class="case-two__single">
                        <div class="case-two__img-box">
                            <div class="case-two__img">
                                <img src="{{ asset('assets/images/case/case-two-1-5.jpg') }}" alt="">
                                <div class="case-two__content-box">
                                    <div class="case-two__icon-box">
                                        <a href="{{ asset('assets/images/case/case-two-1-5.jpg') }}"
                                            class="img-popup"><span class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="{{ route('case-details') }}">Client Consultation</a></h3>
                                    <p>Parental Rights</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Case Two Single End -->
                <!--Case Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="500ms">
                    <div class="case-two__single">
                        <div class="case-two__img-box">
                            <div class="case-two__img">
                                <img src="{{ asset('assets/images/case/case-two-1-4.jpg') }}" alt="">
                                <div class="case-two__content-box">
                                    <div class="case-two__icon-box">
                                        <a href="{{ asset('assets/images/case/case-two-1-4.jpg') }}"
                                            class="img-popup"><span class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="{{ route('case-details') }}">Preliminary Meeting</a></h3>
                                    <p>Custody Disputes</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Case Two Single End -->
                <!--Case Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="600ms">
                    <div class="case-two__single">
                        <div class="case-two__img-box">
                            <div class="case-two__img">
                                <img src="{{ asset('assets/images/case/case-two-1-6.jpg') }}" alt="">
                                <div class="case-two__content-box">
                                    <div class="case-two__icon-box">
                                        <a href="{{ asset('assets/images/case/case-two-1-6.jpg') }}"
                                            class="img-popup"><span class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="{{ route('case-details') }}">Legal Advice</a></h3>
                                    <p>Divorce Cases</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Case Two Single End -->
            </div>
        </div>
    </section>
    <!--Case Two End -->

    <!-- Counter Two Start -->
    <section class="counter-two">
        <div class="container">
            <div class="row">
                <!-- Counter Two Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms">
                    <div class="counter-two__single">
                        <div class="counter-two__icon">
                            <span class="icon-scales-of-justice"></span>
                        </div>
                        <div class="counter-two__content">
                            <div class="counter-two__count-box">
                                <h3 class="odometer" data-count="879">00</h3>
                                <span> </span>
                            </div>
                            <p class="counter-two__text">Successful Case</p>
                        </div>
                    </div>
                </div>
                <!-- Counter Two Single End -->
                <!-- Counter Two Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="200ms">
                    <div class="counter-two__single">
                        <div class="counter-two__icon">
                            <span class="icon-review"></span>
                        </div>
                        <div class="counter-two__content">
                            <div class="counter-two__count-box">
                                <h3 class="odometer" data-count="650">00</h3>
                                <span> </span>
                            </div>
                            <p class="counter-two__text">Satisfied Clients</p>
                        </div>
                    </div>
                </div>
                <!-- Counter Two Single End -->
                <!-- Counter Two Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="100ms">
                    <div class="counter-two__single">
                        <div class="counter-two__icon">
                            <span class="icon-attorney"></span>
                        </div>
                        <div class="counter-two__content">
                            <div class="counter-two__count-box">
                                <h3 class="odometer" data-count="650">00</h3>
                                <span> </span>
                            </div>
                            <p class="counter-two__text">Expert Attorneys</p>
                        </div>
                    </div>
                </div>
                <!-- Counter Two Single End -->
                <!-- Counter Two Single Start -->
                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="200ms">
                    <div class="counter-two__single">
                        <div class="counter-two__icon">
                            <span class="icon-trophy"></span>
                        </div>
                        <div class="counter-two__content">
                            <div class="counter-two__count-box">
                                <h3 class="odometer" data-count="89">00</h3>
                                <span> </span>
                            </div>
                            <p class="counter-two__text">Award Winning</p>
                        </div>
                    </div>
                </div>
                <!-- Counter Two Single End -->
            </div>
        </div>
    </section>
    <!-- Counter Two End -->

    <!-- Testimonial Two Start -->
    <section class="testimonial-two">
        <div class="testimonial-two__shape-1 float-bob-y">
            <img src="{{ asset('assets/images/shapes/testimonial-two-shape-1.png') }}" alt="">
        </div>
        <div class="testimonial-two__shape-2 float-bob-x">
            <img src="{{ asset('assets/images/shapes/testimonial-two-shape-2.png') }}" alt="">
        </div>
        <div class="container">
            <div class="section-title text-center sec-title-animation animation-style1">
                <div class="section-title__tagline-box">
                    <span class="section-title__tagline">Testimonials</span>
                    <div class="section-title__tagline-shape"></div>
                </div>
                <h2 class="section-title__title title-animation">What Our Client's Says <br> About Our
                    <span>Best Work.</span>
                </h2>
            </div>
            <div class="testimonial-two__carousel owl-carousel owl-theme">
                <!-- Testimonial Two Single Start -->
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__quote">
                            <span class="icon-quote"></span>
                        </div>
                        <div class="testimonial-two__img">
                            <img src="{{ asset('assets/images/testimonial/testimonial-2-1.jpg') }}" alt="">
                        </div>
                        <p class="testimonial-two__text">A logistic service provider company plays a
                            pivotal role in the global
                            supply chain A logistic service provider companyA logistic service
                            provider company plays a pivotal role.</p>
                        <div class="testimonial-two__client-info">
                            <div class="testimonial-two__client-content">
                                <h4 class="testimonial-two__client-name"><a href="{{ route('testimonials') }}">Alisa
                                        Fox</a>
                                </h4>
                                <p class="testimonial-two__client-sub-title">Lawyer</p>
                            </div>
                            <div class="testimonial-two__rating">
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Testimonial Two Single End -->
                <!-- Testimonial Two Single Start -->
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__quote">
                            <span class="icon-quote"></span>
                        </div>
                        <div class="testimonial-two__img">
                            <img src="{{ asset('assets/images/testimonial/testimonial-2-2.jpg') }}" alt="">
                        </div>
                        <p class="testimonial-two__text">A logistic service provider company plays a
                            pivotal role in the global
                            supply chain A logistic service provider companyA logistic service
                            provider company plays a pivotal role.</p>
                        <div class="testimonial-two__client-info">
                            <div class="testimonial-two__client-content">
                                <h4 class="testimonial-two__client-name"><a href="{{ route('testimonials') }}">Creas
                                        Jordan</a></h4>
                                <p class="testimonial-two__client-sub-title">Lawyer</p>
                            </div>
                            <div class="testimonial-two__rating">
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Testimonial Two Single End -->
                <!-- Testimonial Two Single Start -->
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__quote">
                            <span class="icon-quote"></span>
                        </div>
                        <div class="testimonial-two__img">
                            <img src="{{ asset('assets/images/testimonial/testimonial-2-3.jpg') }}" alt="">
                        </div>
                        <p class="testimonial-two__text">A logistic service provider company plays a
                            pivotal role in the global
                            supply chain A logistic service provider companyA logistic service
                            provider company plays a pivotal role.</p>
                        <div class="testimonial-two__client-info">
                            <div class="testimonial-two__client-content">
                                <h4 class="testimonial-two__client-name"><a href="{{ route('testimonials') }}">Ass
                                        Lee</a>
                                </h4>
                                <p class="testimonial-two__client-sub-title">Lawyer</p>
                            </div>
                            <div class="testimonial-two__rating">
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Testimonial Two Single End -->
                <!-- Testimonial Two Single Start -->
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__quote">
                            <span class="icon-quote"></span>
                        </div>
                        <div class="testimonial-two__img">
                            <img src="{{ asset('assets/images/testimonial/testimonial-2-4.jpg') }}" alt="">
                        </div>
                        <p class="testimonial-two__text">A logistic service provider company plays a
                            pivotal role in the global
                            supply chain A logistic service provider companyA logistic service
                            provider company plays a pivotal role.</p>
                        <div class="testimonial-two__client-info">
                            <div class="testimonial-two__client-content">
                                <h4 class="testimonial-two__client-name"><a href="{{ route('testimonials') }}">Creas
                                        Wokes</a></h4>
                                <p class="testimonial-two__client-sub-title">Lawyer</p>
                            </div>
                            <div class="testimonial-two__rating">
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Testimonial Two Single End -->
                <!-- Testimonial Two Single Start -->
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__quote">
                            <span class="icon-quote"></span>
                        </div>
                        <div class="testimonial-two__img">
                            <img src="{{ asset('assets/images/testimonial/testimonial-2-5.jpg') }}" alt="">
                        </div>
                        <p class="testimonial-two__text">A logistic service provider company plays a
                            pivotal role in the global
                            supply chain A logistic service provider companyA logistic service
                            provider company plays a pivotal role.</p>
                        <div class="testimonial-two__client-info">
                            <div class="testimonial-two__client-content">
                                <h4 class="testimonial-two__client-name"><a href="{{ route('testimonials') }}">Alex
                                        Jordan</a></h4>
                                <p class="testimonial-two__client-sub-title">Lawyer</p>
                            </div>
                            <div class="testimonial-two__rating">
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Testimonial Two Single End -->
                <!-- Testimonial Two Single Start -->
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__quote">
                            <span class="icon-quote"></span>
                        </div>
                        <div class="testimonial-two__img">
                            <img src="{{ asset('assets/images/testimonial/testimonial-2-6.jpg') }}" alt="">
                        </div>
                        <p class="testimonial-two__text">A logistic service provider company plays a
                            pivotal role in the global
                            supply chain A logistic service provider companyA logistic service
                            provider company plays a pivotal role.</p>
                        <div class="testimonial-two__client-info">
                            <div class="testimonial-two__client-content">
                                <h4 class="testimonial-two__client-name"><a href="{{ route('testimonials') }}">Janaton
                                        Trot</a></h4>
                                <p class="testimonial-two__client-sub-title">Lawyer</p>
                            </div>
                            <div class="testimonial-two__rating">
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Testimonial Two Single End -->
            </div>
        </div>
    </section>
    <!-- Testimonial Two End -->

    <!-- Team Two Start -->
    <section class="team-two">
        <div class="container">
            <div class="section-title text-left sec-title-animation animation-style2">
                <div class="section-title__tagline-box">
                    <span class="section-title__tagline">Our Attorneys</span>
                    <div class="section-title__tagline-shape"></div>
                </div>
                <h2 class="section-title__title title-animation">Exceptional Legal Lawyers, <br>
                    <span>Proven Results</span>
                </h2>
            </div>
            <div class="team-two__carousel owl-carousel owl-theme">
                <!-- Team Two Single Start -->
                <div class="item">
                    <div class="team-two__single">
                        <div class="team-two__img-box">
                            <div class="team-two__img">
                                <img src="{{ asset('assets/images/team/team-2-1.jpg') }}" alt="">
                                <div class="team-two__social">
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-facebook-app-symbol"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-twitter"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-pinterest"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-two__content">
                            <h3 class="team-two__name"><a href="{{ route('lawyer-details') }}">Jessica Brown</a></h3>
                            <p class="team-two__sub-title">Attorney</p>
                        </div>
                    </div>
                </div>
                <!-- Team Two Single End -->
                <!-- Team Two Single Start -->
                <div class="item">
                    <div class="team-two__single">
                        <div class="team-two__img-box">
                            <div class="team-two__img">
                                <img src="{{ asset('assets/images/team/team-2-2.jpg') }}" alt="">
                                <div class="team-two__social">
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-facebook-app-symbol"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-twitter"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-pinterest"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-two__content">
                            <h3 class="team-two__name"><a href="{{ route('lawyer-details') }}">James Fuller</a></h3>
                            <p class="team-two__sub-title">Senior Counsel</p>
                        </div>
                    </div>
                </div>
                <!-- Team Two Single End -->
                <!-- Team Two Single Start -->
                <div class="item">
                    <div class="team-two__single">
                        <div class="team-two__img-box">
                            <div class="team-two__img">
                                <img src="{{ asset('assets/images/team/team-2-3.jpg') }}" alt="">
                                <div class="team-two__social">
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-facebook-app-symbol"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-twitter"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-pinterest"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-two__content">
                            <h3 class="team-two__name"><a href="{{ route('lawyer-details') }}">Jasmet Mangat</a></h3>
                            <p class="team-two__sub-title">Senior Associate</p>
                        </div>
                    </div>
                </div>
                <!-- Team Two Single End -->
                <!-- Team Two Single Start -->
                <div class="item">
                    <div class="team-two__single">
                        <div class="team-two__img-box">
                            <div class="team-two__img">
                                <img src="{{ asset('assets/images/team/team-2-4.jpg') }}" alt="">
                                <div class="team-two__social">
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-facebook-app-symbol"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-twitter"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-pinterest"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-two__content">
                            <h3 class="team-two__name"><a href="{{ route('lawyer-details') }}">Tim Southe</a></h3>
                            <p class="team-two__sub-title">Managing Partner</p>
                        </div>
                    </div>
                </div>
                <!-- Team Two Single End -->
                <!-- Team Two Single Start -->
                <div class="item">
                    <div class="team-two__single">
                        <div class="team-two__img-box">
                            <div class="team-two__img">
                                <img src="{{ asset('assets/images/team/team-2-5.jpg') }}" alt="">
                                <div class="team-two__social">
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-facebook-app-symbol"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-twitter"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-pinterest"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-two__content">
                            <h3 class="team-two__name"><a href="{{ route('lawyer-details') }}">Alisa Fox</a></h3>
                            <p class="team-two__sub-title">Criminal Lawyer</p>
                        </div>
                    </div>
                </div>
                <!-- Team Two Single End -->
                <!-- Team Two Single Start -->
                <div class="item">
                    <div class="team-two__single">
                        <div class="team-two__img-box">
                            <div class="team-two__img">
                                <img src="{{ asset('assets/images/team/team-2-6.jpg') }}" alt="">
                                <div class="team-two__social">
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-facebook-app-symbol"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-twitter"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-pinterest"></i></a>
                                    <a href="{{ route('lawyer-details') }}"><i class="icon-instagram"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="team-two__content">
                            <h3 class="team-two__name"><a href="{{ route('lawyer-details') }}">Andre Staus</a></h3>
                            <p class="team-two__sub-title">Corporate Lawyer</p>
                        </div>
                    </div>
                </div>
                <!-- Team Two Single End -->
            </div>
        </div>
    </section>
    <!-- Team Two End -->

    <!--Brand One Start -->
    <section class="brand-one">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-3 col-lg-4 col-md-5">
                    <div class="brand-one__left">
                        <p class="brand-one__text">We have <span>over 250 trusted</span> <br> brands worldwide</p>
                    </div>
                </div>
                <div class="col-xl-9 col-lg-8 col-md-7">
                    <div class="brand-one__right">
                        <div class="brand-one__carousel owl-theme owl-carousel">
                            <div class="item">
                                <div class="brand-one__single">
                                    <div class="brand-one__img">
                                        <a href="#"><img src="{{ asset('assets/images/brand/brand-1-1.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="brand-one__single">
                                    <div class="brand-one__img">
                                        <a href="#"> <img src="{{ asset('assets/images/brand/brand-1-2.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="brand-one__single">
                                    <div class="brand-one__img">
                                        <a href="#"><img src="{{ asset('assets/images/brand/brand-1-3.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="brand-one__single">
                                    <div class="brand-one__img">
                                        <a href="#"><img src="{{ asset('assets/images/brand/brand-1-4.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="brand-one__single">
                                    <div class="brand-one__img">
                                        <a href="#"><img src="{{ asset('assets/images/brand/brand-1-5.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Brand One End -->

    <!--Contact Two Start-->
    <section class="contact-two">
        <div class="contact-two__bg jarallax" data-jarallax data-speed="0.2" data-imgposition="50% 0%"
            style="background-image: url({{ asset('assets/images/backgrounds/contact-two-bg.jpg') }});">
        </div>
        <div class="container">
            <div class="contact-two__inner">
                <div class="row">
                    <div class="col-xl-7 col-lg-7">
                        <div class="section-title text-left sec-title-animation animation-style2">
                            <div class="section-title__tagline-box">
                                <span class="section-title__tagline">Contact us</span>
                                <div class="section-title__tagline-shape"></div>
                            </div>
                            <h2 class="section-title__title title-animation">Schedule Free <span>Consultions</span>
                            </h2>
                        </div>
                        <form class="contact-form-validated contact-two__form" action="assets/inc/sendemail.php"
                            method="post" novalidate="novalidate">
                            <div class="row">
                                <div class="col-xl-6 col-lg-6 col-md-6">
                                    <div class="contact-two__input-box">
                                        <input type="text" name="name" placeholder="Your Name" required="">
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lg-6 col-md-6">
                                    <div class="contact-two__input-box">
                                        <input type="email" name="Email" placeholder="Email Address" required="">
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lg-6 col-md-6">
                                    <div class="contact-two__input-box">
                                        <input type="text" name="Phone" placeholder="Phone Number" required="">
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lg-6 col-md-6">
                                    <div class="contact-two__input-box">
                                        <div class="select-box">
                                            <select class="selectmenu wide">
                                                <option selected>Service Type
                                                </option>
                                                <option>Business Law</option>
                                                <option>Family Law</option>
                                                <option>Insurance Defence</option>
                                                <option>Industrial Law</option>
                                                <option>Real Estate Law</option>
                                                <option>Employement Law</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-12">
                                    <div class="contact-two__input-box text-message-box">
                                        <textarea name="message" placeholder="Messege"></textarea>
                                    </div>
                                    <div class="contact-two__btn-box">
                                        <button type="submit" class="thm-btn">
                                            <span class="thm-btn-text">Send A Message</span>
                                            <span class="thm-btn-icon-box"><i class="fas fa-arrow-right"></i></span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="result"></div>
                    </div>
                    <div class="col-xl-5 col-lg-5">
                        <div class="contact-two__right wow slideInRight" data-wow-delay="100ms"
                            data-wow-duration="2500ms">
                            <div class="contact-two__info-box">
                                <h3 class="contact-two__info-title">Contact Info</h3>
                                <ul class="contact-two__info-list list-unstyled">
                                    <li>
                                        <div class="icon">
                                            <span class="icon-pin"></span>
                                        </div>
                                        <div class="content">
                                            <p>3060 Commercial Street Road
                                                Fratton, Australia</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-call"></span>
                                        </div>
                                        <div class="content">
                                            <p><a href="tel:0882466422710"> 088 (246) 642-27-10</a></p>
                                            <p><a href="tel:0882466422710"> 088 (246) 642-27-10</a></p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-email"></span>
                                        </div>
                                        <div class="content">
                                            <p><a href="mailto:example@mail.com">example@mail.com</a></p>
                                            <p><a href="mailto:example@mail.com">example@mail.com</a></p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Contact Two End -->

    <!--Blog Two Start -->
    <section class="blog-two">
        <div class="container">
            <div class="section-title text-left sec-title-animation animation-style2">
                <div class="section-title__tagline-box justify-content-center">
                    <div class="section-title__tagline-shape"></div>
                    <span class="section-title__tagline">Our Blog</span>
                    <div class="section-title__tagline-shape"></div>
                </div>
                <h2 class="section-title__title title-animation">Our Latest <span>Blog</span></h2>
            </div>
            <div class="blog-two__carousel owl-carousel owl-theme">
                <!--Blog Two Single Start -->
                <div class="item">
                    <div class="blog-two__single">
                        <div class="blog-two__img-box">
                            <div class="blog-two__img">
                                <img src="{{ asset('assets/images/blog/blog-2-1.jpg') }}" alt="">
                                <div class="blog-two__tags">
                                    <span>Family Law</span>
                                </div>
                            </div>
                            <div class="blog-two__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-two__content">
                            <div class="blog-two__user">
                                <div class="blog-two__user-img">
                                    <img src="{{ asset('assets/images/blog/blog-two-user-1-1.jpg') }}" alt="">
                                </div>
                                <div class="blog-two__user-content">
                                    <h5 class="blog-two__user-name"><a href="{{ route('blog-details') }}">Michael
                                            Jara</a>
                                    </h5>
                                    <p class="blog-two__sub-title">Family Law</p>
                                </div>
                            </div>
                            <h3 class="blog-two__title"><a href="{{ route('blog-details') }}">Design a leverage existing
                                    future proof rathe of-morate.</a></h3>
                            <p class="blog-two__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-two__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog Two Single End -->
                <!--Blog Two Single Start -->
                <div class="item">
                    <div class="blog-two__single">
                        <div class="blog-two__img-box">
                            <div class="blog-two__img">
                                <img src="{{ asset('assets/images/blog/blog-2-2.jpg') }}" alt="">
                                <div class="blog-two__tags">
                                    <span>Criminal Law</span>
                                </div>
                            </div>
                            <div class="blog-two__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-two__content">
                            <div class="blog-two__user">
                                <div class="blog-two__user-img">
                                    <img src="{{ asset('assets/images/blog/blog-two-user-1-2.jpg') }}" alt="">
                                </div>
                                <div class="blog-two__user-content">
                                    <h5 class="blog-two__user-name"><a href="{{ route('blog-details') }}">Jassica
                                            Jara</a>
                                    </h5>
                                    <p class="blog-two__sub-title">Criminal Lawyer</p>
                                </div>
                            </div>
                            <h3 class="blog-two__title"><a href="{{ route('blog-details') }}">One of the most effective
                                    lawyer
                                    blog topic</a></h3>
                            <p class="blog-two__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-two__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog Two Single End -->
                <!--Blog Two Single Start -->
                <div class="item">
                    <div class="blog-two__single">
                        <div class="blog-two__img-box">
                            <div class="blog-two__img">
                                <img src="{{ asset('assets/images/blog/blog-2-3.jpg') }}" alt="">
                                <div class="blog-two__tags">
                                    <span>Divorce Law</span>
                                </div>
                            </div>
                            <div class="blog-two__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-two__content">
                            <div class="blog-two__user">
                                <div class="blog-two__user-img">
                                    <img src="{{ asset('assets/images/blog/blog-two-user-1-3.jpg') }}" alt="">
                                </div>
                                <div class="blog-two__user-content">
                                    <h5 class="blog-two__user-name"><a href="{{ route('blog-details') }}">Michael
                                            Jahon</a>
                                    </h5>
                                    <p class="blog-two__sub-title">Divorce Lawyer</p>
                                </div>
                            </div>
                            <h3 class="blog-two__title"><a href="{{ route('blog-details') }}">Ideas for divorce and
                                    family
                                    law Rules</a></h3>
                            <p class="blog-two__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-two__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog Two Single End -->
                <!--Blog Two Single Start -->
                <div class="item">
                    <div class="blog-two__single">
                        <div class="blog-two__img-box">
                            <div class="blog-two__img">
                                <img src="{{ asset('assets/images/blog/blog-2-4.jpg') }}" alt="">
                                <div class="blog-two__tags">
                                    <span>Industrial Law</span>
                                </div>
                            </div>
                            <div class="blog-two__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-two__content">
                            <div class="blog-two__user">
                                <div class="blog-two__user-img">
                                    <img src="{{ asset('assets/images/blog/blog-two-user-1-4.jpg') }}" alt="">
                                </div>
                                <div class="blog-two__user-content">
                                    <h5 class="blog-two__user-name"><a href="{{ route('blog-details') }}">Michael
                                            Bough</a>
                                    </h5>
                                    <p class="blog-two__sub-title">Industrial Lawyer</p>
                                </div>
                            </div>
                            <h3 class="blog-two__title"><a href="{{ route('blog-details') }}">attorneys is sharing
                                    success
                                    stories or case studies</a></h3>
                            <p class="blog-two__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-two__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog Two Single End -->
                <!--Blog Two Single Start -->
                <div class="item">
                    <div class="blog-two__single">
                        <div class="blog-two__img-box">
                            <div class="blog-two__img">
                                <img src="{{ asset('assets/images/blog/blog-2-5.jpg') }}" alt="">
                                <div class="blog-two__tags">
                                    <span>Insurance Law</span>
                                </div>
                            </div>
                            <div class="blog-two__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-two__content">
                            <div class="blog-two__user">
                                <div class="blog-two__user-img">
                                    <img src="{{ asset('assets/images/blog/blog-two-user-1-1.jpg') }}" alt="">
                                </div>
                                <div class="blog-two__user-content">
                                    <h5 class="blog-two__user-name"><a href="{{ route('blog-details') }}">Michael
                                            Jara</a>
                                    </h5>
                                    <p class="blog-two__sub-title">Insurance Lawyer</p>
                                </div>
                            </div>
                            <h3 class="blog-two__title"><a href="{{ route('blog-details') }}">A case where you helped
                                    a parent
                                    secure full custody</a></h3>
                            <p class="blog-two__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-two__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog Two Single End -->
                <!--Blog Two Single Start -->
                <div class="item">
                    <div class="blog-two__single">
                        <div class="blog-two__img-box">
                            <div class="blog-two__img">
                                <img src="{{ asset('assets/images/blog/blog-2-6.jpg') }}" alt="">
                                <div class="blog-two__tags">
                                    <span>Business Law</span>
                                </div>
                            </div>
                            <div class="blog-two__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-two__content">
                            <div class="blog-two__user">
                                <div class="blog-two__user-img">
                                    <img src="{{ asset('assets/images/blog/blog-two-user-1-2.jpg') }}" alt="">
                                </div>
                                <div class="blog-two__user-content">
                                    <h5 class="blog-two__user-name"><a href="{{ route('blog-details') }}">Michael
                                            Jhon</a>
                                    </h5>
                                    <p class="blog-two__sub-title">Business Lawyer</p>
                                </div>
                            </div>
                            <h3 class="blog-two__title"><a href="{{ route('blog-details') }}">A case study where you
                                    successfully negotiated</a></h3>
                            <p class="blog-two__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-two__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog Two Single End -->
            </div>
        </div>
    </section>
    <!--Blog Two End -->

    <x-footer_two />
@endsection
