/home/moonrcjl/template.moontelict.com/a.laxfy-prev/a.laxfy/index-5-one-page.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 – The 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>

    <!-- mt header search  -->
    <div class="mt-header-search-bar d-flex align-items-center">
        <button class="mt-search-close">×</button>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6">
                    <div class="mt-search-bar text-center">
                        <h2 class="mt-search-bar-title mb-30">What are you looking for?</h2>
                        <div class="contact-form-box contact-search-form-box">
                            <form action="#">
                                <input type="text" placeholder="Search Here">
                                <button type="submit"><i class="far fa-search"></i></button>
                            </form>
                        </div>
                    </div>
                </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-2 mt-transparent-header  p-relative z-index-11">
        <!-- header main area start -->
        <div id="mt-header-sticky" class="mt-header-area">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-2 col-lg-2 col-6">
                        <div class="mt-header-logo">
                            <a href="index-5-one-page.html"><img src="assets/img/logo/white-logo.png" alt="logo"></a>
                        </div>
                    </div>
                    <div class="col-xl-10 col-lg-10 col-6">
                        <div class="mt-header-wrap d-flex align-items-center justify-content-end">
                            <div class="mt-header-menu d-none d-xl-block mr-100">
                                <nav class="mt-mobile-menu-active">
                                    <ul>
                                        <li class="dropdown has-dropdown p-static"><a href="#">Home</a>
                                            <div class="mt-megamenu-wrapper mega-menu">
                                                <div class="row gx-0">
                                                    <div class="col-xl-3">
                                                        <div class="mt-megamenu-list">
                                                            <h4 class="mt-megamenu-title">Home Multi Page</h4>
                                                            <ul>
                                                                <li><a href="index.html"> Data analysis <span
                                                                            class="pop">Popular</span></a></li>
                                                                <li><a href="index-2.html">Modern Apps Landing</a>
                                                                </li>
                                                                <li><a href="index-3.html">IT Solution <span
                                                                            class="hot">Hot</span></a>
                                                                </li>
                                                                <li><a href="index-5.html">Event App Landing</a></li>
                                                                <li><a href="index-4.html"> Online Payments <span
                                                                            class="new">Trending</span></a></li>
                                                                <li><a href="index-6.html">Modern Startup</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-3">
                                                        <div class="mt-megamenu-list">
                                                            <h4 class="mt-megamenu-title">Home Multi Page</h4>
                                                            <ul>
                                                                <li><a href="index-10.html">Modern E-learning<span
                                                                            class="new">Trending</span></a></li>
                                                                <li><a href="index-7.html">Business Solution</a>
                                                                </li>
                                                                <li><a href="index-11.html">Modern Esports Shop <span
                                                                            class="hot">Hot</span></a>
                                                                </li>
                                                                <li><a href="index-8.html">Creative Studio</a></li>
                                                                <li><a href="index-9.html">Modern Finance <span
                                                                            class="pop">Popular</span></a></li>
                                                                <li><a href="#">Comming Soon</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-3">
                                                        <div class="mt-megamenu-list">
                                                            <h4 class="mt-megamenu-title">Home Single Page</h4>
                                                            <ul>
                                                                <li><a href="index-one-page.html"> Data analysis <span
                                                                            class="pop">Popular</span></a></li>
                                                                <li><a href="index-2-one-page.html">Modern Apps
                                                                        Landing</a>
                                                                </li>
                                                                <li><a href="index-3-one-page.html">IT Solution <span
                                                                            class="hot">Hot</span></a>
                                                                </li>
                                                                <li><a href="index-5-one-page.html">Event App
                                                                        Landing</a></li>
                                                                <li><a href="index-4-one-page.html"> Online Payments
                                                                        <span class="new">Trending</span></a></li>
                                                                <li><a href="index-6-one-page.html">Modern Startup</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-3">
                                                        <div class="mt-megamenu-list">
                                                            <h4 class="mt-megamenu-title">Home Single Page</h4>
                                                            <ul>
                                                                <li><a href="index-10-one-page.html">Modern
                                                                        E-learning<span class="new">Trending</span></a>
                                                                </li>
                                                                <li><a href="index-7-one-page.html">Business
                                                                        Solution</a>
                                                                </li>
                                                                <li><a href="index-11-one-page.html">Modern Esports
                                                                        Shop<span class="hot">Hot</span></a>
                                                                </li>
                                                                <li><a href="index-8-one-page.html">Creative Studio</a>
                                                                </li>
                                                                <li><a href="index-9-one-page.html">Modern Finance <span
                                                                            class="pop">Popular</span></a></li>
                                                                <li><a href="#">Comming Soon</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li><a href="#mtabout__onepage">About</a></li>
                                        <li><a href="#mtservice__onepage">Services</a></li>
                                        <li><a href="#mtprice__onepage">Pricing</a></li>
                                        <li><a href="#mtteam__onepage">Team</a></li>
                                        <li><a href="#mtblog__onepage"> Blog</a></li>
                                    </ul>
                                </nav>
                            </div>
                            <div class="d-nonw d-lg-block">
                                <div class="mt-header-right pt-6 pb-6">
                                    <div class="mt-header-search  d-flex">
                                        <button class="mt-search-toggle "><i
                                                class="fa-regular fa-magnifying-glass"></i></button>
                                    </div>
                                    <div class="mt-header-btn mr-30 ">
                                        <a href="login.html" class="mtlogin"> Login </a>
                                    </div>
                                    <div class="mt-header-btn mr-15">
                                        <a href="contact.html" class="mt-btn mtwhite mtradus">Download</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>

        <!-- Hero Area Start -->
        <section class="mthero__area mthero__3 pt-220 pb-10   p-relative fix" data-bg-color="#171B24">
            <div class="mthero__shape-wrap">
                <div class="mthero__shape">
                    <img src="assets/img/hero/shape-5.png" alt="">
                </div>
            </div>
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-7 col-lg-7 ">
                        <div class="mthero__wrapper p-relative mr-10 mb-30">
                            <div class="mthero__content mb-140">
                                <h2 class="mthero__title mb-35 wow img-custom-anim-left" data-wow-duration="1.5s"
                                    data-wow-delay="0.2s">Manage Your <br> Event Easily <br>
                                    With Modern App
                                </h2>
                                <p class="mb-30 wow img-custom-anim-right" data-wow-duration="1.5s"
                                    data-wow-delay="0.3s">Increase productivity with a simple All-In-One App, App <br>
                                    for
                                    managing
                                    your personal budgets.
                                </p>

                                <p class="mb-10 wow img-custom-anim-left" data-wow-duration="1.5s"
                                    data-wow-delay="0.3s">Available on the</p>

                                <div class="mthero__box-btn d-flex">
                                    <a href="contact.html" class="mt-btn-border larges mr-10 wow img-custom-anim-left"
                                        data-wow-duration="1.5s" data-wow-delay="0.4s">
                                        <span>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="43" height="43"
                                                viewBox="0 0 43 43" fill="none">
                                                <rect width="43" height="43" rx="10" fill="white" />
                                                <path
                                                    d="M23.1046 24.3887H9.62703C8.56368 24.3887 7.70166 25.2507 7.70166 26.314C7.70166 27.3774 8.56368 28.2394 9.62703 28.2394H25.03L23.1046 24.3887Z"
                                                    fill="#171B24" />
                                                <path
                                                    d="M10.5898 29.9514L9.94804 31.063C9.41636 31.9839 9.73188 33.1615 10.6528 33.6932C11.5737 34.2248 12.7512 33.9093 13.2829 32.9884L15.0363 29.9514L10.5898 29.9514Z"
                                                    fill="#171B24" />
                                                <path
                                                    d="M17.0884 26.38L25.7981 11.2944C26.3297 10.3735 26.0142 9.19594 25.0933 8.66427C24.1724 8.13259 22.9949 8.44811 22.4632 9.369L12.5445 26.5487L17.0884 26.38Z"
                                                    fill="#171B24" />
                                                <path
                                                    d="M25.0811 15.9774L33.7907 31.063C34.3224 31.9839 34.0069 33.1615 33.086 33.6932C32.1651 34.2248 30.9876 33.9093 30.4559 32.9884L24.3521 22.4164C23.7797 21.4249 23.6595 20.2357 24.022 19.1498L25.0811 15.9774Z"
                                                    fill="#171B24" />
                                                <path
                                                    d="M28.2388 24.3887H34.0149C35.0782 24.3887 35.9403 25.2507 35.9403 26.314C35.9403 27.3774 35.0782 28.2394 34.0149 28.2394H28.2388V24.3887Z"
                                                    fill="#171B24" />
                                                <path
                                                    d="M23.8726 14.3711L20.9845 9.36883C20.4528 8.44794 19.2753 8.13242 18.3544 8.66409C17.4335 9.19577 17.118 10.3733 17.6497 11.2942L20.5377 16.2965L23.8726 14.3711Z"
                                                    fill="#171B24" />
                                            </svg>
                                        </span>
                                        App Store </a>
                                    <a href="contact.html" class=" mt-btn larges wow img-custom-anim-right"
                                        data-wow-duration="1.5s" data-wow-delay="0.4s">
                                        <span>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="50" height="58"
                                                viewBox="0 0 50 58" fill="none">
                                                <path
                                                    d="M44.6961 32.3041C47.0235 30.7161 47.0235 27.2839 44.6961 25.6959L18.9854 8.15284C16.3302 6.34119 12.7309 8.24266 12.7309 11.457V46.543C12.7309 49.7573 16.3302 51.6588 18.9854 49.8472L44.6961 32.3041Z"
                                                    fill="#1E1F21" />
                                                <path d="M24.7207 42.842L44.5188 28.6715L36.9899 23.46L24.7207 42.842Z"
                                                    fill="white" />
                                                <path
                                                    d="M34.4803 21.7228L24.9995 15.1602L31.413 26.3647L34.4803 21.7228Z"
                                                    fill="white" />
                                            </svg>
                                        </span>
                                        Play Store </a>
                                </div>
                            </div>
                            <div class="mthero__box-counter wow img-custom-anim-top" data-wow-duration="1.5s"
                                data-wow-delay="0.5s">
                                <div class="mthero__box-item d-flex align-items-center">
                                    <h6 class="mthero__box-number mr-30">1,345 <span>Users</span></h6>
                                    <h6 class="mthero__box-number mr-30">2300k <span>Download</span></h6>
                                    <h6 class="mthero__box-number mr-30">500k <span>Likes</span></h6>
                                    <h6 class="mthero__box-number mr-30">100k <span>5 star Rating</span></h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-5">
                        <div class="mthero__img-wrapper mb-30 p-relative text-center wow img-custom-anim-top"
                            data-wow-duration="1.5s" data-wow-delay="0.4s">
                            <div class="mthero__img text-end">
                                <img src="assets/img/hero/thumb-5.png" alt="">
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="mthero__scroll-wrap mthero__3 mt-30">
            <div class="mthero__scroll-icon">
                <a href="#mtabout__onepage"><i class="fa-regular fa-computer-mouse-scrollwheel"></i></a>
            </div>
        </div>
        <!-- Hero Area End -->

        <!-- Feature Area Start -->
        <section class="mtfeature__area mtfeature__2 pt-140 pb-140 p-relative">
            <div class="container">
                <div class="mt-section-content text-center mb-50 wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.3s">
                    <h2 class="mt-section-title mb-25">Amazing Features</h2>
                    <p>Increase productivity with a simple All-In-One App, App <br> for managing your personal budgets.
                    </p>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-6">
                        <div class="mtfeature wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.3s">
                            <div class="mtfeature__item d-flex">
                                <div class="mtfeature__icon mr-15">
                                    <span><img src="assets/img/feature/feature-icon-2-1.svg" alt=""></span>
                                </div>
                                <div class="mtfeature__content">
                                    <h3 class="mtfeature__title mt-fs-26">Easy to Use</h3>
                                    <p>Graphic design is a craft where professionals create visual content to
                                        communicate.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="mtfeature wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.4s">
                            <div class="mtfeature__item d-flex">
                                <div class="mtfeature__icon mr-15">
                                    <span><img src="assets/img/feature/feature-icon-2-2.svg" alt=""></span>
                                </div>
                                <div class="mtfeature__content">
                                    <h3 class="mtfeature__title mt-fs-26">Functions Layout</h3>
                                    <p>Graphic design is a craft where professionals create visual content to
                                        communicate.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="mtfeature wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.5s">
                            <div class="mtfeature__item d-flex">
                                <div class="mtfeature__icon mr-15">
                                    <span><img src="assets/img/feature/feature-icon-2-3.svg" alt=""></span>
                                </div>
                                <div class="mtfeature__content">
                                    <h3 class="mtfeature__title mt-fs-26">Unique Design</h3>
                                    <p>Graphic design is a craft where professionals create visual content to
                                        communicate.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Feature Area End -->

        <!-- Video Area Start -->
        <section class="mtvideo__area p-relative">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="mt-section-content mb-50 wow img-custom-anim-left" data-wow-duration="1.5s"
                            data-wow-delay="0.3s">
                            <span class="mt-section-icon mb-25 d-block"><img src="assets/img/video/videoicon.svg"
                                    alt=""></span>
                            <h2 class="mt-section-title mb-10">Watch the film</h2>
                            <h5 class="mt-section-subtitle mb-10">A Video is watch thousad world</h5>
                            <p>Increase productivity with a simple All-In-One App, App <br> for managing your personal
                                budgets.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="mtvideo__video-wrap wow img-custom-anim-right" data-wow-duration="1.5s"
                            data-wow-delay="0.3s">
                            <div class="mtvideo__video-thumb p-relative text-center">
                                <img src="assets/img/video/video-1.png" alt="">
                                <div class="mtvideo__video-icon">
                                    <a class="popup-video" href="https://www.youtube.com/watch?v=PO_fBTkoznc">
                                        <i class="fa-solid fa-play"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Video Area End -->

        <!-- Brand Icon Area Start -->
        <section class="mt-brand-slide-area white-bg pt-160 pb-100 wow mtFadeInUp" data-wow-duration="1.5s"
            data-wow-delay="0.3s">
            <div class="container">
                <div class="mt-section-content text-center mb-80">
                    <h2 class="mt-section-title mb-25">Partners We’re Helping <br> To Grow</h2>
                </div>
                <div class="mt-brand-slide-wrapper pb-20 p-relative">
                    <div class="swiper mt-brand-top-active">
                        <div class="swiper-wrapper mt-slide-transtion">
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-1.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-2.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-3.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-4.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-3.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-2.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-1.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-4.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-1.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-2.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-3.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-4.png" alt="">
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="mt-brand-slide-wrapper  p-relative">
                    <div dir="rtl" class="swiper mt-brand-top-active">
                        <div class="swiper-wrapper mt-slide-transtion">
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-5.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-6.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-7.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-8.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-7.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-6.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-5.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-8.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-5.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-6.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-7.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide mt-brand-slide-element">
                                <div class="mt-brand-slide-item">
                                    <img src="assets/img/brand/brand-5-8.png" alt="">
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Brand Icon Area End -->

        <!-- Process area Start -->
        <section id="mtabout__onepage" class="mtprocess__area mtprocess__2 pt-120 pb-90   p-relative ">
            <div class="container">
                <div class="row ">
                    <div class="col-lg-8 mb-30">
                        <div class="mt-section-content mb-50 wow img-custom-anim-top" data-wow-duration="1.5s"
                            data-wow-delay="0.3s">
                            <h2 class="mt-section-title mb-15">How Does This App <br> Work?</h2>
                            <p>Increase productivity with a simple All-In-One App, App <br> for managing your personal
                                budgets.</p>
                        </div>
                        <div class="mtprocess__main-wrap p-relative">
                            <div class="row">
                                <div class="mtprocess__shape-wrap">
                                    <div class="mtprocess__shape">
                                        <img src="assets/img/process/shape-line.png" alt="">
                                    </div>
                                    <div class="mtprocess__shape-2">
                                        <img src="assets/img/process/shape-line.png" alt="">
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <div class="mtprocess wow img-custom-anim-top" data-wow-duration="1.5s"
                                        data-wow-delay="0.3s">
                                        <div class="mtprocess__item text-center">
                                            <div class="mtprocess__icon mb-15">
                                                <span><i class="fa-regular fa-arrow-right-to-bracket"></i></span>
                                            </div>
                                            <div class="mtprocess__content">
                                                <h3 class="mtprocess__title mt-fs-24 mb-12">Sign In</h3>
                                                <p>Create visual content to communicate.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <div class="mtprocess wow img-custom-anim-top" data-wow-duration="1.5s"
                                        data-wow-delay="0.3s">
                                        <div class="mtprocess__item text-center">
                                            <div class="mtprocess__icon mb-15">
                                                <span><i class="fa-regular fa-arrow-down-to-bracket"></i></span>
                                            </div>
                                            <div class="mtprocess__content">
                                                <h3 class="mtprocess__title mt-fs-24 mb-12">Download it for Free</h3>
                                                <p>Create visual content to communicate.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <div class="mtprocess wow img-custom-anim-top" data-wow-duration="1.5s"
                                        data-wow-delay="0.3s">
                                        <div class="mtprocess__item text-center">
                                            <div class="mtprocess__icon mb-15">
                                                <span><i class="fa-regular fa-shield-check"></i></span>
                                            </div>
                                            <div class="mtprocess__content">
                                                <h3 class="mtprocess__title mt-fs-24 mb-12">Enjoy this App</h3>
                                                <p>Create visual content to communicate.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="mtprocess__box-btn mt-40 d-flex">
                                <a href="contact.html"
                                    class="mt-btn-border larges mtwhite mr-20 wow img-custom-anim-left"
                                    data-wow-duration="1.5s" data-wow-delay="0.3s">
                                    <span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="43" height="43"
                                            viewBox="0 0 43 43" fill="none">
                                            <rect width="43" height="43" rx="10" fill="#171B24" />
                                            <path
                                                d="M23.1046 24.3906H9.62703C8.56368 24.3906 7.70166 25.2526 7.70166 26.316C7.70166 27.3794 8.56368 28.2414 9.62703 28.2414H25.03L23.1046 24.3906Z"
                                                fill="white" />
                                            <path
                                                d="M10.5898 29.9553L9.94804 31.067C9.41636 31.9878 9.73188 33.1654 10.6528 33.6971C11.5737 34.2287 12.7512 33.9132 13.2829 32.9923L15.0363 29.9553L10.5898 29.9553Z"
                                                fill="white" />
                                            <path
                                                d="M17.0884 26.3819L25.7981 11.2963C26.3297 10.3754 26.0142 9.1979 25.0933 8.66622C24.1724 8.13454 22.9949 8.45006 22.4632 9.37096L12.5445 26.5507L17.0884 26.3819Z"
                                                fill="white" />
                                            <path
                                                d="M25.0811 15.9813L33.7907 31.067C34.3224 31.9878 34.0069 33.1654 33.086 33.6971C32.1651 34.2287 30.9876 33.9132 30.4559 32.9923L24.3521 22.4203C23.7797 21.4288 23.6595 20.2396 24.022 19.1537L25.0811 15.9813Z"
                                                fill="white" />
                                            <path
                                                d="M28.2388 24.3906H34.0149C35.0782 24.3906 35.9403 25.2526 35.9403 26.316C35.9403 27.3794 35.0782 28.2414 34.0149 28.2414H28.2388V24.3906Z"
                                                fill="white" />
                                            <path
                                                d="M23.8726 14.3711L20.9845 9.36883C20.4528 8.44794 19.2753 8.13242 18.3544 8.66409C17.4335 9.19577 17.118 10.3733 17.6497 11.2942L20.5377 16.2965L23.8726 14.3711Z"
                                                fill="white" />
                                        </svg>
                                    </span>
                                    App Store </a>
                                <a href="contact.html" class="mt-btn-black larges wow img-custom-anim-right"
                                    data-wow-duration="1.5s" data-wow-delay="0.3s">
                                    <span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="50" height="58"
                                            viewBox="0 0 50 58" fill="none">
                                            <path
                                                d="M44.6966 32.3041C47.0239 30.7161 47.0239 27.2839 44.6966 25.6959L18.9859 8.15284C16.3307 6.34119 12.7314 8.24266 12.7314 11.457V46.543C12.7314 49.7573 16.3307 51.6588 18.9859 49.8472L44.6966 32.3041Z"
                                                fill="#FBF9FF" />
                                            <path d="M24.7212 42.842L44.5193 28.6715L36.9904 23.46L24.7212 42.842Z"
                                                fill="#171B24" />
                                            <path d="M34.4808 21.7228L25 15.1602L31.4135 26.3647L34.4808 21.7228Z"
                                                fill="#171B24" />
                                        </svg>
                                    </span>
                                    Play Store </a>
                            </div>
                        </div>

                    </div>
                    <div class="col-lg-4 mb-30 ">
                        <div class="mtprocess ">
                            <div class="mtprocess__thumb  text-center p-relative ">
                                <img src="assets/img/process/thumb-5.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Process area End -->

        <!-- Screenshort Area Start -->
        <section class="mtscreenshort__area p-relative pt-140 pb-60">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <div class="mtscreenshort__slider-wrap p-relative mb-80 wow img-custom-anim-left"
                            data-wow-duration="1.5s" data-wow-delay="0.3s">
                            <div class="swiper mtscreenshort__active">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="mtscreenshort__slider">
                                            <img src="assets/img/screenshort/screenshot-1.png" alt="">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="mtscreenshort__slider">
                                            <img src="assets/img/screenshort/screenshot-2.png" alt="">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="mtscreenshort__slider">
                                            <img src="assets/img/screenshort/screenshot-3.png" alt="">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="mtscreenshort__slider">
                                            <img src="assets/img/screenshort/screenshot-2.png" alt="">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="mtscreenshort__slider">
                                            <img src="assets/img/screenshort/screenshot-1.png" alt="">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="mtscreenshort__slider">
                                            <img src="assets/img/screenshort/screenshot-3.png" alt="">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="mtscreenshort__slider">
                                            <img src="assets/img/screenshort/screenshot-1.png" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="mtscreenshort-arrow">
                                <div class="mtscreenshort-button-prev mtscreenshort-button">
                                    <i class="fal fa-long-arrow-right"></i>
                                </div>
                                <div class="mtscreenshort-button-next active mtscreenshort-button">
                                    <i class="fal fa-long-arrow-left"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="mtscreenshort__content mb-80 wow img-custom-anim-right" data-wow-duration="1.5s"
                            data-wow-delay="0.3s">
                            <div class="mt-section-content mb-30">
                                <h2 class="mt-section-title mb-20">App Screenshots</h2>
                                <p>Increase productivity with a simple All-In-One App, App for managing your
                                    personal
                                    budgets.
                                </p>
                            </div>
                            <div class="mt-section-content ">
                                <h2 class="mt-section-title mb-20 mt-fs-30">Awesome Design</h2>
                                <p>Increase productivity with a simple All-In-One App, App for managing your
                                    personal
                                    budgets. Increase productivity with a simple All-In-One App, App for
                                    managing your
                                    personal budgets.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Screenshort Area ENd -->

        <!-- Choose Area Start -->
        <section id="mtservice__onepage" class="mtchoose__area pt-140 pb-140">
            <div class="container ">
                <div class="mtchoose">
                    <div class="row align-items-center">
                        <div class="col-lg-7">
                            <div class="mt-section-content mb-90 mr-60 wow img-custom-anim-left"
                                data-wow-duration="1.5s" data-wow-delay="0.3s">
                                <h2 class="mt-section-title">Features To Make This <br> App Popular</h2>
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="mt-section-content mb-90 wow img-custom-anim-right" data-wow-duration="1.5s"
                                data-wow-delay="0.3s">
                                <p>Increase productivity with a simple All-In-One App, App <br> for managing your
                                    personal
                                    budgets.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="row align-items-center">
                        <div class="col-lg-7">
                            <div class="mtchoose">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6">
                                        <div class="mtchoose__item mb-50 wow img-custom-anim-top"
                                            data-wow-duration="1.2s" data-wow-delay="0.5s">
                                            <div class="mtchoose__icon mb-20">
                                                <span><img src="assets/img/choose/icon-1-1.svg" alt=""></span>
                                            </div>
                                            <div class="mtchoose__content">
                                                <h4 class="mtchoose__title mb-15">Unique Design</h4>
                                                <p>Create visual content to <br> communicate.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <div class="mtchoose__item mb-50 wow img-custom-anim-top"
                                            data-wow-duration="1.5s" data-wow-delay="0.3s">
                                            <div class="mtchoose__icon mb-20">
                                                <span><img src="assets/img/choose/icon-1-2.svg" alt=""></span>
                                            </div>
                                            <div class="mtchoose__content">
                                                <h4 class="mtchoose__title mb-15">User Friendly</h4>
                                                <p>Create visual content to <br> communicate.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <div class="mtchoose__item mb-50 wow img-custom-anim-top"
                                            data-wow-duration="1.5s" data-wow-delay="0.3s">
                                            <div class="mtchoose__icon mb-20">
                                                <span><img src="assets/img/choose/icon-1-3.svg" alt=""></span>
                                            </div>
                                            <div class="mtchoose__content">
                                                <h4 class="mtchoose__title mb-15">Free Updates</h4>
                                                <p>Create visual content to <br> communicate.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <div class="mtchoose__item mb-50 wow img-custom-anim-top"
                                            data-wow-duration="1.5s" data-wow-delay="0.4s">
                                            <div class="mtchoose__icon mb-20">
                                                <span><img src="assets/img/choose/icon-1-4.svg" alt=""></span>
                                            </div>
                                            <div class="mtchoose__content">
                                                <h4 class="mtchoose__title mb-15">Fast Support</h4>
                                                <p>Create visual content to <br> communicate.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="mtchoose">
                                <div class="mtchoose__thumb br-15 wow img-custom-anim-top" data-wow-duration="1.5s"
                                    data-wow-delay="0.3s">
                                    <img src="assets/img/choose/thumb-1.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Choose Area End -->

        <!-- Pricing Area Start -->
        <section id="mtprice__onepage" class="mtprice__area mtprice__2 p-relative pt-130 pb-140"
            data-bg-color="#122033">
            <div class="container">
                <div class="mt-section-content text-center mb-40 wow img-custom-anim-left" data-wow-duration="1.5s"
                    data-wow-delay="0.3s">
                    <h2 class="mt-section-title mtwhite">Choose The <br>
                        Plan That’s For You</h2>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="mt-price-tab mb-30 wow img-custom-anim-right" data-wow-duration="1.5s"
                            data-wow-delay="0.3s">
                            <span>Bill Monthly</span>
                            <ul class="nav nav-tab justify-content-center" 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="false"></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="true"></button>
                                </li>
                            </ul>
                            <span>Bill Annually</span>
                        </div>
                    </div>
                    <div class="col-xl-12">
                        <div class="mtprice__tab-content mr-90 ml-90">
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade show active" id="home" role="tabpanel"
                                    aria-labelledby="home-tab">
                                    <div class="row">
                                        <div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow img-custom-anim-top"
                                            data-wow-duration="1.5s" data-wow-delay="0.2s">
                                            <div class="mtprice__item">
                                                <div class="mtprice__middle-box mb-15">
                                                    <h5 class="mtprice__middle-number">$35 </h5>
                                                    <span>/month</span>
                                                </div>
                                                <div class="mtprice__top-box mtprice__top-border mb-30">
                                                    <span>Standard</span>
                                                    <p>All the basics for businesses that are just getting started.</p>
                                                </div>
                                                <div class="mtprice__list mb-80">
                                                    <ul>
                                                        <li><i class="fa-light fa-circle-dot"></i>First premium features
                                                        </li>
                                                        <li><i class="fa-light fa-circle-dot"></i>Second premium one
                                                            goes here
                                                        </li>
                                                        <li><i class="fa-light fa-circle-dot"></i>Third premium feature
                                                            here</li>
                                                    </ul>
                                                </div>
                                                <a class="mt-btn-border smalles w-100" href="contact.html">Get
                                                    Started<span> <i class="fal fa-long-arrow-right"></i></span> </a>
                                            </div>
                                        </div>
                                        <div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow img-custom-anim-top"
                                            data-wow-duration="1.5s" data-wow-delay="0.3s">
                                            <div class="mtprice__item">
                                                <div class="mtprice__middle-box mb-15">
                                                    <h5 class="mtprice__middle-number">$89 </h5>
                                                    <span>/month</span>
                                                </div>
                                                <div class="mtprice__top-box mtprice__top-border mb-30">
                                                    <span>Essantials</span>
                                                    <p>All the basics for businesses that are just getting started.</p>
                                                </div>
                                                <div class="mtprice__list mb-80">
                                                    <ul>
                                                        <li><i class="fa-light fa-circle-dot"></i>First premium features
                                                        </li>
                                                        <li><i class="fa-light fa-circle-dot"></i>Second premium one
                                                            goes here
                                                        </li>
                                                        <li><i class="fa-light fa-circle-dot"></i>Third premium feature
                                                            here</li>
                                                    </ul>
                                                </div>
                                                <a class="mt-btn-border smalles w-100" href="contact.html">Get
                                                    Started<span> <i class="fal fa-long-arrow-right"></i></span> </a>
                                            </div>
                                        </div>
                                        <div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow img-custom-anim-top"
                                            data-wow-duration="1.5s" data-wow-delay="0.4s">
                                            <div class="mtprice__item">
                                                <div class="mtprice__middle-box mb-15">
                                                    <h5 class="mtprice__middle-number">$125</h5>
                                                    <span>/month</span>
                                                </div>
                                                <div class="mtprice__top-box mtprice__top-border mb-30">
                                                    <span>Premium</span>
                                                    <p>All the basics for businesses that are just getting started.</p>
                                                </div>
                                                <div class="mtprice__list mb-80">
                                                    <ul>
                                                        <li><i class="fa-light fa-circle-dot"></i>First premium features
                                                        </li>
                                                        <li><i class="fa-light fa-circle-dot"></i>Second premium one
                                                            goes here
                                                        </li>
                                                        <li><i class="fa-light fa-circle-dot"></i>Third premium feature
                                                            here</li>
                                                    </ul>
                                                </div>
                                                <a class="mt-btn-border smalles w-100" href="contact.html">Get
                                                    Started<span> <i class="fal fa-long-arrow-right"></i></span> </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                                    <div class="row">
                                        <div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow img-custom-anim-top"
                                            data-wow-duration="1.5s" data-wow-delay="0.2s">
                                            <div class="mtprice__item">
                                                <div class="mtprice__middle-box mb-15">
                                                    <h5 class="mtprice__middle-number">$135 </h5>
                                                    <span>/month</span>
                                                </div>
                                                <div class="mtprice__top-box mtprice__top-border mb-30">
                                                    <span>Standard</span>
                                                    <p>All the basics for businesses that are just getting started.</p>
                                                </div>
                                                <div class="mtprice__list mb-80">
                                                    <ul>
                                                        <li><i class="fa-light fa-circle-dot"></i>First premium features
                                                        </li>
                                                        <li><i class="fa-light fa-circle-dot"></i>Second premium one
                                                            goes here
                                                        </li>
                                                        <li><i class="fa-light fa-circle-dot"></i>Third premium feature
                                                            here</li>
                                                    </ul>
                                                </div>
                                                <a class="mt-btn-border smalles w-100" href="contact.html">Get
                                                    Started<span> <i class="fal fa-long-arrow-right"></i></span> </a>
                                            </div>
                                        </div>
                                        <div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow img-custom-anim-top"
                                            data-wow-duration="1.5s" data-wow-delay="0.3s">
                                            <div class="mtprice__item">
                                                <div class="mtprice__middle-box mb-15">
                                                    <h5 class="mtprice__middle-number">$235 </h5>
                                                    <span>/month</span>
                                                </div>
                                                <div class="mtprice__top-box mtprice__top-border mb-30">
                                                    <span>Essantials</span>
                                                    <p>All the basics for businesses that are just getting started.</p>
                                                </div>
                                                <div class="mtprice__list mb-80">
                                                    <ul>
                                                        <li><i class="fa-light fa-circle-dot"></i>First premium features
                                                        </li>
                                                        <li><i class="fa-light fa-circle-dot"></i>Second premium one
                                                            goes here
                                                        </li>
                                                        <li><i class="fa-light fa-circle-dot"></i>Third premium feature
                                                            here</li>
                                                    </ul>
                                                </div>
                                                <a class="mt-btn-border smalles w-100" href="contact.html">Get
                                                    Started<span> <i class="fal fa-long-arrow-right"></i></span> </a>
                                            </div>
                                        </div>
                                        <div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow img-custom-anim-top"
                                            data-wow-duration="1.5s" data-wow-delay="0.4s">
                                            <div class="mtprice__item">
                                                <div class="mtprice__middle-box mb-15">
                                                    <h5 class="mtprice__middle-number">$335 </h5>
                                                    <span>/month</span>
                                                </div>
                                                <div class="mtprice__top-box mtprice__top-border mb-30">
                                                    <span>Premium</span>
                                                    <p>All the basics for businesses that are just getting started.</p>
                                                </div>
                                                <div class="mtprice__list mb-80">
                                                    <ul>
                                                        <li><i class="fa-light fa-circle-dot"></i>First premium features
                                                        </li>
                                                        <li><i class="fa-light fa-circle-dot"></i>Second premium one
                                                            goes here
                                                        </li>
                                                        <li><i class="fa-light fa-circle-dot"></i>Third premium feature
                                                            here</li>
                                                    </ul>
                                                </div>
                                                <a class="mt-btn-border smalles w-100" href="contact.html">Get
                                                    Started<span> <i class="fal fa-long-arrow-right"></i></span> </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Pricing Area End -->

        <!-- Testimonial Area Start -->
        <section class="mttestimonial__area mttestimonial__2 pt-140 pb-110 p-relative fix wow mtFadeInUp"
            data-wow-duration="1.5s" data-wow-delay="0.4s">
            <div class="mttestimonial__shape">
                <img src="assets/img/testimonial/shape-3.png" alt="">
            </div>
            <div class="container">
                <div class="mttestimonial__wrapper p-relative mr-30 ml-30">
                    <div class="swiper mttestimonial__active">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="mttestimonial__item">
                                    <div class="row ">
                                        <div class="col-lg-6 col-md-5">
                                            <div class="mttestimonial__thumb mb-30 text-center mr-25 p-relative">
                                                <img src="assets/img/testimonial/testi-2.jpg" alt="">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-7">
                                            <div class="mttestimonial__content mb-30 mr-40">
                                                <p class="mb-25">“I love that they <br>
                                                    keep their product <br> simple, you can manage <br> as many tasks as
                                                    <br>
                                                    you want.”
                                                </p>
                                                <div class="mttestimonial__author mb-30">
                                                    <h5 class="mttestimonial__author-name"><span>Maher Zain</span></h5>
                                                    <span>Product Designer</span>
                                                </div>
                                                <div class="mttestimonial__btn">
                                                    <a href="testimonial.html" class="mt-btn-black larges">Read More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="mttestimonial__item">
                                    <div class="row ">
                                        <div class="col-lg-6 col-md-5">
                                            <div class="mttestimonial__thumb mb-30 text-center mr-25 p-relative">
                                                <img src="assets/img/testimonial/testi-2.jpg" alt="">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-7">
                                            <div class="mttestimonial__content mb-30 mr-40">
                                                <p class="mb-25">“I love that they <br>
                                                    keep their product <br> simple, you can manage <br> as many tasks as
                                                    <br>
                                                    you want.”
                                                </p>
                                                <div class="mttestimonial__author mb-30">
                                                    <h5 class="mttestimonial__author-name"><span>Maher Zain</span></h5>
                                                    <span>Product Designer</span>
                                                </div>
                                                <div class="mttestimonial__btn">
                                                    <a href="testimonial.html" class="mt-btn-black larges">Read More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="mttestimonial__item">
                                    <div class="row ">
                                        <div class="col-lg-6 col-md-5">
                                            <div class="mttestimonial__thumb mb-30 text-center mr-25 p-relative">
                                                <img src="assets/img/testimonial/testi-2.jpg" alt="">
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-7">
                                            <div class="mttestimonial__content mb-30 mr-40">
                                                <p class="mb-25">“I love that they <br>
                                                    keep their product <br> simple, you can manage <br> as many tasks as
                                                    <br>
                                                    you want.”
                                                </p>
                                                <div class="mttestimonial__author mb-30">
                                                    <h5 class="mttestimonial__author-name"><span>Maher Zain</span></h5>
                                                    <span>Product Designer</span>
                                                </div>
                                                <div class="mttestimonial__btn">
                                                    <a href="testimonial.html" class="mt-btn-black larges">Read More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="mtscreenshort-arrow">
                            <div class="mttestimonial-button-prev mtscreenshort-button">
                                <i class="fal fa-long-arrow-right"></i>
                            </div>
                            <div class="mttestimonial-button-next active mtscreenshort-button">
                                <i class="fal fa-long-arrow-left"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Testimonial Area End -->

        <!-- Blog area Start -->
        <section id="mtblog__onepage" class="mt-blog-5-area mt-blog-6 mb-60 p-relative fix">
            <div class="container">
                <div class="mt-blog-main-wrap pb-130 pt-90 pl-80 pr-80 jarallax"
                    data-background="assets/img/blog/blog-bg-2.jpg">
                    <div class="mt-section-content text-center mb-70 wow img-custom-anim-top" data-wow-duration="1.5s"
                        data-wow-delay="0.2s">
                        <h2 class="mt-section-title mb-10">Our Latest News</h2>
                        <p>Increase productivity with a simple All-In-One App, App <br> for managing your personal
                            budgets.</p>
                    </div>
                    <div class="mt-blog-5-wrapper p-relative mb-30">
                        <div class="swiper mt-blog-6-active">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="mt-blog-5-item wow img-custom-anim-top" data-wow-duration="1.5s"
                                        data-wow-delay="0.2s">
                                        <div class="mt-blog-5-img ">
                                            <a href="blog-details.html"><img src="assets/img/blog/blog-5-1.jpg"
                                                    alt=""></a>
                                        </div>
                                        <div class="mt-blog-5-content">
                                            <div class="mt-blog-5-meta d-flex align-items-center mb-15">
                                                <div class="mt-blog-5-cat">
                                                    <span>Technology</span>
                                                </div>
                                                <span></span>
                                                <div class="mt-blog-5-date">
                                                    <span>25 sep 2025</span>
                                                </div>
                                            </div>
                                            <div class="mt-blog-5-text mb-25">
                                                <h4 class="mt-blog-title mb-15"><a href="blog-details.html">Smart App
                                                        for New Devices
                                                        Made
                                                        by Smartly</a></h4>
                                                <p>Increase productivity with a simple App, App for managing your
                                                    personal
                                                    budgets.</p>
                                            </div>
                                            <div class="mt-blog-5-btn ">
                                                <a href="blog-details.html">Read More <span><svg
                                                            xmlns="http://www.w3.org/2000/svg" width="15" height="6"
                                                            viewBox="0 0 15 6" fill="none">
                                                            <path
                                                                d="M6.51683e-07 5L13 5L8.84 1.21996C8.32 0.672345 6.76 1.15309 7.8 2.59562"
                                                                stroke="black" />
                                                        </svg></span></a>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="mt-blog-5-item wow img-custom-anim-top" data-wow-duration="1.5s"
                                        data-wow-delay="0.2s">
                                        <div class="mt-blog-5-img ">
                                            <a href="blog-details.html"><img src="assets/img/blog/blog-5-2.jpg"
                                                    alt=""></a>
                                        </div>
                                        <div class="mt-blog-5-content">
                                            <div class="mt-blog-5-meta d-flex align-items-center mb-15">
                                                <div class="mt-blog-5-cat">
                                                    <span>Technology</span>
                                                </div>
                                                <span></span>
                                                <div class="mt-blog-5-date">
                                                    <span>25 sep 2025</span>
                                                </div>
                                            </div>
                                            <div class="mt-blog-5-text mb-25">
                                                <h4 class="mt-blog-title mb-15"><a href="blog-details.html">Smart App
                                                        for New Devices
                                                        Made
                                                        by Smartly</a></h4>
                                                <p>Increase productivity with a simple App, App for managing your
                                                    personal
                                                    budgets.</p>
                                            </div>
                                            <div class="mt-blog-5-btn ">
                                                <a href="blog-details.html">Read More <span><svg
                                                            xmlns="http://www.w3.org/2000/svg" width="15" height="6"
                                                            viewBox="0 0 15 6" fill="none">
                                                            <path
                                                                d="M6.51683e-07 5L13 5L8.84 1.21996C8.32 0.672345 6.76 1.15309 7.8 2.59562"
                                                                stroke="black" />
                                                        </svg></span></a>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="mt-blog-5-item wow img-custom-anim-top" data-wow-duration="1.5s"
                                        data-wow-delay="0.2s">
                                        <div class="mt-blog-5-img ">
                                            <a href="blog-details.html"><img src="assets/img/blog/blog-5-3.jpg"
                                                    alt=""></a>
                                        </div>
                                        <div class="mt-blog-5-content">
                                            <div class="mt-blog-5-meta d-flex align-items-center mb-15">
                                                <div class="mt-blog-5-cat">
                                                    <span>Technology</span>
                                                </div>
                                                <span></span>
                                                <div class="mt-blog-5-date">
                                                    <span>25 sep 2025</span>
                                                </div>
                                            </div>
                                            <div class="mt-blog-5-text mb-25">
                                                <h4 class="mt-blog-title mb-15"><a href="blog-details.html">Smart App
                                                        for New Devices
                                                        Made
                                                        by Smartly</a></h4>
                                                <p>Increase productivity with a simple App, App for managing your
                                                    personal
                                                    budgets.</p>
                                            </div>
                                            <div class="mt-blog-5-btn ">
                                                <a href="blog-details.html">Read More <span><svg
                                                            xmlns="http://www.w3.org/2000/svg" width="15" height="6"
                                                            viewBox="0 0 15 6" fill="none">
                                                            <path
                                                                d="M6.51683e-07 5L13 5L8.84 1.21996C8.32 0.672345 6.76 1.15309 7.8 2.59562"
                                                                stroke="black" />
                                                        </svg></span></a>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="mt-blog-5-item wow img-custom-anim-top" data-wow-duration="1.5s"
                                        data-wow-delay="0.2s">
                                        <div class="mt-blog-5-img ">
                                            <a href="blog-details.html"><img src="assets/img/blog/blog-5-2.jpg"
                                                    alt=""></a>
                                        </div>
                                        <div class="mt-blog-5-content">
                                            <div class="mt-blog-5-meta d-flex align-items-center mb-15">
                                                <div class="mt-blog-5-cat">
                                                    <span>Technology</span>
                                                </div>
                                                <span></span>
                                                <div class="mt-blog-5-date">
                                                    <span>25 sep 2025</span>
                                                </div>
                                            </div>
                                            <div class="mt-blog-5-text mb-25">
                                                <h4 class="mt-blog-title mb-15"><a href="blog-details.html">Smart App
                                                        for New Devices
                                                        Made
                                                        by Smartly</a></h4>
                                                <p>Increase productivity with a simple App, App for managing your
                                                    personal
                                                    budgets.</p>
                                            </div>
                                            <div class="mt-blog-5-btn ">
                                                <a href="blog-details.html">Read More <span><svg
                                                            xmlns="http://www.w3.org/2000/svg" width="15" height="6"
                                                            viewBox="0 0 15 6" fill="none">
                                                            <path
                                                                d="M6.51683e-07 5L13 5L8.84 1.21996C8.32 0.672345 6.76 1.15309 7.8 2.59562"
                                                                stroke="black" />
                                                        </svg></span></a>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="mt-blog-5-item wow img-custom-anim-top" data-wow-duration="1.5s"
                                        data-wow-delay="0.2s">
                                        <div class="mt-blog-5-img ">
                                            <a href="blog-details.html"><img src="assets/img/blog/blog-5-3.jpg"
                                                    alt=""></a>
                                        </div>
                                        <div class="mt-blog-5-content">
                                            <div class="mt-blog-5-meta d-flex align-items-center mb-15">
                                                <div class="mt-blog-5-cat">
                                                    <span>Technology</span>
                                                </div>
                                                <span></span>
                                                <div class="mt-blog-5-date">
                                                    <span>25 sep 2025</span>
                                                </div>
                                            </div>
                                            <div class="mt-blog-5-text mb-25">
                                                <h4 class="mt-blog-title mb-15"><a href="blog-details.html">Smart App
                                                        for New Devices
                                                        Made
                                                        by Smartly</a></h4>
                                                <p>Increase productivity with a simple App, App for managing your
                                                    personal
                                                    budgets.</p>
                                            </div>
                                            <div class="mt-blog-5-btn ">
                                                <a href="blog-details.html">Read More <span><svg
                                                            xmlns="http://www.w3.org/2000/svg" width="15" height="6"
                                                            viewBox="0 0 15 6" fill="none">
                                                            <path
                                                                d="M6.51683e-07 5L13 5L8.84 1.21996C8.32 0.672345 6.76 1.15309 7.8 2.59562"
                                                                stroke="black" />
                                                        </svg></span></a>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mtscreenshort-arrow">
                            <div class="mt-blog-6-button-prev mtscreenshort-button">
                                <i class="fal fa-long-arrow-right"></i>
                            </div>
                            <div class="mt-blog-6-button-next active mtscreenshort-button">
                                <i class="fal fa-long-arrow-left"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Blog area End -->

    </main>

    <!-- footer start  -->
    <footer class="mt-footer-area mt-footer-3 p-relative bg-black fix">
        <div class="mt-footer-main-wraper pt-145 pb-40 p-relative">
            <div class="container">
                <div class="mt-footer-top-wrap mb-50 ">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="mt-footer-top-logo mb-20 wow img-custom-anim-left" data-wow-duration="1.5s"
                                data-wow-delay="0.2s">
                                <a href="index-5.html"><img src="assets/img/logo/white-logo.png" alt=""></a>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="mt-footer-top wow img-custom-anim-right" data-wow-duration="1.5s"
                                data-wow-delay="0.2s">
                                <div class="mt-footer-top-content d-flex justify-content-end align-items-center">
                                    <h4 class="mt-footer-top-title mr-30 text-white">Ready to get started?</h4>
                                    <div class="mt-footer-top-btn">
                                        <a href="contact.html" class="mt-btn mtwhite">Get Started</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-2 col-md-6 mb-50 wow img-custom-anim-top" data-wow-duration="1.5s"
                        data-wow-delay="0.2s">
                        <div class="mt-footer-widget ">
                            <h2 class="mt-footer-title mb-20">Services</h2>
                            <div class="mt-footer-list ">
                                <ul>
                                    <li><a href="about.html">All Events </a></li>
                                    <li><a href="pricing.html">Campaigns</a></li>
                                    <li><a href="portfolio.html">Branding</a></li>
                                    <li><a href="login.html">Offline</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-md-6 mb-50 wow img-custom-anim-top" data-wow-duration="1.5s"
                        data-wow-delay="0.3s">
                        <div class="mt-footer-widget ">
                            <h2 class="mt-footer-title mb-20">About</h2>
                            <div class="mt-footer-list ">
                                <ul>
                                    <li><a href="about.html">Our Story</a></li>
                                    <li><a href="about-app.html">Benefits</a></li>
                                    <li><a href="team.html">Team</a></li>
                                    <li><a href="services.html">Careers</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-md-6 mb-50 wow img-custom-anim-top" data-wow-duration="1.5s"
                        data-wow-delay="0.4s">
                        <div class="mt-footer-widget">
                            <h2 class="mt-footer-title mb-20">Help</h2>
                            <div class="mt-footer-list">
                                <ul>
                                    <li><a href="faq.html">FAQs</a></li>
                                    <li><a href="contact.html">Contact Us</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 d-none d-xl-block"></div>
                    <div class="col-xl-3 col-lg-6 col-md-6 mb-50 wow img-custom-anim-top" data-wow-duration="1.5s"
                        data-wow-delay="0.5s">
                        <div class="mt-footer-widget ">
                            <h2 class="mt-footer-title mb-20">Subscribe to our <br> newsletter</h2>
                            <div class="mt-footer-newsletter mb-20">
                                <form action="#">
                                    <div class="mt-footer-input p-relative">
                                        <input type="email" placeholder="your Email">
                                        <button type="submit"><i class="fal fa-long-arrow-right"></i></button>
                                    </div>
                                </form>
                            </div>
                            <div class="mt-footer-social">
                                <ul>
                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- copy-right area start -->
        <div class="mt-copyright-area p-relative">
            <div class="container">
                <div class="mt-copyright-borde mt-copyright-space">
                    <div class="row align-items-center">
                        <div class="col-xl-6 col-lg-6 col-md-6 wow img-custom-anim-left" data-wow-duration="1.5s"
                            data-wow-delay="0.2s">
                            <div class="mt-copyright-left  text-center text-md-start">
                                <p>© Copyright 2025 by <a href="index-5.html">A.laxfy</a></p>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-md-6 wow img-custom-anim-right" data-wow-duration="1.5s"
                            data-wow-delay="0.2s">
                            <div class="mt-copyright-right text-center text-md-end">
                                <div class="mt-copyright-menu ">
                                    <a href="#">Privacy policy</a>
                                    <a href="#">Terms & Conditions</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- copy-right area end -->


    </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>