@extends('layouts.front_layout')
    @section('content')
        <section class="error404-wrap-section">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <nav aria-label="breadcrumb" class="breadcrumb-wrap-section">
                            <div class="">
                                <ol class="breadcrumb mb-5 px-0">
                                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">Error 404</li>
                                </ol>
                            </div>
                        </nav>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xxl-6 col-xl-6 col-lg-8 col-md-10 col-sm-12 col-12">
                        <div class="error404_wrap-box">
                            <h1>404</h1>
                            <h2>PAGE NOT FOUND</h2>
                            <p class="pb-4">Sorry but the page you are looking for does not exist, have been removed, name changed or is temporary unavailable.</p>
                            <div class="theme_btn">
                                <a href="{{ route('home') }}" class="theme-primary-btn btn-custom">Back To Home
                                    <span><img src="assets/images/icon/right-angle-arrow-whit-for-btn.png" alt=""></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endsection