@extends('layouts.layout_common')
@section('title', 'Case Details || 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="Case Details" subtitle="Case Details" />


    <!--Page Header End-->

    <!--Case Details Start-->
    <section class="case-details">
        <div class="container">
            <div class="row">
                <div class="col-xl-8 col-lg-7">
                    <div class="case-details__left">
                        <div class="case-details__img">
                            <img src="{{ asset('assets/images/case/case-details-img-1.jpg') }}" alt="">
                        </div>
                        <h3 class="case-details__title-1">About The Case Overview</h3>
                        <p class="case-details__text-1">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>
                        <h3 class="case-details__title-2">The Case Challenge</h3>
                        <p class="case-details__text-2">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>
                        <div class="case-details__text-and-img">
                            <p class="case-details__text-3">The wise man therefore always holds in these matters
                                to this principle of selection. He rejects pleasures to secure other greater
                                pleasures, or else he endures pains to avoid worse pains to the selection point. But
                                in certain to all this circumstances</p>
                            <div class="case-details__text-img">
                                <img src="{{ asset('assets/images/case/case-details-text-img.jpg') }}" alt="">
                            </div>
                        </div>
                        <h3 class="case-details__title-3">The Result Of Our Case</h3>
                        <p class="case-details__text-4">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>
                        <div class="case-details__img-and-points">
                            <div class="case-details__points-img">
                                <img src="{{ asset('assets/images/case/case-details-points-img.jpg') }}" alt="">
                            </div>
                            <ul class="case-details__points list-unstyled">
                                <li>
                                    <div class="icon">
                                        <span class="icon-right-arrow-1"></span>
                                    </div>
                                    <p>Fact that a reader will be distr acted bioiiy dablea </p>
                                </li>
                                <li>
                                    <div class="icon">
                                        <span class="icon-right-arrow-1"></span>
                                    </div>
                                    <p>Acted bioiiy the rea dablea content of a page </p>
                                </li>
                                <li>
                                    <div class="icon">
                                        <span class="icon-right-arrow-1"></span>
                                    </div>
                                    <p>When looking at its layout toile point</p>
                                </li>
                                <li>
                                    <div class="icon">
                                        <span class="icon-right-arrow-1"></span>
                                    </div>
                                    <p>Bioiiy the rea dablea content of a page looking</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-5">
                    <div class="case-details__sidebar">
                        <div class="case-details__information">
                            <h3 class="case-details__information-title">Project Information</h3>
                            <ul class="case-details__information-list list-unstyled">
                                <li>
                                    <h4>Client :</h4>
                                    <p>Jonathan Smith</p>
                                </li>
                                <li>
                                    <h4>Category :</h4>
                                    <p>Business Law</p>
                                </li>
                                <li>
                                    <h4>date :</h4>
                                    <p>02 Mar 2025</p>
                                </li>
                                <li>
                                    <h4>location :</h4>
                                    <p>12 Green Road 05 New Yark</p>
                                </li>
                            </ul>
                        </div>
                        <div class="case-details__get-started">
                            <h3 class="case-details__get-started-title">Get Started Today</h3>
                            <p class="case-details__get-started-text">Pianissimos of dulcimers qui therefore
                                always
                                holds in these matters to this principle</p>
                            <ul class="case-details__get-started-points list-unstyled">
                                <li>
                                    <div class="icon">
                                        <span class="icon-call"></span>
                                    </div>
                                    <p><a href="tel:585858575084"> 58 585 857 5084</a></p>
                                </li>
                                <li>
                                    <div class="icon">
                                        <span class="icon-email"></span>
                                    </div>
                                    <p><a href="mailto:example@gmail.com">example@gmail.com</a></p>
                                </li>
                                <li>
                                    <div class="icon">
                                        <span class="icon-pin"></span>
                                    </div>
                                    <p>4517 Washington Ave. Manchester,<br> Kentucky 39495</p>
                                </li>
                            </ul>
                            <div class="case-details__get-started-btn-box">
                                <a href="{{ route('about') }}" class="thm-btn">
                                    <span class="thm-btn-text">Get A Quote</span>
                                    <span class="thm-btn-icon-box"><i class="fas fa-arrow-right"></i></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-12">
                    <div class="case-details__previous-next">
                        <ul>
                            <li>
                                <div class="icon">
                                    <a href="#"><span class="icon-left-arrow-1"></span></a>
                                </div>
                                <div class="text-box">
                                    <a href="#">Previous Project</a>
                                </div>
                            </li>

                            <li>
                                <div class="text-box">
                                    <a href="#">Next Project</a>
                                </div>
                                <div class="icon">
                                    <a href="#"><span class="icon-right-arrow-1"></span></a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Case Details End-->

    <x-footer_one />
@endsection
