{{-- <div class="min-h-screen flex flex-col sm:justify-center items-center  bg-white"> --}}
<div class="py-10 lg:py-16 xl:py-20 flex flex-col sm:justify-center items-center px-5 md:px-0 bg-white">
    <div>
        {{-- jetstrem logo --}}
        {{-- {{ $logo }} --}}
    </div>

    <div class="w-full sm:max-w-2xl px-6 sm:px-10 md:px-16 lg:px-20 py-10 sm:py-10 md:py-14 lg:py-16 bg-white border border-gray-100 shadow-lg overflow-hidden rounded-lg">
        <div class="flex justify-center mb-8">
            <a href="{{ route('home') }}">
                <img src="{{ Vite::asset('resources/images/morepaws-logo.svg')}}" class="items-center h-auto w-[190px] sm:w-[220px] lg:w-[240px] xl:w-[300px]" alt="Logo" width="300" height="40">
            </a>
        </div>
        {{ $slot }}
    </div>
</div>