{{-- breadcrumb --}}
<div style="margin: 1rem 0rem 0rem 0rem;">
    <section id="breadcrumb-divider">
        <div class="row">
            <div class="col-12">
                <nav aria-label="breadcrumb" class="card-content">
                    <ol class="breadcrumb breadcrumb-default">
                        <li class="breadcrumb-item"><a href="{{ url('/') }}"><i class="bx bx-home" style="color:#056e4f;"></i></a></li>

                        @if ($page_name != null)
                        <li class="breadcrumb-item active" aria-current="page" style="color:#056e4f;">
                            <strong>{{ $page_name }}</strong>
                        </li>
                        @endif

                        <li class="breadcrumb-item active" aria-current="page">
                            <strong>
                                <a href="{{ url($url) }}" style="color:#056e4f;">

                                @if (strlen($slug) > 50)
                                    {{ substr($slug, 0, 50) . ' ..' }}
                                @else
                                    {{ $slug }}
                                @endif

                                </a>
                            </strong>
                        </li>
                    </ol>
                </nav>
            </div>
    </section>
</div>
{{-- end breadcrumb --}}