/home/moonrcjl/template.moontelict.com/testorest/service-details.html
<!doctype html>
<html class="no-js" lang="zxx">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Testorest - Restaurant Seafood Cafe Burger HTML5 Template.</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Place favicon.ico in the root directory -->
  <link rel="shortcut icon" type="image/x-icon" href="assets/img/logo/favicon.png">

  <!-- CSS here -->
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/fontawesome-pro.min.css">
  <link rel="stylesheet" href="assets/css/magnific-popup.css">
  <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
  <link rel="stylesheet" href="assets/css/animate.min.css">
  <link rel="stylesheet" href="assets/css/main.css">
</head>

<body>

  <!-- scroll to top  -->
  <button id="back-to-top"><i class="fa-light fa-arrow-up-long"></i></button>

  <!-- Preloader -->
  <div class="preloader" id="preloader">
    <div class="spinner-grow" role="status">
      <span class="visually-hidden">Loading...</span>
    </div>
  </div>

  <div class="mt-offcanvas">
    <div class="mt-offcanvas-wrapper">
      <div class="mt-offcanvas-header d-flex justify-content-between align-items-center mb-90">
        <div class="mt-offcanvas-logo">
          <a href="index.html"><img src="assets/img/logo/white-logo.png" alt=""></a>
        </div>
        <div class="mt-offcanvas-close">
          <button class="mt-offcanvas-close-toggle"><i class="fal fa-times"></i></button>
        </div>
      </div>
      <div class="mt-offcanvas-menu d-xl-none mb-50">
        <nav></nav>
      </div>
      <div class="mt-offcanvas-content mb-50 d-none d-xl-block">
        <h2 class="mt-offcanvas-title">Hello There!</h2>
        <p>Lorem ipsum dolor sit amet, consect etur adipiscing elit. </p>
      </div>
      <div class="mt-offcanvas-gallery mb-50">
        <a class="popup-image" href="assets/img/gallery/thumb-1.jpg"><img src="assets/img/gallery/thumb-1.jpg"
            alt=""></a>
        <a class="popup-image" href="assets/img/gallery/thumb-2.jpg"><img src="assets/img/gallery/thumb-2.jpg"
            alt=""></a>
        <a class="popup-image" href="assets/img/gallery/thumb-1.jpg"><img src="assets/img/gallery/thumb-1.jpg"
            alt=""></a>
        <a class="popup-image" href="assets/img/gallery/thumb-4.jpg"><img src="assets/img/gallery/thumb-4.jpg"
            alt=""></a>
      </div>
      <div class="mt-offcanvas-info mb-50">
        <h3 class="mt-offcanvas-sm-title">Information</h3>
        <span><a href="tel:42077001007">+ 4 20 7700 1007</a></span>
        <span><a href="mailto:hello@compay.com">hello@compay.com</a></span>
        <span><a href="#">Avenue de Roma 158b, Lisboa</a></span>
      </div>
      <div class="mt-offcanvas-social mb-50">
        <h3 class="mt-offcanvas-sm-title">Follow Us</h3>
        <a href="#"><i class="fab fa-facebook-f"></i></a>
        <a href="#"><i class="fab fa-twitter"></i></a>
        <a href="#"><i class="fab fa-linkedin-in"></i></a>
        <a href="#"><i class="fab fa-instagram"></i></a>
      </div>
    </div>
  </div>
  <div class="mt-offcanvas-overlay"></div>

  <header id="mtfooterarrow" class="mt-header-area p-relative z-index-11 mt-transparent-header">
    <!-- header main area start -->
    <div id="mt-header-sticky" class="mt-header-area ">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-xl-2 col-lg-2 col-6">
            <div class="mt-header-logo">
              <a href="index.html"><img src="assets/img/logo/white-logo.png" alt="logo"></a>
            </div>
          </div>
          <div class="col-xl-10 col-lg-10 col-6">
            <div class="mt-header-wrap d-flex align-items-center justify-content-end justify-content-xl-between">
              <div class="mt-header-menu d-none d-xl-block ml-90">
                <nav class="mt-mobile-menu-active mt-menu">
                  <ul>
                    <li class="dropdown has-dropdown"><a href="#">Home</a>
                      <ul class="sub-menu">
                        <li><a href="index.html">Home 01</a></li>
                        <li><a href="index-2.html">Home 02 </a></li>
                        <li><a href="index-3.html">Home 03</a></li>
                      </ul>
                    </li>
                    <li class="dropdown has-dropdown"><a href="#">Page</a>
                      <ul class="sub-menu">
                        <li><a href="about.html"> About Us</a></li>
                        <li><a href="service.html">Our Service</a></li>
                        <li><a href="service-details.html">Service Details</a></li>
                        <li><a href="gallery-page.html">Gallery Page</a></li>
                        <li><a href="chief.html">Our Chief</a></li>
                        <li><a href="shop.html">Modern Shop</a></li>
                        <li><a href="product-details.html">Shop Details</a></li>
                        <li><a href="menu-page.html">Modern Menu</a></li>
                        <li><a href="booking.html">Booking Page</a></li>
                        <li><a href="book-table.html">Booking Table</a></li>
                        <li><a href="error.html">Error 404</a></li>
                        <li><a href="contact.html">Contact Us</a></li>
                      </ul>
                    </li>
                    <li class="dropdown has-dropdown"><a href="#">Menu</a>
                      <ul class="sub-menu">
                        <li><a href="menu-page.html">Modern Menu</a></li>
                        <li><a href="booking.html">Booking Page</a></li>
                        <li><a href="book-table.html">Booking Table</a></li>
                        <li><a href="chief.html">Chief Page</a></li>
                      </ul>
                    </li>
                    <li class="dropdown has-dropdown"><a href="#">Shop</a>
                      <ul class="sub-menu">
                        <li><a href="shop.html">Modern Shop</a></li>
                        <li><a href="product-details.html">Shop Details</a></li>
                        <li><a href="cart.html">Cart Page</a></li>
                        <li><a href="checkout.html">Checkout Page</a></li>
                      </ul>
                    </li>
                    <li class="dropdown has-dropdown"><a href="#">news</a>
                      <ul class="sub-menu">
                        <li><a href="blog.html">Modern Blog</a></li>
                        <li><a href="blog-grid.html">Blog Grid</a></li>
                        <li><a href="blog-details.html">Blog Details</a></li>
                      </ul>
                    </li>
                    <li><a href="contact.html">Contact</a></li>
                  </ul>
                </nav>
              </div>
              <div class="mt-header-right d-flex align-items-center">
                <div class="mt-header-contact mr-15 d-none d-md-block">
                  <a href="tel:2395550108"><span><i class="fa-light fa-phone"></i></span>(239) 555-0108</a>
                </div>
                <div class="mt-header-bar mt-10 mb-10 mr-15">
                  <button class="mt-offcanvas-toogle"><i class="fa-light fa-bars-staggered"></i></button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- header main area end -->
  </header>

  <main>

    <!-- Breadcrumb Area Start -->
    <section class="mt-breadcrumb-area mt-breadcrumb-bg mt-breadcrumb-space p-relative fix"
      data-background="assets/img/breadcrumb/breadcrumb-bg.jpg">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-7 mb-30">
            <div class="mt-breadcrumb z-index-2">
              <h1 class="mt-breadcrumb-title mt-upper ">Service Details</h1>
              <div class="mt-breadcrumb-list mt-20">
                <span class="active"><a href="index.html">Home</a></span>
                <span class="dvir">-</span>
                <span>Service Details</span>
              </div>
            </div>
          </div>
          <div class="col-lg-5">
            <div class="mt-breadcrumb-thumb-wrap z-index-2 ">
              <div class="mt-breadcrumb-thumb text-center text-lg-end wow img-custom-anim-top" data-wow-duration="1.5s"
                data-wow-delay="0.3s">
                <img src="assets/img/breadcrumb/thumb.png" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Service Area Start -->
    <section class="mtservice__details-area p-relative pt-100 pb-40 fix">
      <div class="container">
        <div class="row">
          <div class="mtservice__details-wrapper">
            <div class="mtservice__details-content fix mb-25">
              <div class="mt-section-content mb-40">
                <h2 class="mt-section-title small mb-20">The Secrets to Perfectly Grilled Seafood</h2>
                <p>Seafood isn’t just a culinary delight—it’s a powerhouse of essential nutrients that can transform
                  your health. Incorporating
                  seafood into your diet regularly can lead to numerous physical and mental health benefits. Here’s
                  why seafood deserves
                  a place on your plate. Seafood is one of the best sources of omega-3 fatty acids, particularly DHA
                  and EPA. These healthy
                  fats play a crucial role in heart health, reducing inflammation,</p>
              </div>
              <div class="mtservice__details-logo-wrap mb-50">
                <div class="row align-items-center">
                  <div class="col-xl-3 col-lg-4">
                    <div class="mtservice__details-logo mb-30">
                      <img src="assets/img/service/logo.jpg" alt="">
                    </div>
                  </div>
                  <div class="col-xl-9 col-lg-8">
                    <div class="mt-section-content ml-20">
                      <p class="mb-0">The omega-3s in seafood are known to enhance brain health, improving memory and
                        reducing the risk of cognitive decline. Regular seafood consumption has been linked
                        to a lower risk of Alzheimer’s disease and improved mental performance in children. Regular
                        consumption can reduce the risk of age-related macular degeneration.</p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mtservice__details-list-wrap mb-40">
                <div class="mt-section-content ">
                  <h2 class="mt-section-title small2 mb-20">Future Of Buffet services</h2>
                  <p>Seafood is a natural ally for mental well-being, offering nutrients that support brain health and
                    emotional balance. Omega
                    fatty acids, found abundantly in fatty fish like salmon, mackerel, and sardines, are the key players
                    in this benefit. These
                    healthy fats help regulate neurotransmitters such as serotonin and dopamine, </p>
                </div>
                <div class="mtservice__details-list mtfloat">
                  <ul>
                    <li><span><i class="fa-regular fa-check"></i></span> Smart Technology Integration</li>
                    <li><span><i class="fa-regular fa-check"></i></span> Personalized Dining Experiences</li>
                    <li><span><i class="fa-regular fa-check"></i></span> Sustainability and Eco-Friendly Practices</li>
                    <li><span><i class="fa-regular fa-check"></i></span> Themed and Experiential Buffets</li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="mtservice__details-gallery mb-40">
              <div class="row">
                <div class="col-md-6">
                  <div class="mtservice__details-thumb mb-30 wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.3s">
                    <img src="assets/img/service/thumb-details-1.jpg" alt="">
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="mtservice__details-thumb mb-30 wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.3s">
                    <img src="assets/img/service/thumb-details-2.jpg" alt="">
                  </div>
                </div>
                <div class="col-xl-12">
                  <div class="mtservice__details-thumb mb-30 wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.3s">
                    <img src="assets/img/service/thumb-details-3.jpg" alt="">
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="mtservice__details-thumb mb-30 wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.3s">
                    <img src="assets/img/service/thumb-details-4.jpg" alt="">
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="mtservice__details-thumb mb-30 wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.3s">
                    <img src="assets/img/service/thumb-details-5.jpg" alt="">
                  </div>
                </div>
              </div>
            </div>
            <div class="mtpagination__wrapper">
              <div class="mtpagination__icon mtborder">
                <a href="#"><span><i class="fa-light fa-arrow-left-long"></i></span></a>
                <a href="#"><i class="fa-regular fa-qrcode"></i></a>
                <a href="#"><span class="active"><i class="fa-light fa-arrow-right-long"></i></span></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Service Area End -->

    <!-- Instagram Area Start -->
    <div class="mtinstagram__area p-relative pt-45 pb-60 fix">
      <div class="container-fluid px-0 ">
        <div class="swiper mtinstagram__active">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="mtinstagram__wrapper">
                <div class="mtinstagram__item">
                  <div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.2s">
                    <img src="assets/img/instagram/thumb-1-1.png" alt="">
                    <div class="mtinstagram__icon">
                      <a href="#"><i class="fa-brands fa-instagram"></i></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="mtinstagram__wrapper">
                <div class="mtinstagram__item">
                  <div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.3s">
                    <img src="assets/img/instagram/thumb-1-2.png" alt="">
                    <div class="mtinstagram__icon">
                      <a href="#"><i class="fa-brands fa-instagram"></i></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="mtinstagram__wrapper">
                <div class="mtinstagram__item">
                  <div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.2s">
                    <img src="assets/img/instagram/thumb-1-3.png" alt="">
                    <div class="mtinstagram__icon">
                      <a href="#"><i class="fa-brands fa-instagram"></i></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="mtinstagram__wrapper">
                <div class="mtinstagram__item">
                  <div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.3s">
                    <img src="assets/img/instagram/thumb-1-4.png" alt="">
                    <div class="mtinstagram__icon">
                      <a href="#"><i class="fa-brands fa-instagram"></i></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="mtinstagram__wrapper">
                <div class="mtinstagram__item">
                  <div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.2s">
                    <img src="assets/img/instagram/thumb-1-5.png" alt="">
                    <div class="mtinstagram__icon">
                      <a href="#"><i class="fa-brands fa-instagram"></i></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="mtinstagram__wrapper">
                <div class="mtinstagram__item">
                  <div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.3s">
                    <img src="assets/img/instagram/thumb-1-6.png" alt="">
                    <div class="mtinstagram__icon">
                      <a href="#"><i class="fa-brands fa-instagram"></i></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="mtinstagram__wrapper">
                <div class="mtinstagram__item">
                  <div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.2s">
                    <img src="assets/img/instagram/thumb-1-2.png" alt="">
                    <div class="mtinstagram__icon">
                      <a href="#"><i class="fa-brands fa-instagram"></i></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
    <!-- Instagram Area End -->

  </main>

  <!-- footer start  -->
  <footer class="mtfooter__area mtfooter__2 p-relative fix">
    <div class="mtfooter__shape">
      <img src="assets/img/footer/shape-1-1.png" alt="">
    </div>
    <div class="mtfooter__shape-2">
      <img src="assets/img/footer/shape-1-2.png" alt="">
    </div>
    <div class="mtfooter__shape-3">
      <img src="assets/img/footer/shape-1-3.png" alt="">
    </div>
    <div class="mtfooter__shape-4">
      <img src="assets/img/footer/shape-1-4.png" alt="">
    </div>
    <div class="container">
      <div class="mtfooter__border mtfooter__space p-relative">
        <div class="row">
          <div class="mtfooter__logo text-center">
            <a href="index.html"><img src="assets/img/footer/logo.png" alt=""></a>
          </div>
          <div class="col-xl-3 col-lg-6 col-md-6 mb-50">
            <div class="mtfooter__widget mtborder  text-center">
              <h2 class="mtfooter__title  mb-20">Get In Touch</h2>
              <div class="mtfooter__contact">
                <ul>
                  <li><span>T.</span><a href="tel:603555-0123">+(603) 555-0123</a> </li>
                  <li><span>G.</span><a href="mailto:Testorest@gmail.com">Testorest@gmail.com</a> </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-6 col-md-6 mb-50">
            <div class="mtfooter__widget mtborder text-center">
              <h2 class="mtfooter__title  mb-20">Address</h2>
              <div class="mtfooter__contact">
                <ul>
                  <li><a href="#">4140 Parker Rd. Allentown, <br>
                      New Mexico 31134</a> </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-6 col-md-6 mb-50">
            <div class="mtfooter__widget mtborder text-center">
              <h2 class="mtfooter__title  mb-20">Sub Branch</h2>
              <div class="mtfooter__contact">
                <ul>
                  <li><a href="#">2464 Royal Ln. Mesa, New <br>
                      Jersey 45463</a> </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-6 col-md-6 mb-50">
            <div class="mtfooter__widget  text-center">
              <h2 class="mtfooter__title  mb-20">opening Hours </h2>
              <div class="mtfooter__contact">
                <ul>
                  <li><span>Mon - Fri:</span><a href="#">10.00 am - 01:00 am</a> </li>
                  <li><span>Fri - Sun:</span><a href="#">10.00 am - 01:00 am</a> </li>
                </ul>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
    <!-- copy-right area start -->
    <div class="mtcopyright__area mtcopyright__space p-relative">
      <div class="container">
        <div class="mtcopyright__topicon">
          <a href="#mtfooterarrow"><i class="fa-light fa-arrow-up-long"></i></a>
        </div>
        <div class="row align-items-center">
          <div class="col-xl-6">
            <div class="mtcopyright__content">
              <p>© 1995-2025 All rights for Testorest exclusive</p>
            </div>
          </div>
          <div class="col-xl-6">
            <div class="mtcopyright__menu  text-lg-end">
              <ul>
                <li><a href="#">Privacy Policy</a></li>
                <li><a href="#">Terms & Conditions</a></li>
                <li><a href="#">Site Map</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>



  <!--<< Mouse Cursor Start >>-->
  <div class="mouse-cursor cursor-outer"></div>
  <div class="mouse-cursor cursor-inner"></div>

  <!-- JS here -->
  <script src="assets/js/jquery-3.7.1.min.js"></script>
  <script src="assets/js/bootstrap.bundle.min.js"></script>
  <script src="assets/js/jarallax.min.js"></script>
  <script src="assets/js/jquery.magnific-popup.min.js"></script>
  <script src="assets/js/mobile-menu-scripts.js"></script>
  <script src="assets/js/swiper-bundle.min.js"></script>
  <script src="assets/js/smooth-scroll.js"></script>
  <script src="assets/js/range-slider.js"></script>
  <script src="assets/js/nice-select.js"></script>
  <script src="assets/js/wow.js"></script>
  <script src="assets/js/main.js"></script>


</body>

</html>