<!-- ==================== Mobile Menu Start Here ==================== -->
<div
    class="mobile-menu d-lg-none d-block scroll-sm position-fixed bg-white tw-w-300-px tw-h-screen overflow-y-auto tw-p-6 tw-z-999 tw--translate-x-full tw-pb-68 ">

    <button type="button"
        class="close-button position-absolute tw-end-0 top-0 tw-me-2 tw-mt-2 tw-w-605 tw-h-605 rounded-circle d-flex justify-content-center align-items-center text-neutral-900 bg-neutral-200 hover-bg-neutral-900 hover-text-white">
        <i class="ph ph-x"></i>
    </button>

    <div class="mobile-menu__inner">
        <a href="<?php echo e(route('home')); ?>" class="mobile-menu__logo">
            <img src="<?php echo e(asset('assets/images/logo/logo.png')); ?>" alt="Logo">
        </a>
        <div class="mobile-menu__menu">
            <!-- Nav menu Start -->
            <ul class="nav-menu d-lg-flex align-items-center nav-menu--mobile d-block tw-mt-8">
                <li class="nav-menu__item has-submenu activePage">
                    <a href="javascript:void(0)"
                        class="nav-menu__link tw-pe-5 text-white font-heading tw-py-11 fw-normal w-100">Home</a>

                    <!-- mega menu start -->
                    <div
                        class="mega-menu tw-p-6 tw-rounded-lg scroll-sm nav-submenu position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-duration-200 tw-z-99">
                        <div class="row g-4 row-cols-1 row-cols-lg-3 row-cols-xl-4">
                            <div class="col">
                                <div class="mega-menu-item group-item">
                                    <div
                                        class="position-relative border border-neutral-200 tw-rounded-lg overflow-hidden">
                                        <a href="<?php echo e(route('home')); ?>" class="d-block">
                                            <img src="<?php echo e(asset('assets/images/thumbs/home-img1.png')); ?>" alt="Home Page Image"
                                                class="tw-h-320-px w-100 object-fit-cover object-top">
                                        </a>
                                        <div class="d-lg-flex d-none">
                                            <div
                                                class="mega-menu-item__overlay position-absolute top-0 tw-start-0 w-100 h-100 d-flex justify-content-center align-items-center tw-invisible opacity-0 group-hover-item-visible group-hover-item-opacity-1 tw-scale-08 group-hover-item-scale-1 tw-rounded-lg pointer-event-none">
                                            </div>
                                            <div
                                                class="mega-menu-item__buttons position-absolute top-0 tw-start-0 w-100 h-100 d-flex justify-content-center align-items-center flex-column tw-gap-4 tw-invisible opacity-0 group-hover-item-visible group-hover-item-opacity-1">
                                                <a class="tw-btn-hover-white bg-main-600 tw-py-4 tw-px-8 text-capitalize text-heading font-heading d-inline-flex align-items-center tw-gap-2 tw-rounded-lg"
                                                    href="<?php echo e(route('home')); ?>">Live Preview <span
                                                        class="d-inline-block lh-1 tw-text-lg"><i
                                                            class="ph ph-arrow-up-right"></i></span></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tw-mt-4 text-center">
                                        <a href="<?php echo e(route('home')); ?>"
                                            class="text-heading hover-text-main-600 fw-semibold tw-text-md text-capitalize line-clamp-1">Home
                                            One</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="mega-menu-item group-item">
                                    <div
                                        class="position-relative border border-neutral-200 tw-rounded-lg overflow-hidden">
                                        <a href="<?php echo e(route('indexTwo')); ?>" class="d-block">
                                            <img src="<?php echo e(asset('assets/images/thumbs/home-img2.png')); ?>" alt="Home Page Image"
                                                class="tw-h-320-px w-100 object-fit-cover object-top">
                                        </a>
                                        <div class="d-lg-flex d-none">
                                            <div
                                                class="mega-menu-item__overlay position-absolute top-0 tw-start-0 w-100 h-100 d-flex justify-content-center align-items-center tw-invisible opacity-0 group-hover-item-visible group-hover-item-opacity-1 tw-scale-08 group-hover-item-scale-1 tw-rounded-lg pointer-event-none">
                                            </div>
                                            <div
                                                class="mega-menu-item__buttons position-absolute top-0 tw-start-0 w-100 h-100 d-flex justify-content-center align-items-center flex-column tw-gap-4 tw-invisible opacity-0 group-hover-item-visible group-hover-item-opacity-1">
                                                <a class="tw-btn-hover-white bg-main-600 tw-py-4 tw-px-8 text-capitalize text-heading font-heading d-inline-flex align-items-center tw-gap-2 tw-rounded-lg"
                                                    href="<?php echo e(route('indexTwo')); ?>">Live Preview <span
                                                        class="d-inline-block lh-1 tw-text-lg"><i
                                                            class="ph ph-arrow-up-right"></i></span></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tw-mt-4 text-center">
                                        <a href="<?php echo e(route('indexTwo')); ?>"
                                            class="text-heading hover-text-main-600 fw-semibold tw-text-md text-capitalize line-clamp-1">Home
                                            Two</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="mega-menu-item group-item">
                                    <div
                                        class="position-relative border border-neutral-200 tw-rounded-lg overflow-hidden">
                                        <a href="<?php echo e(route('indexThree')); ?>" class="d-block">
                                            <img src="<?php echo e(asset('assets/images/thumbs/home-img3.png')); ?>" alt="Home Page Image"
                                                class="tw-h-320-px w-100 object-fit-cover object-top">
                                        </a>
                                        <div class="d-lg-flex d-none">
                                            <div
                                                class="mega-menu-item__overlay position-absolute top-0 tw-start-0 w-100 h-100 d-flex justify-content-center align-items-center tw-invisible opacity-0 group-hover-item-visible group-hover-item-opacity-1 tw-scale-08 group-hover-item-scale-1 tw-rounded-lg pointer-event-none">
                                            </div>
                                            <div
                                                class="mega-menu-item__buttons position-absolute top-0 tw-start-0 w-100 h-100 d-flex justify-content-center align-items-center flex-column tw-gap-4 tw-invisible opacity-0 group-hover-item-visible group-hover-item-opacity-1">
                                                <a class="tw-btn-hover-white bg-main-600 tw-py-4 tw-px-8 text-capitalize text-heading font-heading d-inline-flex align-items-center tw-gap-2 tw-rounded-lg"
                                                    href="<?php echo e(route('indexThree')); ?>">Live Preview <span
                                                        class="d-inline-block lh-1 tw-text-lg"><i
                                                            class="ph ph-arrow-up-right"></i></span></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tw-mt-4 text-center">
                                        <a href="<?php echo e(route('indexThree')); ?>"
                                            class="text-heading hover-text-main-600 fw-semibold tw-text-md text-capitalize line-clamp-1">Home
                                            Three</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="mega-menu-item group-item">
                                    <div
                                        class="position-relative border border-neutral-200 tw-rounded-lg overflow-hidden">
                                        <a href="<?php echo e(route('indexFour')); ?>" class="d-block">
                                            <img src="<?php echo e(asset('assets/images/thumbs/home-img4.png')); ?>" alt="Home Page Image"
                                                class="tw-h-320-px w-100 object-fit-cover object-top">
                                        </a>
                                        <div class="d-lg-flex d-none">
                                            <div
                                                class="mega-menu-item__overlay position-absolute top-0 tw-start-0 w-100 h-100 d-flex justify-content-center align-items-center tw-invisible opacity-0 group-hover-item-visible group-hover-item-opacity-1 tw-scale-08 group-hover-item-scale-1 tw-rounded-lg pointer-event-none">
                                            </div>
                                            <div
                                                class="mega-menu-item__buttons position-absolute top-0 tw-start-0 w-100 h-100 d-flex justify-content-center align-items-center flex-column tw-gap-4 tw-invisible opacity-0 group-hover-item-visible group-hover-item-opacity-1">
                                                <a class="tw-btn-hover-white bg-main-600 tw-py-4 tw-px-8 text-capitalize text-heading font-heading d-inline-flex align-items-center tw-gap-2 tw-rounded-lg"
                                                    href="<?php echo e(route('indexFour')); ?>">Live Preview <span
                                                        class="d-inline-block lh-1 tw-text-lg"><i
                                                            class="ph ph-arrow-up-right"></i></span></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tw-mt-4 text-center">
                                        <a href="<?php echo e(route('indexFour')); ?>"
                                            class="text-heading hover-text-main-600 fw-semibold tw-text-md text-capitalize line-clamp-1">Home
                                            Four</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- mega menu end -->
                </li>
                <li class="nav-menu__item has-submenu position-relative">
                    <a href="javascript:void(0)"
                        class="nav-menu__link tw-pe-5 text-white font-heading tw-py-11 fw-normal w-100">Pages</a>
                    <ul
                        class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md overflow-hidden tw-p-2 tw-duration-200 tw-z-99">
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('about')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">About
                                Us</a>
                        </li>
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('service')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">Service</a>
                        </li>
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('service.details')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">Service
                                Details</a>
                        </li>
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('animations')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">Our
                                Animations</a>
                        </li>
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('offers')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">Offers</a>
                        </li>
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('gallery')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">Gallery</a>
                        </li>
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('pricing')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">Pricing</a>
                        </li>
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('testimonial')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">Testimonial</a>
                        </li>
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('appointment')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">Book
                                An Appointment</a>
                        </li>
                    </ul>
                </li>
                <li class="nav-menu__item has-submenu position-relative">
                    <a href="javascript:void(0)"
                        class="nav-menu__link tw-pe-5 text-white font-heading tw-py-11 fw-normal w-100">Room</a>
                    <ul
                        class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md overflow-hidden tw-p-2 tw-duration-200 tw-z-99">
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('room')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">Room</a>
                        </li>
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('room.details')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">Room
                                Details</a>
                        </li>
                    </ul>
                </li>
                <li class="nav-menu__item has-submenu position-relative">
                    <a href="javascript:void(0)"
                        class="nav-menu__link tw-pe-5 text-white font-heading tw-py-11 fw-normal w-100">Destination</a>
                    <ul
                        class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md overflow-hidden tw-p-2 tw-duration-200 tw-z-99">
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('destination')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">
                                Destination</a>
                        </li>
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('destination.details')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">
                                Destination Details</a>
                        </li>
                    </ul>
                </li>
                <li class="nav-menu__item has-submenu position-relative">
                    <a href="javascript:void(0)"
                        class="nav-menu__link tw-pe-5 text-white font-heading tw-py-11 fw-normal w-100">Blog</a>
                    <ul
                        class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md overflow-hidden tw-p-2 tw-duration-200 tw-z-99">
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('blog')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">Blog</a>
                        </li>
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('blog.grid')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">Blog
                                Grid</a>
                        </li>
                        <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                            <a href="<?php echo e(route('blog.details')); ?>"
                                class="nav-submenu__link hover-bg-neutral-200 text-heading font-heading fw-normal w-100 d-block tw-py-2 tw-px-305 tw-rounded">
                                Blog Details</a>
                        </li>
                    </ul>
                </li>
                <li class="nav-menu__item">
                    <a href="<?php echo e(route('contact')); ?>"
                        class="nav-menu__link text-white font-heading tw-py-11 fw-normal w-100">Contact</a>
                </li>
            </ul>
            <!-- Nav menu End  -->
        </div>
    </div>
</div>
<!-- ==================== Mobile Menu End Here ==================== -->
<?php /**PATH D:\laragon\www\elitestay\resources\views/frontend/includes/partials/navbar.blade.php ENDPATH**/ ?>