@foreach ($rarecases as $rarecase)
    <a href="{{ route('rarecases.show', $rarecase->Slug) }}" class="mb-4 sp-card border-1 rounded-3 bg-white  border border-primary no-underline">
        <div class="px-3 py-3 d-flex h-100">
            <div class="logo-div rarecase-img-logo">
                <img src="{{ asset('img/sarvodaya-fav-logo.svg') }}" alt="Sarvodaya Fav Icon"/>
            </div>
            <div class="ps-3 d-flex flex-column">
                <p class="mt-0 mb-0 f-16 fw-500 lh-120 color-5c5c5c mb-2">
                    {{ $rarecase->Title }}
                </p>
                <p class="clrBlueDark no-underline mb-0 fw-500 f-15 mt-auto">Read More</p>
            </div>
        </div>
    </a>

    {{-- <div class="mb-4 sp-card border-1 rounded-3">
        <div class="px-3 pt-2 pb-3 bg-blue rounded-3">
            <h4 class="text-md-start fw-500 f-16 f-sm-16 mb-0 mt-1 rarecase-title">
                <a href="{{ route('rarecases.show', $rarecase->Slug) }}" class="no-underline clrBlueDark">
                    {{ $rarecase->Title }}
                </a>
            </h4>
            <div class="text-md-start fw-400 f-14 f-sm-14 mb-1 mt-1">
                {!! \Illuminate\Support\Str::limit($rarecase->ShortDescription, 100, '...') !!}
            </div>
            <div class="d-flex justify-content-between align-items-center ">
                <h4 class="text-md-start f-14 f-sm-14 mb-0 text-center">
                    <a class="clrBlueDark no-underline fw-500" href="{{ route('rarecases.show', $rarecase->Slug) }}">Read More</a>
                </h4>
            </div>
        </div>
    </div> --}}
@endforeach