/home/moonrcjl/template.moontelict.com/a.laxfy/blog-es-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>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-11.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">Blog Details</h1>
                     <div class="mt-breadcrumb-list">
                        <span data-color="#FD5B38"><a href="index.html">Home</a></span>
                        <span class="dvir"> - </span>
                        <span>Blog Details</span>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>

      <section class="mt-blogpost-area pt-130 pb-80">
         <div class="container">
            <div class="row">
               <div class="col-xl-8 col-lg-8">
                  <article class="mt-postbox mb-60">
                     <div class="mt-postbox-thumb">
                        <img src="assets/img/blog/blog-lg-1-1.jpg" alt="">
                     </div>
                     <div class="mt-postbox-content">
                        <div class="mt-postbox-meta mb-15">
                           <span><a href="#"><i class="fal fa-user"></i> A.laxfy</a></span>
                           <span><a href="#"><i class="fal fa-calendar-alt"></i> 20 Sep. 2025 </a></span>
                           <span><a href="#"><i class="fal fa-certificate"></i> Creative</a></span>
                        </div>
                        <h3 class="mt-postbox-title mt-fs-40 mb-30">Potent be interdum ipsum pellentes code primis
                           laoreet diam per established</h3>
                        <div class="mt-postbox-details">
                           <p>Dictum veledo lorem hendrerit habitasse curabitur purus tacitian pellentesque facilisi
                              ligula maecenas sodales imperdiet lorem at ligula massa lorem elit morbi pede aptent
                              vestibulum taciti curae tortor duila nisiddo cum accumsan donec ad. Laoreet dolor tempor
                              cursus aptent eu hymenaeos vestibulum. Viverra. Semper phasellus sapien. At varius
                              vehicula volutpat a nunc integer tortor risus massa ante.</p>
                           <p>Purus tacitian pellentesque facilisi ligula maecenas sodales imperdiet lorem at ligula
                              massa lorem elit morbi pede aptent vestibulum taciti beg curae tortor duila nisiddo cum
                              accumsan donec ad. Laoreet dolor tempor cursus aptent eu hymenaeos vestibulum viverra.
                              semper phasellus</p>

                           <div class="mt-section-title-wrapper mb-10 mt-30">
                              <h2 class="mt-section-title mb-20 mt-fs-24">Our supporters and beneficiaries are at the
                                 heart of everything
                                 we do. Their experiences and words inspire us and remind.</h2>
                           </div>
                           <div class="row g-3">
                              <div class="col-md-6 mb-20">
                                 <img src="assets/img/blog/blog-sm-1.jpg" alt="">
                              </div>
                              <div class="col-md-6 mb-20">
                                 <img src="assets/img/blog/blog-sm-2.jpg" alt="">
                              </div>
                           </div>
                           <div class="mt-section-title-wrapper mb-20">
                              <p>Every individual we serve has a unique story—a journey marked by resilience, hope, and
                                 transformation.
                                 Through our charity’s support, countless individuals and communities have overcome
                                 challenges and
                                 found new paths toward a brighter future. From gaining access to clean water and
                                 education to
                                 rebuilding lives after a crisis, these stories remind us of the profound impact that
                                 compassionate aid
                                 can bring.</p>
                           </div>
                           <div class="row g-3">
                              <div class="col-md-12 mb-20">
                                 <img src="assets/img/blog/blog-sm-3.jpg" alt="">
                              </div>

                           </div>
                           <div class="mt-section-title-wrapper mb-50">
                              <p>Every individual we serve has a unique story—a journey marked by resilience, hope, and
                                 transformation.
                                 Through our charity’s support, countless individuals and communities have overcome
                                 challenges and
                                 found new paths toward a brighter future. From gaining access to clean water and
                                 education to
                                 rebuilding lives after a crisis, these stories remind us of the profound impact that
                                 compassionate aid
                                 can bring.</p>
                           </div>
                           <div class="mt-postbox-tag-wrapper">
                              <div class="row align-items-center">
                                 <div class="col-lg-7">
                                    <div class="mt-postbox-tag">
                                       <span>Tags:</span>
                                       <a href="blog.html">killBuilding</a>
                                       <a href="blog.html">TechTrends</a>
                                       <a href="blog.html">CreativeDesign</a>
                                    </div>
                                 </div>
                                 <div class="col-lg-5">
                                    <div class="mt-postbox-social text-start text-md-end">
                                       <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-instagram"></i></a>
                                       <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </article>
                  <div class="mt-postbox-comments-wrapper">
                     <div class="mt-section-title-wrapper mb-30 mt-30">
                        <h2 class="mt-section-title mb-20 mt-fs-40">Comments (03)</h2>
                     </div>
                     <div class="mt-postbox-comments">
                        <ul>
                           <li>
                              <div class="mt-postbox-comments-thumb br-50">
                                 <img src="assets/img/blog/author/author-2-1.jpg" alt="">
                              </div>
                              <div class="mt-postbox-comments-text">
                                 <h5 class="mt-postbox-comments-author">Brooklyn Simmons</h5>
                                 <span>26 sep 2025</span>
                                 <p>We value your thoughts and feedback! Your insights help us improve and inspire our
                                    creative
                                    community. Share your experiences, ask questions, or discuss ideas related to
                                    AI-powered
                                    creativity and design.</p>
                                 <a href="#" class="reply"> Reply</a>
                              </div>
                           </li>
                           <li class="children">
                              <div class="mt-postbox-comments-thumb br-50">
                                 <img src="assets/img/blog/author/author-2-3.jpg" alt="">
                              </div>
                              <div class="mt-postbox-comments-text">
                                 <h5 class="mt-postbox-comments-author">Darlene Robertson</h5>
                                 <span>26 sep 2025 </span>
                                 <p>Conubia non viverra malesuada aenean per odio magna hymenaeos, cubilia euducate
                                    class bulputate aenean laoreet nam ipsum mus neko porttitor.</p>
                                 <a href="#" class="reply"> Reply</a>
                              </div>
                           </li>
                           <li>
                              <div class="mt-postbox-comments-thumb br-50">
                                 <img src="assets/img/blog/author/author-2-3.jpg" alt="">
                              </div>
                              <div class="mt-postbox-comments-text">
                                 <h5 class="mt-postbox-comments-author">Kathryn Murphy</h5>
                                 <span>26 sep 2025</span>
                                 <p>We value your thoughts and feedback! Your insights help us improve and inspire our
                                    creative
                                    community. Share your experiences, ask questions, or discuss ideas related to
                                    AI-powered
                                    creativity and design.</p>
                                 <a href="#" class="reply"> Reply</a>
                              </div>
                           </li>
                        </ul>
                     </div>
                  </div>
                  <div class="contact-form-box mb-50">
                     <div class="mt-section-title-wrapper mb-30 mt-30">
                        <h2 class="mt-section-title mb-20 mt-fs-40">Leave a reply</h2>
                     </div>
                     <div class="mtcontact__forms mb-50">
                        <form action="#">
                           <div class="row">
                              <div class="col-xl-6 col-lg-6 col-md-6 col-12 mb-20">
                                 <div class="mtcontact__form-inputbox">
                                    <input type="text" placeholder="Enter your name">
                                 </div>
                              </div>
                              <div class="col-xl-6 col-lg- col-md-6 col-12 mb-20">
                                 <div class="mtcontact__form-inputbox">
                                    <input type="text" placeholder="Enter your email">
                                 </div>
                              </div>
                              <div class="col-12 mb-20">
                                 <div class="mtcontact__form-inputbox">
                                    <input type="text" placeholder="Your subject">
                                 </div>
                              </div>
                              <div class="col-12 mb-20">
                                 <div class="mtcontact__form-inputbox">
                                    <textarea placeholder="Write your message"></textarea>
                                 </div>
                              </div>
                           </div>
                           <button type="submit" class="mt-btn"><span>Post Comment</span></button>
                        </form>
                     </div>
                  </div>
               </div>
               <div class="col-xl-4 col-lg-4">
                  <div class="mt-blog-sidebar mt-blog-sidebar-2">
                     <div class="mt-blog-sidebar-widget mb-30">
                        <h3 class="mt-blog-sidebar-title mt-fs-24 mb-25"> Search here</h3>
                        <form class="mt-blog-form position-relative" action="#">
                           <input type="text" placeholder="Search hare">
                           <button type="submit"><i class="fa-regular fa-magnifying-glass"></i></button>
                        </form>
                     </div>
                     <div class="mt-blog-sidebar-widget mb-30">
                        <h3 class="mt-blog-sidebar-title mt-fs-24 mb-25"> Category</h3>
                        <div class="mt-blog-sidebar-cat">
                           <ul>
                              <li><a href="blog.html">Product design</a></li>
                              <li><a href="blog.html">Visual identity</a></li>
                              <li><a href="blog.html">Branding design</a></li>
                              <li><a href="blog.html">Web design</a></li>
                              <li><a href="blog.html">Content writing</a></li>
                              <li><a href="blog.html">Creative solution</a></li>
                           </ul>
                        </div>
                     </div>
                     <div class="mt-blog-sidebar-widget mb-30">
                        <h3 class="mt-blog-sidebar-title mt-fs-24 mb-25"> Recent post</h3>
                        <div class="mt-blog-sidebar-post">
                           <div class="mt-blog-sidebar-post-item d-flex align-items-center">
                              <div class="mt-blog-sidebar-post-thumb mr-20">
                                 <a href="blog-details.html" class="br-5"><img
                                       src="assets/img/blog/sidebar-recent-1-1.jpg" alt=""></a>
                              </div>
                              <div class="mt-blog-sidebar-post-content">
                                 <div class="mt-postbox-meta mb-7">
                                    <span><a href="#">Technology</a></span>
                                 </div>
                                 <h5 class="mt-blog-sidebar-post-title mt-fs-20">
                                    <a href="blog-details.html">personal stories from
                                       individuals.</a>
                                 </h5>
                              </div>
                           </div>
                           <div class="mt-blog-sidebar-post-item d-flex align-items-center">
                              <div class="mt-blog-sidebar-post-thumb mr-20">
                                 <a href="blog-details.html" class="br-5"><img
                                       src="assets/img/blog/sidebar-recent-1-2.jpg" alt=""></a>
                              </div>
                              <div class="mt-blog-sidebar-post-content">
                                 <div class="mt-postbox-meta mb-7">
                                    <span><a href="#">Technology</a></span>
                                 </div>
                                 <h5 class="mt-blog-sidebar-post-title mt-fs-20">
                                    <a href="blog-details.html">personal stories from
                                       individuals.</a>
                                 </h5>
                              </div>
                           </div>
                           <div class="mt-blog-sidebar-post-item d-flex align-items-center">
                              <div class="mt-blog-sidebar-post-thumb mr-20">
                                 <a href="blog-details.html" class="br-5"><img
                                       src="assets/img/blog/sidebar-recent-1-3.jpg" alt=""></a>
                              </div>
                              <div class="mt-blog-sidebar-post-content">
                                 <div class="mt-postbox-meta mb-7">
                                    <span><a href="#">Technology</a></span>
                                 </div>
                                 <h5 class="mt-blog-sidebar-post-title mt-fs-20">
                                    <a href="blog-details.html">personal stories from
                                       individuals.</a>
                                 </h5>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="mt-blog-sidebar-widget mb-30">
                        <h3 class="mt-blog-sidebar-title mt-fs-24 mb-25"> Tags cloud</h3>
                        <div class="tagcloud">
                           <a href="blog.html">Data-Driven</a>
                           <a href="blog.html">Proven Success</a>
                           <a href="blog.html">Customer</a>
                           <a href="blog.html">Strategies</a>
                           <a href="blog.html">Technology</a>
                           <a href="blog.html">Efficiency</a>
                        </div>
                     </div>
                     <div class="mt-blog-sidebar-widget mb-30">
                        <h3 class="mt-blog-sidebar-title mt-fs-24 mb-25"> Social media</h3>
                        <div class="mt-blog-sidebar-social">
                           <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-instagram"></i></a>
                           <a href="#"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>

      <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-11.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-11.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>