@if ($visaGalleries->galleries->isNotEmpty())
    <section class="bg-white pt-3 sm-pt-50px">
        <div class="container-fluid">
            <div class="row justify-content-center mb-2">
                <div class="col-xxl-5 col-xl-6 col-lg-8 col-md-10 text-center"
                    data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
                    <span class="fs-15 alt-font fw-600 text-base-color mb-5px d-block text-uppercase ls-3px">Happy
                        memories</span>
                    <h3 class="alt-font text-dark-gray ls-minus-1px md-ls-0px">Your Visa Success Story Starts Here!</h3>
                </div>
            </div>

            <div class="row position-relative">
                <div class="col-md-12 p-sm-0"
                    data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
                    <div class="swiper swiper-width-auto magic-cursor"
                        data-slider-options="{ &quot;slidesPerView&quot;: 3, &quot;spaceBetween&quot;: 30, &quot;loop&quot;: true, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-four-slide-pagination&quot;, &quot;clickable&quot;: true }, &quot;autoplay&quot;: { &quot;delay&quot;: 3000, &quot;disableOnInteraction&quot;: false }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;effect&quot;: &quot;slide&quot; }">
                        <div class="swiper-wrapper image-gallery-style-01">

                            @foreach ($visaGalleries->galleries as $item)
                                <div class="swiper-slide transition-inner-all">
                                    <div class="gallery-box">
                                        <a href="{{ $item->images[0] ?? '' }}" data-group="lightbox-gallery"
                                            title="{{ $item->title }}">
                                            <div
                                                class="position-relative gallery-image bg-dark-gray overflow-hidden border-radius-6px">
                                                <img src="{{ $item->images[0] ?? '' }}" class="fixed-image"
                                                    alt="{{ $item->title }}" />
                                                <div
                                                    class="d-flex align-items-center justify-content-center position-absolute top-0px left-0px w-100 h-100 gallery-hover move-bottom-top">
                                                    <div
                                                        class="d-flex align-items-center justify-content-center w-75px h-75px rounded-circle bg-base-color">
                                                        <i
                                                            class="feather icon-feather-search text-white icon-extra-medium"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            @endforeach

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endif