
   <!-- Main Header-->
   <header class="main-header header-style-five">
     <div class="header-top">
       <div class="inner-box">
         <!-- Top-left -->
         <div class="top-left">
           <ul class="social-icon-one">
             <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
             <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
             <li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
             <li><a href="#"><i class="fab fa-x-twitter"></i></a></li>
           </ul>
         </div>
         <!-- top-right -->
         <div class="top-right">
           <span><i class="icon fa-solid fa-envelope"></i>  <a href="../../cdn-cgi/l/email-protection.php" class="__cf_email__" data-cfemail="3b555e5e5f535e574b7b5854564b5a554215585456" style="color: white;">soulmate@gmail.com </a></span>
           <span><i class="icon fa-sharp fa-solid fa-location-dot"></i> Soulmate Restaurant, Almora, Matena, Uttarakhand 263601
           </span>
         </div>
       </div>
     </div>
     <div class="header-lower">
       <!-- Main box -->
       <div class="main-box">
         <div class="logo-box">
           <div class="logo"><a href="index.php"><img src="images/Soulmate_s-removebg-preview.webp" alt="" title="Hoteler" /></a></div>
         </div>

         <!--Nav Box-->
         <div class="nav-outer">
           <nav class="nav main-menu">
             <ul class="navigation onepage-nav">
               <li><a href="index.php">Home </a></li>
               <li><a href="about.php">About </a></li>
               <li><a href="room.php">Rooms </a></li>
               <li><a href="activity.php">Amenities & Activity </a></li>
               <li><a href="gallery.php">Gallery </a></li>
               <li><a href="blog.php">Blog </a></li>
               <li><a href="contact.php">Contact </a></li>
               
             </ul>
           </nav>
           <!-- Main Menu End-->
         </div>

         <div class="outer-box">
           <div class="ui-btn-outer">
            <a href="tel:+91 8920885628" class="ui-btn cart-btn">
              <i class="icon lnr-icon-phone-handset"></i>
             </a>
             <button class="ui-btn ui-btn search-btn">
              <li><a href="#" style="color: white;"><i class="fa-brands fa-whatsapp"></i></a></li>
             </button>
            
           </div>
           <div class="mobile-nav-toggler"><span class="icon lnr-icon-bars"></span></div>
           <!-- Mobile Nav toggler -->
         </div>
       </div>
       <!-- Mobile Menu  -->
       <div class="mobile-menu">
         <div class="menu-backdrop"></div>
         <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
         <nav class="menu-box">
           <div class="upper-box">
             <div class="nav-logo"><a href="index.php"><img src="images/logo-2.webp" alt="" /></a></div>
             <div class="close-btn"><i class="icon fa fa-times"></i></div>
           </div>
           <ul class="navigation onepage-nav clearfix">
             <!--Keep This Empty / Menu will come through Javascript-->
           </ul>
           <ul class="contact-list-one">
             <li>
               <!-- Contact Info Box -->
               <div class="contact-info-box">
                 <i class="icon lnr-icon-phone-handset"></i>
                 <span class="title">Call Now </span>
                 <a href="tel:+91 8920885628">+91-8920885628 </a>
               </div>
             </li>
             <li>
               <!-- Contact Info Box -->
               <div class="contact-info-box">
                 <span class="icon lnr-icon-envelope1"></span>
                 <span class="title">Send Email </span>
                 <a href="../../cdn-cgi/l/email-protection.php#a9c1ccc5d9e9cac6c4d9c8c7d087cac6c4"><span class="__cf_email__" data-cfemail="b8d0ddd4c8f8dbd7d5c8d9d6c196dbd7d5">soulmate@gmail.com </span></a>
               </div>
             </li>
             <li>
               <!-- Contact Info Box -->
               <div class="contact-info-box">
                 <span class="icon lnr-icon-clock"></span>
                 <span class="title">Timming </span>
                Mon - Sun 7:30am - 10:00pm
               </div>
             </li>
           </ul>
           <ul class="social-links">
             <li><a href="#"><i class="fab fa-x-twitter"></i></a></li>
             <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
             <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
             <li><a href="#"><i class="fab fa-instagram"></i></a></li>
           </ul>
         </nav>
       </div><!-- End Mobile Menu -->

       <!-- Header Search -->
       <div class="search-popup">
         <span class="search-back-drop"></span>
         <button class="close-search"><span class="fa fa-times"></span></button>
         <div class="search-inner">
           <form method="post" action="index.php">
             <div class="form-group">
               <input type="search" name="search-field" value="" placeholder="Search..." required="" />
               <button type="submit"><i class="fa fa-search"></i></button>
             </div>
           </form>
         </div>
       </div>
       <!-- End Header Search -->

       <!-- Sticky Header  -->
       <div class="sticky-header">
         <div class="auto-container">
           <div class="inner-container">
             <!--Logo-->
             <div class="logo">
               <a href="index.php"><img src="images/Soulmate's.webp" alt="" /></a>
             </div>
             <!--Right Col-->
             <div class="nav-outer">
               <!-- Main Menu -->
               <nav class="main-menu">
                 <div class="navbar-collapse show collapse clearfix">
                   <ul class="navigation onepage-nav clearfix">
                     <!--Keep This Empty / Menu will come through Javascript-->
                   </ul>
                 </div>
               </nav><!-- Main Menu End-->
               <!--Mobile Navigation Toggler-->
               <div class="mobile-nav-toggler"><span class="icon lnr-icon-bars"></span></div>
             </div>
           </div>
         </div>
       </div><!-- End Sticky Menu -->
     </div>
   </header>
   <!--End Main Header -->