@if ($blogs->isNotEmpty())
    <!-- Blogs Section -->
    <section class="blogs-section py-5">
      <div class="container py-5">
        
        <!-- Blogs Grid -->
        <div class="row g-5">
          @foreach($blogs as $blog)
            <div class="col-md-6" data-aos="fade-up" 
            {{$loop->first?'':'data-aos-delay="intdiv($loop->iteration - 1, 2) * 100 + 100"'}}>
            <div class="blog-card rounded-4 h-100 ">
              <div class="blog-image">
                <img
                  src="{{$blog->image_path}}"
                  alt="{{$blog->alt_image}}"
                  class="w-100"
                />
              </div>
              <div class="blog-content p-4">
               
                <h4 class="fw-bold mb-3">
                  {{$blog->name}}
                </h4>
                <p class="text-muted mb-3">
                  {!!$blog->short_desc!!}
                </p>
                <a href="{{$blog->link}}" class="btn-read-more">
                  {{__('website.read_more')}} <i class="fas fa-arrow-right ms-2"></i>
                </a>
              </div>
            </div>
          </div>
          @endforeach
        </div>
      </div>
    </section>
@endif