
<!-- pricing-section -->
   <section class="pricing-section">
     <div class="auto-container">
       <div class="sec-title text-center wow fadeInUp">
         <span class="sub-title">Hoteler best menus </span>
         <h2>Unique Specialty Foods </h2>
       </div>
       <div class="row gx-xl-5 wow slideInUp">
         <!-- pricing-block -->
         <div class="pricing-block-two col-lg-6 col-md-6 col-sm-12">
           <div class="inner-box">
             <figure class="thumb overlay-anim"><a href="page-pricing.php"><img src="images/resource/pricing2-1.webp" alt="" /></a></figure>
             <div class="content-box">
               <h6 class="title">Pasta  <span>₹239 </span></h6>
               <span class="designation">spicy and best flavour </span>
             </div>
             <span class="food-pack">starter </span>
           </div>
         </div>
         <!-- pricing-block -->
         <div class="pricing-block-two col-lg-6 col-md-6 col-sm-12">
           <div class="inner-box">
             <figure class="thumb overlay-anim"><a href="page-pricing.php"><img src="images/resource/pricing2-2.webp" alt="" /></a></figure>
             <div class="content-box">
               <h6 class="title">Noodles <span>₹160 </span></h6>
               <span class="designation">spicy and best flavour </span>
             </div>
             <span class="food-pack">new </span>
           </div>
         </div>
     
      
         <!-- pricing-block -->
         <div class="pricing-block-two col-lg-6 col-md-6 col-sm-12">
           <div class="inner-box">
             <figure class="thumb overlay-anim"><a href="page-pricing.php"><img src="images/resource/pricing2-5.webp" alt="" /></a></figure>
             <div class="content-box">
               <h6 class="title">Spaghetti <span>₹370 </span></h6>
               <span class="designation">spicy and best flavour </span>
             </div>
             <span class="food-pack">new </span>
           </div>
         </div>
         <!-- pricing-block -->
         <div class="pricing-block-two col-lg-6 col-md-6 col-sm-12">
           <div class="inner-box">
             <figure class="thumb overlay-anim"><a href="page-pricing.php"><img src="images/resource/pricing2-6.webp" alt="" /></a></figure>
             <div class="content-box">
                 <h6 class="title">Vegetarian Fried <span>₹340 </span></h6>
                 <span class="designation">spicy and best flavour </span>
             </div>
             <span class="food-pack">new </span>
           </div>
         </div>
         <!-- pricing-block -->
         <div class="pricing-block-two col-lg-6 col-md-6 col-sm-12">
           <div class="inner-box">
             <figure class="thumb overlay-anim"><a href="page-pricing.php"><img src="images/resource/pricing2-7.webp" alt="" /></a></figure>
             <div class="content-box">
               <h6 class="title">Vegetarian Soup <span>₹420 </span></h6>
               <span class="designation">spicy and best flavour </span>
             </div>
             <span class="food-pack">glutan free </span>
           </div>
         </div>
         <!-- pricing-block -->
         <div class="pricing-block-two col-lg-6 col-md-6 col-sm-12">
           <div class="inner-box">
             <figure class="thumb overlay-anim"><a href="page-pricing.php"><img src="images/resource/pricing2-8.webp" alt="" /></a></figure>
             <div class="content-box">
                 <h6 class="title">Salmon Pasta <span>₹271 </span></h6>
                 <span class="designation">spicy and best flavour </span>
             </div>
             <span class="food-pack">starter </span>
           </div>
         </div>
       </div>

       <div class="btn-box" style="text-align: center; margin-top: 32px;">
  <a href="javascript:void(0);" id="showMenuCardBtn" class="theme-btn btn-style-one">
    <span class="btn-title">Show Menu Card</span>
  </a>
</div>
     </div>
   </section>
   <!-- End pricing-section -->

   <!-- Menu Card Modal -->
<div id="menuCardModal" class="modal">
  <span class="close">&times;</span>
  <img class="modal-content" id="menuCardImg" src="./images/menu.webp" alt="Menu Card">
</div>