@extends('layout.web')
@section('content')
    <div class="site-main">
       <style>
        .error-404 hr:after {
    
    background: rgb(43 74 136 / 61%);
}
       </style>  
        <section class="error-404  ">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div id="clouds">
                            <div class="cloud z1"></div>
                            <div class="cloud z1_5"></div>
                            <div class="cloud z2"></div>
                            <div class="cloud z3"></div>
                            <div class="cloud z4"></div>
                            <div class="cloud z5"></div>
                        </div>
                        <div class="text-content">
                            <div class="_404" style="color: #2B4A88;">404</div>
                            <hr style="color: #2B4A88;">
                            <div class="h1" style="color: #2B4A88;">THE PAGE</div>
                            <div class="h2" style="color: #2B4A88;">WAS NOT FOUND</div>
                            <a class="cmt-btn cmt-btn-size-md cmt-btn-shape-round cmt-btn-style-border cmt-btn-color-white" style="background-color: #2B4A88;" href="index.html">Back To Home</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    
    @endsection
   