@extends('layouts.frontend.master')

@section('title', 'Page Not Found')

@push('styles')
<style>
    .main-hero {
        height: 86vh !important;
    }

    .section_heading {
        visibility: visible;
        animation-delay: 0.2s;
        animation-name: fadeInUp;
        margin-top: 10 px;
        background-color: transparent;
        background-image: linear-gradient(210deg, #7236B8 0%, #D34743 100%);
        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
        padding: 24px 0px;
        margin: 0 px !important;

    }

    .pagename {
        color: #FFFFFF;
        font-family: "Montserrat", Sans-serif;
        font-size: 70px;
        font-weight: 800;
        letter-spacing: 1.9px;
        text-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
    }
    #footer{margin-top:0;}
    @media(min-width:992px){
        #about {padding: 0px 81px 80px 350px;}
    }
    @media(max-width:767px){
        #about img{width:100% !important;}
    }
</style>
@endpush

@section('hero_content')

@endsection

@section('content')
{{-- @if (str_contains($pagesContent->slug, 'vision')) --}}
<section id="about" class="about section-bg">
    <div class="container" data-aos="fade-up">


    <h1 class="font-weight-boldest text-dark-75" style="font-size: 10rem">{{__('403') }}</h1>
    <h4 class="font-weight-boldest text-dark-75" style="font-size: 3rem;">{{__('ACCESS FORBIDDEN') }}</h4>
    <p class="font-size-h3 text-muted font-weight-normal">{{__("SORRY! You don't have access to that page.") }}</p>
    
    </div>
@endsection