@if ($blogs->isNotEmpty())
    <!--===============Blogs==============-->
   
    <section class="content-inner-6">
        <div class="container bg-text position4" data-text="{{__('website.blogs')}}">
            <div class="row align-items-center justify-content-between">
                @foreach ($blogs as $blog)
                    <div class="col-lg-4 col-md-6 col-12">
                        <div class="dz-card style-2">
                            <div class="dz-media">
                                <a href="{{ $blog->link }}">
                                    <img src="{{ $blog->image_path }}" alt="/">
                                </a>
                            </div>
                            <div class="dz-info">
                                <div class="dz-left">
                                    <h3 class="dz-title">
                                        <a href="{{ $blog->link }}">{{ $blog->name }}
                                        </a>
                                    </h3>

                                    <a href="blog-details.html" class="dz-right p-3 btn-rounded">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7 17L17 7" stroke="black" stroke-width="2" stroke-linecap="round"
                                                stroke-linejoin="round" />
                                            <path d="M7 7H17V17" stroke="black" stroke-width="2" stroke-linecap="round"
                                                stroke-linejoin="round" />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
    </section>
@endif