@if ($sliders->isNotEmpty())
    <!--================= Slider ================-->
    @foreach ($sliders->take(1) as $key => $item)
            <section class="hero-section hero-1 fix bg-cover" style="background-image: url('{{ $item->image_path }}');">
                <div class="container">
                    <div class="row g-4 align-items-center">
                        <div class="col-lg-6">
                            <div class="hero-content">
                                <h6 class="wow fadeInUp">{{ $item->title }}</h6>
                                <h1 class="wow fadeInUp" data-wow-delay=".3s">
                                    {{ $item->sub_title }}
                                </h1>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
    @endforeach
    <!--================= Slider ================-->
@endif