@if (!empty($product_category['list']))
    <section class="service-style3-area">
        <div id="particles-blue" class="particles"></div>
        <div class="container">
            <div class="service-style3__top">
                <div class="sec-title">
                    <h2 class="text-white m-b-0">{{ $product['name'] ?? '' }}</h2>
                    <div class="sub-title">
                        <h3>{{ $product['desc'] ?? '' }}</h3>
                    </div>
                </div>
                <div class="text text-right">
                    <p>{{ $product['text'] ?? '' }}</p>
                    <a href="{{ $product['url'] ?? '' }}" class="btn">{{ __('frontend::text.products.see_more') }} <i class="fa fa-arrow-circle-right m-l-10"></i> </a>
                </div>
            </div>
            <div class="row text-right-rtl">
                <div class="carousel product-card-carousel" data-items="4" data-margin="20">
                    @foreach ($product_category['list'] as $item)
                        <div class="product-card">
                            <div class="product-image">
                                <a href="{{ $item['url'] ?? '' }}"><img src="{{ check_file($item['image'] ?? '') }}" alt="{{ $item['name'] ?? '' }}" /></a>
                            </div>
                            <div class="product-content text-center">
                                <div class="title">
                                    <a href="{{ $item['url'] ?? '' }}">
                                        {{ $item['name'] ?? '' }}
                                    </a>
                                </div>
                                <div class="description">
                                    <p>{{ $item['desc'] ?? '' }}</p>
                                </div>
                                <a href="{{ $item['url'] ?? '' }}" class="btn">{{ __('frontend::text.products.view_more') }} <i class="fa fa-arrow-circle-right m-l-10"></i> </a>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </section>
@endif