{{-- <section class="intro-section">
    <div class="video-fullscreen-wrap">
        <div class="video-fullscreen-video" data-overlay-dark="3">
            <video playsinline="" autoplay="" loop="" muted="">
                <source src="{{ asset('assets/website/cic-v.mov') }}" type="video/mp4" autoplay="" loop="" muted="">
            </video>
        </div>
        <div class="v-middle caption overlay">
            <div class="container">
                <div class="row">
                    <div class="col-md-7 text-center">
                        <h4></h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> --}}
@foreach($sliders as $index=> $slider)
@if($index == 0)
<div class="hero-banner style-3" style="background-image: url({{ $slider->image_path }});">
    <div class="container">
        <div class="inner-wrapper">
            <div class="row align-items-center h-100">
                <div class="col-md-12">
                    <div class="hero-content text-center">
                        <h1 class="title wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
                            Skincare is Like A Workout For Your Skin</h1>
                        <div class="content-bx style-2 secondary m-b40 wow fadeInUp" data-wow-delay="0.4s"
                            data-wow-duration="0.8s">
                            Experienced staff is dedicated to improving our patients’ dental health and
                            enhancing
                        </div>
                        <div class="text-center">
                            <a href="appointment.html" class="btn btn-lg btn-icon btn-primary wow fadeInUp"
                                data-wow-delay="0.6s" data-wow-duration="0.8s">
                                Appointment
                                <span class="right-icon"><i class="feather icon-arrow-right"></i></span>
                            </a>

                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>

    <div class="banner-shape4"></div>
    <div class="banner-shape5"></div>
    <div class="banner-shape6"></div>
</div>
@endif
@endforeach