@php
    $services = App\Service::where('status', 1)->get();
@endphp

<div class="services__area-2 pt-120 pb-85">
    <div class="container">
        <div class="row wow slideInUp">
            <div class="col-xl-12">
                <div class="section-title mb-60">
                    <span><i class="fal fa-ship"></i>Services</span>
                    <h2>Services Offered</h2>
                    <div class="back-text">
                        <span>Services</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="row wow slideInUp">


            @foreach ($services as $service )
            <div class="col-xxl-3 col-xl-3  col-lg-6 col-md-6" >
                <div class="services__wrapper-4 p-relative pb-60 mb-30  " >
                    <div class="services__item-4 text-center transition-3 fix" style="padding:10px;">
                        <div class="services__icon-4 mb-35">

                            <img src="{{ asset('frontend_assets/img/service/02/'.$service->image)}}" style="height: 200px;"  alt="">
                        </div>

                        <div class="services__content-4" >
                            <h3 class="services__title-4">
                                <a href="{{ url('/service_detail/'.$service->id) }}">{{ $service->name }}</a>
                            </h3>
                            <p>{{ $service->brief_description }} <br><br></p>
                        </div>
                    </div>
                    <div class="services__btn text-center ">
                        <a href="{{ url('/service_detail/'.$service->id) }}" class="v-btn v-btn-big" style="padding: 0 15px;">Learn More <i class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
            </div>
            @endforeach


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