<!-- Search Popup Start -->
<div class="search_popup">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12">
                <div class="search_wrapper">
                    <div class="search_top d-flex justify-content-between align-items-center">
                        <div class="search_logo">
                            <a href="<?php echo e(route('home')); ?>">
                                <img src="<?php echo e(asset('assets/images/logo/logo.png')); ?>" alt="Logo">
                            </a>
                        </div>
                        <div class="search_close">
                            <button type="button" class="search_close_btn">
                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path d="M17 1L1 17" stroke="currentColor" stroke-width="1.5"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M1 1L17 17" stroke="currentColor" stroke-width="1.5"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                            </button>
                        </div>
                    </div>
                    <div class="search_form">
                        <form action="#">
                            <div class="search_input">
                                <input class="search-input-field" type="text"
                                    placeholder="Type here to search...">
                                <span class="search-focus-border"></span>
                                <button type="submit">
                                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M9.55 18.1C14.272 18.1 18.1 14.272 18.1 9.55C18.1 4.82797 14.272 1 9.55 1C4.82797 1 1 4.82797 1 9.55C1 14.272 4.82797 18.1 9.55 18.1Z"
                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                                            stroke-linejoin="round" />
                                        <path d="M19.0002 19.0002L17.2002 17.2002" stroke="currentColor"
                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                    </svg>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="search-popup-overlay"></div>
<!-- Search Popup End-->


<!--==================== mouse cursor drag start ====================-->
<div class="mouseCursor cursor-outer d-none"></div>
<div class="mouseCursor cursor-inner">
    <span class="inner-text-1 tw-text-lg fw-bold text-main-600">
        <span>
            <svg width="48" height="47" viewBox="0 0 48 47" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd"
                    d="M33.6454 16.1088L15.7477 32.4423L14.3477 30.9082L32.2453 14.5746L33.6454 16.1088Z"
                    fill="#141616" />
                <path fill-rule="evenodd" clip-rule="evenodd"
                    d="M31.4786 15.2755C27.8709 18.5679 27.8182 24.431 30.9057 27.8141L31.6057 28.5811L33.1398 27.1811L32.4398 26.414C30.0957 23.8454 30.1506 19.2992 32.8787 16.8096L33.6453 16.1099L32.2453 14.5758L31.4786 15.2755Z"
                    fill="#141616" />
                <path fill-rule="evenodd" clip-rule="evenodd"
                    d="M32.8783 16.8088C29.2706 20.1012 23.4271 19.6189 20.3397 16.2358L19.6396 15.4688L21.1738 14.0687L21.8738 14.8358C24.218 17.4045 28.7502 17.7643 31.4783 15.2747L32.2449 14.575L33.645 16.1091L32.8783 16.8088Z"
                    fill="#141616" />
            </svg>
        </span>
        <br>
        get in touch
    </span>
    <span class="inner-text-2">
        <span>
            <svg width="63" height="63" viewBox="0 0 63 63" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M0.132374 56.2074L6.68723 62.776C6.98521 63.0747 8.773 63.0747 9.07084 62.776L47.2086 25.4537C47.8044 24.8564 48.4004 24.5578 49.2942 24.5578C49.5922 24.5578 50.1881 24.5578 50.486 24.8564C51.6778 25.155 52.2736 26.3494 52.2736 27.5437V46.3542V46.6529H61.8082C62.404 46.6529 62.7022 46.6529 63 46.6529V0.970426C63 0.970426 63 0.970427 62.4042 0.373196C61.8083 -0.224035 62.1063 0.0747274 61.5102 0.0747274H16.8176C16.8176 0.373196 16.8176 0.671811 16.8176 1.56766V10.8234C16.8176 11.4205 16.8176 12.0177 16.8176 12.0177H35.8865C37.0783 12.0177 38.2701 12.6148 38.5679 13.8091C39.1638 15.0034 38.8659 16.1978 37.9721 17.0936L0.728355 54.1174C0.430367 54.416 0.132374 54.7146 0.132374 55.3117C-0.16547 55.9088 0.132374 55.9088 0.132374 56.2074Z"
                    fill="currentColor" />
            </svg>
        </span>
    </span>
</div>
<!--==================== mouse cursor drag end ====================-->


<!--==================== Overlay Start ====================-->
<div class="overlay"></div>
<!--==================== Overlay End ====================-->

<!--==================== Sidebar Overlay End ====================-->
<div class="side-overlay"></div>
<!--==================== Sidebar Overlay End ====================-->

<!-- Custom Toast Message start -->
<div id="toast-container"></div>
<!-- Custom Toast Message End -->

<!-- Custom Cursor Start -->
<div class="cursor"></div>
<span class="dot"></span>
<!-- Custom Cursor End -->

<!-- ==================== Mobile Menu Start Here ==================== -->
<?php echo $__env->make('frontend.includes.partials.navbar', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
<!-- ==================== Mobile Menu End Here ==================== -->

<!-- ==================== Header Start Here ==================== -->
<header class="header tw-transition-all tw-z-99 header-transparent">
    <div class="container tw-container-1750-px">
        <nav class="d-flex align-items-center justify-content-between position-relative">
            <!-- Logo Start -->
            <div class="logo">
                <a href="<?php echo e(route('home')); ?>" class="link">
                    <img src="<?php echo e(asset('assets/images/logo/logo.png')); ?>" alt="Logo" class="max-w-200-px">
                </a>
            </div>
            <!-- Logo End  -->

            <!-- Menu Start  -->
            <div class="header-menu d-lg-block d-none">
                <!-- Nav menu Start -->
                <ul class="nav-menu d-lg-flex align-items-center tw-gap-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>
            <!-- Menu End  -->

            <!-- Header Right start -->
            <div class="header-right d-flex tw-gap-28">
                <div class="header-btn-wrap d-flex align-items-center tw-gap-5">
                    <div>
                        <button class="text-white">
                            <span><img src="<?php echo e(asset('assets/images/icons/cart.svg')); ?>" alt="cart"></span>
                        </button>
                    </div>
                    <div>
                        <button class="open-search text-white" aria-label="search products" title="open search box">
                            <span class="tw-text-3xl"><i class="ph ph-magnifying-glass"></i></span>
                        </button>
                    </div>
                </div>

                <div class="header-button">
                    <a class="tw-btn-hover-yellow bg-white tw-py-5 tw-px-7 text-uppercase text-heading font-heading d-inline-flex align-items-center tw-gap-2 tw-rounded-lg"
                        href="<?php echo e(route('contact')); ?>">EXPLORE MORE <span class="d-inline-block lh-1 tw-text-lg"><i
                                class="ph ph-arrow-up-right"></i></span></a>
                </div>
                <button type="button" class="toggle-mobileMenu leading-none d-lg-none text-white tw-text-9">
                    <i class="ph ph-list"></i>
                </button>
            </div>
            <!-- Header Right End  -->

        </nav>
    </div>
</header>
<!-- ==================== Header End Here ==================== -->
<?php /**PATH D:\laragon\www\elitestay\resources\views/frontend/includes/headers/headerOne.blade.php ENDPATH**/ ?>