<div class="main-banner-wrapper home10-hero-content">
     <div class="navi_pagi_bottom_center dots_nav_light banner-style-one slider-1-grid owl-theme owl-carousel">
         @foreach ($heros as $hero )
         <div class="slide slide-one" style="background-image: url('{{ $hero['banner_url'] }}');">
             <div class="container">
                 <div class="row">
                     <div class="col-xl-7 mx-auto text-center">
                         <h3 class="banner-title">{{ $hero['title'] }}</h3>
                         <p class="banner-text text-white ff-heading mb30">{{ $hero['subtitle'] }}</p>
                        <div class="d-block d-lg-none d-sm-flex justify-content-center banner-btn">
                            @livewire('pages.mobile-search')
                         </div>
                     </div>
                 </div>
             </div>
         </div>
         @endforeach
     </div>    
 </div>