@if(!empty($data))
<section class="service-section-1 section-padding pb-1 fix">
    <div class="container section-padding pt-0 border-bottom">
        <div class="row g-4">
            @foreach($data as $service)
            <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".{{ ($loop->index + 1) * 2 }}s">
                <div class="service-main-item">
                    <div class="service-card-item">
                        @if(!empty($service['icon']))
                        <div class="icon">
                            @include('v2-service-media::components.picture', [
                                'originalPath' => $service['icon'],
                                'variants'     => $service['icon_variants'] ?? [],
                                'alt'          => $service['title'] ?? '',
                                'lazy'         => true,
                            ])
                        </div>
                        @endif
                        <div class="content">
                            <h3>
                                <a href="{{ $service['url'] ?? '#' }}">{{ $service['title'] ?? '' }}</a>
                            </h3>
                            <p>{{ $service['description'] ?? '' }}</p>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif