| 
@php $services = \Modules\Service\Entities\Service::get(); @endphp<div class="row appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500" style="animation-delay: 500ms;">
 <div class="col">
 <div class="owl-carousel nav-outside nav-arrows-1 custom-carousel-box-shadow-1 appear-animation owl-theme owl-carousel-init fadeInUpShorter appear-animation-visible owl-loaded owl-drag" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="750" data-plugin-options="{'responsive': {'0': {'items': 1}, '479': {'items': 1}, '768': {'items': 2}, '979': {'items': 3}, '1199': {'items': 3}}, 'autoplay': false, 'autoplayTimeout': 5000, 'autoplayHoverPause': true, 'dots': false, 'nav': true, 'loop': false, 'margin': 20, 'stagePadding': '75'}" style="height: auto; animation-delay: 750ms;">
 <div class="owl-stage-outer">
 <div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 1595px;">
 @foreach ($services as $service)
 <div class="owl-item" style="width: 378.667px; margin-right: 20px;">
 <div>
 <a href="{{ route('demo.business.service.show', $service->slug) }}" class="text-decoration-none">
 <div class="card custom-card-style-1">
 <div class="card-body text-center py-5">
 <div class="custom-card-style-1-image-wrapper bg-primary d-inline-block mb-3">
 <img src="{{ asset('public/images/services/' . $service->image) }}" class="img-fluid" alt="">
 </div>
 <h4 class="custom-card-style-1-title text-color-secondary font-weight-bold mb-2">
 {{ $service->title }}
 </h4>
 <p class="custom-card-style-1-description">
 {{ substr( strip_tags($service->description), 0, 160) }}...
 </p>
 <span class="custom-card-style-1-link font-weight-bold">VIEW MORE</span>
 </div>
 </div>
 </a>
 </div>
 </div>
 @endforeach
 </div>
 </div>
 <div class="owl-nav"><button type="button" role="presentation" class="owl-prev disabled"></button><button type="button" role="presentation" class="owl-next"></button></div>
 <div class="owl-dots disabled"></div>
 </div>
 </div>
 </div>
 
 |