@extends('front.layout-ref')
<style>
    #content {
        background-color: #fff !important;
    }

    .active {
        color: #292826 !important;
    }

    .pages-content {
        color: #292826 !important;
        margin: 0px 50px;
    }

    .breadcrump-section {
        padding-top: 70px;
        background: #000f1e !important;
    }

    .bg-gray-1000 {
        background-color: #f6f7f9
    }

    .active{
        color:#292826 !important;
    }

    .breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #949cb0;
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0cHgnIGhlaWdodD0nN3B4Jz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGQ9J00zLjk3OCwzLjcwMiBDMy45ODYsMy43ODUgMy45NjYsMy44NjggMy45MDMsMy45MzQgTDEuMDM4LDYuOTAxIEMwLjkyMCw3LjAyMiAwLjcyNCw3LjAyOSAwLjU5OCw2LjkxNiBMMC4xNDMsNi41MDYgQzAuMDE3LDYuMzkzIDAuMDEwLDYuMjAzIDAuMTI3LDYuMDgyIEwyLjE5MCwzLjk0NSBDMi4yNzYsMy44MjkgMi4zNTUsMy42OTAgMi4zNTUsMy41NDggQzIuMzU1LDMuMjE0IDEuOTQ3LDIuODg0IDEuOTQ3LDIuODg0IEwxLjk2MywyLjg3NyBMMC4wODAsMC45MDUgQy0wLjAzNywwLjc4MyAtMC4wMjksMC41OTMgMC4wOTUsMC40NzkgTDAuNTQ3LDAuMDY4IEMwLjY3MSwtMC4wNDUgMC44NjYsLTAuMDM5IDAuOTgzLDAuMDgzIEwzLjgyMywzLjA1NiBDMy44NjYsMy4xMDIgMy44NzUsMy4xNjEgMy44ODUsMy4yMTggQzMuOTQ1LDMuMjY3IDMuOTg4LDMuMzMzIDMuOTg4LDMuNDE1IEwzLjk4OCwzLjY4MSBDMy45ODgsMy42ODkgMy45NzksMy42OTQgMy45NzgsMy43MDIgWic+PC9wYXRoPjwvc3ZnPg==)
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.search-block{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
</style>

@section('content')
<main id="content" style="margin-top:5px !important;background-color:#fff !important;">

    <section class="breadcrump-section">
        <div class="bg-gray-1000 py-5 pt-lg-5 pb-lg-5 mb-5 mb-lg-5">
            <div class="container px-md-5 mb-lg-2">
                <h6 class="h3 font-size-30 fw-bold text-center mb-1">{{ $page->title }}</h6>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb justify-content-center p-0">
                        <li class="breadcrumb-item active"><a class="text-dark text-decoration-none" href="{{url('/')}}">Home</a></li>
                        <li class="breadcrumb-item text-dark text-decoration-none" aria-current="page">{{ $page->title }}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </section>

    <div class="pages-content space-bottom-1 space-bottom-lg-2">

        {!! $page->description !!}



    </div>


</main>

@endsection

@section('custom-script')
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
    crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
    integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
@endsection