@extends('layouts.layout_common')
@section('title', 'Family Law || Judges || Judges Laravel Template')
@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/module-css/page-header.css') }}">
@endpush

@section('content')

    <x-page_header title="Family Law" subtitle="Family Law" />


    <!--Page Header End-->

    <!--Service Details Start-->
    <section class="service-details">
        <div class="container">
            <div class="row">
                <div class="col-xl-4 col-lg-5">
                    <div class="service-details__sidebar">
                        <div class="service-details__services-box">
                            <h3 class="service-details__services-title">Our Service</h3>
                            <ul class="service-details__services-list list-unstyled">
                                <li>
                                    <a href="{{ route('business-law') }}">Business Law<span
                                            class="icon-right-arrow-1"></span></a>
                                </li>
                                <li class="active">
                                    <a href="{{ route('family-law') }}">Family Law<span
                                            class="icon-right-arrow-1"></span></a>
                                </li>
                                <li>
                                    <a href="{{ route('insurance-defence') }}">Insurance Defence<span
                                            class="icon-right-arrow-1"></span></a>
                                </li>
                                <li>
                                    <a href="{{ route('industrial-law') }}">Industrial Law<span
                                            class="icon-right-arrow-1"></span></a>
                                </li>
                                <li>
                                    <a href="{{ route('criminal-law') }}">Criminal Law<span
                                            class="icon-right-arrow-1"></span></a>
                                </li>
                                <li>
                                    <a href="{{ route('employement-law') }}">Employement Law<span
                                            class="icon-right-arrow-1"></span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="service-details__sidebar-download-box">
                            <h3 class="service-details__services-title">Download</h3>
                            <div class="service-details__sidebar-single-download">

                                <ul class="clearfix list-unstyled">
                                    <li>
                                        <div class="content-box">
                                            <div class="icon">
                                                <span class="far fa-file-pdf"></span>
                                            </div>
                                            <div class="text-box">
                                                <h2><a href="#">Pdf Download</a></h2>
                                                <p><a href="#">Download</a></p>
                                            </div>
                                        </div>

                                        <div class="btn-box">
                                            <a href="#"><span class="far fa-cloud-download"></span></a>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="content-box">
                                            <div class="icon">
                                                <span class="far fa-file-pdf"></span>
                                            </div>
                                            <div class="text-box">
                                                <h2><a href="#">Pdf Download</a></h2>
                                                <p><a href="#">Download</a></p>
                                            </div>
                                        </div>

                                        <div class="btn-box">
                                            <a href="#"><span class="far fa-cloud-download"></span></a>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="content-box">
                                            <div class="icon">
                                                <span class="far fa-file-pdf"></span>
                                            </div>
                                            <div class="text-box">
                                                <h2><a href="#">Pdf Download</a></h2>
                                                <p><a href="#">Download</a></p>
                                            </div>
                                        </div>

                                        <div class="btn-box">
                                            <a href="#"><span class="far fa-cloud-download"></span></a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="service-details__sidebar-contact text-center">
                            <div class="service-details__sidebar-contact-img">
                                <div class="inner">
                                    <img src="{{ asset('assets/images/services/service-details-sidebar-img.png') }}"
                                        alt="">
                                </div>
                            </div>

                            <div class="service-details__sidebar-contact-content">
                                <div class="icon">
                                    <span class="icon-call"></span>
                                </div>
                                <h2><a href="tel:1234567890"> 880 123 456 789</a></h2>
                                <h3>If You Need Any Help <br>
                                    Contact With Us</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-8 col-lg-7">
                    <div class="service-details__left">
                        <div class="service-details__img">
                            <img src="{{ asset('assets/images/services/service-details-img-2.jpg') }}" alt="">
                        </div>
                        <h3 class="service-details__title-1">Family Law</h3>
                        <p class="service-details__text-1">Ut enim ad minim veniam, quis nostrud exercitation
                            ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
                            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
                            sint occaecat cupidatat non proident, sunt in culpa</p>
                        <p class="service-details__text-2">Consectetur adipiscing elit, sed do eiusmod tempor
                            incididunt ut laborer et dolore magna aliqua. Out enigma ad minim veniam, quis nostrud
                            exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute inure
                            dolor in the reprehenderit in voluptate velit esse cillum dolore eu fugiat null
                            pariatur. Excepteur snit occaecat cupidatat non proident, sunt in culpa qui officia
                            deserunt mollit anim id est laborum.</p>
                        <ul class="service-details__points-list list-unstyled">
                            <li>
                                <div class="icon">
                                    <span class="icon-right-arrow-1"></span>
                                </div>
                                <p>It is a long established fact that a reader will be distr acted bioiiy the rea
                                    dablea </p>
                            </li>
                            <li>
                                <div class="icon">
                                    <span class="icon-right-arrow-1"></span>
                                </div>
                                <p>Distr acted bioiiy the rea dablea content of a page when looking at its layout
                                </p>
                            </li>
                            <li>
                                <div class="icon">
                                    <span class="icon-right-arrow-1"></span>
                                </div>
                                <p>Content of a page when looking at its layout toile point</p>
                            </li>
                            <li>
                                <div class="icon">
                                    <span class="icon-right-arrow-1"></span>
                                </div>
                                <p>Reader will be distr acted bioiiy the rea dablea content of a page when looking
                                </p>
                            </li>
                        </ul>
                        <div class="service-details__img-box">
                            <div class="row">
                                <div class="col-xl-6">
                                    <div class="service-details__img-box-single">
                                        <div class="service-details__img-box-img">
                                            <img src="{{ asset('assets/images/services/service-details-img-box-img-1.jpg') }}"
                                                alt="">
                                        </div>
                                        <div class="service-details__img-box-content">
                                            <div class="service-details__img-box-content-icon-and-title">
                                                <div class="service-details__img-box-content-icon">
                                                    <span class="icon-scale"></span>
                                                </div>
                                                <h3 class="service-details__img-box-content-title">Quality Full Work
                                                </h3>
                                            </div>
                                            <p class="service-details__img-box-content-text">Duis acute arura dolor
                                                in
                                                reprehenderit in voluptate velit esse cillum dolore Velit esse quam
                                                nihil molestiae thos consequatur, Velia ease chillum dolore</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-6">
                                    <div class="service-details__img-box-single">
                                        <div class="service-details__img-box-img">
                                            <img src="{{ asset('assets/images/services/service-details-img-box-img-2.jpg') }}"
                                                alt="">
                                        </div>
                                        <div class="service-details__img-box-content">
                                            <div class="service-details__img-box-content-icon-and-title">
                                                <div class="service-details__img-box-content-icon">
                                                    <span class="icon-hospital"></span>
                                                </div>
                                                <h3 class="service-details__img-box-content-title">100% Work
                                                    Satisfication</h3>
                                            </div>
                                            <p class="service-details__img-box-content-text">Duis acute arura dolor
                                                in
                                                reprehenderit in voluptate velit esse cillum dolore Velit esse quam
                                                nihil molestiae thos consequatur, Velia ease chillum dolore</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="service-details__faq-box">
                            <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>
        </div>
    </section>
    <!--Service Details End-->

    <x-footer_one />
@endsection
