/home/moonrcjl/template.moontelict.com/a.sasio/index.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.Sasio - CRM Saas Online Payments HTML5 Template - Sass Agency.</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 data-bg-color="#131313">
<!-- 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="email" 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/white-logo.png" alt=""></a>
</div>
<div class="mt-offcanvas-close">
<button class="mt-offcanvas-close-toggle"><i class="fal fa-times"></i></button>
</div>
</div>
<div class="mt-offcanvas-menu d-xl-none mb-50">
<nav></nav>
</div>
<div class="mt-offcanvas-content mb-50 d-none d-xl-block">
<h2 class="mt-offcanvas-title">Hello There!</h2>
<p>Lorem ipsum dolor sit amet, consect etur adipiscing elit. </p>
</div>
<div class="mt-offcanvas-gallery mb-50">
<a class="popup-image" href="assets/img/blog/blog-3-1.jpg"><img src="assets/img/blog/blog-3-1.jpg" alt=""></a>
<a class="popup-image" href="assets/img/blog/blog-3-2.jpg"><img src="assets/img/blog/blog-3-2.jpg" alt=""></a>
<a class="popup-image" href="assets/img/blog/blog-3-3.jpg"><img src="assets/img/blog/blog-3-3.jpg" alt=""></a>
<a class="popup-image" href="assets/img/blog/blog-3-5.jpg"><img src="assets/img/blog/blog-3-5.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.sasio.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 p-relative z-index-11 mt-transparent-header">
<!-- header main area start -->
<div id="mt-header-sticky" class="mt-header-area plr-210">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xl-2 col-lg-2 col-6">
<div class="mt-header-logo">
<a href="index.html"><img src="assets/img/logo/white-logo.png" alt="logo"></a>
</div>
</div>
<div class="col-xl-10 col-lg-10 col-6">
<div class="mt-header-wrap d-flex align-items-center justify-content-end">
<div class="mt-header-menu d-none d-xl-block mr-30">
<nav class="mt-mobile-menu-active mt-menu">
<ul>
<li class="dropdown has-dropdown"><a href="#">Home</a>
<ul class="sub-menu">
<li><a href="index.html">Home 01</a></li>
<li><a href="index-2.html">Home 02 </a></li>
<li><a href="index-3.html">Home 03</a></li>
</ul>
</li>
<li><a href="about.html">About </a></li>
<li class="dropdown has-dropdown"><a href="#">Pages</a>
<ul class="sub-menu">
<li><a href="about.html">Modern About</a></li>
<li><a href="service.html">Modern Service</a></li>
<li><a href="service-details.html">Service Details</a></li>
<li><a href="team.html">Modern Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="faq.html">Our Faq</a></li>
<li><a href="testimonial.html">Testimonial</a></li>
<li><a href="pricing.html">Our Pricing</a></li>
<li><a href="error.html">Error 404</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Modern Blog</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<div class="mt-header-right d-flex align-items-center">
<div class="mt-header-search mr-15">
<button class="mt-search-toggle"><i class="fa-regular fa-magnifying-glass"></i></button>
</div>
<div class="mt-header-bar mt-10 mb-10 mr-15">
<button class="mt-offcanvas-toogle"><i class="fa-light fa-bars-staggered"></i></button>
</div>
<div class="mt-header-btn d-none d-md-block">
<a href="contact.html" class="mt-btn-border">Start To Free Trail <span><i
class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header main area end -->
</header>
<div id="smooth-wrapper">
<div id="smooth-content">
<main>
<!-- Hero Area Start -->
<section class="mt-hero-area pt-270 p-relative fix" data-bg-color="#0D0D0E">
<div class="mt-hero-shape" data-speed="0.9">
<img src="assets/img/hero/shape-1-1.png" alt="">
</div>
<div class="mt-hero-shape-2" data-speed="0.9">
<img src="assets/img/hero/shape-1-2.png" alt="">
</div>
<div class="mt-hero-shape-3" data-speed="0.9">
<img src="assets/img/hero/shape-1-3.png" alt="">
</div>
<div class="mt-hero-shape-4" data-speed="0.9">
<img src="assets/img/hero/shape-1-4.png" alt="">
</div>
<div class="mt-hero-shape-5" data-speed="0.9">
<img src="assets/img/hero/shape-1-5.png" alt="">
</div>
<div class="mt-hero-shape-6" data-speed="0.9">
<img src="assets/img/hero/shape-1-6.png" alt="">
</div>
<div class="container-fluid px-0">
<div class="row gx-0">
<div class="col-xl-4 order-last order-xl-first">
<div class="mt-hero-thumb z-index-2">
<img data-speed="0.9" src="assets/img/hero/thumb-1-1.png" alt="">
</div>
</div>
<div class="col-xl-8 order-first order-xl-last">
<div class="mt-hero-wrapper mt-hero-space z-index-2">
<div class="mt-hero-item text-center ">
<h1 class="mt-hero-title mb-30 wow img-custom-anim-left" data-wow-duration="1.5s"
data-wow-delay="0.2s">
Secure, Fast, and Easy
Online Payments
</h1>
<p class=" wow img-custom-anim-right" data-wow-duration="1.5s" data-wow-delay="0.4s">
As businesses adapt to a digital-first world, having a reliable partner in SaaS design <br>
is essential for staying competitive and future focused We specialize in <br>
creating scalable,
</p>
<div class="mt-hero-box d-flex justify-content-center align-items-center">
<div class="mt-hero-box-btn pt-30 mt_fade_anim " data-delay=".8" data-fade-from="left"
data-ease="bounce">
<a href="about.html" class="mt-btn">Get 14 Days Free Trial <span>
<i class="fa-light fa-arrow-right-long"></i></span></a>
</div>
<div class="mt-hero-video pt-30 mt_fade_anim " data-delay=".8" data-fade-from="right"
data-ease="bounce">
<a class=" mt-video-btn" href="#">
How To Work Process <span><i class="fa-light fa-arrow-right-long"></i></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Hero Area End -->
<!-- Start Brand Area -->
<section class="mt-brand-area plr-210 pt-110 pb-75 fix " data-background="assets/img/bg/bg-brand-1.png">
<div class="container-fluid">
<div class="row">
<div class="mt-brand-wrapper mt_fade_anim " data-delay=".8" data-fade-from="top" data-ease="bounce">
<h3 class="mt-brand-main-title">Trusted by millions of customers</h3>
<div class="mt-brand-wrap">
<div class="swiper mt-brand-active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo1.png" alt="Moontel_ICT">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo2.png" alt="Moontel_ICT">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo3.png" alt="Moontel_ICT">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo4.png" alt="Moontel_ICT">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo5.png" alt="Moontel_ICT">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo6.png" alt="Moontel_ICT">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo1.png" alt="Moontel_ICT">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo2.png" alt="Moontel_ICT">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo3.png" alt="Moontel_ICT">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo4.png" alt="Moontel_ICT">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo5.png" alt="Moontel_ICT">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo6.png" alt="Moontel_ICT">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Brand Area -->
<!-- About area start -->
<section class="mtabout_area pt-75 pb-120 p-relative fix" data-background="assets/img/bg/bg-brand-1.png">
<div class="container">
<div class="mtabout__shape" data-speed="0.9">
<img src="assets/img/about/shape-1-3.png" alt="">
</div>
<div class="row align-items-center">
<div class="col-xl-6 mb-30">
<div class="mtabout__content mt_fade_anim" data-delay=".3" data-fade-from="top">
<div class="mt-section-content mb-10">
<h2 class="mt-section-title mb-15 mt-text-perspective">Transforming Online <br> Payments for a
Seamless <br> Experience</h2>
<p>Our approach to SaaS design is built on
collaboration, innovation, and a deep <br> understanding of user needs. ensuring that every step
</p>
</div>
<div class="mtabout__list mb-55">
<ul>
<li><i class="fa-light fa-circle-check"></i><span>Our platform prioritizes data protection,
ensuring every transaction <br>
is secure.</span></li>
<li><i class="fa-light fa-circle-check"></i><span>Support for multiple payment methods, from
credit cards to digital <br>
wallets.</span></li>
</ul>
</div>
<div class="mtabout__btn-wrap mt_fade_anim " data-delay=".8" data-fade-from="top" data-ease="bounce">
<a href="about.html" class="mt-btn">About Us <span>
<i class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
</div>
<div class="col-xl-6 mb-30">
<div class="mtabout__thumb-wrap text-center text-xl-end p-relative">
<div class="mtabout__thumb-shape" data-speed="0.7">
<img src="assets/img/about/shape-1-1.png" alt="">
</div>
<div class="mtabout__thumb-shape-2" data-speed="0.9">
<img src="assets/img/about/shape-1-2.png" alt="">
</div>
<div class="mtabout__thumb-shape-3" data-speed="0.9">
<img src="assets/img/about/shape-bg-1.png" alt="">
</div>
<div class="mtabout__thumb z-index-2">
<img src="assets/img/about/thumb-1.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About area End -->
<!-- Service Area Start -->
<section class="mtservice__area p-relative plr-210 " data-background="assets/img/bg/bg-brand-1.png">
<div class="container-fluid">
<div class="mtservice__wrapper p-relative mt_fade_anim " data-delay=".9" data-fade-from="top"
data-ease="bounce">
<div class="swiper mt-service-active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtservice__item">
<div class="mtservice__icon mb-24">
<span><i class="fa-light fa-chart-line"></i></span>
</div>
<div class="mtservice__content mb-24">
<h4 class="mtservice__title mb-13"><a href="#">Multi-Currency Support</a></h4>
<p>Simplify the onboarding process with
step-by-step guides and automated.</p>
</div>
<div class="mtservice__btn">
<a href="#">Read More +</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtservice__item">
<div class="mtservice__icon mb-24">
<span><i class="fa-light fa-arrow-trend-up"></i></span>
</div>
<div class="mtservice__content mb-24">
<h4 class="mtservice__title mb-13"><a href="#">Recurring Billing Options</a></h4>
<p>Simplify the onboarding process with
step-by-step guides and automated.</p>
</div>
<div class="mtservice__btn">
<a href="#">Read More +</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtservice__item">
<div class="mtservice__icon mb-24">
<span><i class="fa-light fa-shield-check"></i></span>
</div>
<div class="mtservice__content mb-24">
<h4 class="mtservice__title mb-13"><a href="#">Real-Time Analytics</a></h4>
<p>Simplify the onboarding process with
step-by-step guides and automated.</p>
</div>
<div class="mtservice__btn">
<a href="#">Read More +</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtservice__item">
<div class="mtservice__icon mb-24">
<span><i class="fa-light fa-chart-pie-simple"></i></span>
</div>
<div class="mtservice__content mb-24">
<h4 class="mtservice__title mb-13"><a href="#">24/7 Customer Support</a></h4>
<p>Simplify the onboarding process with
step-by-step guides and automated.</p>
</div>
<div class="mtservice__btn">
<a href="#">Read More +</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtservice__item">
<div class="mtservice__icon mb-24">
<span><i class="fa-light fa-chart-line"></i></span>
</div>
<div class="mtservice__content mb-24">
<h4 class="mtservice__title mb-13"><a href="#">Multi-Currency Support</a></h4>
<p>Simplify the onboarding process with
step-by-step guides and automated.</p>
</div>
<div class="mtservice__btn">
<a href="#">Read More +</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtservice__item">
<div class="mtservice__icon mb-24">
<span><i class="fa-light fa-chart-pie-simple"></i></span>
</div>
<div class="mtservice__content mb-24">
<h4 class="mtservice__title mb-13"><a href="#">24/7 Customer Support</a></h4>
<p>Simplify the onboarding process with
step-by-step guides and automated.</p>
</div>
<div class="mtservice__btn">
<a href="#">Read More +</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtservice__item">
<div class="mtservice__icon mb-24">
<span><i class="fa-light fa-shield-check"></i></span>
</div>
<div class="mtservice__content mb-24">
<h4 class="mtservice__title mb-13"><a href="#">Real-Time Analytics</a></h4>
<p>Simplify the onboarding process with
step-by-step guides and automated.</p>
</div>
<div class="mtservice__btn">
<a href="#">Read More +</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtservice__item">
<div class="mtservice__icon mb-24">
<span><i class="fa-light fa-arrow-trend-up"></i></span>
</div>
<div class="mtservice__content mb-24">
<h4 class="mtservice__title mb-13"><a href="#">Recurring Billing Options</a></h4>
<p>Simplify the onboarding process with
step-by-step guides and automated.</p>
</div>
<div class="mtservice__btn">
<a href="#">Read More +</a>
</div>
</div>
</div>
</div>
</div>
<div class="mtservice__arrow p-relative mt-60">
<div class="mtservice__next mtservice__button">
<span><i class="fa-light fa-arrow-left-long"></i></span>
</div>
<div class="mtservice__pagination"></div>
<div class="mtservice__prev mtservice__button">
<span><i class="fa-light fa-arrow-right-long"></i></span>
</div>
</div>
</div>
</div>
</section>
<!-- Service Area End -->
<!-- Start Why Choose Us Area -->
<section class="mtchoose__area mtchoose__bg mtchoose__position z-index-2 p-relative"
data-background="assets/img/bg/bg-choose.png">
<div class="container">
<div class="row">
<div class="mtchoose__tabs-wrapper text-center">
<div class="mt-section-content mb-60">
<h2 class="mt-section-title mt-text-perspective">Why Choose Us for Your <br>
Payment Solutions</h2>
</div>
<div class="mtchoose__tab-wrap p-relative">
<div class="mtchoose__tab" id="nav-tab" role="tablist">
<button class="nav-links " id="nav-blog-1-tab" data-bs-toggle="tab" data-bs-target="#nav-blog-1"
type="button" role="tab" aria-controls="nav-blog-1" aria-selected="true">
Flexible Payment Options
</button>
<button class="nav-links active" id="nav-blog-2-tab" data-bs-toggle="tab"
data-bs-target="#nav-blog-2" type="button" role="tab" aria-controls="nav-blog-2"
aria-selected="false" tabindex="-1">
High Uptime & Reliability
</button>
<button class="nav-links" id="nav-blog-3-tab" data-bs-toggle="tab" data-bs-target="#nav-blog-3"
type="button" role="tab" aria-controls="nav-blog-3" aria-selected="false" tabindex="-1">
Quick Settlements
</button>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mtchoose__area pt-90 pb-120" data-background="assets/img/bg/bg-brand-1.png">
<div class="container">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade " id="nav-blog-1" role="tabpanel" aria-labelledby="nav-blog-1-tab" tabindex="0">
<div class="row align-items-center">
<div class="col-xl-6 mb-30">
<div class="mtchoose__tab-content pr-90 mt_fade_anim" data-delay=".3" data-fade-from="top">
<div class="mt-section-content mb-24">
<h2 class="mt-section-title mt-fs-24 mt-text-perspective">Seamless User Experience</h2>
<p>Our platform is designed with the user in mind, providing a smooth,
hassle-free experience from This start to finish. Every interaction is
optimized for speed, simplicity, and accessibility, allowing users to
complete transactions effortlessly. With intuitive navigation, mobile-friendly design, and
responsive
support, we ensure that making
payments is a seamless process for both.</p>
</div>
<div class="mtabout__btn-wrap mt_fade_anim " data-delay=".8" data-fade-from="top"
data-ease="bounce">
<a href="about.html" class="mt-btn">About Us <span>
<i class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
</div>
<div class="col-xl-6 mb-30">
<div class="mtchoose__tab-thumb fix">
<img data-speed="0.9" src="assets/img/choose/thumb-1.png" alt="">
</div>
</div>
</div>
</div>
<div class="tab-pane fade show active" id="nav-blog-2" role="tabpanel" aria-labelledby="nav-blog-2-tab"
tabindex="0">
<div class="row align-items-center">
<div class="col-xl-6 mb-30">
<div class="mtchoose__tab-content pr-90 mt_fade_anim" data-delay=".3" data-fade-from="top">
<div class="mt-section-content mb-24">
<h2 class="mt-section-title mt-fs-24 mt-text-perspective">Seamless User Experience</h2>
<p>Our platform is designed with the user in mind, providing a smooth,
hassle-free experience from This start to finish. Every interaction is
optimized for speed, simplicity, and accessibility, allowing users to
complete transactions effortlessly. With intuitive navigation, mobile-friendly design, and
responsive
support, we ensure that making
payments is a seamless process for both.</p>
</div>
<div class="mtabout__btn-wrap mt_fade_anim " data-delay=".8" data-fade-from="top"
data-ease="bounce">
<a href="about.html" class="mt-btn">About Us <span>
<i class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
</div>
<div class="col-xl-6 mb-30">
<div class="mtchoose__tab-thumb fix">
<img data-speed="0.9" src="assets/img/choose/thumb-1.png" alt="">
</div>
</div>
</div>
</div>
<div class="tab-pane fade " id="nav-blog-3" role="tabpanel" aria-labelledby="nav-blog-3-tab" tabindex="0">
<div class="row align-items-center">
<div class="col-xl-6 mb-30">
<div class="mtchoose__tab-content pr-90 mt_fade_anim" data-delay=".3" data-fade-from="top">
<div class="mt-section-content mb-24">
<h2 class="mt-section-title mt-fs-24 mt-text-perspective">Seamless User Experience</h2>
<p>Our platform is designed with the user in mind, providing a smooth,
hassle-free experience from This start to finish. Every interaction is
optimized for speed, simplicity, and accessibility, allowing users to
complete transactions effortlessly. With intuitive navigation, mobile-friendly design, and
responsive
support, we ensure that making
payments is a seamless process for both.</p>
</div>
<div class="mtabout__btn-wrap mt_fade_anim " data-delay=".8" data-fade-from="top"
data-ease="bounce">
<a href="about.html" class="mt-btn">About Us <span>
<i class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
</div>
<div class="col-xl-6 mb-30">
<div class="mtchoose__tab-thumb fix">
<img data-speed="0.9" src="assets/img/choose/thumb-1.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Why Choose Us Area -->
<!-- video area start -->
<div class="mtvideo__area ">
<div class="mtvideo__bg mtvideo__space scale-up-img p-relative fix">
<img data-speed="0.8" class="scale-up" src="assets/img/video/thumb-1.jpg" alt="">
<div class="mtvideo__icon text-center">
<a class="popup-video" href="https://www.youtube.com/watch?v=PO_fBTkoznc">
<i class="fas fa-play"></i>
</a>
</div>
</div>
</div>
<!-- video area end -->
<!-- FAQ Area Start -->
<section class="mtfaq__area pt-130 pb-100 p-relative" data-background="assets/img/bg/bg-brand-1.png">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 mb-30">
<div class="mtfaq mt_fade_anim" data-delay=".3" data-fade-from="top">
<div class="mt-section-content mb-50">
<h2 class="mt-section-title mt-text-perspective">Simple Steps to Secure
Payments.</h2>
</div>
<div class="accordion" id="accordionExampleOne">
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Link Your Payment Method
</button>
</h2>
<div id="collapseOne" class="mt-accordion-collapse collapse "
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pr-50 mb-15">
<p>Easily add your preferred payment method, including credit cards,
bank accounts, or digital wallets.</p>
<a href="#">Read More +</a>
</div>
</div>
</div>
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button " type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
Verify Your Information
</button>
</h2>
<div id="collapseTwo" class="mt-accordion-collapse collapse show"
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pr-50 mb-15">
<p>Easily add your preferred payment method, including credit cards,
bank accounts, or digital wallets.</p>
<a href="#">Read More +</a>
</div>
</div>
</div>
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
Choose Your Payment Type
</button>
</h2>
<div id="collapseThree" class="mt-accordion-collapse collapse"
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pr-50 mb-15">
<p>Easily add your preferred payment method, including credit cards,
bank accounts, or digital wallets.</p>
<a href="#">Read More +</a>
</div>
</div>
</div>
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
Track Transactions in Real-Time
</button>
</h2>
<div id="collapseFour" class="mt-accordion-collapse collapse"
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pr-50 mb-15">
<p>Easily add your preferred payment method, including credit cards,
bank accounts, or digital wallets.</p>
<a href="#">Read More +</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-30">
<div class="mtfaq ml-60 p-relative ">
<div class="mt-section-content mb-50 ml-99">
<p>Our approach to SaaS design is built on collaboration
innovation, and a deep understanding of user needs.
ensuring that every step</p>
</div>
<div class="mtfaq__thumb-wrap text-center p-relative fix ">
<div class="mtfaq__thumb scale-up-img">
<img data-speed="0.8" class="scale-up" src="assets/img/faq/thumb-1.jpg" alt="">
<a class="popup-video" href="https://www.youtube.com/watch?v=PO_fBTkoznc">
<i class="fas fa-play"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ Area End -->
<!-- Pricing Area Start -->
<section class="mt-pricing-area pb-120 pt-140" data-bg-color="#0D0D0E">
<div class="container">
<div class="mt-section-content mb-60 text-center">
<h2 class="mt-section-title mt-text-perspective">Flexible Pricing for Every <br>
Business</h2>
</div>
<div class="row">
<div class="col-xl-4 col-lg-6 col-md-6 mb-30 mt_fade_anim " data-delay=".8" data-fade-from="left"
data-ease="bounce">
<h3 class="mtprice__title">Basic plan</h3>
<div class="mtprice mtprice__bg ">
<div class="mtprice__price text-center">
<span class="mtprice__subtitle mb-20 mt-20">Most Popular</span>
<h4>$80<span>/month</span></h4>
</div>
<div class="mtprice__sep"></div>
<ul class="mtprice__features mb-120">
<li><i class="fal fa-check"></i> <span> Not included.</span></li>
<li><i class="fal fa-check"></i> <span> Basic flyers included.</span></li>
<li><i class="fal fa-check"></i> <span> Basic report available.</span></li>
<li><i class="fal fa-check"></i> <span> Not available.</span></li>
</ul>
<div class="mtprice__btn mt-50">
<a class="mt-btn-border w-100 " href="about.html">Select <span>
<i class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 mb-30 mt_fade_anim " data-delay=".8" data-fade-from="top"
data-ease="bounce">
<h3 class="mtprice__title">Premium plan</h3>
<div class="mtprice mtprice__bg ">
<div class="mtprice__price text-center">
<span class="mtprice__subtitle mb-20 mt-20">Elite pro</span>
<h4>$125<span>/month</span></h4>
</div>
<div class="mtprice__sep"></div>
<ul class="mtprice__features mb-120">
<li><i class="fal fa-check"></i> <span> Not included.</span></li>
<li><i class="fal fa-check"></i> <span> Basic flyers included.</span></li>
<li><i class="fal fa-check"></i> <span> Basic report available.</span></li>
<li><i class="fal fa-check"></i> <span> Not available.</span></li>
</ul>
<div class="mtprice__btn mt-50">
<a class="mt-btn-border w-100 active" href="about.html">Select <span>
<i class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 mb-30 mt_fade_anim " data-delay=".8" data-fade-from="right"
data-ease="bounce">
<h3 class="mtprice__title">Golden plan</h3>
<div class="mtprice mtprice__bg ">
<div class="mtprice__price text-center">
<span class="mtprice__subtitle mb-20 mt-20">Subscription</span>
<h4>$185<span>/month</span></h4>
</div>
<div class="mtprice__sep"></div>
<ul class="mtprice__features mb-120">
<li><i class="fal fa-check"></i> <span> Not included.</span></li>
<li><i class="fal fa-check"></i> <span> Basic flyers included.</span></li>
<li><i class="fal fa-check"></i> <span> Basic report available.</span></li>
<li><i class="fal fa-check"></i> <span> Not available.</span></li>
</ul>
<div class="mtprice__btn mt-50">
<a class="mt-btn-border w-100 " href="about.html">Select <span>
<i class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial Area Start -->
<section class="mttestimonial__area black-bg pb-40 pt-150 p-relative"
data-background="assets/img/bg/bg-brand-1.png">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-5 col-lg-5">
<div class="mttestimonial__thumb mb-30 text-center ">
<img data-speed="0.9" src="assets/img/testimonial/thumb-1.jpg" alt="">
</div>
</div>
<div class="col-xl-7 col-lg-7">
<div class="mttestimonial__wrapper mb-30">
<div class="swiper mttestimonial__active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mttestimonial__item text-center">
<div class="mttestimonial__quete mb-20">
<span> <i class="fas fa-star"></i></span>
<img src="assets/img/testimonial/quete-1.svg" alt="">
<span> <i class="fas fa-star"></i></span>
</div>
<div class="mttestimonial__content ">
<p>This platform has completely transformed
the way we handle payments. It's fast, secure
and the setup was incredibly easy</p>
<h4 class="mttestimonial__title mt-20">Cameron Williamson - <span>Data Engineer</span></h4>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mttestimonial__item text-center">
<div class="mttestimonial__quete mb-20">
<span> <i class="fas fa-star"></i></span>
<img src="assets/img/testimonial/quete-1.svg" alt="">
<span> <i class="fas fa-star"></i></span>
</div>
<div class="mttestimonial__content ">
<p>This platform has completely transformed
the way we handle payments. It's fast, secure
and the setup was incredibly easy</p>
<h4 class="mttestimonial__title mt-20">Cameron Williamson - <span>Data Engineer</span></h4>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mttestimonial__item text-center">
<div class="mttestimonial__quete mb-20">
<span> <i class="fas fa-star"></i></span>
<img src="assets/img/testimonial/quete-1.svg" alt="">
<span> <i class="fas fa-star"></i></span>
</div>
<div class="mttestimonial__content ">
<p>This platform has completely transformed
the way we handle payments. It's fast, secure
and the setup was incredibly easy</p>
<h4 class="mttestimonial__title mt-20">Cameron Williamson - <span>Data Engineer</span></h4>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mttestimonial__item text-center">
<div class="mttestimonial__quete mb-20">
<span> <i class="fas fa-star"></i></span>
<img src="assets/img/testimonial/quete-1.svg" alt="">
<span> <i class="fas fa-star"></i></span>
</div>
<div class="mttestimonial__content ">
<p>This platform has completely transformed
the way we handle payments. It's fast, secure
and the setup was incredibly easy</p>
<h4 class="mttestimonial__title mt-20">Cameron Williamson - <span>Data Engineer</span></h4>
</div>
</div>
</div>
</div>
<div class="mttestimonial__pagination"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial Area End -->
<!-- Blog area Start -->
<section class="mtblog__area pb-110 pt-70 p-relative fix" data-background="assets/img/bg/bg-brand-1.png">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8">
<div class="mt-section-content mb-50">
<h2 class="mt-section-title mt-text-perspective">Insights & Innovations in <br>
Online Payments</h2>
</div>
</div>
<div class="col-lg-4">
<div class="mt-section-content mb-50 mt_fade_anim" data-delay=".4" data-fade-from="top">
<p>Our approach to SaaS design is built on collaboration
innovation, and a deep understanding of user needs.
ensuring that every step</p>
</div>
</div>
</div>
</div>
<div class="container-fluid px-0">
<div class="mtblog__wrapper">
<div class="swiper mtblog__active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtblog__wrapper p-relative mt_fade_anim" data-delay=".5" data-fade-from="top">
<div class="mtblog__item">
<div class="mtblog__thumb p-relative wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<div class="mtblog__meta mtmeta">
<span>25 sep 2025</span>
<a href="#"><i class="fa-light fa-arrow-right-long"></i></a>
</div>
<a href="blog-cyber-details.html">
<img src="assets/img/blog/blog-1-1.jpg" alt="">
</a>
</div>
<div class="mtblog__content ">
<h3 class="mtblog__title mb-10"><a href="blog-cyber-details.html">Your Source Expert Knowledge
and Trends</a></h3>
<a href="#">Leslie Alexander</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtblog__wrapper p-relative mt_fade_anim" data-delay=".6" data-fade-from="top">
<div class="mtblog__item">
<div class="mtblog__thumb p-relative wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<div class="mtblog__meta mtmeta">
<span>25 sep 2025</span>
<a href="#"><i class="fa-light fa-arrow-right-long"></i></a>
</div>
<a href="blog-cyber-details.html">
<img src="assets/img/blog/blog-1-2.jpg" alt="">
</a>
</div>
<div class="mtblog__content ">
<h3 class="mtblog__title mb-10"><a href="blog-cyber-details.html">Your Source Expert Knowledge
and Trends</a></h3>
<a href="#">Leslie Alexander</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtblog__wrapper p-relative mt_fade_anim" data-delay=".7" data-fade-from="top">
<div class="mtblog__item">
<div class="mtblog__thumb p-relative wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<div class="mtblog__meta mtmeta">
<span>25 sep 2025</span>
<a href="#"><i class="fa-light fa-arrow-right-long"></i></a>
</div>
<a href="blog-cyber-details.html">
<img src="assets/img/blog/blog-1-3.jpg" alt="">
</a>
</div>
<div class="mtblog__content ">
<h3 class="mtblog__title mb-10"><a href="blog-cyber-details.html">Your Source Expert Knowledge
and Trends</a></h3>
<a href="#">Leslie Alexander</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtblog__wrapper p-relative mt_fade_anim" data-delay=".8" data-fade-from="top">
<div class="mtblog__item">
<div class="mtblog__thumb p-relative wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<div class="mtblog__meta mtmeta">
<span>25 sep 2025</span>
<a href="#"><i class="fa-light fa-arrow-right-long"></i></a>
</div>
<a href="blog-cyber-details.html">
<img src="assets/img/blog/blog-1-4.jpg" alt="">
</a>
</div>
<div class="mtblog__content ">
<h3 class="mtblog__title mb-10"><a href="blog-cyber-details.html">Your Source Expert Knowledge
and Trends</a></h3>
<a href="#">Leslie Alexander</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtblog__wrapper p-relative mt_fade_anim" data-delay=".5" data-fade-from="top">
<div class="mtblog__item">
<div class="mtblog__thumb p-relative wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<div class="mtblog__meta mtmeta">
<span>25 sep 2025</span>
<a href="#"><i class="fa-light fa-arrow-right-long"></i></a>
</div>
<a href="blog-cyber-details.html">
<img src="assets/img/blog/blog-1-3.jpg" alt="">
</a>
</div>
<div class="mtblog__content ">
<h3 class="mtblog__title mb-10"><a href="blog-cyber-details.html">Your Source Expert Knowledge
and Trends</a></h3>
<a href="#">Leslie Alexander</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtblog__wrapper p-relative mt_fade_anim" data-delay=".6" data-fade-from="top">
<div class="mtblog__item">
<div class="mtblog__thumb mtthumb p-relative wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<div class="mtblog__meta mtmeta">
<span>25 sep 2025</span>
<a href="#"><i class="fa-light fa-arrow-right-long"></i></a>
</div>
<a href="blog-cyber-details.html">
<img src="assets/img/blog/blog-1-5.jpg" alt="">
</a>
</div>
<div class="mtblog__content ">
<h3 class="mtblog__title mb-10"><a href="blog-cyber-details.html">Your Source Expert Knowledge
and Trends</a></h3>
<a href="#">Leslie Alexander</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Blog area End -->
<!-- Cta area Start -->
<section class="mtcta__area pt-80 pb-40 p-relative fix" data-bg-color="#0D0D0E">
<div class="container">
<div class="row align-items-end">
<div class="col-lg-4">
<div class="mtcta__thumb mb-24 mt_fade_anim" data-delay=".5" data-fade-from="top">
<img src="assets/img/logo/footer-logo.png" alt="">
</div>
</div>
<div class="col-lg-8">
<div class="mtcta mtborder">
<div class="mtcta__item d-flex align-items-center justify-content-between">
<div class="mt-section-content mr-30">
<h2 class="mt-section-title mt-fs-62 mb-24 rotate-text-anim">How Can I Help You? <br>
Lets Talk</h2>
</div>
<div class="mtcta__btn mb-24 mt-rounded-btn-wrap mt_fade_anim " data-delay=".8" data-fade-from="top"
data-ease="bounce">
<div class="mtbtn__wrap ">
<a class="mt-btn-rounded btn-item mthovertext" href="contact.html">
<span><i class="fa-light fa-arrow-right-long"></i></span>
<cite class="mt-btn-circle-dot mthover"></cite>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Cta area End -->
</main>
<!-- footer start -->
<footer class="mtfooter__area p-relative">
<div class="mtfooter__wraper mtfooter__space p-relative" data-bg-color="#0D0D0E">
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-6 col-md-6 mb-50 mt_fade_anim" data-delay=".3" data-fade-from="top">
<div class="mtfooter__widget ">
<h2 class="mtfooter__title mt-fs-32 mb-40">Subscribe for the <br>
updates!</h2>
<div class="mtfooter__newsletter mb-40">
<form action="#">
<div class="mtfooter__input p-relative">
<input type="email" placeholder="your Email">
<button type="submit">Subscribe <span><i
class="fa-light fa-arrow-right-long"></i></span></button>
</div>
<div class="form-check mtform-check mt-20">
<input class="form-check-input" type="checkbox" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">
I Agree to The privacy policy
</label>
</div>
</form>
</div>
</div>
</div>
<div class="col-xl-5 col-lg-6 col-md-6 mb-50 mt_fade_anim" data-delay=".4" data-fade-from="top">
<div class="mtfooter__widget footer-cols-2">
<h2 class="mtfooter__title mtfooter__title-border mb-40">Company Services</h2>
<div class="mtfooter__list mtfloat">
<ul>
<li><a href="#">Corporate business</a></li>
<li><a href="#">About Us</a></li>
<li><a href="about.html">SEO agency</a></li>
<li><a href="#">case studies</a></li>
<li><a href="#">Company Report</a></li>
<li><a href="#">Privacy policy</a></li>
<li><a href="#">Marketing</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-50 mt_fade_anim" data-delay=".5" data-fade-from="top">
<div class="mtfooter__widget ">
<h2 class="mtfooter__title mtfooter__title-border mb-40">Office Address</h2>
<div class="mtfooter__content mb-24">
<p>2972 Westheimer Rd. Santa Ana, <br>
Illinois 85486 </p>
</div>
<div class="mtfooter__contact">
<ul>
<li><a href="tel:4805550103025">(480) 555-0103-025</a></li>
<li><a href="mailto:info@lax.fy.com">info@lax.fy.com</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- copy-right area start -->
<div class="mtcopyright__area mtcopyright__space black-bg p-relative">
<div class="container">
<div class="row align-items-center">
<div class="col-12">
<div class="mtcopyright__content text-center">
<p>© 2024 All Rights Reserved by <a href="index.html">A.Sasio</a></p>
</div>
</div>
</div>
</div>
</div>
<!-- copy-right area end -->
</footer>
</div>
</div>
<!--<< Mouse Cursor Start >>-->
<div class="mouse-cursor cursor-outer"></div>
<div class="mouse-cursor cursor-inner"></div>
<!-- JS here -->
<script src="assets/js/jquery-3.7.1.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/mobile-menu-scripts.js"></script>
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/hover-effect.umd.js"></script>
<script src="assets/js/nice-select.js"></script>
<script src="assets/js/plugin.js"></script>
<script src="assets/js/three.js"></script>
<script src="assets/js/slider-active.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>