@foreach ($doctorvideos as $doctor)
    <div class="mx-2">
        <div class="border sp-card border-1 rounded-3 bg-white">
            <iframe width="100% " height="150" src="https://www.youtube.com/embed/{{ $doctor->YoutubeURL }}"
                srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5
                        sans-serif;color:white;text-shadow:0 0 0.5em #00000069}.yt-bg{display: flex;align-items: center;justify-content: center;}.yt-bg span{height: 60px;background-image: url(https://all-filesuploads.s3.amazonaws.com/play.png);text-shadow:
                        none;width: 60px;background-repeat: no-repeat;background-size: cover; }
                        </style>
                        <a href=https://www.youtube.com/embed/{{ $doctor->YoutubeURL }}?autoplay=1><img src=https://img.youtube.com/vi/{{ $doctor->YoutubeURL}}/hqdefault.jpg alt='{{$doctor->Title}}'>
                            <div class='yt-bg'><span></span></div>
                        </a>" frameborder="0"
                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                allowfullscreen
                title="{{$doctor->Title}}">
            </iframe>
            <div class="ps-3 pe-2 pb-2 ">
                <h4 class="text-start mt-1 mb-1 f-16 f-sm-16 mb-0  clr5c">
                    {{ \Illuminate\Support\Str::limit($doctor->Title, 60, '...') }}
                </h4>
                <div class="d-flex align-items-center">
                    @if (!is_null($doctor->doctors))
                        <a href="javascript:void(0)" class="f-14 f-sm-14 clr5c no-underline me-2">{{ $doctor->doctors->DoctorName }}</a>
                    @endif

                    @if (!is_null($doctor->specialities))
                        <span class="rounded-pill d-inline-block bgBlueLight clrBlueDark f-10 fw-400 px-2 py-0">
                            {{ $doctor->specialities->SpecialityName }}
                        </span>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endforeach