<div class="specialities swiper">
    <div class="swiper-wrapper">
        @foreach($specialities as $speciality)
            <div class="swiper-slide">
                <a href="{{ route('specialities.show', $speciality->Slug) }}" class="no-underline">
                    <div class="testimonial-wrap">
                        <div class="testimonial-item">
                            <div class="procedure_box h-100">
                                <div class="card_header">
                                    @if(!is_null($speciality->media))
                                        <img src="{{ $speciality->media->thumbnail_url }}" alt="{{ $speciality->SpecialityName }}" width="50px" height="50px">
                                    @else
                                        <img src="{{ asset('img/ortho-new.svg')  }}" alt="{{ $speciality->SpecialityName }}" width="50px" height="50px">
                                    @endif
                                    <h3 class="lh-20">
                                        {{ $speciality->SpecialityName }}
                                    </h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        @endforeach
    </div>
    <div class="swiper-button-next"><i class="fa-solid fa-angle-right"></i></div>
    <div class="swiper-button-prev"><i class="fa-solid fa-angle-left"></i></div>
</div>