@foreach ($services as $service)

    <div class="col-md-12 col-lg-6 col-xl-4 mb-4 mb-lg-0">
    <div class="secrive-card mx-auto">
        <div class="service-inner d-flex flex-nowrap ml-auto">
            <div class="img-box d-flex align-items-center justify-content-center mr-3">
                <img class="img-fluid" src="{{ imageUrl(asset($service->image), 48,48,95,2) }}" alt="Card image">
            </div>
            <div class="detail-box">
                <div class="title mt-1">{{ $service->translation->title }}</div>
                <div class="des">{!! $service->translation->content !!}</div>
                <a href="{{ route('front.our-service-detail' , $service->slug) }}" class="read-more">Read More</a>
            </div>
        </div>
    </div>
</div>
@endforeach