@extends('layouts.layout_dark')
@section('title', 'Home Dark || KLINIK PKP JAWA 3')
@push('style_dark')
    <link rel="stylesheet" href="{{ asset('assets/css/dark.css') }}">
@endpush

@section('content')

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

            <div class="item">
                <div class="main-slider__bg"
                    style="background-image: url({{ asset('assets/images/backgrounds/slider-1-1.jpg') }});">
                </div><!-- /.slider-one__bg -->
                <div class="main-slider__overly"></div>
                <div class="main-slider__shape-1"></div>
                <div class="main-slider__shape-2 float-bob-y">
                    <img src="{{ asset('assets/images/shapes/main-slider-shape-2.png') }}" alt="">
                </div>
                <div class="main-slider__shape-3">
                    <img src="{{ asset('assets/images/shapes/main-slider-shape-3.png') }}" alt="">
                </div>
                <div class="main-slider__shape-4 img-bounce">
                    <img src="{{ asset('assets/images/shapes/main-slider-shape-4.png') }}" alt="">
                </div>
                <div class="container">
                    <div class="main-slider__content">
                        <div class="main-slider__sub-title-box">
                            <div class="main-slider__sub-title-shape"></div>
                            <p class="main-slider__sub-title">Find the legal support you need today.</p>
                        </div>
                        <h2 class="main-slider__title">Our <span>Legal Excellence</span> <br> You Can
                            Trust</h2>
                        <p class="main-slider__text">We help companies develop powerful corporate social
                            responsibility, grantmaking, <br> and employee engagement strategies. Dicta sunt
                            explicabo. Nemo</p>
                        <div class="main-slider__btn-box">
                            <div class="main-slider__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__video-link">
                                <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                    <div class="main-slider__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__bg"
                    style="background-image: url({{ asset('assets/images/backgrounds/slider-1-2.jpg') }});">
                </div><!-- /.slider-one__bg -->
                <div class="main-slider__overly"></div>
                <div class="main-slider__shape-1"></div>
                <div class="main-slider__shape-2 float-bob-y">
                    <img src="{{ asset('assets/images/shapes/main-slider-shape-2.png') }}" alt="">
                </div>
                <div class="main-slider__shape-3">
                    <img src="{{ asset('assets/images/shapes/main-slider-shape-3.png') }}" alt="">
                </div>
                <div class="main-slider__shape-4 img-bounce">
                    <img src="{{ asset('assets/images/shapes/main-slider-shape-4.png') }}" alt="">
                </div>
                <div class="container">
                    <div class="main-slider__content">
                        <div class="main-slider__sub-title-box">
                            <div class="main-slider__sub-title-shape"></div>
                            <p class="main-slider__sub-title">leave court to us</p>
                        </div>
                        <h2 class="main-slider__title">Experienced Lawyers <br> Proven <span>Reasult</span></h2>
                        <p class="main-slider__text">We help companies develop powerful corporate social
                            responsibility, grantmaking, <br> and employee engagement strategies. Dicta sunt
                            explicabo. Nemo</p>
                        <div class="main-slider__btn-box">
                            <div class="main-slider__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__video-link">
                                <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                    <div class="main-slider__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__bg"
                    style="background-image: url({{ asset('assets/images/backgrounds/slider-1-3.jpg') }});">
                </div><!-- /.slider-one__bg -->
                <div class="main-slider__overly"></div>
                <div class="main-slider__shape-1"></div>
                <div class="main-slider__shape-2 float-bob-y">
                    <img src="{{ asset('assets/images/shapes/main-slider-shape-2.png') }}" alt="">
                </div>
                <div class="main-slider__shape-3">
                    <img src="{{ asset('assets/images/shapes/main-slider-shape-3.png') }}" alt="">
                </div>
                <div class="main-slider__shape-4 img-bounce">
                    <img src="{{ asset('assets/images/shapes/main-slider-shape-4.png') }}" alt="">
                </div>
                <div class="container">
                    <div class="main-slider__content">
                        <div class="main-slider__sub-title-box">
                            <div class="main-slider__sub-title-shape"></div>
                            <p class="main-slider__sub-title">Find the legal support you need today.</p>
                        </div>
                        <h2 class="main-slider__title">Proven Result Partners <br>
                            <span>in legal success</span>
                        </h2>
                        <p class="main-slider__text">We help companies develop powerful corporate social
                            responsibility, grantmaking, <br> and employee engagement strategies. Dicta sunt
                            explicabo. Nemo</p>
                        <div class="main-slider__btn-box">
                            <div class="main-slider__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__video-link">
                                <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                    <div class="main-slider__video-icon">
                                        <span class="fa fa-play"></span>
                                        <i class="ripple"></i>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

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


    <!--About One Start -->
    <section class="about-one">
        <div class="about-one__shape-3 float-bob-x">
            <img src="{{ asset('assets/images/shapes/about-one-shape-3.png') }}" alt="">
        </div>
        <div class="about-one__shape-4 float-bob-y">
            <img src="{{ asset('assets/images/shapes/about-one-shape-4.png') }}" alt="">
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xl-6">
                    <div class="about-one__left wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms">
                        <div class="about-one__img-box">
                            <div class="about-one__img">
                                <img src="{{ asset('assets/images/resources/about-one-img-1.jpg') }}" alt="">
                            </div>
                            <div class="about-one__img-two">
                                <img src="{{ asset('assets/images/resources/about-one-img-2.jpg') }}" alt="">
                            </div>
                            <div class="about-one__satisfied-box img-bounce">
                                <div class="about-one__satisfied-box-inner">
                                    <div class="about-one__satisfied-icon">
                                        <span class="icon-scales-of-justice"></span>
                                    </div>
                                    <div class="about-one__satisfied-count-box">
                                        <div class="about-one__satisfied-count">
                                            <h3 class="odometer" data-count="4356">00</h3>
                                            <span> </span>
                                        </div>
                                        <p class="about-one__satisfied-count-text">Satisfied Client</p>
                                    </div>
                                </div>
                                <div class="about-one__satisfied-box-shape"></div>
                            </div>
                            <div class="about-one__video-link">
                                <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                    <div class="about-one__video-icon">
                                        <span class="fa fa-play"></span>
                                        <i class="ripple"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="about-one__high-quality-service-box">
                                <div class="about-one__high-quality-service">
                                    <h5>Best Lawyer For You</h5>
                                    <a href="{{ route('about') }}">Read More <span class="fas fa-arrow-right"></span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="about-one__shape-1"></div>
                        <div class="about-one__shape-2">
                            <img src="{{ asset('assets/images/shapes/about-one-shape-2.png') }}" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="about-one__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-one__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-one__points-box">
                            <ul class="list-unstyled about-one__points">
                                <li>
                                    <div class="about-one__points-icon">
                                        <span class="icon-contract"></span>
                                    </div>
                                    <div class="about-one__points-content">
                                        <h4>Pre-file Investigation</h4>
                                        <p>Lorem ipsum dolor sit amet, <br> consectetur adipiscing elit,</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="about-one__points-icon">
                                        <span class="icon-auction-1"></span>
                                    </div>
                                    <div class="about-one__points-content">
                                        <h4>Probation Violations</h4>
                                        <p>Lorem ipsum dolor sit amet, <br> consectetur adipiscing elit,</p>
                                    </div>
                                </li>
                            </ul>
                            <ul class="list-unstyled about-one__points about-one__points--two">
                                <li>
                                    <div class="about-one__points-icon">
                                        <span class="icon-scales-of-justice"></span>
                                    </div>
                                    <div class="about-one__points-content">
                                        <h4>Illegal Search & Seizure</h4>
                                        <p>Lorem ipsum dolor sit amet, <br> consectetur adipiscing elit,</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="about-one__points-icon">
                                        <span class="icon-lawyer"></span>
                                    </div>
                                    <div class="about-one__points-content">
                                        <h4>Professional liability</h4>
                                        <p>Lorem ipsum dolor sit amet, <br> consectetur adipiscing elit,</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="about-one__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>
    <!--About One End -->

    <!--Services One Start -->
    <section class="services-one">
        <div class="services-one__shape-bg float-bob-x"
            style="background-image: url({{ asset('assets/images/shapes/services-one-shape-bg.png') }});"></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="services-one__carousel owl-carousel owl-theme">
                <!--Services One Single Start -->
                <div class="item">
                    <div class="services-one__single">
                        <div class="services-one__img">
                            <img src="{{ asset('assets/images/services/services-one-1-1.jpg') }}" alt="">
                        </div>
                        <div class="services-one__content">
                            <div class="services-one__count">01</div>
                            <div class="services-one__icon">
                                <span class="icon-scale"></span>
                            </div>
                            <h3 class="services-one__title"><a href="{{ route('business-law') }}">Business Law</a></h3>
                            <p class="services-one__text">Nemo enim ipsam voluptatem quia voluptas sit aspernatur
                                aut odit aut fugit, sed quia voluptatem</p>
                            <a href="{{ route('business-law') }}" class="services-one__btn">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Services One Single End -->
                <!--Services One Single Start -->
                <div class="item">
                    <div class="services-one__single">
                        <div class="services-one__img">
                            <img src="{{ asset('assets/images/services/services-one-1-2.jpg') }}" alt="">
                        </div>
                        <div class="services-one__content">
                            <div class="services-one__count">02</div>
                            <div class="services-one__icon">
                                <span class="icon-family"></span>
                            </div>
                            <h3 class="services-one__title"><a href="{{ route('family-law') }}">Family Law</a></h3>
                            <p class="services-one__text">Nemo enim ipsam voluptatem quia voluptas sit aspernatur
                                aut odit aut fugit, sed quia voluptatem</p>
                            <a href="{{ route('family-law') }}" class="services-one__btn">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Services One Single End -->
                <!--Services One Single Start -->
                <div class="item">
                    <div class="services-one__single">
                        <div class="services-one__img">
                            <img src="{{ asset('assets/images/services/services-one-1-3.jpg') }}" alt="">
                        </div>
                        <div class="services-one__content">
                            <div class="services-one__count">03</div>
                            <div class="services-one__icon">
                                <span class="icon-shield"></span>
                            </div>
                            <h3 class="services-one__title"><a href="{{ route('insurance-defence') }}">Insurance
                                    Defence</a>
                            </h3>
                            <p class="services-one__text">Nemo enim ipsam voluptatem quia voluptas sit aspernatur
                                aut odit aut fugit, sed quia voluptatem</p>
                            <a href="{{ route('insurance-defence') }}" class="services-one__btn">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Services One Single End -->
                <!--Services One Single Start -->
                <div class="item">
                    <div class="services-one__single">
                        <div class="services-one__img">
                            <img src="{{ asset('assets/images/services/services-one-1-4.jpg') }}" alt="">
                        </div>
                        <div class="services-one__content">
                            <div class="services-one__count">04</div>
                            <div class="services-one__icon">
                                <span class="icon-factory"></span>
                            </div>
                            <h3 class="services-one__title"><a href="{{ route('industrial-law') }}">Industrial Law</a>
                            </h3>
                            <p class="services-one__text">Nemo enim ipsam voluptatem quia voluptas sit aspernatur
                                aut odit aut fugit, sed quia voluptatem</p>
                            <a href="{{ route('industrial-law') }}" class="services-one__btn">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Services One Single End -->
                <!--Services One Single Start -->
                <div class="item">
                    <div class="services-one__single">
                        <div class="services-one__img">
                            <img src="{{ asset('assets/images/services/services-one-1-5.jpg') }}" alt="">
                        </div>
                        <div class="services-one__content">
                            <div class="services-one__count">05</div>
                            <div class="services-one__icon">
                                <span class="icon-auction-1"></span>
                            </div>
                            <h3 class="services-one__title"><a href="{{ route('criminal-law') }}">Criminal Law</a></h3>
                            <p class="services-one__text">Nemo enim ipsam voluptatem quia voluptas sit aspernatur
                                aut odit aut fugit, sed quia voluptatem</p>
                            <a href="{{ route('criminal-law') }}" class="services-one__btn">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Services One Single End -->
                <!--Services One Single Start -->
                <div class="item">
                    <div class="services-one__single">
                        <div class="services-one__img">
                            <img src="{{ asset('assets/images/services/services-one-1-6.jpg') }}" alt="">
                        </div>
                        <div class="services-one__content">
                            <div class="services-one__count">06</div>
                            <div class="services-one__icon">
                                <span class="icon-history"></span>
                            </div>
                            <h3 class="services-one__title"><a href="{{ route('employement-law') }}">Employement Law</a>
                            </h3>
                            <p class="services-one__text">Nemo enim ipsam voluptatem quia voluptas sit aspernatur
                                aut odit aut fugit, sed quia voluptatem</p>
                            <a href="{{ route('employement-law') }}" class="services-one__btn">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Services One Single End -->
            </div>
        </div>
    </section>
    <!--Services One End -->

    <!--Why Choose One Start -->
    <section class="why-choose-one">
        <div class="why-choose-one__shape-bg float-bob-y"
            style="background-image: url({{ asset('assets/images/shapes/why-choose-one-shape-bg.png') }});"></div>
        <div class="why-choose-one__shape-1 float-bob-x">
            <img src="{{ asset('assets/images/shapes/why-choose-one-shape-1.png') }}" alt="">
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xl-6">
                    <div class="why-choose-one__left">
                        <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-one__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-one__points-box">
                            <ul class="list-unstyled why-choose-one__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-one__points why-choose-one__points--two">
                                <li>
                                    <div class="icon">
                                        <span class="icon-umbrella"></span>
                                    </div>
                                    <div class="content">
                                        <h3><a href="{{ route('family-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-one__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 class="col-xl-6">
                    <div class="why-choose-one__right">
                        <div class="why-choose-one__circle rotate-me"></div>
                        <div class="row">
                            <div class="col-xl-6 col-lg-6 col-md-6">
                                <div class="why-choose-one__content-one">
                                    <div class="why-choose-one__img-one">
                                        <img src="{{ asset('assets/images/resources/why-choose-one-img-1.jpg') }}"
                                            alt="">
                                    </div>
                                    <div class="why-choose-one__round-text-box">
                                        <div class="why-choose-one__round-text-box-inner">
                                            <div class="why-choose-one__curved-circle">
                                                25 Years Of Experience. 25 Years Of Experience.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-6 col-md-6">
                                <div class="why-choose-one__content-two">
                                    <div class="why-choose-one__icon">
                                        <span class="icon-trophy"></span>
                                    </div>
                                    <div class="why-choose-one__img-two">
                                        <img src="{{ asset('assets/images/resources/why-choose-one-img-2.jpg') }}"
                                            alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Why Choose One End -->

    <!--Skill One Start -->
    <section class="skill-one">
        <div class="skill-one__shape-1">
            <img src="{{ asset('assets/images/shapes/skill-one-shape-1.png') }}" alt="">
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xl-6 col-lg-6">
                    <div class="skill-one__left">
                        <div class="section-title text-left sec-title-animation animation-style2">
                            <div class="section-title__tagline-box">
                                <span class="section-title__tagline">Our Skill</span>
                                <div class="section-title__tagline-shape"></div>
                            </div>
                            <h2 class="section-title__title title-animation">What We Are
                                <span>Good At?</span>
                            </h2>
                        </div>
                        <p class="skill-one__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. Ut enim ad minima veniam,</p>
                        <div class="skill-one__progress-box">
                            <h3 class="skill-one__progress-title">Our Skill</h3>
                            <div class="progress-box">
                                <div class="bar-title">Legislation</div>
                                <div class="bar">
                                    <div class="bar-inner count-bar" data-percent="70%">
                                        <div class="count-box">
                                            <span class="count-text" data-stop="70" data-speed="1500">0</span>%
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="progress-box">
                                <div class="bar-title">Experience</div>
                                <div class="bar">
                                    <div class="bar-inner count-bar" data-percent="80%">
                                        <div class="count-box">
                                            <span class="count-text" data-stop="80" data-speed="1500">0</span>%
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="progress-box">
                                <div class="bar-title">Family Law</div>
                                <div class="bar">
                                    <div class="bar-inner count-bar" data-percent="95%">
                                        <div class="count-box">
                                            <span class="count-text" data-stop="95" data-speed="1500">0</span>%
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="progress-box">
                                <div class="bar-title">Cases Success</div>
                                <div class="bar">
                                    <div class="bar-inner count-bar" data-percent="98%">
                                        <div class="count-box">
                                            <span class="count-text" data-stop="98" data-speed="1500">0</span>%
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-6">
                    <div class="skill-one__right">
                        <div class="skill-one__right-img-box wow slideInRight" data-wow-delay="100ms"
                            data-wow-duration="2500ms">
                            <div class="skill-one__right-img">
                                <img src="{{ asset('assets/images/resources/skill-1-1.jpg') }}" alt="">
                                <div class="skill-one__video-link">
                                    <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                        <div class="skill-one__video-icon">
                                            <span class="fa fa-play"></span>
                                            <i class="ripple"></i>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="skill-one__video-content">
                                <p>Our Streamlined Legal Process Success</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Skill 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 -->

    <!-- 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 -->

    <!--Testimonial One Start -->
    <section class="testimonial-one">
        <div class="testimonial-one__bg float-bob-y"
            style="background-image: url({{ asset('assets/images/backgrounds/testimonial-one-bg.jpg') }});"></div>
        <div class="container">
            <div class="row">
                <div class="col-xl-5 col-lg-5">
                    <div class="testimonial-one__left">
                        <div class="section-title text-left sec-title-animation animation-style2">
                            <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
                                <span>Best Work.</span>
                            </h2>
                        </div>
                        <div class="testimonial-one__satisfied-clients">
                            <div class="testimonial-one__satisfied-clients-icon">
                                <span class="icon-review"></span>
                            </div>
                            <p class="testimonial-one__satisfied-clients-text">We’re trusted by more then <br> <span
                                    class="odometer" data-count="2350"></span>
                                satisfied & happy customers</p>
                        </div>
                    </div>
                </div>
                <div class="col-xl-7 col-lg-7">
                    <div class="testimonial-one__right">
                        <div class="testimonial-one__carousel owl-theme owl-carousel">
                            <!--Testimonial One Single Start -->
                            <div class="item">
                                <div class="testimonial-one__single">
                                    <div class="testimonial-one__quote">
                                        <span class="icon-quote"></span>
                                    </div>
                                    <div class="testimonial-one__img">
                                        <img src="{{ asset('assets/images/testimonial/testimonial-1-1.jpg') }}"
                                            alt="">
                                    </div>
                                    <div class="testimonial-one__client-info">
                                        <div class="testimonial-one__client-content">
                                            <h4 class="testimonial-one__client-name"><a
                                                    href="{{ route('testimonials') }}">Creas Jordan</a></h4>
                                            <p class="testimonial-one__client-sub-title">Lawyer</p>
                                        </div>
                                        <div class="testimonial-one__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>
                                    <p class="testimonial-one__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>
                            </div>
                            <!--Testimonial One Single End -->
                            <!--Testimonial One Single Start -->
                            <div class="item">
                                <div class="testimonial-one__single">
                                    <div class="testimonial-one__quote">
                                        <span class="icon-quote"></span>
                                    </div>
                                    <div class="testimonial-one__img">
                                        <img src="{{ asset('assets/images/testimonial/testimonial-1-2.jpg') }}"
                                            alt="">
                                    </div>
                                    <div class="testimonial-one__client-info">
                                        <div class="testimonial-one__client-content">
                                            <h4 class="testimonial-one__client-name"><a
                                                    href="{{ route('testimonials') }}">Adam Jons</a></h4>
                                            <p class="testimonial-one__client-sub-title">Lawyer</p>
                                        </div>
                                        <div class="testimonial-one__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>
                                    <p class="testimonial-one__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>
                            </div>
                            <!--Testimonial One Single End -->
                            <!--Testimonial One Single Start -->
                            <div class="item">
                                <div class="testimonial-one__single">
                                    <div class="testimonial-one__quote">
                                        <span class="icon-quote"></span>
                                    </div>
                                    <div class="testimonial-one__img">
                                        <img src="{{ asset('assets/images/testimonial/testimonial-1-3.jpg') }}"
                                            alt="">
                                    </div>
                                    <div class="testimonial-one__client-info">
                                        <div class="testimonial-one__client-content">
                                            <h4 class="testimonial-one__client-name"><a
                                                    href="{{ route('testimonials') }}">Adam Rose</a></h4>
                                            <p class="testimonial-one__client-sub-title">Lawyer</p>
                                        </div>
                                        <div class="testimonial-one__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>
                                    <p class="testimonial-one__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>
                            </div>
                            <!--Testimonial One Single End -->
                            <!--Testimonial One Single Start -->
                            <div class="item">
                                <div class="testimonial-one__single">
                                    <div class="testimonial-one__quote">
                                        <span class="icon-quote"></span>
                                    </div>
                                    <div class="testimonial-one__img">
                                        <img src="{{ asset('assets/images/testimonial/testimonial-1-4.jpg') }}"
                                            alt="">
                                    </div>
                                    <div class="testimonial-one__client-info">
                                        <div class="testimonial-one__client-content">
                                            <h4 class="testimonial-one__client-name"><a
                                                    href="{{ route('testimonials') }}">Asle Brown</a></h4>
                                            <p class="testimonial-one__client-sub-title">Lawyer</p>
                                        </div>
                                        <div class="testimonial-one__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>
                                    <p class="testimonial-one__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>
                            </div>
                            <!--Testimonial One Single End -->
                            <!--Testimonial One Single Start -->
                            <div class="item">
                                <div class="testimonial-one__single">
                                    <div class="testimonial-one__quote">
                                        <span class="icon-quote"></span>
                                    </div>
                                    <div class="testimonial-one__img">
                                        <img src="{{ asset('assets/images/testimonial/testimonial-1-5.jpg') }}"
                                            alt="">
                                    </div>
                                    <div class="testimonial-one__client-info">
                                        <div class="testimonial-one__client-content">
                                            <h4 class="testimonial-one__client-name"><a
                                                    href="{{ route('testimonials') }}">Adam Smith</a></h4>
                                            <p class="testimonial-one__client-sub-title">Lawyer</p>
                                        </div>
                                        <div class="testimonial-one__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>
                                    <p class="testimonial-one__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>
                            </div>
                            <!--Testimonial One Single End -->
                            <!--Testimonial One Single Start -->
                            <div class="item">
                                <div class="testimonial-one__single">
                                    <div class="testimonial-one__quote">
                                        <span class="icon-quote"></span>
                                    </div>
                                    <div class="testimonial-one__img">
                                        <img src="{{ asset('assets/images/testimonial/testimonial-1-6.jpg') }}"
                                            alt="">
                                    </div>
                                    <div class="testimonial-one__client-info">
                                        <div class="testimonial-one__client-content">
                                            <h4 class="testimonial-one__client-name"><a
                                                    href="{{ route('testimonials') }}">Alisa Fox</a></h4>
                                            <p class="testimonial-one__client-sub-title">Lawyer</p>
                                        </div>
                                        <div class="testimonial-one__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>
                                    <p class="testimonial-one__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>
                            </div>
                            <!--Testimonial One Single End -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Testimonial One End -->

    <!--Case One Start -->
    <section class="case-one">
        <div class="case-one__top">
            <div class="container">
                <div class="case-one__top-inner">
                    <div class="section-title text-left sec-title-animation animation-style2">
                        <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">Your Partner in <br>
                            <span>Legal Success</span>
                        </h2>
                    </div>
                    <div class="case-one__btn-box">
                        <a href="{{ route('case') }}" class="thm-btn">
                            <span class="thm-btn-text">View All Case</span>
                            <span class="thm-btn-icon-box"><i class="fas fa-arrow-right"></i></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="case-one__bottom">
            <div class="container">
                <div class="case-one__carousel owl-carousel owl-theme">
                    <div class="case-one__single">
                        <div class="case-one__single-inner">
                            <div class="case-one__img-box">
                                <div class="case-one__img">
                                    <img src="{{ asset('assets/images/case/case-one-1-1.jpg') }}" alt="">
                                </div>
                            </div>
                            <div class="case-one__content">
                                <div class="case-one__content-box">
                                    <h3><a href="{{ route('case-details') }}">Initial Consultation</a></h3>
                                    <p>Family Law</p>
                                </div>

                                <div class="case-one__icon-box">
                                    <a href="{{ asset('assets/images/case/case-one-1-1.jpg') }}" class="img-popup"><span
                                            class="icon-right-arrow-1"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="case-one__single">
                        <div class="case-one__single-inner">
                            <div class="case-one__img-box">
                                <div class="case-one__img">
                                    <img src="{{ asset('assets/images/case/case-one-1-2.jpg') }}" alt="">
                                </div>
                            </div>
                            <div class="case-one__content">
                                <div class="case-one__content-box">
                                    <h3><a href="{{ route('case-details') }}">Legal Advice</a></h3>
                                    <p>Divorce Cases</p>
                                </div>

                                <div class="case-one__icon-box">
                                    <a href="{{ asset('assets/images/case/case-one-1-2.jpg') }}" class="img-popup"><span
                                            class="icon-right-arrow-1"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="case-one__single">
                        <div class="case-one__single-inner">
                            <div class="case-one__img-box">
                                <div class="case-one__img">
                                    <img src="{{ asset('assets/images/case/case-one-1-3.jpg') }}" alt="">
                                </div>
                            </div>
                            <div class="case-one__content">
                                <div class="case-one__content-box">
                                    <h3><a href="{{ route('case-details') }}">Preliminary Meeting</a></h3>
                                    <p>Custody Disputes</p>
                                </div>

                                <div class="case-one__icon-box">
                                    <a href="{{ asset('assets/images/case/case-one-1-3.jpg') }}" class="img-popup"><span
                                            class="icon-right-arrow-1"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="case-one__single">
                        <div class="case-one__single-inner">
                            <div class="case-one__img-box">
                                <div class="case-one__img">
                                    <img src="{{ asset('assets/images/case/case-one-1-4.jpg') }}" alt="">
                                </div>
                            </div>
                            <div class="case-one__content">
                                <div class="case-one__content-box">
                                    <h3><a href="{{ route('case-details') }}">Client Consultation</a></h3>
                                    <p>Parental Rights</p>
                                </div>

                                <div class="case-one__icon-box">
                                    <a href="{{ asset('assets/images/case/case-one-1-4.jpg') }}" class="img-popup"><span
                                            class="icon-right-arrow-1"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="case-one__single">
                        <div class="case-one__single-inner">
                            <div class="case-one__img-box">
                                <div class="case-one__img">
                                    <img src="{{ asset('assets/images/case/case-one-1-5.jpg') }}" alt="">
                                </div>
                            </div>
                            <div class="case-one__content">
                                <div class="case-one__content-box">
                                    <h3><a href="{{ route('case-details') }}">Medical Negligence</a></h3>
                                    <p>Civil</p>
                                </div>

                                <div class="case-one__icon-box">
                                    <a href="{{ asset('assets/images/case/case-one-1-5.jpg') }}" class="img-popup"><span
                                            class="icon-right-arrow-1"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="case-one__single">
                        <div class="case-one__single-inner">
                            <div class="case-one__img-box">
                                <div class="case-one__img">
                                    <img src="{{ asset('assets/images/case/case-one-1-6.jpg') }}" alt="">
                                </div>
                            </div>
                            <div class="case-one__content">
                                <div class="case-one__content-box">
                                    <h3><a href="{{ route('case-details') }}">Legal Education</a></h3>
                                    <p>Accident</p>
                                </div>

                                <div class="case-one__icon-box">
                                    <a href="{{ asset('assets/images/case/case-one-1-6.jpg') }}" class="img-popup"><span
                                            class="icon-right-arrow-1"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Case One End -->

    <!-- Counter One Start -->
    <section class="counter-one">
        <div class="counter-one__bg-box">
            <div class="counter-one__bg jarallax" data-jarallax data-speed="0.2" data-imgposition="50% 0%"
                style="background-image: url({{ asset('assets/images/backgrounds/counter-one-bg.jpg') }});"></div>
        </div>
        <div class="container">
            <div class="counter-one__top">
                <div class="section-title text-left sec-title-animation animation-style2">
                    <div class="section-title__tagline-box">
                        <span class="section-title__tagline">Fun Facts</span>
                        <div class="section-title__tagline-shape"></div>
                    </div>
                    <h2 class="section-title__title title-animation">Hundreds of Customers Trust <br> in Our
                        <span>Expert Attorneys</span>
                    </h2>
                </div>
                <div class="counter-one__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="counter-one__bottom">
                <div class="row">
                    <!-- Counter One Single Start -->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms">
                        <div class="counter-one__single">
                            <div class="counter-one__icon">
                                <span class="icon-scales-of-justice"></span>
                            </div>
                            <div class="counter-one__content">
                                <div class="counter-one__count-box">
                                    <h3 class="odometer" data-count="879">00</h3>
                                    <span> </span>
                                </div>
                                <p class="counter-one__text">Successful Case</p>
                            </div>
                        </div>
                    </div>
                    <!-- Counter One Single End -->
                    <!-- Counter One Single Start -->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="200ms">
                        <div class="counter-one__single">
                            <div class="counter-one__icon">
                                <span class="icon-review"></span>
                            </div>
                            <div class="counter-one__content">
                                <div class="counter-one__count-box">
                                    <h3 class="odometer" data-count="650">00</h3>
                                    <span> </span>
                                </div>
                                <p class="counter-one__text">Satisfied Clients</p>
                            </div>
                        </div>
                    </div>
                    <!-- Counter One Single End -->
                    <!-- Counter One Single Start -->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="100ms">
                        <div class="counter-one__single">
                            <div class="counter-one__icon">
                                <span class="icon-attorney"></span>
                            </div>
                            <div class="counter-one__content">
                                <div class="counter-one__count-box">
                                    <h3 class="odometer" data-count="650">00</h3>
                                    <span> </span>
                                </div>
                                <p class="counter-one__text">Expert Attorneys</p>
                            </div>
                        </div>
                    </div>
                    <!-- Counter One Single End -->
                    <!-- Counter One Single Start -->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="200ms">
                        <div class="counter-one__single">
                            <div class="counter-one__icon">
                                <span class="icon-trophy"></span>
                            </div>
                            <div class="counter-one__content">
                                <div class="counter-one__count-box">
                                    <h3 class="odometer" data-count="89">00</h3>
                                    <span> </span>
                                </div>
                                <p class="counter-one__text">Award Winning</p>
                            </div>
                        </div>
                    </div>
                    <!-- Counter One Single End -->
                </div>
            </div>
        </div>
    </section>
    <!-- Counter One End -->

    <!--Team One Start -->
    <section class="team-one">
        <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-one__carousel owl-theme owl-carousel">
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">Jessica Miller</a></h3>
                            <p class="team-one__sub-title">Attorney</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-1.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">David Thompson</a></h3>
                            <p class="team-one__sub-title">Family Lawyer</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-2.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">Adam Smith</a></h3>
                            <p class="team-one__sub-title">Criminal Lawyer</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-3.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">Jessica Brown</a></h3>
                            <p class="team-one__sub-title">Financial Lawyer</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-4.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">Jessica Miller</a></h3>
                            <p class="team-one__sub-title">Attorney</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-1.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">David Thompson</a></h3>
                            <p class="team-one__sub-title">Family Lawyer</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-2.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">Adam Smith</a></h3>
                            <p class="team-one__sub-title">Criminal Lawyer</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-3.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">Jessica Brown</a></h3>
                            <p class="team-one__sub-title">Financial Lawyer</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-4.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
            </div>
        </div>
    </section>
    <!--Team One End -->

    <!--Video One Start -->
    <section class="video-one">
        <div class="video-one__bg-color">
            <div class="video-one__bg jarallax" data-jarallax data-speed="0.2" data-imgposition="50% 0%"
                style="background-image: url({{ asset('assets/images/backgrounds/video-one-bg.jpg') }});">
            </div>
        </div>
        <div class="container">
            <div class="video-one__inner">
                <div class="section-title text-center sec-title-animation animation-style1">
                    <div class="section-title__tagline-box">
                        <span class="section-title__tagline">Latest Video</span>
                        <div class="section-title__tagline-shape"></div>
                    </div>
                    <h2 class="section-title__title title-animation">Let Us Know Or <span>Contact Us</span></h2>
                </div>

                <p class="video-one__text">There are many variations of passages available but the majority have
                    suffered alteration<br> in some form by injected humour randomised words look even going<br> to
                    use
                    a passage believable.</p>
                <div class="video-one__video-link">
                    <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                        <div class="video-one__video-icon">
                            <span class="fa fa-play"></span>
                            <i class="ripple"></i>
                        </div>
                    </a>
                </div>
                <div class="video-one__contact-box">
                    <div class="video-one__img-1">
                        <img src="{{ asset('assets/images/resources/video-one-contact-img-1.png') }}" alt="">
                    </div>
                    <div class="row">
                        <div class="col-xl-8 col-lg-7">
                            <form class="contact-form-validated video-one-contact__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="video-one-contact__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="video-one-contact__input-box">
                                            <input type="email" name="Email" placeholder="Email Address"
                                                required="">
                                        </div>
                                    </div>
                                    <div class="col-xl-12">
                                        <div class="video-one-contact__input-box">
                                            <div class="select-box">
                                                <select class="selectmenu wide">
                                                    <option selected>Service Type
                                                    </option>
                                                    <option>Type Of Service 01</option>
                                                    <option>Type Of Service 02</option>
                                                    <option>Type Of Service 03</option>
                                                    <option>Type Of Service 04</option>
                                                    <option>Type Of Service 05</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-12">
                                        <div class="video-one-contact__input-box text-message-box">
                                            <textarea name="message" placeholder="Messege"></textarea>
                                        </div>
                                        <div class="video-one-contact__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-4 col-lg-5">
                            <div class="video-one-contact__info-box">
                                <h3 class="video-one-contact__info-title">Contact Info</h3>
                                <ul class="video-one-contact__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>
    <!--Video One End -->

    <!--FAQ One Start-->
    <section class="faq-one">
        <div class="container">
            <div class="row">
                <div class="col-xl-5 col-lg-5 wow fadeInLeft" data-wow-delay="100ms">
                    <div class="faq-one__left">
                        <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 Faq,s</span>
                                <div class="section-title__tagline-shape"></div>
                            </div>
                            <h2 class="section-title__title title-animation">Frequently Asked Question
                                <span>for Clients?</span>
                            </h2>
                        </div>
                        <div class="faq-one__img-box">
                            <div class="faq-one__img">
                                <img src="{{ asset('assets/images/resources/faq-one-img-1.jpg') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-7 col-lg-7 wow fadeInRight" data-wow-delay="200ms">
                    <div class="faq-one__right">
                        <div class="accrodion-grp" data-grp-name="faq-one-accrodion">
                            <div class="accrodion">
                                <div class="accrodion-title">
                                    <h4>What is the role of a lawyer legal case?</h4>
                                </div>
                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>Follow these 6 steps and you’ll get your Help Scout account up and
                                            running in no time. If you'd like to get a full tour of Help Scout and
                                            all its features, attend one of our weekly live demos or take a video
                                            tour.</p>
                                    </div><!-- /.inner -->
                                </div>
                            </div>
                            <div class="accrodion  active">
                                <div class="accrodion-title">
                                    <h4>What we have similar cases?</h4>
                                </div>
                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>Follow these 6 steps and you’ll get your Help Scout account up and
                                            running in no time. If you'd like to get a full tour of Help Scout and
                                            all its features, attend one of our weekly live demos or take a video
                                            tour.</p>
                                    </div><!-- /.inner -->
                                </div>
                            </div>
                            <div class="accrodion">
                                <div class="accrodion-title">
                                    <h4>What is your legal experience level?</h4>
                                </div>
                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>Follow these 6 steps and you’ll get your Help Scout account up and
                                            running in no time. If you'd like to get a full tour of Help Scout and
                                            all its features, attend one of our weekly live demos or take a video
                                            tour.</p>
                                    </div><!-- /.inner -->
                                </div>
                            </div>
                            <div class="accrodion">
                                <div class="accrodion-title">
                                    <h4>How do initial consultations work?</h4>
                                </div>
                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>Follow these 6 steps and you’ll get your Help Scout account up and
                                            running in no time. If you'd like to get a full tour of Help Scout and
                                            all its features, attend one of our weekly live demos or take a video
                                            tour.</p>
                                    </div><!-- /.inner -->
                                </div>
                            </div>
                            <div class="accrodion">
                                <div class="accrodion-title">
                                    <h4>How will you update me on progress?</h4>
                                </div>
                                <div class="accrodion-content">
                                    <div class="inner">
                                        <p>Follow these 6 steps and you’ll get your Help Scout account up and
                                            running in no time. If you'd like to get a full tour of Help Scout and
                                            all its features, attend one of our weekly live demos or take a video
                                            tour.</p>
                                    </div><!-- /.inner -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--FAQ One End-->

    <!--Pricing One Start-->
    <section class="pricing-one">
        <div class="pricing-one__shape-1 img-bounce">
            <img src="{{ asset('assets/images/shapes/pricing-one-shape-1.png') }}" alt="">
        </div>
        <div class="pricing-one__shape-2 rotate-me">
            <img src="{{ asset('assets/images/shapes/pricing-one-shape-2.png') }}" alt=""
                class="float-bob-y">
        </div>
        <div class="container">
            <div class="section-title text-center sec-title-animation animation-style1">
                <div class="section-title__tagline-box justify-content-center">
                    <div class="section-title__tagline-shape"></div>
                    <span class="section-title__tagline">pricing plans</span>
                    <div class="section-title__tagline-shape"></div>
                </div>
                <h2 class="section-title__title title-animation">Offering Our Best Plan For Your
                    <br> Business Purpose
                </h2>
            </div>
            <div class="pricing-one__main-tab-box tabs-box">
                <ul class="tab-buttons list-unstyled">
                    <li data-tab="#monthly" class="tab-btn tab-btn-one"><span>Monthly</span></li>
                    <li data-tab="#yearly" class="tab-btn active-btn tab-btn-two"><span>Yearly</span></li>
                </ul>
                <div class="tabs-content">
                    <!--tab-->
                    <div class="tab" id="monthly">
                        <div class="pricing-one__inner">
                            <div class="row">
                                <!--Pricing One Single Start-->
                                <div class="col-xl-4 col-lg-4">
                                    <div class="pricing-one__single">
                                        <div class="pricing-one__single-inner">
                                            <div class="pricing-one__most-popular">
                                                <p>Most Popular</p>
                                            </div>
                                            <div class="pricing-one__price-box">
                                                <p class="pricing-one__price-title">Basic Plan</p>
                                                <h3 class="pricing-one__price">$15<span>/montly</span></h3>
                                                <p class="pricing-one__text">Popularised in the follower with
                                                    the etraset sheets containing.</p>
                                            </div>
                                            <ul class="list-unstyled pricing-one__points-list">
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Personal injury law deffense</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Family violence dispuited case</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Criminal Defense with junior lawyer</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Domestic Violence with junior lawyer</p>
                                                    </div>
                                                </li>
                                            </ul>
                                            <div class="pricing-one__btn-box">
                                                <a href="{{ route('pricing') }}" class="thm-btn">
                                                    <span class="thm-btn-text">Buy Now</span>
                                                    <span class="thm-btn-icon-box"><i
                                                            class="fas fa-arrow-right"></i></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Pricing One Single End-->
                                <!--Pricing One Single Start-->
                                <div class="col-xl-4 col-lg-4">
                                    <div class="pricing-one__single pricing-one__single-2">
                                        <div class="pricing-one__single-inner">
                                            <div class="pricing-one__most-popular">
                                                <p>Most Popular</p>
                                            </div>
                                            <div class="pricing-one__price-box">
                                                <p class="pricing-one__price-title">Standard Plan</p>
                                                <h3 class="pricing-one__price">$39<span>/montly</span></h3>
                                                <p class="pricing-one__text">Popularised in the follower with
                                                    the etraset sheets containing.</p>
                                            </div>
                                            <ul class="list-unstyled pricing-one__points-list">
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Personal injury law deffense</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Family violence dispuited case</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Criminal Defense with junior lawyer</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Domestic Violence with junior lawyer</p>
                                                    </div>
                                                </li>
                                            </ul>
                                            <div class="pricing-one__btn-box">
                                                <a href="{{ route('pricing') }}" class="thm-btn">
                                                    <span class="thm-btn-text">Buy Now</span>
                                                    <span class="thm-btn-icon-box"><i
                                                            class="fas fa-arrow-right"></i></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Pricing One Single End-->
                                <!--Pricing One Single Start-->
                                <div class="col-xl-4 col-lg-4">
                                    <div class="pricing-one__single pricing-one__single-3">
                                        <div class="pricing-one__single-inner">
                                            <div class="pricing-one__most-popular">
                                                <p>Most Popular</p>
                                            </div>
                                            <div class="pricing-one__price-box">
                                                <p class="pricing-one__price-title">Premium Plan</p>
                                                <h3 class="pricing-one__price">$59<span>/montly</span></h3>
                                                <p class="pricing-one__text">Popularised in the follower with
                                                    the etraset sheets containing.</p>
                                            </div>
                                            <ul class="list-unstyled pricing-one__points-list">
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Personal injury law deffense</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Family violence dispuited case</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Criminal Defense with junior lawyer</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Domestic Violence with junior lawyer</p>
                                                    </div>
                                                </li>
                                            </ul>
                                            <div class="pricing-one__btn-box">
                                                <a href="{{ route('pricing') }}" class="thm-btn">
                                                    <span class="thm-btn-text">Buy Now</span>
                                                    <span class="thm-btn-icon-box"><i
                                                            class="fas fa-arrow-right"></i></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Pricing One Single End-->
                            </div>
                        </div>
                    </div>
                    <!--tab-->
                    <div class="tab active-tab" id="yearly">
                        <div class="pricing-one__inner">
                            <div class="row">
                                <!--Pricing One Single Start-->
                                <div class="col-xl-4 col-lg-4">
                                    <div class="pricing-one__single">
                                        <div class="pricing-one__single-inner">
                                            <div class="pricing-one__most-popular">
                                                <p>Most Popular</p>
                                            </div>
                                            <div class="pricing-one__price-box">
                                                <p class="pricing-one__price-title">Basic Plan</p>
                                                <h3 class="pricing-one__price">$15<span>/montly</span></h3>
                                                <p class="pricing-one__text">Popularised in the follower with
                                                    the etraset sheets containing.</p>
                                            </div>
                                            <div class="pricing-one__points-box">
                                                <ul class="list-unstyled pricing-one__points-list">
                                                    <li>
                                                        <div class="icon">
                                                            <i class="icon-check"></i>
                                                        </div>
                                                        <div class="text">
                                                            <p>Personal injury law deffense</p>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="icon">
                                                            <i class="icon-check"></i>
                                                        </div>
                                                        <div class="text">
                                                            <p>Family violence dispuited case</p>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="icon">
                                                            <i class="icon-check"></i>
                                                        </div>
                                                        <div class="text">
                                                            <p>Criminal Defense with junior lawyer</p>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="icon">
                                                            <i class="icon-check"></i>
                                                        </div>
                                                        <div class="text">
                                                            <p>Domestic Violence with junior lawyer</p>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="pricing-one__btn-box">
                                                <a href="{{ route('pricing') }}" class="thm-btn">
                                                    <span class="thm-btn-text">Buy Now</span>
                                                    <span class="thm-btn-icon-box"><i
                                                            class="fas fa-arrow-right"></i></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Pricing One Single End-->
                                <!--Pricing One Single Start-->
                                <div class="col-xl-4 col-lg-4">
                                    <div class="pricing-one__single pricing-one__single-2">
                                        <div class="pricing-one__single-inner">
                                            <div class="pricing-one__most-popular">
                                                <p>Most Popular</p>
                                            </div>
                                            <div class="pricing-one__price-box">
                                                <p class="pricing-one__price-title">Standard Plan</p>
                                                <h3 class="pricing-one__price">$39<span>/montly</span></h3>
                                                <p class="pricing-one__text">Popularised in the follower with
                                                    the etraset sheets containing.</p>
                                            </div>
                                            <ul class="list-unstyled pricing-one__points-list">
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Personal injury law deffense</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Family violence dispuited case</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Criminal Defense with junior lawyer</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Domestic Violence with junior lawyer</p>
                                                    </div>
                                                </li>
                                            </ul>
                                            <div class="pricing-one__btn-box">
                                                <a href="{{ route('pricing') }}" class="thm-btn">
                                                    <span class="thm-btn-text">Buy Now</span>
                                                    <span class="thm-btn-icon-box"><i
                                                            class="fas fa-arrow-right"></i></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Pricing One Single End-->
                                <!--Pricing One Single Start-->
                                <div class="col-xl-4 col-lg-4">
                                    <div class="pricing-one__single pricing-one__single-3">
                                        <div class="pricing-one__single-inner">
                                            <div class="pricing-one__most-popular">
                                                <p>Most Popular</p>
                                            </div>
                                            <div class="pricing-one__price-box">
                                                <p class="pricing-one__price-title">Premium Plan</p>
                                                <h3 class="pricing-one__price">$59<span>/montly</span></h3>
                                                <p class="pricing-one__text">Popularised in the follower with
                                                    the etraset sheets containing.</p>
                                            </div>
                                            <ul class="list-unstyled pricing-one__points-list">
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Personal injury law deffense</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Family violence dispuited case</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Criminal Defense with junior lawyer</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="icon">
                                                        <i class="icon-check"></i>
                                                    </div>
                                                    <div class="text">
                                                        <p>Domestic Violence with junior lawyer</p>
                                                    </div>
                                                </li>
                                            </ul>
                                            <div class="pricing-one__btn-box">
                                                <a href="{{ route('pricing') }}" class="thm-btn">
                                                    <span class="thm-btn-text">Buy Now</span>
                                                    <span class="thm-btn-icon-box"><i
                                                            class="fas fa-arrow-right"></i></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Pricing One Single End-->
                            </div>
                        </div>
                    </div>
                    <!--tab-->
                </div>
            </div>
        </div>
    </section>
    <!--Pricing One 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 -->

    <!--Blog One Start-->
    <section class="blog-one">
        <div class="blog-one__shape-1 img-bounce">
            <img src="{{ asset('assets/images/shapes/blog-one-shape-1.png') }}" alt="">
        </div>
        <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-one__carousel owl-carousel owl-theme">
                <!--Blog One Single Start-->
                <div class="item">
                    <div class="blog-one__single">
                        <div class="blog-one__img-box">
                            <div class="blog-one__img">
                                <img src="{{ asset('assets/images/blog/blog-1-1.jpg') }}" alt="">
                                <div class="blog-one__tags">
                                    <span>Family Law</span>
                                </div>
                            </div>
                            <div class="blog-one__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-one__content">
                            <ul class="blog-one__meta list-unstyled">
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-user"></span>Admin
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-comments"></span>Comment
                                    </a>
                                </li>
                            </ul>
                            <h3 class="blog-one__title"><a href="{{ route('blog-details') }}">Design a leverage
                                    existing
                                    future proof rathe of-morate.</a></h3>
                            <p class="blog-one__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-one__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog One Single End-->
                <!--Blog One Single Start-->
                <div class="item">
                    <div class="blog-one__single">
                        <div class="blog-one__img-box">
                            <div class="blog-one__img">
                                <img src="{{ asset('assets/images/blog/blog-1-2.jpg') }}" alt="">
                                <div class="blog-one__tags">
                                    <span>Criminal Law</span>
                                </div>
                            </div>
                            <div class="blog-one__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-one__content">
                            <ul class="blog-one__meta list-unstyled">
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-user"></span>Admin
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-comments"></span>Comment
                                    </a>
                                </li>
                            </ul>
                            <h3 class="blog-one__title"><a href="{{ route('blog-details') }}">One of the most
                                    effective lawyer
                                    blog topic</a></h3>
                            <p class="blog-one__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-one__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog One Single End-->
                <!--Blog One Single Start-->
                <div class="item">
                    <div class="blog-one__single">
                        <div class="blog-one__img-box">
                            <div class="blog-one__img">
                                <img src="{{ asset('assets/images/blog/blog-1-3.jpg') }}" alt="">
                                <div class="blog-one__tags">
                                    <span>Divorce Law</span>
                                </div>
                            </div>
                            <div class="blog-one__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-one__content">
                            <ul class="blog-one__meta list-unstyled">
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-user"></span>Admin
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-comments"></span>Comment
                                    </a>
                                </li>
                            </ul>
                            <h3 class="blog-one__title"><a href="{{ route('blog-details') }}">Ideas for divorce and
                                    family
                                    law Rules</a></h3>
                            <p class="blog-one__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-one__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog One Single End-->
                <!--Blog One Single Start-->
                <div class="item">
                    <div class="blog-one__single">
                        <div class="blog-one__img-box">
                            <div class="blog-one__img">
                                <img src="{{ asset('assets/images/blog/blog-1-4.jpg') }}" alt="">
                                <div class="blog-one__tags">
                                    <span>Industrial Law</span>
                                </div>
                            </div>
                            <div class="blog-one__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-one__content">
                            <ul class="blog-one__meta list-unstyled">
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-user"></span>Admin
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-comments"></span>Comment
                                    </a>
                                </li>
                            </ul>
                            <h3 class="blog-one__title"><a href="{{ route('blog-details') }}">attorneys is sharing
                                    success
                                    stories or case studies</a></h3>
                            <p class="blog-one__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-one__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog One Single End-->
                <!--Blog One Single Start-->
                <div class="item">
                    <div class="blog-one__single">
                        <div class="blog-one__img-box">
                            <div class="blog-one__img">
                                <img src="{{ asset('assets/images/blog/blog-1-5.jpg') }}" alt="">
                                <div class="blog-one__tags">
                                    <span>Insurance Law</span>
                                </div>
                            </div>
                            <div class="blog-one__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-one__content">
                            <ul class="blog-one__meta list-unstyled">
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-user"></span>Admin
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-comments"></span>Comment
                                    </a>
                                </li>
                            </ul>
                            <h3 class="blog-one__title"><a href="{{ route('blog-details') }}">A case where you helped
                                    a parent
                                    secure full custody </a></h3>
                            <p class="blog-one__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-one__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog One Single End-->
                <!--Blog One Single Start-->
                <div class="item">
                    <div class="blog-one__single">
                        <div class="blog-one__img-box">
                            <div class="blog-one__img">
                                <img src="{{ asset('assets/images/blog/blog-1-6.jpg') }}" alt="">
                                <div class="blog-one__tags">
                                    <span>Business Law</span>
                                </div>
                            </div>
                            <div class="blog-one__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-one__content">
                            <ul class="blog-one__meta list-unstyled">
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-user"></span>Admin
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-comments"></span>Comment
                                    </a>
                                </li>
                            </ul>
                            <h3 class="blog-one__title"><a href="{{ route('blog-details') }}">A case study where you
                                    successfully negotiated</a></h3>
                            <p class="blog-one__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-one__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog One Single End-->
            </div>
        </div>
    </section>
    <!--Blog One End-->

    <x-footer_one />
@endsection
