/home/moonrcjl/template.moontelict.com/testorest/checkout.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/nice-select.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 ">Checkout Page</h1>
              <div class="mt-breadcrumb-list mt-20">
                <span class="active"><a href="index.html">Home</a></span>
                <span class="dvir">-</span>
                <span>Checkout Page</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>

    <!-- checkout area start -->
    <section class="mt-checkout-area pb-20 pt-100">
      <div class="container">
        <div class="row">
          <div class="col-lg-6 mb-30">
            <div class="mt-checkout-bill-area">
              <div class="mt-section-content mb-30">
                <h3 class="mt-section-title ">
                  billing Details
                </h3>
              </div>
              <div class="mt-checkout-bill-form">
                <form action="#">
                  <div class="mt-checkout-bill-inner">
                    <div class="row">
                      <div class="col-md-6">
                        <div class="mt-checkout-input">
                          <label>First Name <span>*</span></label>
                          <input type="text" placeholder="Thomas">
                        </div>
                      </div>
                      <div class="col-md-6">
                        <div class="mt-checkout-input">
                          <label>Last Name <span>*</span></label>
                          <input type="text" placeholder="Elison">
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="mt-checkout-input">
                          <label>Country / Region </label>
                          <input type="text" placeholder="England">
                        </div>
                      </div>
                      <div class="col-md-6">
                        <div class="mt-checkout-input">
                          <label>Postcode / ZIP <span>*</span></label>
                          <input type="text" placeholder="1214">
                        </div>
                      </div>
                      <div class="col-md-6">
                        <div class="mt-checkout-input">
                          <label>Town / City</label>
                          <input type="text" placeholder="Southampton">
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="mt-checkout-input">
                          <label>Street address</label>
                          <input type="text" placeholder="123 Elm Street Cal">
                        </div>

                        <div class="mt-checkout-input">
                          <input type="text" placeholder="Apartment, suite, unit, etc. (optional)">
                        </div>
                      </div>
                      <div class="col-md-6">
                        <div class="mt-checkout-input">
                          <label>Email address <span>*</span></label>
                          <input type="email" placeholder="example@domain.com">
                        </div>
                      </div>
                      <div class="col-md-6">
                        <div class="mt-checkout-input">
                          <label>Phone Number <span>*</span></label>
                          <input type="text" placeholder="+90 123 4568 1010">
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="mt-checkout-input">
                          <label>Order Notes (Optional)</label>
                          <textarea placeholder="Notes about your order, e.g. special notes for delivery."></textarea>
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="mt-checkout-option-wrapper">
                          <div class="mt-checkout-option">
                            <input id="create_free_account" type="checkbox">
                            <label for="create_free_account">Create an account ?</label>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
          <div class="col-lg-5 offset-1 mb-30">
            <!-- checkout place order -->
            <div class="mt-checkout-place">
              <div class="mt-section-content mb-30">
                <h3 class="mt-section-title ">
                  order summary
                </h3>
              </div>

              <div class="mt-order-info-list mb-20">
                <ul>
                  <!-- item list -->
                  <li class="mt-order-info-list-desc">
                    <div class="d-flex align-items-center">
                      <div class="mt-order-info-list-img">
                        <img src="assets/img/product/feature-1-1.jpg" alt="">
                      </div>
                      <div class="mt-order-info-list-content">
                        <h4 class="mt-order-info-list-title">Velocity Sports Pro </h4>
                        <p>Quantity (1)</p>
                      </div>
                    </div>
                    <div class="mt-order-info-list-price">
                      <span>$274:00</span>
                    </div>
                  </li>
                  <li class="mt-order-info-list-desc">
                    <div class="d-flex align-items-center">
                      <div class="mt-order-info-list-img">
                        <img src="assets/img/product/feature-1-2.jpg" alt="">
                      </div>
                      <div class="mt-order-info-list-content">
                        <h4 class="mt-order-info-list-title">Velocity Sports Pro </h4>
                        <p>Quantity (3)</p>
                      </div>
                    </div>
                    <div class="mt-order-info-list-price">
                      <span>$26.00</span>
                    </div>
                  </li>
                  <li class="mt-order-info-list-desc">
                    <div class="d-flex align-items-center">
                      <div class="mt-order-info-list-img">
                        <img src="assets/img/product/feature-1-3.jpg" alt="">
                      </div>
                      <div class="mt-order-info-list-content">
                        <h4 class="mt-order-info-list-title">Velocity Sports Pro </h4>
                        <p>Quantity (1)</p>
                      </div>
                    </div>
                    <div class="mt-order-info-list-price">
                      <span>$74:00</span>
                    </div>
                  </li>
                  <!-- subtotal -->
                  <li class="mt-order-info-list-subtotal">
                    <span>Subtotal</span>
                    <span class="price">$250.00</span>
                  </li>
                  <!-- shipping -->
                  <li class="mt-order-info-list-shipping">
                    <span>Shipping</span>
                    <span class="price">$300.00</span>
                  </li>
                </ul>
              </div>
              <div class="mt-checkout-payment">
                <h4 class="mt-checkout-payment-title mb-15">Payment Method</h4>
                <div class="mt-checkout-payment-item">
                  <input type="radio" id="back_transfer" name="payment">
                  <label for="back_transfer" data-bs-toggle="direct-bank-transfer">Direct Bank Transfer</label>
                  <div class="mt-checkout-payment-desc direct-bank-transfer">
                    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aliquam rem officia, corrupti
                      reiciendis minima nisi modi.
                    </p>
                  </div>
                </div>
                <div class="mt-checkout-payment-item">
                  <input type="radio" id="cheque_payment" name="payment">
                  <label for="cheque_payment">Payment With Mastercard</label>
                  <div class="mt-checkout-payment-desc cheque-payment">
                    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aliquam rem officia, corrupti
                      reiciendis minima nisi modi.
                    </p>
                  </div>
                </div>
                <div class="mt-checkout-payment-item">
                  <input type="radio" id="cod" name="payment">
                  <label for="cod">Cash on Delivery</label>
                  <div class="mt-checkout-payment-desc cash-on-delivery">
                    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aliquam rem officia, corrupti
                      reiciendis minima nisi modi.
                    </p>
                  </div>
                </div>
              </div>
              <div class="mt-checkout-btn-wrapper">
                <a href="#" class="mt-btn  "><span>Confirm Order</span></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- checkout area end -->

    <!-- Feature Product Area Start -->
    <section class="mtproduct__area mtproduct__2 p-relative fix pt-60 pb-30">
      <div class="container">
        <div class="mt-section-content mb-40 text-center">
          <h2 class="mt-section-title mb-15">Related Product</h2>
        </div>
        <div class="mtproduct__slider-wrapper">
          <div class="swiper mtproduct__active">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="mtproduct__wrapper p-relative fix text-center mb-30">
                  <div class="mtproduct__item ">
                    <div class="mtproduct__thumb mb-30  wow img-custom-anim-top" data-wow-duration="1.5s"
                      data-wow-delay="0.2s">
                      <a href="product-details.html">
                        <img src="assets/img/product/feature-2-1.jpg" alt="">
                      </a>
                    </div>
                    <div class="mtproduct__content mb-15">
                      <div class="mtproduct__rating mb-10">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                      </div>
                      <h5 class="mtproduct__title mb-10">
                        <a href="product-details.html">Golden Fried Shrimps</a>
                      </h5>
                    </div>
                    <div class="mtproduct__price">
                      <span>$29.00</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="mtproduct__wrapper p-relative fix text-center mb-30">
                  <div class="mtproduct__item ">
                    <div class="mtproduct__thumb mb-30  wow img-custom-anim-top" data-wow-duration="1.5s"
                      data-wow-delay="0.3s">
                      <a href="product-details.html">
                        <img src="assets/img/product/feature-2-2.jpg" alt="">
                      </a>
                    </div>
                    <div class="mtproduct__content mb-15">
                      <div class="mtproduct__rating mb-10">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                      </div>
                      <h5 class="mtproduct__title mb-10">
                        <a href="product-details.html">Fried Clam Strips</a>
                      </h5>
                    </div>
                    <div class="mtproduct__price">
                      <span>$29.00</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="mtproduct__wrapper p-relative fix text-center mb-30">
                  <div class="mtproduct__item ">
                    <div class="mtproduct__thumb mb-30  wow img-custom-anim-top" data-wow-duration="1.5s"
                      data-wow-delay="0.4s">
                      <a href="product-details.html">
                        <img src="assets/img/product/feature-2-3.jpg" alt="">
                      </a>
                    </div>
                    <div class="mtproduct__content mb-15">
                      <div class="mtproduct__rating mb-10">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                      </div>
                      <h5 class="mtproduct__title mb-10">
                        <a href="product-details.html">Soft-Shell Crab Tempura</a>
                      </h5>
                    </div>
                    <div class="mtproduct__price">
                      <span>$29.00</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="mtproduct__wrapper p-relative fix text-center mb-30">
                  <div class="mtproduct__item ">
                    <div class="mtproduct__thumb mb-30  wow img-custom-anim-top" data-wow-duration="1.5s"
                      data-wow-delay="0.2s">
                      <a href="product-details.html">
                        <img src="assets/img/product/feature-2-2.jpg" alt="">
                      </a>
                    </div>
                    <div class="mtproduct__content mb-15">
                      <div class="mtproduct__rating mb-10">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                      </div>
                      <h5 class="mtproduct__title mb-10">
                        <a href="product-details.html">Golden Fried Shrimps</a>
                      </h5>
                    </div>
                    <div class="mtproduct__price">
                      <span>$29.00</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="mtproduct__wrapper p-relative fix text-center mb-30">
                  <div class="mtproduct__item ">
                    <div class="mtproduct__thumb mb-30  wow img-custom-anim-top" data-wow-duration="1.5s"
                      data-wow-delay="0.3s">
                      <a href="product-details.html">
                        <img src="assets/img/product/feature-2-1.jpg" alt="">
                      </a>
                    </div>
                    <div class="mtproduct__content mb-15">
                      <div class="mtproduct__rating mb-10">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                      </div>
                      <h5 class="mtproduct__title mb-10">
                        <a href="product-details.html">Soft-Shell Crab Tempura</a>
                      </h5>
                    </div>
                    <div class="mtproduct__price">
                      <span>$29.00</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Feature Product 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/nice-select.js"></script>
  <script src="assets/js/range-slider.js"></script>
  <script src="assets/js/wow.js"></script>
  <script src="assets/js/main.js"></script>


</body>

</html>