/home/moonrcjl/template.moontelict.com/a.laxfy/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>A.laxfy – Modern Multipurpose 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>

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

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

   <!-- preloader  -->
   <div id="loading">
      <div id="loading-center">
         <div id="loading-center-absolute">
            <div class="object" id="object_four"></div>
            <div class="object" id="object_three"></div>
            <div class="object" id="object_two"></div>
            <div class="object" id="object_one"></div>
         </div>
      </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/black-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/project/portfolio-4-1.jpg"><img
                  src="assets/img/project/portfolio-4-1.jpg" alt=""></a>
            <a class="popup-image" href="assets/img/project/portfolio-4-2.jpg"><img
                  src="assets/img/project/portfolio-4-2.jpg" alt=""></a>
            <a class="popup-image" href="assets/img/project/portfolio-4-3.jpg"><img
                  src="assets/img/project/portfolio-4-3.jpg" alt=""></a>
            <a class="popup-image" href="assets/img/project/portfolio-4-4.jpg"><img
                  src="assets/img/project/portfolio-4-4.jpg" alt=""></a>
         </div>
         <div class="mt-offcanvas-info mb-50">
            <h3 class="mt-offcanvas-sm-title">Information</h3>
            <span><a href="#">+ 4 20 7700 1007</a></span>
            <span><a href="#">hello@a.laxfy.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 class="mt-header-area mt-header-10 mt-header-7 p-relative z-index-9" data-bg-color="#0A0B0A">
      <!-- header top area start -->
      <div class="mt-header-top-area mt-header-top-3 mt-header-top-border-4 plr-200 pt-6 pb-6 d-none d-xl-block ">
         <div class="container-fluid">
            <div class="row align-items-center justify-content-between">
               <div class="col-xl-8 col-lg-7">
                  <div class="mt-header-top-left  text-start d-none d-xl-block">
                     <ul>
                        <li><a href="tel:8085550111"><span><i class="fa-regular fa-phone"></i></span>(808)
                              555-0111</a></li>
                        <li><a href="mailto:Info@lax.fy.com"><span><i
                                    class="fa-light fa-envelope"></i></span>Info@lax.fy.com</a></li>
                        <li><a href="#"><span><i class="fa-light fa-clock"></i></span>MON - FRI : 9AM - 10PM</a>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="col-xl-4 col-lg-5 ">
                  <div class="mt-header-top-right-wrapper">
                     <div class="mt-header-top-right ">
                        <ul>
                           <li><span>Follow Us :</span></li>
                           <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                           <li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
                           <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- header main area start -->
      <div id="mt-header-sticky" class="mt-header-area mt-header-11 plr-200">
         <div class="container-fluid">
            <div class="row align-items-center">
               <div class="col-xl-5">
                  <div class="mt-header-wrap">
                     <div class="mt-header-menu d-none d-xl-block">
                        <nav class="mt-mobile-menu-active">
                           <ul>
                              <li class="dropdown has-dropdown p-static"><a href="#">Home</a>
                                 <div class="mt-mega-menu mtmega-menu">
                                    <div class="mt-home-menu">
                                       <div class="row gx-4 row-cols-2 row-cols-md-2 row-cols-xl-6">
                                          <div class="col homemenu mb-25">
                                             <div class="mt-home-thumb mb-15">
                                                <img src="assets/img/demo/home-1.jpg" alt="">
                                                <div class="homemenu-btn">
                                                   <a class="mt-menu-dark" href="index.html">Multi page</a>
                                                   <a class="mt-menu-light" href="index-one-page.html">One Page</a>
                                                </div>
                                             </div>
                                             <div class="homemenu-content text-center">
                                                <h4 class="mt-home-title">
                                                   <a href="index.html">Data analysis</a>
                                                </h4>
                                             </div>
                                          </div>
                                          <div class="col homemenu mb-25">
                                             <div class="mt-home-thumb mb-15">
                                                <img src="assets/img/demo/home-2.jpg" alt="">
                                                <div class="homemenu-btn">
                                                   <a class="mt-menu-dark" href="index-2.html">Multi page</a>
                                                   <a class="mt-menu-light" href="index-2-one-page.html">One Page</a>
                                                </div>
                                             </div>
                                             <div class="homemenu-content text-center">
                                                <h4 class="mt-home-title">
                                                   <a href="index-2.html">Modern Apps Landing</a>
                                                </h4>
                                             </div>
                                          </div>
                                          <div class="col homemenu mb-25">
                                             <div class="mt-home-thumb mb-15">
                                                <img src="assets/img/demo/home-3.jpg" alt="">
                                                <div class="homemenu-btn">
                                                   <a class="mt-menu-dark" href="index-3.html">Multi page</a>
                                                   <a class="mt-menu-light" href="index-3-one-page.html">One Page</a>
                                                </div>
                                             </div>
                                             <div class="homemenu-content text-center">
                                                <h4 class="mt-home-title">
                                                   <a href="index-3.html">IT Solution</a>
                                                </h4>
                                             </div>
                                          </div>
                                          <div class="col homemenu mb-25">
                                             <div class="mt-home-thumb mb-15">
                                                <img src="assets/img/demo/home-4.jpg" alt="">
                                                <div class="homemenu-btn">
                                                   <a class="mt-menu-dark" href="index-4.html">Multi page</a>
                                                   <a class="mt-menu-light" href="index-4-one-page.html">One Page</a>
                                                </div>
                                             </div>
                                             <div class="homemenu-content text-center">
                                                <h4 class="mt-home-title">
                                                   <a href="index-4.html">Modern Online Payments</a>
                                                </h4>
                                             </div>
                                          </div>
                                          <div class="col homemenu mb-25">
                                             <div class="mt-home-thumb mb-15">
                                                <img src="assets/img/demo/home-5.jpg" alt="">
                                                <div class="homemenu-btn">
                                                   <a class="mt-menu-dark" href="index-5.html">Multi page</a>
                                                   <a class="mt-menu-light" href="index-5-one-page.html">One Page</a>
                                                </div>
                                             </div>
                                             <div class="homemenu-content text-center">
                                                <h4 class="mt-home-title">
                                                   <a href="index-5.html">Modern E-learning</a>
                                                </h4>
                                             </div>
                                          </div>
                                          <div class="col homemenu mb-25">
                                             <div class="mt-home-thumb mb-15">
                                                <img src="assets/img/demo/home-6.jpg" alt="">
                                                <div class="homemenu-btn">
                                                   <a class="mt-menu-dark" href="index-6.html">Multi page</a>
                                                   <a class="mt-menu-light" href="index-6-one-page.html">One Page</a>
                                                </div>
                                             </div>
                                             <div class="homemenu-content text-center">
                                                <h4 class="mt-home-title">
                                                   <a href="index-6.html">Modern Esports Shop</a>
                                                </h4>
                                             </div>
                                          </div>

                                       </div>
                                    </div>
                                 </div>
                              </li>
                              <li class="dropdown has-dropdown"><a href="#">Shop</a>
                                 <ul class="sub-menu">
                                    <li><a href="shop.html">Shop</a></li>
                                    <li><a href="shop-details.html">Shop Details</a></li>
                                    <li><a href="cart.html">Cart Page</a></li>
                                    <li><a href="wishlist.html">Wishlist Page</a></li>
                                    <li><a href="checkout.html">Checkout Page</a></li>
                                    <li><a href="register.html">Register Page</a></li>
                                    <li><a href="login.html">Login Page</a></li>
                                 </ul>
                              </li>
                              <li class="dropdown has-dropdown p-static"><a href="#">Pages</a>
                                 <div class="mt-megamenu-wrapper mtmega-menu">
                                    <div class="row gx-0">
                                       <div class="col-xl-2">
                                          <div class="mt-megamenu-list">
                                             <h4 class="mt-megamenu-title">About Pages</h4>
                                             <ul>
                                                <li><a href="about.html">Modern About </a></li>
                                                <li><a href="about-app.html"> About Us</a> </li>
                                                <li><a href="about-es.html">About Esports</a></li>
                                                <li><a href="about-it.html"> About IT </a></li>
                                                <li><a href="about-lms.html">About LMS</a>
                                                </li>
                                             </ul>
                                          </div>
                                       </div>
                                       <div class="col-xl-2">
                                          <div class="mt-megamenu-list">
                                             <h4 class="mt-megamenu-title">Service Pages</h4>
                                             <ul>
                                                <li><a href="services.html">Modern Service</a></li>
                                                <li><a href="services-app.html">Service App</a></li>
                                                <li><a href="services-it.html">Service IT</a></li>
                                                <li><a href="service-details.html">Service Details</a></li>
                                                <li><a href="services-it-details.html">Service Details 3</a></li>
                                             </ul>
                                          </div>
                                       </div>
                                       <div class="col-xl-2">
                                          <div class="mt-megamenu-list">
                                             <h4 class="mt-megamenu-title">Course Pages</h4>
                                             <ul>
                                                <li><a href="course-lms.html">Modern Course</a></li>
                                                <li><a href="course-lms-grid.html">Course Grid</a></li>
                                                <li><a href="course-lms-details.html">Course Details</a></li>
                                                <li><a href="course-lms-details-2.html">Course Details 2</a></li>
                                                <li><a href="category-lms.html">Course Category </a></li>
                                             </ul>
                                          </div>
                                       </div>
                                       <div class="col-xl-2">
                                          <div class="mt-megamenu-list">
                                             <h4 class="mt-megamenu-title">Portfolio Pages</h4>
                                             <ul>
                                                <li><a href="portfolio.html">Modern Portfolio</a></li>
                                                <li><a href="portfolio-it.html">Portfolio IT</a></li>
                                                <li><a href="portfolio-details.html">Portfolio Details</a></li>
                                                <li><a href="faq.html">Modern FAQ </a></li>
                                                <li><a href="about-pa.html">About Me</a>
                                             </ul>
                                          </div>
                                       </div>
                                       <div class="col-xl-2">
                                          <div class="mt-megamenu-list">
                                             <h4 class="mt-megamenu-title">Special Pages</h4>
                                             <ul>
                                                <li><a href="team.html">Modern Team</a></li>
                                                <li><a href="team-it.html">Team IT</a></li>
                                                <li><a href="team-lms.html">Team LMS</a></li>
                                                <li><a href="team-details.html">Team Details</a></li>
                                                <li><a href="team-lms-details.html">Team Details 2</a></li>
                                             </ul>
                                          </div>
                                       </div>
                                       <div class="col-xl-2">
                                          <div class="mt-megamenu-list">
                                             <h4 class="mt-megamenu-title">Special Pages</h4>
                                             <ul>
                                                <li><a href="testimonial.html">Modern Testimonial</a></li>
                                                <li><a href="team-it-details.html">Team Details 4</a></li>
                                                <li><a href="pricing.html">Pricing Page</a></li>
                                                <li><a href="pricing-app.html">Pricing APP </a></li>
                                                <li><a href="error.html">Error Page</a></li>
                                             </ul>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </li>
                              <li class="dropdown has-dropdown"><a href="#">Blog</a>
                                 <ul class="sub-menu">
                                    <li><a href="blog.html">Modern Blog</a></li>
                                    <li class="dropdown has-dropdown"><a href="#">Grid Layout </a>
                                       <ul class="sub-menu">
                                          <li><a href="blog-app-grid.html">Grid App</a></li>
                                          <li><a href="blog.html">Modern Grid</a></li>
                                          <li><a href="blog-es-grid.html">Grid Esports</a></li>
                                          <li><a href="blog-grid.html">Grid Modern</a></li>
                                          <li><a href="blog-it-grid.html">Grid IT</a></li>
                                          <li><a href="blog-list.html">Modern List</a></li>
                                          <li><a href="blog-lms-grid.html">Grid LMS</a></li>
                                          <li><a href="blog-pa-grid.html">Grid Startup</a></li>

                                       </ul>
                                    </li>
                                    <li class="dropdown has-dropdown"><a href="#">Blog Details</a>
                                       <ul class="sub-menu">
                                          <li><a href="blog-details.html">Blog Details</a></li>
                                          <li><a href="blog-app-details.html">Blog Details 2</a></li>
                                          <li><a href="blog-details-no-sidebar.html">Blog Details 4</a></li>
                                          <li><a href="blog-es-details.html">Blog Details 5</a></li>
                                          <li><a href="blog-it-details.html">Blog Details 6</a></li>
                                          <li><a href="blog-list.html">Blog Listing</a></li>
                                          <li><a href="blog-lms-details.html">Blog Details 7</a></li>
                                          <li><a href="blog-pa-details.html">Blog Details 8</a></li>
                                       </ul>
                                    </li>
                                    <li><a href="blog-list.html">Blog Listing</a></li>
                                    <li><a href="blog-right-sidebar.html">Blog Right</a></li>
                                 </ul>
                              </li>
                              <li class="dropdown has-dropdown"><a href="#">Contact </a>
                                 <ul class="sub-menu">
                                    <li><a href="contact.html">Modern Contact</a></li>
                                    <li><a href="contact-app.html">Contact App</a></li>
                                    <li><a href="contact-es.html">Contact Me</a></li>
                                    <li><a href="contact-it.html">Contact IT</a></li>
                                    <li><a href="contact-lms.html">Contact Me</a></li>
                                 </ul>
                              </li>
                           </ul>
                        </nav>
                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-2 col-6">
                  <div class="mt-header-logo ">
                     <a href="index-6.html"><img src="assets/img/logo/red-logo.png" alt="logo"></a>
                  </div>
               </div>
               <div class="col-xl-4 col-lg-10 col-6">
                  <div class="mt-header-wrap ">
                     <div class="d-nonw d-lg-block">
                        <div class="mt-header-right pt-10 pb-10">
                           <div class="mt-header-btn mr-18 d-none d-lg-block">
                              <a href="login.html" class="mt-btn-border mtwhite">login
                                 <i class="fa-light fa-arrow-right-long"></i></a>
                           </div>
                           <div class="mt-header-btn mr-18">
                              <a href="register.html" class="mt-btn mt-btn-6 mtradiusnone">Sign Up
                                 <i class="fa-light fa-arrow-right-long"></i></a>
                           </div>
                           <div class="mt-header-toggle-bar d-xl-none">
                              <button class="mt-offcanvas-toggle ">
                                 <i class="fa-regular fa-bars-staggered"></i>
                              </button>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- header main area end -->
   </header>

   <main>

      <!-- Breadcrumb Area Start -->
      <section class="mt-breadcrumb-area mt-breadcrumb-3 p-relative fix"
         data-background="assets/img/breadcrumb/thumb-es-1.jpg">
         <div class="mt-breadcrumb-shape">
            <img src="assets/img/breadcrumb/shape-es.png" alt="">
         </div>
         <div class="container">
            <div class="row ">
               <div class="col-lg-12">
                  <div class="mt-breadcrumb z-index-2">
                     <h1 class="mt-breadcrumb-title">Check Out</h1>
                     <div class="mt-breadcrumb-list">
                        <span data-color="#FD5B38"><a href="index-6.html">Home</a></span>
                        <span class="dvir"> - </span>
                        <span>Check Out</span>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>

      <!-- checkout area start -->
      <section class="mt-checkout-area pb-110 pt-130">
         <div class="container">
            <div class="row">
               <div class="col-lg-6">
                  <div class="mt-checkout-bill-area">
                     <div class="mt-section-content mb-30">
                        <h3 class="mt-section-title">Contact Information</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>Company name (optional)</label>
                                       <input type="text" placeholder="Envato Elements">
                                    </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>
                           </div>
                        </form>
                     </div>
                     <!-- Billing -->
                     <div class="mt-section-content mt-20 mb-30">
                        <h3 class="mt-section-title">
                           Billing Address
                        </h3>
                     </div>
                     <div class="mt-checkout-bill-form">
                        <form action="#">
                           <div class="mt-checkout-bill-inner">
                              <div class="row">
                                 <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-12">
                                    <div class="mt-checkout-input">
                                       <label>County (Optional)</label>
                                       <input type="text" placeholder="Greater London">
                                    </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">
                  <!-- checkout place order -->
                  <div class="mt-checkout-place">
                     <h3 class="mt-checkout-place-title mb-20">Order Summary</h3>

                     <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/product-1-1.png" alt="">
                                 </div>
                                 <div class="mt-order-info-list-content">
                                    <h4 class="mt-order-info-list-title">Daawat Traditional Basmati <br>
                                       Rice (10 LB - 4.54 KG)</h4>
                                    <span>Black</span>
                                    <p>Quantity (2)</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/product-1-2.png" alt="">
                                 </div>
                                 <div class="mt-order-info-list-content">
                                    <h4 class="mt-order-info-list-title">Red Seedless Grapes <br>
                                       Pure Organic </h4>
                                    <span>Red</span>
                                    <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/product-1-3.png" alt="">
                                 </div>
                                 <div class="mt-order-info-list-content">
                                    <h4 class="mt-order-info-list-title">Pure Organic White <br>
                                       Mushrooms</h4>
                                    <span>Green</span>
                                    <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  mt-btn-6"><span>Confirm Order</span></a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- checkout area end -->

      <div class="mt-newsletter-area mt-newsletter-2 pt-80 pb-40 wow mtFadeInUp" data-wow-duration="1.5s"
         data-wow-delay="0.4s" data-bg-color="#111410">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-lg-5">
                  <div class="mt-newsletter-wrap mb-30 ">
                     <h3 class="mt-newsletter-title">Subscribe for the
                        updates! </h3>
                  </div>
               </div>
               <div class="col-lg-7">
                  <div class="mt-newsletter-box mb-30">
                     <form action="#">
                        <div class="mt-newsletter-input p-relative">
                           <input type="email" placeholder="Inter Your email">
                        </div>
                        <button class="mt-btn mt-btn-6 mtradiusnone" type="submit">Subscribe<span><i
                                 class="fa-light fa-arrow-right"></i></span></button>
                        <div class="form-check mt-newsletter-inputbox">
                           <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                           <label class="form-check-label" for="flexCheckDefault">
                              I Agree to the privacy policy.
                           </label>
                        </div>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>

   </main>

   <!-- footer start  -->
   <footer class="mt-footer-area mt-footer-8 mt-footer-9 p-relative" data-bg-color="#111410">
      <div class="mt-footer-main-wraper pt-110 pb-70 p-relative">
         <div class="container">
            <div class="row">
               <div class="col-xl-3 col-lg-6 col-md-6">
                  <div class="mt-footer-widget mb-50 wow img-custom-anim-top" data-wow-duration="1.5s"
                     data-wow-delay="0.2s">
                     <div class="mt-footer-logo mb-7">
                        <a href="index-6.html"><img src="assets/img/logo/logo.png" alt=""></a>
                     </div>
                     <div class="mt-footer-content mb-20">
                        <p>We're passionate about bringing the best
                           football experience to fans.</p>
                     </div>
                     <div class="mt-footer-play d-flex justify-content-between">
                        <a class="mr-10" href="contact-es.html"><img src="assets/img/footer/g-play.png" alt=""></a>
                        <a href="contact-es.html"><img src="assets/img/footer/a-play.png" alt=""></a>
                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 ">
                  <div class="mt-footer-widget mb-50 footer-cols-11 wow img-custom-anim-top" data-wow-duration="1.5s"
                     data-wow-delay="0.3s">
                     <h2 class="mt-footer-title mb-20">Our Links</h2>
                     <div class="mt-footer-list ">
                        <ul>
                           <li><a href="index-6.html"><i class="fa-sharp fa-solid fa-plus"></i>Home</a></li>
                           <li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Search</a></li>
                           <li><a href="about-es.html"><i class="fa-sharp fa-solid fa-plus"></i>About Us</a>
                           </li>
                           <li><a href="faq.html"><i class="fa-sharp fa-solid fa-plus"></i>FAQ</a></li>
                           <li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Careers</a></li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 ">
                  <div class="mt-footer-widget mb-50 footer-cols-11-2 wow img-custom-anim-top" data-wow-duration="1.5s"
                     data-wow-delay="0.4s">
                     <h2 class="mt-footer-title mb-20">Help & Support</h2>
                     <div class="mt-footer-list">
                        <ul>
                           <li><a href="contact-es.html"><i class="fa-sharp fa-solid fa-plus"></i>Live Chat Support</a>
                           </li>
                           <li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Account Management</a></li>
                           <li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Billing & Payments</a></li>
                           <li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Shipping & Returns</a></li>
                           <li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Community Forums</a></li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 ">
                  <div class="mt-footer-widget mb-50 footer-cols-11-3 wow img-custom-anim-top" data-wow-duration="1.5s"
                     data-wow-delay="0.5s">
                     <h2 class="mt-footer-title mb-20">Our Resources</h2>
                     <div class="mt-footer-list">
                        <ul>
                           <li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Training Guides</a></li>
                           <li><a href="about-es.html"><i class="fa-sharp fa-solid fa-plus"></i>Match Analysis</a></li>
                           <li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Coaching Resources</a></li>
                           <li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Event Calendar</a></li>
                           <li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Coaching Resources</a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- copy-right area start -->
      <div class="mt-copyright-area mt-copyright-2 p-relative pt-20 pb-10">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-xl-4 col-lg-4 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.3s">
                  <div class="mt-copyright-menu text-center text-lg-start">
                     <a href="#">Privacy policy</a>
                     <a href="#">Terms & Conditions</a>
                  </div>
               </div>
               <div class="col-xl-4 col-lg-4 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.4s">
                  <div class="mt-copyright-left  text-center text-lg-start">
                     <p>© 2025 All Rights Reserved by A.laxfy</p>
                  </div>
               </div>
               <div class="col-xl-4 col-lg-4 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.5s">
                  <div class="mt-copyright-right text-center text-lg-end">
                     <div class="mt-copyright-social">
                        <span>Follow Us :</span>
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>

   </footer>

   <!-- 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/isotope.pkgd.min.js"></script>
   <script src="assets/js/imagesloaded.pkgd.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/swiper-bundle.min.js"></script>
   <script src="assets/js/range-slider.js"></script>
   <script src="assets/js/nice-select.js"></script>
   <script src="assets/js/purecounter.js"></script>
   <script src="assets/js/countdown.js"></script>
   <script src="assets/js/smooth-scroll.js"></script>
   <script src="assets/js/wow.js"></script>
   <script src="assets/js/mobile-menu-scripts.js"></script>
   <script src="assets/js/main.js"></script>

</body>

</html>