/home/moonrcjl/template.moontelict.com/sass-agency/index.html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Alaxfy - CRM Saas Online Payments HTML5 Template - Sass Agency.</title>

  <!--Start css files-->
  <link rel="stylesheet preload" href="assets/css/font-awesome-pro.css" as="style">
  <link rel="stylesheet preload" href="assets/css/bootstrap.min.css" as="style">
  <link rel="stylesheet preload" href="assets/css/swiper.css" as="style">
  <link rel="stylesheet preload" href="assets/css/animate.css" as="style">
  <link rel="stylesheet preload" href="assets/css/magnific-popup.css" as="style">
  <link rel="stylesheet preload" href="assets/css/style.css" as="style">
  <!-- End Css File -->

  <!-- Start Favicon-->
  <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">
  <!-- End Favicon -->
</head>

<body>
  <!-- Preloader Start -->
  <div id="preloader" class="preloader">
    <div class="animation-preloader">
      <div class="spinner">
      </div>
      <div class="txt-loading">
        <span data-text-preloader="A" class="letters-loading">
          A
        </span>
        <span data-text-preloader="L" class="letters-loading">
          L
        </span>
        <span data-text-preloader="A" class="letters-loading">
          A
        </span>
        <span data-text-preloader="X" class="letters-loading">
          X
        </span>
        <span data-text-preloader="F" class="letters-loading">
          F
        </span>
        <span data-text-preloader="Y" class="letters-loading">
          Y
        </span>
      </div>
      <p class="text-center">Loading</p>
    </div>
    <div class="loader">
      <div class="row">
        <div class="col-3 loader-section section-left">
          <div class="bg"></div>
        </div>
        <div class="col-3 loader-section section-left">
          <div class="bg"></div>
        </div>
        <div class="col-3 loader-section section-right">
          <div class="bg"></div>
        </div>
        <div class="col-3 loader-section section-right">
          <div class="bg"></div>
        </div>
      </div>
    </div>
  </div>
  <!-- Preloader end -->

  <!-- back to top start -->
  <div class="scroll-up">
    <svg class="scroll-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
    </svg>
  </div>
  <!-- back to top end -->
  <!-- Start Header Area -->
  <header class="mt__header-area-home-01">
    <div class="mt__container01">
      <div class="mt__header-wrapper">
        <div class="mt__header-left-site">
          <div class="mt__header-logo">
            <a href="index.html"><img src="assets/images/logo/mobile-menu-logo.svg" alt="Moontel_ICT"></a>
          </div>
          <div class="mt__navigation">
            <nav>
              <ul>
                <li class="mt__has-dropdown"><a href="#" class="mt__has-dropdown-icon">Home</a>
                  <ul class="mt__submenu-desktop">
                    <li><a href="index.html">Home Sass Agency</a></li>
                    <li><a href="home-crm.html">Home CRM</a></li>
                    <li><a href="home-app.html">Home App</a></li>
                  </ul>
                </li>
                <li><a href="about.html">About</a></li>
                <li><a href="feature.html">Feature</a></li>
                <li class="mt__has-dropdown"><a href="#" class="mt__has-dropdown-icon">Pages</a>
                  <ul class="mt__submenu-desktop">
                    <li><a href="team.html">Our Team</a></li>
                    <li><a href="team-details.html">Team Details</a></li>
                    <li><a href="our-pricing.html">Our Pricing</a></li>
                    <li><a href="404.html">404</a></li>
                  </ul>
                </li>
                <li class="mt__has-dropdown"><a href="#" class="mt__has-dropdown-icon">Blog</a>
                  <ul class="mt__submenu-desktop">
                    <li><a href="blog.html">Blogs</a></li>
                    <li><a href="blog-details.html">Blog Details</a></li>
                  </ul>
                </li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </nav>
          </div>
        </div>
        <div class="mt__header-right-site">
          <div class="mt__header-contact-number">
            <span class="mt__header-contact-number-icon"><i class="fa-light fa-phone"></i></span>
            <div class="mt__header-contact-number-text">
              <span class="mt__header-contact-number-anytime">Call Anytime</span>
              <a href="tel:239555-0108" class="mt__header-text-number-degit">(239) 555-0108</a>
            </div>
          </div>
          <div class="mt__header-btn">
            <a href="contact.html" class="mt__btn-1">Contact Us <i class="fa-light fa-arrow-right"></i></a>
          </div>
          <div class="mt__header-mobile-bar">
            <span class="mt__header-mobile-menu-bar mt__line-1">
            </span>
            <span class="mt__header-mobile-menu-bar mt__line-2">
            </span>
            <span class="mt__header-mobile-menu-bar mt__line-3">
            </span>
          </div>
        </div>
      </div>
    </div>
  </header>
  <!-- End Header Area -->

  <!-- Start Mobile Menu  -->
  <div class="mt__mobile-menu">
    <div class="mt__menu-header">
      <div class="mt__logo">
        <a href="index.html">
          <img src="assets/images/logo/home-2-header-logo.svg" alt="Moontel_ICT">
        </a>
      </div>
      <button class="mt__close-btn">×</button>
    </div>

    <div class="mt__icons">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
        <path d="M20 7h-16v14h16v-14z"></path>
        <path d="M16 7c0-2.21-1.79-4-4-4s-4 1.79-4 4"></path>
      </svg>
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
        <path
          d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z">
        </path>
      </svg>
    </div>

    <nav>
      <ul class="mt__nav-list">
        <li class="mt__nav-item">
          <a href="#" class="mt__nav-link">Home
            <span class="mt__toggle-btn"></span>
          </a>
          <ul class="mt__submenu">
            <li class="mt__submenu-item"><a href="index.html" class="mt__submenu-link">Home Sass Agency</a></li>
            <li class="mt__submenu-item"><a href="home-crm.html" class="mt__submenu-link">Home CRM</a></li>
            <li class="mt__submenu-item"><a href="home-app.html" class="mt__submenu-link">Home App</a></li>
          </ul>
        </li>
        <li class="mt__nav-item">
          <a href="about.html" class="mt__nav-link">About</a>
        </li>
        <li class="mt__nav-item">
          <a href="feature.html" class="mt__nav-link">Feature</a>
        </li>
        <li class="mt__nav-item">
          <a href="#" class="mt__nav-link">
            Pages
            <span class="mt__toggle-btn"></span>
          </a>
          <ul class="mt__submenu">
            <li class="mt__submenu-item"><a href="our-pricing.html" class="mt__submenu-link">Our Pricing</a></li>
            <li class="mt__submenu-item"><a href="team.html" class="mt__submenu-link">Team</a></li>
            <li class="mt__submenu-item"><a href="team-details.html" class="mt__submenu-link">Team Details</a></li>
            <li class="mt__submenu-item"><a href="404.html" class="mt__submenu-link">404</a></li>
          </ul>
        </li>
        <li class="mt__nav-item">
          <a href="#" class="mt__nav-link">
            Blog
            <span class="mt__toggle-btn"></span>
          </a>
          <ul class="mt__submenu">
            <li class="mt__submenu-item"><a href="blog.html" class="mt__submenu-link">Our Blog</a></li>
            <li class="mt__submenu-item"><a href="blog-details.html" class="mt__submenu-link">Blog Details</a></li>
          </ul>
        </li>
        <li class="mt__nav-item">
          <a href="contact.html" class="mt__nav-link">Contact Us</a>
        </li>
      </ul>
    </nav>
  </div>
  <!-- End Mobile Menu -->

  <!-- Start Mt Overlay -->
  <div class="mt__overlay"></div>
  <!-- End Mt Overlay -->

  <!-- Start Hero Area -->
  <section class="mt__hero-01 home-hero-main" data-background="assets/images/bg/hero-bg-1.png">
    <span class="mt__hero-01-shep-1"></span>
    <span class="mt__hero-01-shep-2"></span>
    <span class="mt__hero-01-shep-3"></span>
    <span class="mt__hero-01-shep-4"></span>
    <span class="mt__hero-01-shep-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="158" height="108" viewBox="0 0 158 108" fill="none">
        <path opacity="0.2" d="M123 1H3" stroke="white" />
        <path opacity="0.3" d="M134 30.5L1 105" stroke="white" />
        <path opacity="0.2" d="M157 47L134 107.5" stroke="white" />
      </svg>
    </span>
    <span class="mt__hero-01-shep-6"></span>
    <span class="mt__hero-01-shep-7"></span>
    <span class="mt__hero-01-shep-8">
      <svg xmlns="http://www.w3.org/2000/svg" width="37" height="37" viewBox="0 0 37 37" fill="none">
        <path
          d="M18.5 0C18.7789 10.0995 26.9005 18.2211 37 18.5C26.9005 18.7789 18.7789 26.9005 18.5 37C18.2211 26.9005 10.0995 18.7789 0 18.5C10.0995 18.2211 18.2211 10.0995 18.5 0Z"
          fill="white" />
      </svg>
    </span>
    <div class="mt__container01">
      <div class="mt__hero-wrapper">
        <div class="mt__hero-text-content wow img-custom-anim-left">
          <h2 class="mt__hero-main-title">Crafting Intuitive <br> SaaS Interfaces</h2>
          <p class="mt__hero-sub-title">At the heart of every successful SaaS product lies an intuitive, <br>
            user-friendly interface. We specialize in designing interfaces <br>
            that simplify complex functionalities</p>
          <div class="mt__hero-btn">
            <a href="contact.html" class="mt__btn-1 mt__hero-getintech-btn">get In tech <i
                class="fa-light fa-arrow-right"></i></a>
            <a href="feature.html" class="mt__btn-2 mt__hero-services-btn">Our Services <i
                class="fa-light fa-arrow-right"></i></a>
          </div>
          <div class="mt__hero-meta">
            <div class="mt__hero-meta-image-content">
              <img src="assets/images/home-1/hero-meta-image.png" alt="Moontel_ICT">
              <span class="mt__meta-image-content-reating-shep">5.6</span>
            </div>
            <div class="mt__hero-meta-text-content">
              <span class="mt__hero-meta-client-text">10k happy clients</span>
              <div class="mt__hero-meta-client-review-content">
                <span class="mt__hero-meta-client-review-icons">
                  <i class="fa-solid fa-star-sharp"></i>
                  <i class="fa-solid fa-star-sharp"></i>
                  <i class="fa-solid fa-star-sharp"></i>
                  <i class="fa-solid fa-star-sharp"></i>
                  <i class="fa-solid fa-star-sharp"></i>
                </span>
                <span class="mt__hero-meta-client-review-text">4.5 Reating</span>
              </div>
            </div>
          </div>
        </div>
        <div class="mt__hero-image-content wow img-custom-anim-top">
          <img src="assets/images/home-1/hero-banner.png" alt="Moontel_ICT">
        </div>
      </div>
    </div>
  </section>
  <!-- End Hero Area -->

  <!-- Start Brand Logo Area Home 1 -->
  <section class="mt__brand-logo-area-home-01">
    <div class="mt__container01">
      <div class="mt__brand-logo-wrapper">
        <div class="mt__brand-logo-title-part wow fadeInUp">
          <h4 class="mt__brand-logo-title">Trusted by millions of customers</h4>
        </div>
        <div class="mt__brand-logo-inner wow img-custom-anim-right">
          <div class="swiper mt__brand-logo-items">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="mt__brand-logo-itme">
                  <img src="assets/images/home-3/brand-logo1.png" alt="Moontel_ICT">
                </div>
              </div>
              <div class="swiper-slide">
                <div class="mt__brand-logo-itme">
                  <img src="assets/images/home-3/brand-logo2.png" alt="Moontel_ICT">
                </div>
              </div>
              <div class="swiper-slide">
                <div class="mt__brand-logo-itme">
                  <img src="assets/images/home-3/brand-logo3.png" alt="Moontel_ICT">
                </div>
              </div>
              <div class="swiper-slide">
                <div class="mt__brand-logo-itme">
                  <a href="#" class="mt__brand-logo-icon">
                    <img src="assets/images/home-3/brand-logo4.png" alt="Moontel_ICT">
                  </a>
                </div>
              </div>
              <div class="swiper-slide">
                <div class="mt__brand-logo-itme">
                  <img src="assets/images/home-3/brand-logo5.png" alt="Moontel_ICT">
                </div>
              </div>
              <div class="swiper-slide">
                <div class="mt__brand-logo-itme">
                  <img src="assets/images/home-3/brand-logo6.png" alt="Moontel_ICT">
                </div>
              </div>
              <div class="swiper-slide">
                <div class="mt__brand-logo-itme">
                  <img src="assets/images/home-3/brand-logo1.png" alt="Moontel_ICT">
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- End Brand Logo Area Home 1 -->

  <!-- Start Our Services Area Home 1 -->
  <section class="mt__our-services-area-home-1">
    <span class="mt__our-services-area-bg-shep-1"></span>
    <div class="mt__container03">
      <div class="mt__our-services-wrapper">
        <img src="assets/images/shep/services-area-home-1-shep-1.png" alt="Moontel_ICT"
          class="mt__services-area-shep-home-1 wow img-custom-anim-top">
        <div class="mt__our-services-area-title-part text-center wow fadeInUp">
          <span class="mt__services-title-meta">Our Services</span>
          <h2 class="mt__title-style-01">Strong New Features for <br> SaaS Services</h2>
        </div>
        <div class="mt__our-services-inner">
          <div class="mt__services-item wow img-custom-anim-top">
            <span class="mt__services-item-shep-1">
              <svg xmlns="http://www.w3.org/2000/svg" width="44" height="64" viewBox="0 0 44 64" fill="none">
                <path opacity="0.2" d="M0.999998 49.6843L1 1.797" stroke="#767676" />
                <path opacity="0.3" d="M12.7723 54.0752L42.5024 1.00012" stroke="#767676" />
                <path opacity="0.2" d="M19.3564 63.2527L43.4996 54.0743" stroke="#767676" />
              </svg>
            </span>
            <span class="mt__services-icon">
              <svg xmlns="http://www.w3.org/2000/svg" width="22" height="30" viewBox="0 0 22 30" fill="none">
                <path
                  d="M10.8437 0C5.5684 0 0 1.20482 0 3.43373V11.0843V11.1446V18.7952V18.8554V26.5663C0 28.7952 5.5684 30 10.8437 30C16.119 30 21.6874 28.7952 21.6874 26.5663V18.8554V18.7952V11.1446V11.0843V3.43373C21.6288 1.20482 16.0604 0 10.8437 0ZM10.8437 0.60241C16.881 0.60241 21.1013 2.10843 21.1013 3.43373C21.1013 4.75904 16.881 6.26506 10.8437 6.26506C4.8064 6.26506 0.586147 4.75904 0.586147 3.43373C0.586147 2.10843 4.8064 0.60241 10.8437 0.60241ZM0.586147 12.2892C2.16874 13.7349 6.62346 14.5181 10.8437 14.5181C15.064 14.5181 19.5187 13.7349 21.1013 12.2892V18.7952C21.1013 20.1205 16.881 21.6265 10.8437 21.6265C4.8064 21.6265 0.586147 20.1205 0.586147 18.7952V12.2892ZM10.8437 29.3976C4.8064 29.3976 0.586147 27.8916 0.586147 26.5663V19.9398C2.16874 21.3856 6.62346 22.1687 10.8437 22.1687C15.064 22.1687 19.5187 21.3856 21.1013 19.9398V26.5663C21.0427 27.8916 16.881 29.3976 10.8437 29.3976ZM21.0427 11.1446C21.0427 12.4699 16.8224 13.9759 10.7851 13.9759C4.74779 13.9759 0.527529 12.4699 0.527529 11.1446V11.0843V4.57831C2.11013 6.02409 6.56484 6.80722 10.7851 6.80722C15.0054 6.80722 19.4601 6.02409 21.0427 4.57831V11.1446Z"
                  fill="#010101" />
              </svg>
            </span>
            <h4 class="mt__services-item-title">
              Dashboard & Analytics Design.
            </h4>
            <p class="mt__services-item-short-discription">
              Creating inclusive experiences for <br> users of all abilities.
            </p>
            <div class="mt__item-services-read-more-btn"><a href="feature.html" class="mt__services-read-more-icon">Read
                More<i class="fa-light fa-arrow-right"></i></a></div>
          </div>
          <div class="mt__services-item wow img-custom-anim-top">
            <span class="mt__services-item-shep-1">
              <svg xmlns="http://www.w3.org/2000/svg" width="44" height="64" viewBox="0 0 44 64" fill="none">
                <path opacity="0.2" d="M0.999998 49.6843L1 1.797" stroke="#767676" />
                <path opacity="0.3" d="M12.7723 54.0752L42.5024 1.00012" stroke="#767676" />
                <path opacity="0.2" d="M19.3564 63.2527L43.4996 54.0743" stroke="#767676" />
              </svg>
            </span>
            <span class="mt__services-icon">
              <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M9.74266 14.1836H3.20801V27.0407H9.74266V14.1836ZM9.1486 26.4371H3.80207V14.7872H9.1486V26.4371Z"
                  fill="#767676" />
                <path
                  d="M27.9808 1.57031H21.4462V27.0431H27.9808V1.57031ZM27.3868 26.4395H22.0402V2.17393H27.3868V26.4395Z"
                  fill="#767676" />
                <path
                  d="M18.8911 7.84766H12.3564V27.0428H18.8911V7.84766ZM18.297 26.4392H12.9505V8.45128H18.297V26.4392Z"
                  fill="#767676" />
                <path d="M0.594059 29.3964V0H0V30H30V29.3964H0.594059Z" fill="#767676" />
              </svg>

            </span>
            <h4 class="mt__services-item-title">
              Onboarding Experience Design.
            </h4>
            <p class="mt__services-item-short-discription">
              Creating inclusive experiences for <br> users of all abilities.
            </p>
            <div class="mt__item-services-read-more-btn"><a href="feature.html" class="mt__services-read-more-icon">Read
                More<i class="fa-light fa-arrow-right"></i></a></div>
          </div>
          <div class="mt__services-item wow img-custom-anim-top">
            <span class="mt__services-item-shep-1">
              <svg xmlns="http://www.w3.org/2000/svg" width="44" height="64" viewBox="0 0 44 64" fill="none">
                <path opacity="0.2" d="M0.999998 49.6843L1 1.797" stroke="#767676" />
                <path opacity="0.3" d="M12.7723 54.0752L42.5024 1.00012" stroke="#767676" />
                <path opacity="0.2" d="M19.3564 63.2527L43.4996 54.0743" stroke="#767676" />
              </svg>
            </span>
            <span class="mt__services-icon">
              <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
                <path
                  d="M29.9991 7.32774V6.70144H24.3236V5.69936H23.3257V0H22.702V5.69936H20.1449V0H19.5213V5.69936H16.9642V0H16.3405V5.69936H13.7834V0H13.1597V5.69936H10.6026V0H9.97892V5.69936H7.48419V0H6.86051V5.69936H5.86262V6.70144H0V7.32774H5.80025V9.89562H0V10.5219H5.80025V13.0898H0V13.7161H5.80025V16.2839H0V16.9102H5.80025V19.4781H0V20.1044H5.80025V22.6722H0V23.2985H5.80025V24.3006H6.86051V30H7.48419V24.3006H10.0413V30H10.665V24.3006H13.2221V30H13.8458V24.3006H16.4029V30H17.0265V24.3006H19.5836V30H20.2073V24.3006H22.7644V30H23.3881V24.3006H24.3236V23.2985H29.9991V22.6722H24.3236V20.1044H29.9991V19.4781H24.3236V16.9102H29.9991V16.2839H24.3236V13.7161H29.9991V13.0898H24.3236V10.5219H29.9991V9.89562H24.3236V7.32774H29.9991ZM23.6999 23.6117H6.42393V6.26305H23.6999V23.6117Z"
                  fill="#010101" />
              </svg>
            </span>
            <h4 class="mt__services-item-title">
              Onboarding Experience Design.
            </h4>
            <p class="mt__services-item-short-discription">
              Creating inclusive experiences for <br> users of all abilities.
            </p>
            <div class="mt__item-services-read-more-btn"><a href="feature.html" class="mt__services-read-more-icon">Read
                More<i class="fa-light fa-arrow-right"></i></a></div>
          </div>
          <div class="mt__services-item wow img-custom-anim-top">
            <span class="mt__services-item-shep-1">
              <svg xmlns="http://www.w3.org/2000/svg" width="44" height="64" viewBox="0 0 44 64" fill="none">
                <path opacity="0.2" d="M0.999998 49.6843L1 1.797" stroke="#767676" />
                <path opacity="0.3" d="M12.7723 54.0752L42.5024 1.00012" stroke="#767676" />
                <path opacity="0.2" d="M19.3564 63.2527L43.4996 54.0743" stroke="#767676" />
              </svg>
            </span>
            <span class="mt__services-icon">
              <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path
                  d="M14.2964 1.89844H13.9909C6.2923 1.89844 -0.000976562 8.20456 -0.000976562 15.9801C-0.000976562 23.6943 6.2923 30.0005 13.9909 30.0005C21.6894 30.0005 27.9827 23.6943 28.0438 15.9801V15.6739H14.2964V1.89844ZM27.3717 16.225C27.1884 23.5107 21.2617 29.327 13.9909 29.327C6.5978 29.327 0.610021 23.327 0.610021 15.9188C0.610021 8.63313 6.4756 2.63313 13.6854 2.51068V16.2862H27.3717V16.225Z"
                  fill="#010101" />
                <path
                  d="M15.946 0H15.6405V14.3878H29.9989V14.0816C29.9378 6.30612 23.6446 0 15.946 0ZM16.2515 13.7143V0.612245C23.4002 0.795918 29.2046 6.55102 29.3268 13.7755H16.2515V13.7143Z"
                  fill="#010101" />
              </svg>

            </span>
            <h4 class="mt__services-item-title">
              Dashboard & Analytics Design.
            </h4>
            <p class="mt__services-item-short-discription">
              Creating inclusive experiences for <br> users of all abilities.
            </p>
            <div class="mt__item-services-read-more-btn"><a href="feature.html" class="mt__services-read-more-icon">
                Read More <i class="fa-light fa-arrow-right"></i></a></div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- End Our Services Area Home 1 -->

  <!-- Start Sass Design Area Home 1 -->
  <section class="mt__sass-design-area-home-1">
    <div class="mt__container01">
      <div class="mt__sass-design-wrapper">
        <div class="mt__sass-design-img-content wow img-custom-anim-left">
          <img src="assets/images/home-1/sass-design.png" alt="Moontel ICT">
        </div>
        <div class="mt__sass-desing-text-content wow img-custom-anim-right">
          <h2 class="mt__title-style-02">Innovating the Future of <br>
            SaaS Design</h2>
          <p class="mt__sub-title-style-02">Our approach to SaaS design is built on collaboration, innovation, and a
            deep <br>
            understanding of user needs. ensuring that every step</p>
          <div class="mt__sass-design-options">
            <ul>
              <li>
                <span class="mt__sass-design-option-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <circle cx="12" cy="12" r="12" fill="#0B0B0D" />
                    <path d="M6 13L10 17L18 8" stroke="white" stroke-linecap="round" />
                  </svg>
                </span>
                <span class="mt__sass-design-option">
                  User-Centered Design Philosophy
                </span>
              </li>
              <li>
                <span class="mt__sass-design-option-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <circle cx="12" cy="12" r="12" fill="#0B0B0D" />
                    <path d="M6 13L10 17L18 8" stroke="white" stroke-linecap="round" />
                  </svg>
                </span>
                <span class="mt__sass-design-option">
                  Expertise in SaaS Solutions
                </span>
              </li>
              <li>
                <span class="mt__sass-design-option-icon">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <circle cx="12" cy="12" r="12" fill="#0B0B0D" />
                    <path d="M6 13L10 17L18 8" stroke="white" stroke-linecap="round" />
                  </svg>
                </span>
                <span class="mt__sass-design-option">
                  Collaborative Workflow
                </span>
              </li>
            </ul>
          </div>
          <a href="feature.html" class="mt__btn-1 mt__sass-design-area-btn">Try For Free <i
              class="fa-light fa-arrow-right"></i></a>
        </div>
      </div>
      <div class="mt__sass-design-wrapper">
        <div class="mt__sass-desing-text-content wow img-custom-anim-right">
          <h2 class="mt__title-style-02">Innovating the Future of <br>
            SaaS Design</h2>
          <p class="mt__sub-title-style-02">Our approach to SaaS design is built on collaboration, innovation, and a
            deep <br>
            understanding of user needs. ensuring that every step</p>
          <div class="mt__analytics-wrapper mt__sass-design-options">
            <div class="mt__analytics-itmes">
              <div class="mt__analytics-item">
                <span class="mt__analytic-icon">
                  <img src="assets/images/icon/analytic-icon-1-home-1.png" alt="Moontel ICT">
                </span>
                <span class="mt__analytic-text">
                  Customizable Analytics <br> Dashboards
                </span>
              </div>
              <div class="mt__analytics-item">
                <span class="mt__analytic-icon">
                  <img src="assets/images/icon/analytic-icon-2-home-1.png" alt="Moontel ICT">
                </span>
                <span class="mt__analytic-text">
                  Real-Time User <br> Tracking
                </span>
              </div>
            </div>
          </div>
        </div>
        <div class="mt__sass-design-img-content wow img-custom-anim-left">
          <img src="assets/images/home-1/sass-design-2.png" alt="Moontel ICT">
        </div>
      </div>
    </div>
  </section>
  <!-- End Sass Design Area Home 1 -->

  <!-- Start Sass Skill Area Home 1 -->
  <section class="mt__sass-skill-area-home-1">
    <span class="mt__sass-skill-area-shep-1"></span>
    <img src="assets/images/shep/squar-shep-line.png" alt="Moontel_ICT" class="mt__sass-skill-sehp-2">
    <div class="mt__container01">
      <div class="mt__sass-skill-wrapper">
        <img src="assets/images/shep/services-area-home-1-shep-2.png" alt="Moontel_ICT"
          class="mt__sass-skill-shep-man-1 wow img-custom-anim-top">
        <div class="mt__sass-skill-area-title-part text-center wow fadeInUp">
          <span class="mt__services-title-meta">How To Work</span>
          <h2 class="mt__title-style-01">Crafting Seamless SaaS Experiences</h2>
        </div>
        <div class="mt__sass-skill-imgages">
          <img src="assets/images/home-1/sass-experiences.png" alt="Moontel_ICT" class="wow img-custom-anim-left">
        </div>
      </div>
    </div>
    <div class="mt__video-banner-home-1">
      <div class="mt__container02">
        <div class="mt__video-banner-wrapper">
          <img src="assets/images/home-1/video-banner.png" alt="Moontel_ICT" class="wow img-custom-anim-top">
          <div class="mt_video-icon">
            <a href="https://www.youtube.com/watch?v=sfmaJTwFP24" class="mt__popup-video ">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="28" viewBox="0 0 14 28" fill="none">
                <path d="M14 14L0 28V0L14 14Z" fill="white" />
              </svg>
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- End Sass Skill Area Home 1 -->

  <!-- Start Testimonial Area Homer 1 -->
  <section class="mt__testimonial-area-home-1">
    <div class="mt__testimonial-wrapper">
      <div class="mt__testimonial-area-title-part text-center wow fadeInUp">
        <span class="mt__services-title-meta">Our Services</span>
        <h2 class="mt__title-style-01">What Our Clients Say</h2>
      </div>
      <div class="mt__testimonial-inner">
        <div class="swiper mt__testimonial-items">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="mt__testimonial-item">
                <div class="mt__testimonial-logo-part">
                  <div class="mt__testimonial-logo">
                    <img src="assets/images/icon/testimonial-icon-home-1.png" alt="Moontel_ICT"
                      class="mt__testimonial-client-company-logo">
                    <div class="mt__client-name-regi-wrapper">
                      <h2 class="mt__testimonial-client-name">Brooklyn Simmons</h2>
                      <span class="mt__testimonial-client-regi">Web Designer</span>
                    </div>
                  </div>
                  <div class="mt__testimonial-client-review">
                    <ul>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                    </ul>
                  </div>
                </div>
                <div class="mt__testimonial-client-discription">
                  <p class="mt__testimonial-client-say">Working with this team has been a game-changer <br>
                    our SaaS platform. Their intuitive design approach <br>
                    attention to detail made our software incredibly <br>
                    easy to navigate,</p>
                </div>
                <div class="mt__testimonial-client-agency-logo">
                  <img src="assets/images/icon/testimonial-logo-home-1.png" alt="Moontel_ICT">
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="mt__testimonial-item">
                <div class="mt__testimonial-logo-part">
                  <div class="mt__testimonial-logo">
                    <img src="assets/images/icon/testimonial-icon-home-1.png" alt="Moontel_ICT"
                      class="mt__testimonial-client-company-logo">
                    <div class="mt__client-name-regi-wrapper">
                      <h2 class="mt__testimonial-client-name">Jessica Robinson</h2>
                      <span class="mt__testimonial-client-regi">UI UX Designer</span>
                    </div>
                  </div>
                  <div class="mt__testimonial-client-review">
                    <ul>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                    </ul>
                  </div>
                </div>
                <div class="mt__testimonial-client-discription">
                  <p class="mt__testimonial-client-say">Working with this team has been a game-changer <br>
                    our SaaS platform. Their intuitive design approach <br>
                    attention to detail made our software incredibly <br>
                    easy to navigate,</p>
                </div>
                <div class="mt__testimonial-client-agency-logo">
                  <img src="assets/images/icon/envato.png" alt="Moontel_ICT">
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="mt__testimonial-item">
                <div class="mt__testimonial-logo-part">
                  <div class="mt__testimonial-logo">
                    <img src="assets/images/icon/testimonial-icon-home-1.png" alt="Moontel_ICT"
                      class="mt__testimonial-client-company-logo">
                    <div class="mt__client-name-regi-wrapper">
                      <h2 class="mt__testimonial-client-name">Alberta Infantio</h2>
                      <span class="mt__testimonial-client-regi">Engineer</span>
                    </div>
                  </div>
                  <div class="mt__testimonial-client-review">
                    <ul>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                    </ul>
                  </div>
                </div>
                <div class="mt__testimonial-client-discription">
                  <p class="mt__testimonial-client-say">Working with this team has been a game-changer <br>
                    our SaaS platform. Their intuitive design approach <br>
                    attention to detail made our software incredibly <br>
                    easy to navigate,</p>
                </div>
                <div class="mt__testimonial-client-agency-logo">
                  <img src="assets/images/icon/amazon.png" alt="Moontel_ICT">
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="mt__testimonial-item">
                <div class="mt__testimonial-logo-part">
                  <div class="mt__testimonial-logo">
                    <img src="assets/images/icon/testimonial-icon-home-1.png" alt="Moontel_ICT"
                      class="mt__testimonial-client-company-logo">
                    <div class="mt__client-name-regi-wrapper">
                      <h2 class="mt__testimonial-client-name">Ronald Richards</h2>
                      <span class="mt__testimonial-client-regi">Web Designer</span>
                    </div>
                  </div>
                  <div class="mt__testimonial-client-review">
                    <ul>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                    </ul>
                  </div>
                </div>
                <div class="mt__testimonial-client-discription">
                  <p class="mt__testimonial-client-say">Working with this team has been a game-changer <br>
                    our SaaS platform. Their intuitive design approach <br>
                    attention to detail made our software incredibly <br>
                    easy to navigate,</p>
                </div>
                <div class="mt__testimonial-client-agency-logo">
                  <img src="assets/images/icon/envato.png" alt="Moontel_ICT">
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="mt__testimonial-item">
                <div class="mt__testimonial-logo-part">
                  <div class="mt__testimonial-logo">
                    <img src="assets/images/icon/testimonial-icon-home-1.png" alt="Moontel_ICT"
                      class="mt__testimonial-client-company-logo">
                    <div class="mt__client-name-regi-wrapper">
                      <h2 class="mt__testimonial-client-name">Brooklyn Simmons</h2>
                      <span class="mt__testimonial-client-regi">Web Designer</span>
                    </div>
                  </div>
                  <div class="mt__testimonial-client-review">
                    <ul>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                      <li><i class="fa-solid fa-star-sharp"></i></li>
                    </ul>
                  </div>
                </div>
                <div class="mt__testimonial-client-discription">
                  <p class="mt__testimonial-client-say">Working with this team has been a game-changer <br>
                    our SaaS platform. Their intuitive design approach <br>
                    attention to detail made our software incredibly <br>
                    easy to navigate,</p>
                </div>
                <div class="mt__testimonial-client-agency-logo">
                  <img src="assets/images/icon/testimonial-logo-home-1.png" alt="Moontel_ICT">
                </div>
              </div>
            </div>

          </div>

        </div>
        <div class="mt__next-prev-arrow">
          <span class="mt__next-arrow mt__home-1-testimonial-next-arrow">
            <svg xmlns="http://www.w3.org/2000/svg" width="22" height="8" viewBox="0 0 22 8" fill="none">
              <path
                d="M21 3.5C21.2761 3.5 21.5 3.72386 21.5 4C21.5 4.27614 21.2761 4.5 21 4.5V3.5ZM0.646416 4.35355C0.451155 4.15829 0.451155 3.84171 0.646416 3.64645L3.8284 0.464466C4.02366 0.269204 4.34024 0.269204 4.5355 0.464466C4.73077 0.659728 4.73077 0.976311 4.5355 1.17157L1.70708 4L4.5355 6.82843C4.73077 7.02369 4.73077 7.34027 4.5355 7.53553C4.34024 7.7308 4.02366 7.7308 3.8284 7.53553L0.646416 4.35355ZM21 4.5H0.999969V3.5H21V4.5Z"
                fill="white" />
            </svg>
          </span>
          <span class="mt__prev-arrow mt__home-1-testimonial-prev-arrow">
            <svg xmlns="http://www.w3.org/2000/svg" width="22" height="8" viewBox="0 0 22 8" fill="none">
              <path
                d="M1 3.5C0.723858 3.5 0.5 3.72386 0.5 4C0.5 4.27614 0.723858 4.5 1 4.5V3.5ZM21.3536 4.35355C21.5488 4.15829 21.5488 3.84171 21.3536 3.64645L18.1716 0.464466C17.9763 0.269204 17.6597 0.269204 17.4645 0.464466C17.2692 0.659728 17.2692 0.976311 17.4645 1.17157L20.2929 4L17.4645 6.82843C17.2692 7.02369 17.2692 7.34027 17.4645 7.53553C17.6597 7.7308 17.9763 7.7308 18.1716 7.53553L21.3536 4.35355ZM1 4.5H21V3.5H1V4.5Z"
                fill="white" />
            </svg>
          </span>
        </div>
      </div>
    </div>
  </section>
  <!-- End Testimonial Area Home 1 -->

  <!-- Start Pricing Area Home 1 -->
  <section class="mt__pricing-area-home-1">
    <span class="mt__pricing-area-shep-1"></span>
    <div class="container01">
      <div class="mt__pricing-wrapper">
        <div class="mt__pricing-area-title-part text-center wow fadeInUp">
          <span class="mt__services-title-meta">Our Pricing</span>
          <h2 class="mt__title-style-01">Custom Solutions, Tailored for You</h2>
        </div>
        <div class="mt__pricing-button-part wow img-custom-anim-top">
          <span class="mt__discount-price">25% Save</span>
          <img src="assets/images/bg/price-btn-1.png" alt="Moontel_ICT" class="mt__pricing-btn-shep-1">
          <span class="mt__pricing-pack-name">Monthly</span>
          <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item" role="presentation">
              <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button"
                role="tab" aria-controls="home" aria-selected="true"></button>
            </li>
            <li class="nav-item" role="presentation">
              <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button"
                role="tab" aria-controls="profile" aria-selected="false"></button>
            </li>
          </ul>
          <span class="mt__pricing-pack-name">Yearly</span>
        </div>
        <div class="tab-content wow img-custom-anim-top" id="myTabContent">
          <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
            <div class="mt__pricing-box-wrapper">
              <div class="mt__pricing-item" data-background="assets/images/bg/pricing-itme-bg.png">
                <h5 class="mt__pricing-item-pack-name">Basic Plan</h5>
                <p class="mt__pricing-pack-info">We offer a range of pricing packages designed <br>
                  to meet the needs of businesses</p>
                <h2 class="mt__price">$105</h2>
                <a href="#" class="pack-parchuse-btn">Buy Now
                  <svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8" fill="none">
                    <path
                      d="M1 3.5C0.723858 3.5 0.5 3.72386 0.5 4C0.5 4.27614 0.723858 4.5 1 4.5L1 3.5ZM14.3536 4.35355C14.5488 4.15829 14.5488 3.84171 14.3536 3.64645L11.1716 0.464466C10.9763 0.269204 10.6597 0.269204 10.4645 0.464466C10.2692 0.659728 10.2692 0.976311 10.4645 1.17157L13.2929 4L10.4645 6.82843C10.2692 7.02369 10.2692 7.34027 10.4645 7.53553C10.6597 7.7308 10.9763 7.7308 11.1716 7.53553L14.3536 4.35355ZM1 4.5L14 4.5V3.5L1 3.5L1 4.5Z"
                      fill="black" />
                  </svg>
                </a>
                <ul class="mt__pack-including-item mt__pack-line-throue">
                  <li>Essential tools to get you started</li>
                  <li>Track key metrics and user engagement</li>
                  <li>Reliable protection for your data</li>
                  <li>Full access to every tool and feature</li>
                  <li>Seamless access and usability on all mobile</li>
                </ul>
              </div>
              <div class="mt__pricing-item" data-background="assets/images/bg/pricing-itme-bg.png">
                <span class="mtprice__shape"><img src="assets/images/shep/price-shape.png" alt=""></span>
                <h5 class="mt__pricing-item-pack-name">Premium plan</h5>
                <p class="mt__pricing-pack-info">We offer a range of pricing packages designed <br>
                  to meet the needs of businesses</p>
                <h2 class="mt__price">$205</h2>
                <a href="#" class="pack-parchuse-btn active">Buy Now
                  <svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8" fill="none">
                    <path
                      d="M1 3.5C0.723858 3.5 0.5 3.72386 0.5 4C0.5 4.27614 0.723858 4.5 1 4.5L1 3.5ZM14.3536 4.35355C14.5488 4.15829 14.5488 3.84171 14.3536 3.64645L11.1716 0.464466C10.9763 0.269204 10.6597 0.269204 10.4645 0.464466C10.2692 0.659728 10.2692 0.976311 10.4645 1.17157L13.2929 4L10.4645 6.82843C10.2692 7.02369 10.2692 7.34027 10.4645 7.53553C10.6597 7.7308 10.9763 7.7308 11.1716 7.53553L14.3536 4.35355ZM1 4.5L14 4.5V3.5L1 3.5L1 4.5Z"
                      fill="black" />
                  </svg>
                </a>
                <ul class="mt__pack-including-item">
                  <li>Essential tools to get you started</li>
                  <li>Track key metrics and user engagement</li>
                  <li>Reliable protection for your data</li>
                  <li>Full access to every tool and feature</li>
                  <li>Seamless access and usability on all mobile</li>
                </ul>
              </div>
              <div class="mt__pricing-item" data-background="assets/images/bg/pricing-itme-bg.png">
                <h5 class="mt__pricing-item-pack-name">Standard Plan</h5>
                <p class="mt__pricing-pack-info">We offer a range of pricing packages designed <br>
                  to meet the needs of businesses</p>
                <h2 class="mt__price">$285</h2>
                <a href="#" class="pack-parchuse-btn">Buy Now
                  <svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8" fill="none">
                    <path
                      d="M1 3.5C0.723858 3.5 0.5 3.72386 0.5 4C0.5 4.27614 0.723858 4.5 1 4.5L1 3.5ZM14.3536 4.35355C14.5488 4.15829 14.5488 3.84171 14.3536 3.64645L11.1716 0.464466C10.9763 0.269204 10.6597 0.269204 10.4645 0.464466C10.2692 0.659728 10.2692 0.976311 10.4645 1.17157L13.2929 4L10.4645 6.82843C10.2692 7.02369 10.2692 7.34027 10.4645 7.53553C10.6597 7.7308 10.9763 7.7308 11.1716 7.53553L14.3536 4.35355ZM1 4.5L14 4.5V3.5L1 3.5L1 4.5Z"
                      fill="black" />
                  </svg>
                </a>
                <ul class="mt__pack-including-item">
                  <li>Essential tools to get you started</li>
                  <li>Track key metrics and user engagement</li>
                  <li>Reliable protection for your data</li>
                  <li>Full access to every tool and feature</li>
                  <li>Seamless access and usability on all mobile</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
            <div class="mt__pricing-box-wrapper">
              <div class="mt__pricing-item" data-background="assets/images/bg/pricing-itme-bg.png">
                <h5 class="mt__pricing-item-pack-name">Basic Plan</h5>
                <p class="mt__pricing-pack-info">We offer a range of pricing packages designed <br>
                  to meet the needs of businesses</p>
                <h2 class="mt__price">$120</h2>
                <a href="#" class="pack-parchuse-btn">Buy Now
                  <svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8" fill="none">
                    <path
                      d="M1 3.5C0.723858 3.5 0.5 3.72386 0.5 4C0.5 4.27614 0.723858 4.5 1 4.5L1 3.5ZM14.3536 4.35355C14.5488 4.15829 14.5488 3.84171 14.3536 3.64645L11.1716 0.464466C10.9763 0.269204 10.6597 0.269204 10.4645 0.464466C10.2692 0.659728 10.2692 0.976311 10.4645 1.17157L13.2929 4L10.4645 6.82843C10.2692 7.02369 10.2692 7.34027 10.4645 7.53553C10.6597 7.7308 10.9763 7.7308 11.1716 7.53553L14.3536 4.35355ZM1 4.5L14 4.5V3.5L1 3.5L1 4.5Z"
                      fill="black" />
                  </svg>
                </a>
                <ul class="mt__pack-including-item mt__pack-line-throue">
                  <li>Essential tools to get you started</li>
                  <li>Track key metrics and user engagement</li>
                  <li>Reliable protection for your data</li>
                  <li>Full access to every tool and feature</li>
                  <li>Seamless access and usability on all mobile</li>
                </ul>
              </div>
              <div class="mt__pricing-item" data-background="assets/images/bg/pricing-itme-bg.png">
                <span class="mtprice__shape"><img src="assets/images/shep/price-shape.png" alt=""></span>
                <h5 class="mt__pricing-item-pack-name">Premium plan</h5>
                <p class="mt__pricing-pack-info">We offer a range of pricing packages designed <br>
                  to meet the needs of businesses</p>
                <h2 class="mt__price">$220</h2>
                <a href="#" class="pack-parchuse-btn active">Buy Now
                  <svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8" fill="none">
                    <path
                      d="M1 3.5C0.723858 3.5 0.5 3.72386 0.5 4C0.5 4.27614 0.723858 4.5 1 4.5L1 3.5ZM14.3536 4.35355C14.5488 4.15829 14.5488 3.84171 14.3536 3.64645L11.1716 0.464466C10.9763 0.269204 10.6597 0.269204 10.4645 0.464466C10.2692 0.659728 10.2692 0.976311 10.4645 1.17157L13.2929 4L10.4645 6.82843C10.2692 7.02369 10.2692 7.34027 10.4645 7.53553C10.6597 7.7308 10.9763 7.7308 11.1716 7.53553L14.3536 4.35355ZM1 4.5L14 4.5V3.5L1 3.5L1 4.5Z"
                      fill="black" />
                  </svg>
                </a>
                <ul class="mt__pack-including-item">
                  <li>Essential tools to get you started</li>
                  <li>Track key metrics and user engagement</li>
                  <li>Reliable protection for your data</li>
                  <li>Full access to every tool and feature</li>
                  <li>Seamless access and usability on all mobile</li>
                </ul>
              </div>
              <div class="mt__pricing-item" data-background="assets/images/bg/pricing-itme-bg.png">
                <h5 class="mt__pricing-item-pack-name">Standard Plan</h5>
                <p class="mt__pricing-pack-info">We offer a range of pricing packages designed <br>
                  to meet the needs of businesses</p>
                <h2 class="mt__price">$320</h2>
                <a href="#" class="pack-parchuse-btn">Buy Now
                  <svg xmlns="http://www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8" fill="none">
                    <path
                      d="M1 3.5C0.723858 3.5 0.5 3.72386 0.5 4C0.5 4.27614 0.723858 4.5 1 4.5L1 3.5ZM14.3536 4.35355C14.5488 4.15829 14.5488 3.84171 14.3536 3.64645L11.1716 0.464466C10.9763 0.269204 10.6597 0.269204 10.4645 0.464466C10.2692 0.659728 10.2692 0.976311 10.4645 1.17157L13.2929 4L10.4645 6.82843C10.2692 7.02369 10.2692 7.34027 10.4645 7.53553C10.6597 7.7308 10.9763 7.7308 11.1716 7.53553L14.3536 4.35355ZM1 4.5L14 4.5V3.5L1 3.5L1 4.5Z"
                      fill="black" />
                  </svg>
                </a>
                <ul class="mt__pack-including-item">
                  <li>Essential tools to get you started</li>
                  <li>Track key metrics and user engagement</li>
                  <li>Reliable protection for your data</li>
                  <li>Full access to every tool and feature</li>
                  <li>Seamless access and usability on all mobile</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- End Pricing Area Home 1 -->

  <!-- Start Our Blog Area Home 1-->
  <section class="mt__blog-area-home-1">
    <div class="mt__container02">
      <div class="mt__blog-area-wrapper">
        <div class="mt__blog-area-title-part text-center wow fadeInUp">
          <span class="mt__services-title-meta">Our Blog</span>
          <h2 class="mt__title-style-01">Discover, Learn, and Grow with Our Blog</h2>
        </div>
        <div class="mt__blog-area-single-part">
          <div class="mt__blog-area-single-part-img">
            <img src="assets/images/home-1/blog-1.png" alt="Moontel_ICT" class="wow img-custom-anim-top">
            <div class="mt__blog-area-single-part-text-content wow img-custom-anim-right">
              <div class="mt__blog-area-home-1-meta-wrapper">
                <span class="mt__blog-area-home-1-tag">knowledge</span>
                <span class="mt__blog-posted-date">20 Jun, 2025</span>
              </div>
              <h4 class="mt__blog-title"><a href="blog-details.html">Dive into our blog to discover the latest trends,
                  <br> expert advice, and thought-provoking insights.</a></h4>
              <p class="mt__blog-discription">our content is crafted to keep you informed and inspired. Whether you’re
                <br>
                looking to stay ahead in your field or simply explore new ideas, we’re here <br> to provide valuable
                perspectives and practical knowledge.
              </p>
              <div class="mt__blog-writer">
                <div class="mt__blog-writer-part">
                  <img src="assets/images/home-1/blog-writer-1.png" alt="Moontel_ICT">
                  <div class="mt__blog-writer-name-regi-part">
                    <h5 class="mt__blog-writer-name">Marvin McKinney</h5>
                    <span class="mt__blog-writer-regi">UI/UX Designer</span>
                  </div>
                </div>
                <div class="mt__blog-comment">
                  <a href="#">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                      <path
                        d="M13 11.999C13 12.551 12.552 12.999 12 12.999C11.448 12.999 11 12.551 11 11.999C11 11.447 11.448 10.999 12 10.999C12.552 10.999 13 11.447 13 11.999ZM17 10.999C16.448 10.999 16 11.447 16 11.999C16 12.551 16.448 12.999 17 12.999C17.552 12.999 18 12.551 18 11.999C18 11.447 17.552 10.999 17 10.999ZM7.00003 10.999C6.44803 10.999 6.00003 11.447 6.00003 11.999C6.00003 12.551 6.44803 12.999 7.00003 12.999C7.55203 12.999 8.00003 12.551 8.00003 11.999C8.00003 11.447 7.55203 10.999 7.00003 10.999ZM24 12.354V19.317C24 21.899 21.9 23.999 19.318 23.999H13.132C6.10303 23.999 0.470035 19.207 0.029035 12.854C-0.211965 9.37704 1.05603 5.97604 3.50803 3.52004C5.96003 1.06404 9.36003 -0.204959 12.837 0.0270408C19.097 0.452041 24 5.86704 24 12.354ZM23 12.354C23 6.39104 18.506 1.41504 12.77 1.02504C12.519 1.00804 12.267 0.999041 12.017 0.999041C9.09503 0.999041 6.28803 2.15304 4.21703 4.22604C1.96803 6.47804 0.806035 9.59704 1.02703 12.785C1.43703 18.703 6.52803 22.999 13.132 22.999H19.318C21.348 22.999 23 21.348 23 19.317V12.354Z"
                        fill="white" />
                    </svg>
                    <span class="mt__blog-comment-count">02 Comment</span>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="mt__blog-area-items-wrapper">
          <div class="mt__blog-area-items">
            <img src="assets/images/home-1/blog-2.png" alt="Moontel_ICT" class="wow img-custom-anim-top">
            <div class="mt__blog-area-single-part-text-content wow img-custom-anim-left">
              <div class="mt__blog-area-home-1-meta-wrapper">
                <span class="mt__blog-area-home-1-tag">knowledge</span>
                <span class="mt__blog-posted-date">20 Jun, 2025</span>
              </div>
              <h4 class="mt__blog-title"><a href="blog-details.html">actionable insights that can fuel <br>
                  your digital transformation journey.</a></h4>
              <div class="mt__blog-writer">
                <div class="mt__blog-writer-part">
                  <img src="assets/images/home-1/blog-writer-2.png" alt="Moontel_ICT">
                  <div class="mt__blog-writer-name-regi-part">
                    <h5 class="mt__blog-writer-name">Marvin McKinney</h5>
                    <span class="mt__blog-writer-regi">UI/UX Designer</span>
                  </div>
                </div>
                <div class="mt__blog-comment">
                  <a href="#">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                      <path
                        d="M13 11.999C13 12.551 12.552 12.999 12 12.999C11.448 12.999 11 12.551 11 11.999C11 11.447 11.448 10.999 12 10.999C12.552 10.999 13 11.447 13 11.999ZM17 10.999C16.448 10.999 16 11.447 16 11.999C16 12.551 16.448 12.999 17 12.999C17.552 12.999 18 12.551 18 11.999C18 11.447 17.552 10.999 17 10.999ZM7.00003 10.999C6.44803 10.999 6.00003 11.447 6.00003 11.999C6.00003 12.551 6.44803 12.999 7.00003 12.999C7.55203 12.999 8.00003 12.551 8.00003 11.999C8.00003 11.447 7.55203 10.999 7.00003 10.999ZM24 12.354V19.317C24 21.899 21.9 23.999 19.318 23.999H13.132C6.10303 23.999 0.470035 19.207 0.029035 12.854C-0.211965 9.37704 1.05603 5.97604 3.50803 3.52004C5.96003 1.06404 9.36003 -0.204959 12.837 0.0270408C19.097 0.452041 24 5.86704 24 12.354ZM23 12.354C23 6.39104 18.506 1.41504 12.77 1.02504C12.519 1.00804 12.267 0.999041 12.017 0.999041C9.09503 0.999041 6.28803 2.15304 4.21703 4.22604C1.96803 6.47804 0.806035 9.59704 1.02703 12.785C1.43703 18.703 6.52803 22.999 13.132 22.999H19.318C21.348 22.999 23 21.348 23 19.317V12.354Z"
                        fill="white" />
                    </svg>
                    <span class="mt__blog-comment-count">02 Comment</span>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="mt__blog-area-items">
            <img src="assets/images/home-1/blog-3.png" alt="Moontel_ICT" class="wow img-custom-anim-top">
            <div class="mt__blog-area-single-part-text-content wow img-custom-anim-top">
              <div class="mt__blog-area-home-1-meta-wrapper">
                <span class="mt__blog-area-home-1-tag">knowledge</span>
                <span class="mt__blog-posted-date">20 Jun, 2025</span>
              </div>
              <h4 class="mt__blog-title"><a href="blog-details.html">Our comprehensive guide covers <br>
                  everything you need to know about.</a></h4>
              <div class="mt__blog-writer">
                <div class="mt__blog-writer-part">
                  <img src="assets/images/home-1/blog-writer-3.png" alt="Moontel_ICT">
                  <div class="mt__blog-writer-name-regi-part">
                    <h5 class="mt__blog-writer-name">Marvin McKinney</h5>
                    <span class="mt__blog-writer-regi">UI/UX Designer</span>
                  </div>
                </div>
                <div class="mt__blog-comment">
                  <a href="#">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                      <path
                        d="M13 11.999C13 12.551 12.552 12.999 12 12.999C11.448 12.999 11 12.551 11 11.999C11 11.447 11.448 10.999 12 10.999C12.552 10.999 13 11.447 13 11.999ZM17 10.999C16.448 10.999 16 11.447 16 11.999C16 12.551 16.448 12.999 17 12.999C17.552 12.999 18 12.551 18 11.999C18 11.447 17.552 10.999 17 10.999ZM7.00003 10.999C6.44803 10.999 6.00003 11.447 6.00003 11.999C6.00003 12.551 6.44803 12.999 7.00003 12.999C7.55203 12.999 8.00003 12.551 8.00003 11.999C8.00003 11.447 7.55203 10.999 7.00003 10.999ZM24 12.354V19.317C24 21.899 21.9 23.999 19.318 23.999H13.132C6.10303 23.999 0.470035 19.207 0.029035 12.854C-0.211965 9.37704 1.05603 5.97604 3.50803 3.52004C5.96003 1.06404 9.36003 -0.204959 12.837 0.0270408C19.097 0.452041 24 5.86704 24 12.354ZM23 12.354C23 6.39104 18.506 1.41504 12.77 1.02504C12.519 1.00804 12.267 0.999041 12.017 0.999041C9.09503 0.999041 6.28803 2.15304 4.21703 4.22604C1.96803 6.47804 0.806035 9.59704 1.02703 12.785C1.43703 18.703 6.52803 22.999 13.132 22.999H19.318C21.348 22.999 23 21.348 23 19.317V12.354Z"
                        fill="white" />
                    </svg>
                    <span class="mt__blog-comment-count">02 Comment</span>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="mt__blog-area-items">
            <img src="assets/images/home-1/blog-4.png" alt="Moontel_ICT" class="wow img-custom-anim-top">
            <div class="mt__blog-area-single-part-text-content wow img-custom-anim-right">
              <div class="mt__blog-area-home-1-meta-wrapper">
                <span class="mt__blog-area-home-1-tag">knowledge</span>
                <span class="mt__blog-posted-date">20 Jun, 2025</span>
              </div>
              <h4 class="mt__blog-title"><a href="blog-details.html">we offer a wealth of resources to <br>
                  help you think outside the box.</a></h4>
              <div class="mt__blog-writer">
                <div class="mt__blog-writer-part">
                  <img src="assets/images/home-1/blog-writer-4.png" alt="Moontel_ICT">
                  <div class="mt__blog-writer-name-regi-part">
                    <h5 class="mt__blog-writer-name">Marvin McKinney</h5>
                    <span class="mt__blog-writer-regi">UI/UX Designer</span>
                  </div>
                </div>
                <div class="mt__blog-comment">
                  <a href="#">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                      <path
                        d="M13 11.999C13 12.551 12.552 12.999 12 12.999C11.448 12.999 11 12.551 11 11.999C11 11.447 11.448 10.999 12 10.999C12.552 10.999 13 11.447 13 11.999ZM17 10.999C16.448 10.999 16 11.447 16 11.999C16 12.551 16.448 12.999 17 12.999C17.552 12.999 18 12.551 18 11.999C18 11.447 17.552 10.999 17 10.999ZM7.00003 10.999C6.44803 10.999 6.00003 11.447 6.00003 11.999C6.00003 12.551 6.44803 12.999 7.00003 12.999C7.55203 12.999 8.00003 12.551 8.00003 11.999C8.00003 11.447 7.55203 10.999 7.00003 10.999ZM24 12.354V19.317C24 21.899 21.9 23.999 19.318 23.999H13.132C6.10303 23.999 0.470035 19.207 0.029035 12.854C-0.211965 9.37704 1.05603 5.97604 3.50803 3.52004C5.96003 1.06404 9.36003 -0.204959 12.837 0.0270408C19.097 0.452041 24 5.86704 24 12.354ZM23 12.354C23 6.39104 18.506 1.41504 12.77 1.02504C12.519 1.00804 12.267 0.999041 12.017 0.999041C9.09503 0.999041 6.28803 2.15304 4.21703 4.22604C1.96803 6.47804 0.806035 9.59704 1.02703 12.785C1.43703 18.703 6.52803 22.999 13.132 22.999H19.318C21.348 22.999 23 21.348 23 19.317V12.354Z"
                        fill="white" />
                    </svg>
                    <span class="mt__blog-comment-count">02 Comment</span>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- End Our Blog Area Home 1 -->

  <!-- Start Footer Banner Home1 -->
  <section class="mt__footer-banner-home-1">
    <div class="mt__container01">
      <div class="mt__footer-banner-wrapper wow fadeInUp">
        <h3 class="mt__footer-banner-title wow img-custom-anim-top">Launch Your Dream Website in Minutes <br>
          Get Started Today!</h3>
        <p class="mt__footer-banner-sub-title wow img-custom-anim-left">
          Building a professional website has never been easier. With our user-friendly platform, you can design, <br>
          customize, and launch your dream website in just a few simple steps.
        </p>
        <div class="mt__footer-banner-btn-group wow img-custom-anim-right">
          <a href="#" class="mt__btn-1 mt__footer-banner-free-tail-btn">Start a 15-day free trial <i
              class="fa-light fa-arrow-right"></i></a>
          <a href="#" class="mt__btn-2 mt__footer-banner-view-demo-btn">View Demo <i
              class="fa-light fa-arrow-right"></i></a>
        </div>
      </div>
    </div>
  </section>
  <!-- End Footer Banner Home 1 -->

  <!-- Start Footer Area Home 1 -->
  <footer class="mt__footer-area">
    <div class="mt__container01">
      <div class="mt__footer-wrapper">
        <div class="mt__footer-inner">
          <div class="mt__footer-top-part">
            <div class="mt__footer-logo-item">
              <a href="index.html" class="mt__footer-logo">
                <img src="assets/images/logo/logo-1.svg" alt="Moontel_ICT">
                <p class="mt__footer-logo-text">
                  we specialize in transforming the <br> digital landscape by blending.
                </p>
              </a>
            </div>
            <div class="mt__footer-menu-item">
              <h3 class="mt__footer-menu-title">Explore Link</h3>
              <ul>
                <li><a href="about.html">about Company</a></li>
                <li><a href="#">Latest Project</a></li>
                <li><a href="#">Latest from project</a></li>
                <li><a href="#">Our Testimonial</a></li>
                <li><a href="#">Our Mission</a></li>
              </ul>
            </div>
            <div class="mt__footer-menu-item">
              <h3 class="mt__footer-menu-title">Support</h3>
              <ul>
                <li><a href="#">Terms of use</a></li>
                <li><a href="#">Terms & Conditions</a></li>
                <li><a href="#">Privacy policy</a></li>
                <li><a href="#">Cookie policy</a></li>
                <li><a href="#">Contact Us</a></li>
              </ul>
            </div>
            <div class="mt__footer-menu-item">
              <h3 class="mt__footer-menu-title">Resources</h3>
              <ul>
                <li><a href="#">Developers</a></li>
                <li><a href="#">Compare</a></li>
                <li><a href="#">system status</a></li>
                <li><a href="#">Online Community</a></li>
                <li><a href="#">release Note</a></li>
              </ul>
            </div>
          </div>
          <div class="mt__footer-bottom-part">
            <div class="mt__footer-bottom-contact-item">
              <div class="mt__footer-bottom-icons">
                <span class="mt__footer-bottom-icon"><i class="fa-light fa-phone"></i></span>
                <span class="mt__footer-bottom-contact-title">Contact us anytime</span>
              </div>
              <a href="tel:239555-0108" class="mt__footer-contact-way">+(239) 555-0108</a>
              <a href="tel:239555-0108" class="mt__footer-contact-way">+(239) 555-0108</a>
            </div>
            <div class="mt__footer-bottom-contact-item">
              <div class="mt__footer-bottom-icons">
                <span class="mt__footer-bottom-icon"><i class="fa-light fa-envelope"></i></span>
                <span class="mt__footer-bottom-contact-title">Contact us anytime</span>
              </div>
              <a href="mailto:info@lax.fymobile.com" class="mt__footer-contact-way">info@lax.fymobile.com</a>
              <a href="mailto:info@lax.contact.com" class="mt__footer-contact-way">info@lax.contact.com</a>
            </div>
            <div class="mt__footer-bottom-contact-item">
              <div class="mt__footer-bottom-icons">
                <span class="mt__footer-bottom-icon"><i class="fa-light fa-location-dot"></i></span>
                <span class="mt__footer-bottom-contact-title">Our Location Address</span>
              </div>
              <span class="mt__footer-bottom-contact-title mt__footer-location">2715 Ash Dr. San Jose, South <br>
                Dakota 83475</span>
            </div>
            <div class="mt__footer-bottom-contact-item">
              <h4 class="mt__footer-subscribe-title">subscribe Now</h4>
              <form action="#" method="POST">
                <input type="email" placeholder="Your Email">
                <button type="submit" class="mt__footer-subscribe-btn">Subscribe</button>
              </form>
            </div>
          </div>
          <div class="mt__footer-copy-right-area">
            <p class="mt__footer-copy-right-text">© 2025 All Rights Reserved by <a href="index.html">a.laxfy</a></p>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- End Footer Arae Home 1 -->

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

  <!--Start Js Files-->
  <script defer src="assets/js/jquery.min.js"></script>
  <script defer src="assets/js/bootstrap.min.js"></script>
  <script defer src="assets/js/wow.js"></script>
  <script defer src="assets/js/magnific-popup.js"></script>
  <script defer src="assets/js/swiper.js"></script>
  <script defer src="assets/js/ScrollTrigger.min.js"></script>
  <script defer src="assets/js/smooth-scroll.js"></script>
  <script defer src="assets/js/imagesloaded-pkgd.js"></script>
  <script defer src="assets/js/script.js"></script>
  <!-- End Js File -->
</body>

</html>