@foreach ($careers as $career)
    <div class="bg-white px-2 py-3 rounded-3 my-2 col-lg-6">
        <div class="d-flex justify-content-between align-items-center">
            <p class="my-0 text-red time_text">@lang('site.added_on'):
                {{ date('d/m/Y', strtotime($career->created_at)) }}</p>
            <p class="my-0 px-3 py-2 bg-f1f1f1 SF16_19Medium text-3b3b3b rounded">@lang('site.Full Time')</p>
        </div>
        <div>
            <p class="my-2 SF26_31Bold text-3b3b3b">{{ $career->title }}</p>
            <div class="d-lg-flex justify-content-lg-start align-items-lg-center">
                <div class="d-flex align-items-center my-2">
                    <img loading="lazy" src="{{ asset('new_theme/marker.svg') }}" alt="marker"
                        class="p-2 rounded-circle bg-light-blue iconSize">
                    <p class="my-0 SF19_23Regular text-3b3b3b mx-2 text-uppercase">@lang('site.Remax_Elmohager') @lang('site.Properties')
                    </p>
                </div>
                <div class="d-flex align-items-center my-2 mx-lg-5">
                    <img loading="lazy" src="{{ asset('new_theme/experience.svg') }}" alt="marker"
                        class="p-2 rounded-circle bg-light-blue iconSize">
                    <p class="my-0 SF19_23Regular text-3b3b3b mx-2">2+ @lang('site.Years')</p>
                </div>
            </div>
            <div class="my-3">
                <a href="{{ route('careers.single', $career->title_en) }}"
                    class="btn bg-red text-white SF20_24MediumImportant SF23_28MediumImportant-lg px-4 py-2">
                    @lang('site.apply_now')
                    <i class="mx-2">
                        @if (app()->getLocale() == 'ar')
                            &#x2196;
                        @else
                            &#x2197;
                        @endif
                    </i>
                </a>
            </div>
        </div>
    </div>
@endforeach