<section class="pb-0 pt0 row wow fadeInUp">
    <div class="container">
        <div class="row align-items-between justify-content-between wow fadeInUp" data-wow-delay="300ms">
            <div class="col-lg-9">
                <div class="main-title2">
                    <h2 class="title">Providers</h2>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="text-end text-lg-end mb-4">
                    <a class="ud-btn btn-light-thm bdrs90" href="{{ route('category.page') }}">See more<i class="fal fa-arrow-right-long"></i></a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12 wow fadeInUp" data-wow-delay="300ms">
                <div class="dots_none slider-dib-sm slider-5-grid vam_nav_style owl-theme owl-carousel">                    
                    @if($browse)
                    @foreach ($browse as $cat)
                   <a href="{{route('show.category.services', $cat['slug'])}}">
                     <div class="item">
                        <div class="feature-style1 mb30 bdrs16">
                            <div class="feature-img bdrs16 overflow-hidden"><img class="w-100 h-50" src="{{$cat['thumbnail'] ?? ''}}" alt="{{ $cat['name'] }}"></div>
                            <div class="feature-content">
                                <div class="top-area">
                                    <h5 class="text">{{ $cat['name'] }}<br class="d-none d-lg-block"></h5>
                                </div>
                            </div>
                        </div>
                    </div>
                   </a>
                    @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>