{{-- <div class="hero-slider-pages  "
    style="
background-image: url({{ $section->icon_path }});
background-size: cover;
background-position: center center;


">
    <div class="container position-relative d-flex justify-content-start align-items-end h-100">



        <div class="text-slider" style="
position: relative;
z-index: 2;
color: white;
padding: 20px;
">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb d-flex gap-2 align-items-center text-white">
                    <li class="breadcrumb-item fs-5">
                        <a href="{{ Path::AppUrl() }}"
                            class="text-decoration-none text-white">{{ __('website.home') }}</a>
                    </li>
                    <li class="fs-4">/</li>
                    <li class="breadcrumb-item fw-bold active fs-5 text-white" aria-current="page">
                        {{ $page_title ?? $section->title }}
                    </li>
                </ol>
            </nav>
            <h1 class="wow fadeInRight text-white" data-wow-duration="1s">
                {{ $page_title ?? $section->title }}
            </h1>
        </div>
    </div>
</div> --}}
<div class="dz-bnr-inr style-1 dz-bnr-inr-sm">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div class="dz-bnr-inr-entry">
                    <div class="dz-bnr-inr-flex">
                        <div class="bnr-info">
                            <h1 class="wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">{{$section->title}}</h1>
                            <nav aria-label="breadcrumb" class="breadcrumb-row wow fadeInUp" data-wow-delay="0.4s"
                                data-wow-duration="0.8s">
                                <ul class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="{{ Path::AppUrl() }}">{{ __('website.home') }}</a></li>
                                    <li class="breadcrumb-item"> {{ $page_title ?? $section->title }}</li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bnr-media">
            <img src="{{$section->image_path}}" alt="" class="wow fadeInUp" data-wow-delay="0.2s"
                data-wow-duration="0.8s">
        </div>
    </div>
</div>