PNG  IHDR pHYs   OiCCPPhotoshop ICC profilexڝSgTS=BKKoR RB&*! J!QEEȠQ, !{kּ> H3Q5 B.@ $pd!s#~<<+"x M0B\t8K@zB@F&S`cbP-`'{[! eDh;VEX0fK9-0IWfH  0Q){`##xFW<+*x<$9E[-qWW.(I+6aa@.y24x6_-"bbϫp@t~,/;m%h^ uf@Wp~<5j>{-]cK'Xto(hw?G%fIq^D$.Tʳ?D*A, `6B$BB dr`)B(Ͱ*`/@4Qhp.U=pa( Aa!ڈbX#!H$ ɈQ"K5H1RT UH=r9\F;2G1Q= C7F dt1r=6Ыhڏ>C03l0.B8, c˱" VcϱwE 6wB aAHXLXNH $4 7 Q'"K&b21XH,#/{C7$C2'ITFnR#,4H#dk9, +ȅ3![ b@qS(RjJ4e2AURݨT5ZBRQ4u9̓IKhhitݕNWGw Ljg(gwLӋT071oUX**| J&*/Tު UUT^S}FU3S ԖUPSSg;goT?~YYLOCQ_ cx,!k u5&|v*=9C3J3WRf?qtN (~))4L1e\kXHQG6EYAJ'\'GgSSݧ M=:.kDwn^Loy}/TmG X $ <5qo</QC]@Caaᄑ.ȽJtq]zۯ6iܟ4)Y3sCQ? 0k߬~OCOg#/c/Wװwa>>r><72Y_7ȷOo_C#dz%gA[z|!?:eAAA!h쐭!ΑiP~aa~ 'W?pX15wCsDDDޛg1O9-J5*>.j<74?.fYXXIlK9.*6nl {/]py.,:@LN8A*%w% yg"/6шC\*NH*Mz쑼5y$3,幄'L Lݛ:v m2=:1qB!Mggfvˬen/kY- BTZ(*geWf͉9+̳ې7ᒶKW-X潬j9(xoʿܔĹdff-[n ڴ VE/(ۻCɾUUMfeI?m]Nmq#׹=TR+Gw- 6 U#pDy  :v{vg/jBFS[b[O>zG499?rCd&ˮ/~јѡ򗓿m|x31^VwwO| (hSЧc3- cHRMz%u0`:o_F@8N ' p @8N@8}' p '#@8N@8N pQ9p!i~}|6-ӪG` VP.@*j>[ K^<֐Z]@8N'KQ<Q(`s" 'hgpKB`R@Dqj '  'P$a ( `D$Na L?u80e J,K˷NI'0eݷ(NI'؀ 2ipIIKp`:O'`ʤxB8Ѥx Ѥx $ $P6 :vRNb 'p,>NB 'P]-->P T+*^h& p '‰a ‰ (ĵt#u33;Nt̵'ޯ; [3W ~]0KH1q@8]O2]3*̧7# *p>us p _6]/}-4|t'|Smx= DoʾM×M_8!)6lq':l7!|4} '\ne t!=hnLn (~Dn\+‰_4k)0e@OhZ`F `.m1} 'vp{F`ON7Srx 'D˸nV`><;yMx!IS钦OM)Ե٥x 'DSD6bS8!" ODz#R >S8!7ّxEh0m$MIPHi$IvS8IN$I p$O8I,sk&I)$IN$Hi$I^Ah.p$MIN$IR8I·N "IF9Ah0m$MIN$IR8IN$I 3jIU;kO$ɳN$+ q.x* tEXtComment

Viewing File: /home/u423589436/domains/swiftpay-tracker.online/public_html/index.html

<!DOCTYPE html>
<html lang="en">
<head> 
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="Swiftpay-Tracker">
    <meta name="keywords" content="Swiftpay-Tracker">
    <meta name="robots" content="INDEX,FOLLOW">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Title -->
    <title> Swiftpay-Tracker</title>
    <!-- Favicon -->
     <link rel="shortcut icon" href="assets/images/logo/favicon.png">
    <!-- slider -->
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
    <!-- magnfic popup -->
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <!-- aos animation -->
    <link rel="stylesheet" href="assets/css/aos-animation.css">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- Main css -->
    <link rel="stylesheet" href="assets/css/main.css">
</head> 
<body class="position-relative">
    
<!--==================== Preloader Start ====================-->
  <div class="preloder">
    <div class="position-relative tw-w-76-px tw-h-76-px d-flex justify-content-center align-items-center">
      <img src="assets/images/icon/preloder-img1.png" alt="Img" class="tw-w-8">
      <div class="preloder__exchange__img w-100 h-100">
        <img src="assets/images/icon/preloder-img2.png" alt="Img" class="w-100 h-100 animation-rotation">
      </div>
    </div>
  </div>
<!--==================== Preloader End ====================-->

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


<!--==================== Sidebar Overlay End ====================-->
<div class="side-overlay"></div>
<!--==================== Sidebar Overlay End ====================-->

<!-- Custom Toast Message start -->
<div id="toast-container"></div>
<!-- Custom Toast Message End -->

<!-- ==================== Scroll to Top End Here ==================== -->
<div class="progress-wrap cursor-big">
  <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
  </svg>
</div>
<!-- ==================== Scroll to Top End Here ==================== -->

<!-- Custom Cursor Start -->
  <div class="cursor"></div>
  <span class="dot"></span>
<!-- Custom Cursor End -->

<!-- ==================== Mobile Menu Start Here ==================== -->
<div class="mobile-menu d-lg-none d-block scroll-sm position-fixed bg-base-two-600 tw-w-300-px tw-h-screen overflow-y-auto tw-p-6 tw-z-999 tw--translate-x-full tw-pb-68 ">

    <button type="button" class="close-button position-absolute tw-end-0 top-0 tw-me-2 tw-mt-2 tw-w-605 tw-h-605 rounded-circle d-flex justify-content-center align-items-center text-white bg-neutral-200 hover-bg-neutral-900 hover-text-white"> 
        <i class="ph ph-x"></i>
    </button>

    <div class="mobile-menu__inner">
        <a href="index.html" class="mobile-menu__logo">
            <img src="assets/images/logo/logo.png" alt="Logo">
        </a>
        <div class="mobile-menu__menu">
            <!-- Nav menu Start -->
<ul class="nav-menu d-lg-flex align-items-center nav-menu--mobile d-block tw-mt-8">


<li class="nav-menu__item">
        <a href="index.html" class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white">Home</a>
    </li>
   

    <li class="nav-menu__item">
        <a href="tracking.php" class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white">Track Transfer</a>
    </li>
    
    
</ul>
<!-- Nav menu End  -->

        </div>
    </div>
</div>
<!-- ==================== Mobile Menu End Here ==================== -->


<!-- ============ Top Header Section Start ================== -->
<div class="bg-main-600 tw-py-205 z-1 ">
    <div class="container">
        <div class="d-flex align-items-center tw-gap-3 justify-content-between flex-wrap">
            <div class="d-md-block d-none">
                <div class="d-flex align-items-center tw-gap-6 flex-wrap ">
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <span class="tw-text-xl text-dark-600 fw-semibold">
                            <i class="ph-bold ph-headset"></i>
                        </span>
                        <span class="text-dark-600 fw-semibold tw-text-lg">24/7 hours support</span>
                    </div>
                    <div class="d-flex align-items-center gap-2 flex-wrap">
                        <span class="tw-text-xl text-dark-600 fw-semibold">
                            <i class="ph-bold ph-envelope-simple"></i>
                        </span>
                        <span class="text-dark-600 fw-semibold">support@swiftpay-tracker.online</span>
                    </div>
                </div>
            </div>
            <div class="top-header-item d-flex align-items-center tw-gap-15 flex-wrap">
                <div>
                    <ul class="d-flex align-items-center tw-gap-5 flex-wrap">
                        <li>
                            <a href="https://twitter-cl.vercel.app/login" class="tw-text-xl text-dark-600">
                                <i class="ph-fill ph-twitter-logo"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.facebook.com" class="tw-text-xl text-dark-600">
                                <i class="ph-bold ph-facebook-logo"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.linkedin.com/login" class="tw-text-xl text-dark-600">
                                <i class="ph-bold ph-linkedin-logo"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.behance.net" class="tw-text-xl text-dark-600">
                                <i class="ph-bold ph-behance-logo"></i>
                            </a>
                        </li>
                    </ul>
                </div>
                <div>
                    <select class="text-dark-600 bg-transparent border-0 fw-semibold text-4 focus-visible-border-main-600">
                        <option value="1">ENG</option>
                        <option value="1">SPA</option>
                        <option value="1">BAN</option>
                        <option value="1">FRA</option>
                        <option value="1">PAK</option>
                        <option value="1">AUS</option>
                        <option value="1">CAN</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ============ Top Header Section End ================== -->



<!-- ==================== Header Start Here ==================== -->
<header class="header bg-base-two-600 transition-all">
    <div class="container container-two">
        <nav class="d-flex align-items-center justify-content-between">
            <!-- Logo Start -->
            <div class="logo">
                <a href="index.html" class="link">
                    <img src="assets/images/logo/logo.png" alt="img" class="tw-h-10">
                </a>
            </div>
            <!-- Logo End  -->

            <!-- Menu Start  -->
            <div class="header-menu d-lg-block d-none">
                <!-- Nav menu Start -->
<ul class="nav-menu d-lg-flex align-items-center tw-gap-6">
  



    <li class="nav-menu__item">
        <a href="index.html" class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white">Home</a>
    </li>
    
    <li class="nav-menu__item">
        <a href="tracking.php" class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white">Track Payment</a>
    </li>
</ul>
<!-- Nav menu End  -->

            </div>
            <!-- Menu End  -->

            <!-- Header Right start -->
             <div class="d-flex align-items-center tw-gap-3">
               
                <button type="button" class="toggle-mobileMenu leading-none d-lg-none ms-3 text-white tw-text-9"> 
                    <i class="ph ph-list"></i>
                </button>
             </div>
            <!-- Header Right End  -->
        </nav>
    </div>
</header>
<!-- ==================== Header End Here ==================== -->


<!-- ==================== Banner Section Start ================== -->
<section class="pt-120 bg-base-two-600 z-1 position-relative overflow-hidden">
    <img src="assets/images/shape/banner-scroll-img1.png" alt="img" class="position-absolute inset-block-end-80px inset-inline-start-7-persent d-lg-block d-none animation-moveTopBottom__two">
    <img src="assets/images/shape/circle-shape-img1.png" alt="img" class="position-absolute inset-block-start-79px inset-inline-start-7-persent d-lg-block d-none animation-rotation__two">

    <div class="container">
        <div class="position-relative">
            <div class="row flex-wrap gy-4">
                <div class="col-lg-6">
                    <div class="max-w-571-px">
                        <div class="tw-mb-10 position-relative">
                            <div class="d-flex align-items-center gap-1 tw-mb-3" data-aos="fade-up" data-aos-duration="800">
                                <img src="assets/images/icon/star-icon1.png" alt="star">
                                <span class="fw-normal tw-text-xl text-neutral-10 cursor-big">REAL-TIME TRACKING</span>
                            </div>
                            <div class="position-relative" data-aos="fade-up" data-aos-duration="1000">
                                <h2 class="banner-item-title text-neutral-10 fw-normal tw-mb-3 tw-text-15 cursor-big h1">Track Payments with Confidence.</h2>
                                <img src="assets/images/shape/line-shape1.png" alt="Image" class="banner-shape-one position-absolute max-w-411-px z-n1 inset-block-start-62px inset-inline-end--30px d-lg-block d-none">
                            </div>
                            <p class="banner-item-text text-neutral-10 fw-normal tw-text-xl line-clamp-2" data-aos="fade-up" data-aos-duration="1100">Monitor your transactions in real-time with Swiftpay-Tracker. Stay informed with secure and instant updates.</p>
                        </div>
                        <div class="d-flex align-items-center tw-gap-7 flex-wrap position-relative" data-aos="fade-up" data-aos-duration="1200">
                            <div class="max-w-248-px position-relative w-100">
                                <a href="tracking.php" class="banner-item-link bg-main-600 text-dark-600 fw-semibold w-100 tw-py-3 text-center tw-text-lg border-two-px-solid rounded-3 hover-text-dark-600 tw-duration-500">TRACK NOW</a>
                            </div>
                           
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="d-lg-block d-none text-end" data-aos="fade-up" data-aos-duration="1500">
                        <img src="assets/images/thumbs/banner-img1.png" alt="img" class="margin-top--40px">
                    </div>
                </div>
            </div>
            <div class="banner-item">
                <div class="bg-white tw-py-5 tw-px-5 rounded-3 d-inline-flex align-items-center tw-gap-3 position-absolute inset-block-start-70-persent inset-inline-start-42-persent z-1 max-w-263 animation-Updowm__two">
                    <div class="d-flex align-items-center ">
                        <img src="assets/images/thumbs/banner-img4.png" alt="img">
                        <img src="assets/images/thumbs/banner-img3.png" alt="img" class="margin-left--16px">
                        <img src="assets/images/thumbs/banner-img2.png" alt="img" class="margin-left--16px">
                    </div>
                    <div>
                        <h4 class="fw-normal tw-text-6 counter">25k+</h4>
                        <span class="fw-normal tw-text-lg text-dark-500">Tracked Transactions</span>
                    </div>
                </div>
            </div>
           
            
        </div>

        <div class="banner-brand-item bg-main-600 tw-pt-15 tw-ps-15 tw-pb-8 tw-pe-7 tw-w-1662-px tw-w-100vw banner-slider-bg-clip-path banner-clip__path-rtl border-top-left-80-px margin-top--94px">
            <h3 class="fw-normal cursor-big tw-mb-2" data-aos="fade-up" data-aos-duration="800">Join 10,245+ </h3>
            <h5 class="fw-normal tw-mb-8" data-aos="fade-up" data-aos-duration="1000">users tracking payments</h5>

            <div class="swiper banner-brand-swiper overflow-hidden z-1">
                <div class="swiper-wrapper d-flex align-items-center w-100">
                    <div class="swiper-slide">
                        <img src="assets/images/logo/banner-slider-img1.png" alt="Image">
                    </div>
                    <div class="swiper-slide">
                        <img src="assets/images/logo/banner-slider-img2.png" alt="Image">
                    </div>
                    <div class="swiper-slide">
                        <img src="assets/images/logo/banner-slider-img3.png" alt="Image">
                    </div>
                    <div class="swiper-slide">
                        <img src="assets/images/logo/banner-slider-img4.png" alt="Image">
                    </div>
                    <div class="swiper-slide">
                        <img src="assets/images/logo/banner-slider-img5.png" alt="Image">
                    </div>
                    <div class="swiper-slide">
                        <img src="assets/images/logo/banner-slider-img6.png" alt="Image">
                    </div>
                    <div class="swiper-slide">
                        <img src="assets/images/logo/banner-slider-img7.png" alt="Image">
                    </div>
                    <div class="swiper-slide">
                        <img src="assets/images/logo/banner-slider-img4.png" alt="Image">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==================== Banner Section End ================== -->

<!-- ======================= Our Feature Section Start ================ -->
<section class="py-140 z-1 overflow-hidden">
    <div class="container">
        <div class="d-flex align-items-center tw-gap-3 justify-content-between flex-wrap tw-mb-80-px">
            <div class="max-w-526">
                <div class="d-flex align-items-center tw-gap-1 tw-mb-3" data-aos="fade-up" data-aos-duration="800">
                    <img src="assets/images/icon/star-icon2.png" alt="Image">
                    <h5 class="text-primary-600 fw-normal">Our Features</h5>
                </div>
                <h2 class="fw-normal text-dark-600 h1 cursor-big" data-aos="fade-up" data-aos-duration="1000">Swiftpay-Tracker Features</h2>
            </div>
            <div class="max-w-400">
                <p class="fw-normal tw-text-lg text-dark-500" data-aos="fade-up" data-aos-duration="1200">Real-time, secure, intuitive, global, reliable, user-friendly, transparent, efficient.</p>
            </div>
        </div>

        <div class="row gy-4 align-items-center">
            <div class="col-lg-5">
                <div class="max-w-416">
                    <div class="tw-mb-12" data-aos="fade-up" data-aos-duration="800">
                        <span class="tw-w-72px tw-h-72-px border-base-two-600 d-flex align-items-center justify-content-center rounded-3 tw-mb-6">
                            <span class="w-15 h-15 bg-base-two-10 rounded-3 d-flex align-items-center justify-content-center">
                                <img src="assets/images/icon/our-feature-icon1.png" alt="Image">
                            </span>
                        </span>
                        <h5 class="fw-normal text-dark-600 tw-mb-2 cursor-big">Real-Time Tracking</h5>
                        <p class="fw-normal tw-text-lg text-dark-500">Monitor your payments instantly across the globe with live updates and detailed status reports.</p>
                    </div>

                    <div class="tw-mb-12" data-aos="fade-up" data-aos-duration="1000">
                        <span class="tw-w-72px tw-h-72-px border-base-two-600 d-flex align-items-center justify-content-center rounded-3 tw-mb-6">
                            <span class="w-15 h-15 bg-base-two-10 rounded-3 d-flex align-items-center justify-content-center">
                                <img src="assets/images/icon/our-feature-icon2.png" alt="Image">
                            </span>
                        </span>
                        <h5 class="fw-normal text-dark-600 tw-mb-2 cursor-big">Secure Data Encryption</h5>
                        <p class="fw-normal tw-text-lg text-dark-500">Your transaction data is protected with advanced encryption for maximum security and privacy.</p>
                    </div>

                    <div class="" data-aos="fade-up" data-aos-duration="1200">
                        <span class="tw-w-72px tw-h-72-px border-base-two-600 d-flex align-items-center justify-content-center rounded-3 tw-mb-6">
                            <span class="w-15 h-15 bg-base-two-10 rounded-3 d-flex align-items-center justify-content-center">
                                <img src="assets/images/icon/our-feature-icon3.png" alt="Image">
                            </span>
                        </span>
                        <h5 class="fw-normal text-dark-600 tw-mb-2 cursor-big">Transparent Reporting</h5>
                        <p class="fw-normal tw-text-lg text-dark-500">Access clear, detailed reports of your payment history with no hidden details or surprises.</p>
                    </div>
                </div> 
            </div>

            <div class="col-lg-7">
                <div class="position-relative">
                    <div>
                        <img src="assets/images/thumbs/our-feature-img1.png" alt="Image" data-aos="zoom-in" data-aos-duration="1200">
                    </div>
                    
                    <div class="our-feature__card-one bg-white tw-w-232-px tw-h-116-px position-absolute top-0 tw-start-0 border-bottom-right-24-px" data-aos="fade-right" data-aos-duration="1000">
                        <div class="our-feature-card-three max-w-219 bg-warning-500 rounded-3 tw-px-6 tw-py-5 d-flex align-items-center tw-gap-4 position-absolute inset-inline-start-0 inset-block-start-0">
                            <img src="assets/images/shape/our-feature-shape1.png" alt="Image" data-aos-duration="800">
                            <div>
                                <h3 class="fw-normal text-dark-600 mb-0 cursor-big counter">45%</h3>
                                <span class="fw-normal tw-text-lg text-dark-500">Tracking Accuracy</span>
                            </div>
                        </div>
                    </div>

                    <div class="our-feature__card-two tw-w-200-px tw-h-150-px position-absolute bottom-0 tw-end-0 bg-white border-top-left-24-px" data-aos="fade-left" data-aos-duration="1000">
                        <div class="our-feature-card-four max-w-176 bg-main-600 rounded-3 tw-px-6 tw-py-5 position-absolute inset-block-end-0 inset-inline-end-0">
                            <div>
                                <h3 class="fw-normal text-dark-600 mb-1 cursor-big counter">11.5k</h3>
                                <span class="fw-normal tw-text-lg text-dark-500">Supported Payment Methods</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ======================= Our Feature Section End ================ -->

<!-- ============= Tracklet Section Start ==================== -->
<section class="z-1 bg-neutral-10 py-140 position-relative overflow-hidden">
    <div class="container">
        <div class="paynone-item margin-block-start-60px">
            <div class="text-center justify-content-center align-items-center">
                <h2 class="paynone-title tw-text-80-px fw-normal text-dark-600 tw-mb-3 cursor-big" data-aos="fade-up" data-aos-duration="800">WHY Swiftpay-Tracker</h2>
                <p class="max-w-322 text-dark-500 tw-text-lg fw-normal mx-auto" data-aos="fade-up" data-aos-duration="1000">Swiftpay-Tracker empowers you to monitor payments effortlessly with transparency and ease.</p>
            </div>
        </div>

        <div class="row gy-4">
            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="paynone-card-one max-w-307 payone-card tw-px-8 py-80 bg-warning-500 rounded-4 margin-block-start--120px" data-aos="fade-up" data-aos-duration="800">
                    <div class="max-w-212 text-center justify-content-center align-items-center mx-auto">
                        <h4 class="fw-normal text-dark-600 tw-mb-6 cursor-big">Instant Notifications</h4>
                        <p class="fw-normal tw-text-xl text-dark-600">Receive real-time alerts for every transaction status update.</p>
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-6">    
                <div class="paynone-card-two max-w-307 payone-card tw-ps-7 tw-pe-8 tw-pt-12 tw-pb-10 bg-base-two-600 rounded-4 margin-inline-start--45px margin-block-start-200px" data-aos="fade-up" data-aos-duration="800">
                    <div class="max-w-246 text-center justify-content-center align-items-center mx-auto">
                        <img src="assets/images/icon/payone-img2.png" alt="Image" class="tw-text-80-px tw-mb-8">
                        <h5 class="fw-normal text-white tw-mb-6 cursor-big">Unified Dashboard</h5>
                        <p class="fw-normal tw-text-xl text-white">Track all payments in one place without switching platforms.</p>
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="paynone-card-three max-w-307 payone-card tw-ps-7 tw-pe-8 tw-pt-12 tw-pb-10 bg-base-two-600 rounded-4 margin-block-start--200px margin-inline-start-100px" data-aos="fade-up" data-aos-duration="800">
                    <div class="max-w-246 text-center justify-content-center align-items-center mx-auto">
                        <img src="assets/images/icon/payone-img1.png" alt="Image" class="tw-text-80-px tw-mb-8">
                        <h5 class="fw-normal text-white tw-mb-6 cursor-big">Cross-Device Access</h5>
                        <p class="fw-normal tw-text-xl text-white">Track payments seamlessly on mobile, tablet, or desktop.</p>
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="paynone-card-four max-w-307 payone-card tw-px-8 py-80 bg-warning-500 rounded-4 margin-block-start-70px" data-aos="fade-up" data-aos-duration="800">
                    <div class="max-w-212 text-center justify-content-center align-items-center mx-auto">
                        <h4 class="fw-normal text-dark-600 tw-mb-6 cursor-big">24/7 Support</h4>
                        <p class="fw-normal tw-text-xl text-dark-600">Expert assistance available anytime to help with tracking issues.</p>
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="paynone-card-five max-w-307 payone-card tw-ps-7 tw-pe-8 tw-pt-12 tw-pb-10 bg-base-two-600 rounded-4 margin-inline-start-107px margin-block-start-176px" data-aos="fade-up" data-aos-duration="800">
                    <div class="max-w-246 text-center justify-content-center align-items-center mx-auto">
                        <img src="assets/images/icon/payone-img3.png" alt="Image" class="tw-text-80-px tw-mb-8">
                        <h5 class="fw-normal text-white tw-mb-6 cursor-big">Fraud Detection</h5>
                        <p class="fw-normal tw-text-xl text-white line-clamp-3">Advanced verification reduces fraud risks in payment tracking.</p>
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="paynone-card-six max-w-307 payone-card tw-px-8 py-80 bg-warning-500 rounded-4 margin-inline-start-100px margin-block-start--200px" data-aos="fade-up" data-aos-duration="800">
                    <div class="max-w-212 text-center justify-content-center align-items-center mx-auto">
                        <h4 class="fw-normal text-dark-600 tw-mb-6 cursor-big">Cost-Effective Monitoring</h4>
                        <p class="fw-normal tw-text-xl text-dark-600">Affordable tracking with no hidden fees for seamless oversight.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ============= Tracklet Section End ==================== -->

<!-- ================= Our Services Section Start ==================== -->
<section class="py-140 z-1 overflow-hidden">
    <div class="container">
        <div class="d-flex align-items-center tw-gap-3 justify-content-between flex-wrap tw-mb-80-px">
            <div class="max-w-570">
                <div class="d-flex align-items-center tw-gap-1 tw-mb-3" data-aos="fade-up" data-aos-duration="600">
                    <span class="">
                        <img src="assets/images/icon/star-icon2.png" alt="Image" class="">
                    </span>
                    <h5 class="text-primary-600 fw-normal">Our Services</h5>
                </div>
                <h2 class="fw-normal h1 cursor-big" data-aos="fade-up" data-aos-duration="800">Advanced Tracking for Financial Control</h2>
            </div>
            <div class="max-w-370">
                <p class="fw-normal text-dark-500 tw-text-lg tw-mb-8" data-aos="fade-up" data-aos-duration="1000">Leverage cutting-edge tools to monitor payments, ensure transparency, and maintain control.</p>
                <div class="position-relative max-w-160-px w-100" data-aos="fade-up" data-aos-duration="1200"> 
                    <a href="our-services-other.html" class="our-serbices-item-link fw-semibold tw-text-lg text-dark-700 tw-py-205 bg-main-600 w-100 text-center rounded-3 hover-text-dark-600 tw-duration-500">ALL SERVICES</a>
                </div>
            </div>
        </div>

        <div class="row gy-4">
            <div class="col-xl-3 col-lg-4 col-md-6">
                <div class="our-services-card position-relative group" data-aos="fade-up" data-aos-duration="800">
                    <span class="circle-shape position-absolute tw-transition-03-secend inset-inline-end-0px inset-block-start-0px tw-w-72px tw-h-72-px bg-white rounded-circle"></span>
                    <button type="button" class="group-hover-bg-main-600 tw-transition-03-secend our-services-button w-16 h-16 bg-neutral-10 rounded-circle tw-text-8 text-dark-600 d-flex align-items-center justify-content-center position-absolute inset-block-start-0px inset-inline-end-0px">
                        <i class="ph-bold ph-arrow-up-right"></i>
                    </button> 
                    <div class="tw-px-8 tw-py-8 group-hover-bg-base-two-600 tw-transition-03-secend rounded-3">
                        <span class="group-hover-bg-main-600 tw-transition-03-secend group-hover-text-dark-600 our-services-bank w-15 h-15 bg-base-two-600 rounded-3 tw-text-805 text-white align-items-center justify-content-center d-flex tw-mb-10">
                            <img src="assets/images/icon/services-icon-img4.png" alt="Image" class="text-white">
                        </span>
                        <div class="max-w-242">
                            <h4 class="group-hover-text-white tw-transition-03-secend our-services-title fw-normal text-dark-700 tw-mb-3 cursor-big">Payment Status Updates</h4>
                            <p class="group-hover-text-white tw-transition-03-secend our-services-text text-dark-500 fw-normal tw-text-4">Get instant updates on payment statuses anytime, anywhere with ease.</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-3 col-lg-4 col-md-6">
                <div class="our-services-card position-relative group" data-aos="fade-up" data-aos-duration="1000">
                    <span class="circle-shape position-absolute tw-transition-03-secend inset-inline-end-0px inset-block-start-0px tw-w-72px tw-h-72-px bg-white rounded-circle"></span>
                    <button type="button" class="group-hover-bg-main-600 tw-transition-03-secend our-services-button w-16 h-16 bg-neutral-10 rounded-circle tw-text-8 text-dark-600 d-flex align-items-center justify-content-center position-absolute inset-block-start-0px inset-inline-end-0px">
                        <i class="ph-bold ph-arrow-up-right"></i>
                    </button> 
                    <div class="tw-px-8 tw-py-8 group-hover-bg-base-two-600 tw-transition-03-secend rounded-3">
                        <span class="group-hover-bg-main-600 tw-transition-03-secend group-hover-text-dark-600 our-services-bank w-15 h-15 bg-base-two-600 rounded-3 tw-text-805 text-white align-items-center justify-content-center d-flex tw-mb-10">
                            <img src="assets/images/icon/services-icon-img1.png" alt="Image" class="text-white">
                        </span>
                        <div class="max-w-242">
                            <h4 class="group-hover-text-white tw-transition-03-secend our-services-title fw-normal text-dark-700 tw-mb-3 cursor-big">Transaction History</h4>
                            <p class="group-hover-text-white tw-transition-03-secend our-services-text text-dark-500 fw-normal tw-text-4">Access detailed logs of all your transactions for easy monitoring.</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-3 col-lg-4 col-md-6">
                <div class="our-services-card position-relative group" data-aos="fade-up" data-aos-duration="1200">
                    <span class="circle-shape position-absolute tw-transition-03-secend inset-inline-end-0px inset-block-start-0px tw-w-72px tw-h-72-px bg-white rounded-circle"></span>
                    <button type="button" class="group-hover-bg-main-600 tw-transition-03-secend our-services-button w-16 h-16 bg-neutral-10 rounded-circle tw-text-8 text-dark-600 d-flex align-items-center justify-content-center position-absolute inset-block-start-0px inset-inline-end-0px">
                        <i class="ph-bold ph-arrow-up-right"></i>
                    </button> 
                    <div class="tw-px-8 tw-py-8 group-hover-bg-base-two-600 tw-transition-03-secend rounded-3">
                        <span class="group-hover-bg-main-600 tw-transition-03-secend group-hover-text-dark-600 our-services-bank w-15 h-15 bg-base-two-600 rounded-3 tw-text-805 text-white align-items-center justify-content-center d-flex tw-mb-10">
                            <img src="assets/images/icon/services-icon-img2.png" alt="Image" class="text-white">
                        </span>
                        <div class="max-w-242">
                            <h4 class="group-hover-text-white tw-transition-03-secend our-services-title fw-normal text-dark-700 tw-mb-3 cursor-big">Global Payment Tracking</h4>
                            <p class="group-hover-text-white tw-transition-03-secend our-services-text text-dark-500 fw-normal tw-text-4">Track international payments with real-time updates and insights.</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-3 col-lg-4 col-md-6">
                <div class="our-services-card position-relative group" data-aos="fade-up" data-aos-duration="1400">
                    <span class="circle-shape position-absolute tw-transition-03-secend inset-inline-end-0px inset-block-start-0px tw-w-72px tw-h-72-px bg-white rounded-circle"></span>
                    <button type="button" class="group-hover-bg-main-600 tw-transition-03-secend our-services-button w-16 h-16 bg-neutral-10 rounded-circle tw-text-8 text-dark-600 d-flex align-items-center justify-content-center position-absolute inset-block-start-0px inset-inline-end-0px">
                        <i class="ph-bold ph-arrow-up-right"></i>
                    </button> 
                    <div class="tw-px-8 tw-py-8 group-hover-bg-base-two-600 tw-transition-03-secend rounded-3">
                        <span class="group-hover-bg-main-600 tw-transition-03-secend group-hover-text-dark-600 our-services-bank w-15 h-15 bg-base-two-600 rounded-3 tw-text-805 text-white align-items-center justify-content-center d-flex tw-mb-10">
                            <img src="assets/images/icon/services-icon-img3.png" alt="Image" class="text-white">
                        </span>
                        <div class="max-w-242">
                            <h4 class="group-hover-text-white tw-transition-03-secend our-services-title fw-normal text-dark-700 tw-mb-3 cursor-big">Custom Alerts</h4>
                            <p class="group-hover-text-white tw-transition-03-secend our-services-text text-dark-500 fw-normal tw-text-4">Set personalized alerts for specific transaction events or thresholds.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ================= Our Services Section End ==================== -->

<div class="h-455px bg-base-two-600"></div>

<!-- ================== Working Section Start ===================== -->
<section class="py-140 z-1 bg-neutral-10 margin-top--311px overflow-hidden">
    <div class="container">
        <div class="pt-311px">
            <div class="max-w-856 mx-auto justify-content-center overflow-hidden">
                <div class="tw-mb-80-px mx-auto text-center align-items-center justify-content-center">
                    <h3 class="fw-normal tw-mb-3 cursor-big" data-aos="fade-up" data-aos-duration="800">Effortless Payment Tracking</h3>
                    <p class="tw-text-lg text-dark-500 fw-normal" data-aos="fade-up" data-aos-duration="1000">The simplest way to monitor your payments with real-time updates and full transparency.</p>
                </div>
                <div class="position-relative overflow-hidden">
                    <span class="fast-safe border-neutral-100 position-absolute top-0 start-50 w-05 h-100 d-lg-block d-none"></span>

                    <div class="working-process max-w-580 d-flex align-items-center tw-gap-16 tw-ms-auto pb-120 flex-wrap" data-aos="fade-up" data-aos-duration="1000">
                        <span class="tw-w-100px tw-h-100-px bg-base-two-10 tw-text-15 rounded-circle d-flex align-items-center justify-content-center text-base-two-600 flex-shrink-0"> 
                            <i class="ph-fill ph-user-circle"></i>
                        </span>
                        <div class="max-w-400 tw-px-10">
                            <span class="fw-bold tw-text-lg text-primary-600 tw-mb-3">STEP_01</span>
                            <h4 class="fw-normal tw-mb-3 cursor-big">Create an Account</h4>
                            <p class="fw-normal tw-text-lg text-dark-500">Sign up with your email or phone number. Verify your identity to secure your account.</p>
                        </div>
                    </div>

                    <div class="working-process max-w-580 d-flex align-items-center tw-gap-16 text-end pb-120 flex-wrap" data-aos="fade-up" data-aos-duration="1000">
                        <div class="max-w-400 tw-px-10 working-process__text">
                            <span class="fw-bold tw-text-lg text-primary-600 tw-mb-3">STEP_02</span>
                            <h4 class="fw-normal tw-mb-3 cursor-big">Link Payment Method</h4>
                            <p class="fw-normal tw-text-lg text-dark-500">Connect your bank account, card, or wallet to start tracking payments instantly.</p>
                        </div>
                        <span class="payment-method tw-w-100px tw-h-100-px bg-base-two-10 tw-text-15 rounded-circle d-flex align-items-center justify-content-center text-base-two-600 flex-shrink-0"> 
                            <i class="ph-fill ph-cardholder"></i>
                        </span>
                    </div>

                    <div class="working-process max-w-580 d-flex align-items-center tw-gap-16 pb-120 flex-wrap tw-ms-auto" data-aos="fade-up" data-aos-duration="1000">
                        <span class="tw-w-100px tw-h-100-px bg-base-two-10 tw-text-13 rounded-circle d-flex align-items-center justify-content-center text-base-two-600 flex-shrink-0 transform-scale-09"> 
                            <i class="ph-fill ph-navigation-arrow"></i>
                        </span>
                        <div class="max-w-400 tw-px-10">
                            <span class="fw-bold tw-text-lg text-primary-600 tw-mb-3">STEP_03</span>
                            <h4 class="fw-normal tw-mb-3 cursor-big">Track Transactions</h4>
                            <p class="fw-normal tw-text-lg text-dark-500">Monitor payment statuses in real-time with a few clicks.</p>
                        </div>
                    </div>

                    <div class="working-process max-w-580 d-flex align-items-center tw-gap-16 text-end flex-wrap" data-aos="fade-up" data-aos-duration="1000">
                        <div class="max-w-400 tw-px-10 working-process__text">
                            <span class="fw-bold tw-text-lg text-primary-600 tw-mb-3">STEP_04</span>
                            <h4 class="fw-normal tw-mb-3 cursor-big">Receive Updates</h4>
                            <p class="fw-normal tw-text-lg text-dark-500">Get instant notifications and detailed reports for every transaction.</p>
                        </div>
                        <span class="payment-method tw-w-100px tw-h-100-px bg-base-two-10 tw-text-15 rounded-circle d-flex align-items-center justify-content-center text-base-two-600 flex-shrink-0"> 
                            <i class="ph-fill ph-map-pin"></i>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ================== Working Section End ===================== -->

<!-- ==================== Footer Section Start Here ==================== -->
<footer class="tw-pt-250px bg-dark-600 z-1 overflow-hidden">
    <div class="container">
        <div class="tw-mb-80-px">
            <div class="row gy-5">
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="max-w-306" data-aos="fade-up" data-aos-duration="600">
                        <a href="index.html">
                            <img src="assets/images/logo/logo.png" alt="Image" class="tw-mb-6">
                        </a>
                        <p class="fw-normal tw-text-lg text-neutral-10 tw-mb-8">Swiftpay-Tracker provides the tools you need to monitor payments with ease. Join us today for seamless tracking.</p>
                        <ul class="d-flex align-items-center tw-gap-5">
                            <li>
                                <a href="https://www.facebook.com">
                                    <img src="assets/images/icon/footer-facebook-logo.png" alt="Image">
                                </a>
                            </li>
                            <li>
                                <a href="https://medium.com">
                                    <img src="assets/images/icon/footer-medium-logo.png" alt="Image">
                                </a>
                            </li>
                            <li>
                                <a href="https://youtube.com">
                                    <img src="assets/images/icon/footer-youtube-logo.png" alt="Image">
                                </a>
                            </li>
                            <li>
                                <a href="https://x.com/i/flow/login">
                                    <img src="assets/images/icon/footer-twitter-logo.png" alt="Image">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
    
                <div class="col-lg-2 col-md-4 col-sm-6">
                    <div data-aos="fade-up" data-aos-duration="800">
                        <h4 class="text-white fw-normal tw-mb-10 cursor-big">Quick Links</h4>
                        <ul>
                            <li class="tw-mb-4">
                                <a href="about-us-other.html" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">About Us</a>
                            </li>
                            <li class="tw-mb-4">
                                <a href="track-payment.html" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">Track Payment</a>
                            </li>
                            <li class="tw-mb-4">
                                <a href="faq-other.html" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">FAQs</a>
                            </li>
                            <li class="tw-mb-4">
                                <a href="contact-us-other.html" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">Contact Us</a>
                            </li>
                        </ul>
                    </div>
                </div>
    
                <div class="col-lg-2 col-md-4 col-sm-6">
                    <div data-aos="fade-up" data-aos-duration="1000">
                        <h4 class="text-white fw-normal tw-mb-10 cursor-big">Our Services</h4>
                        <ul>
                            <li class="tw-mb-4">
                                <a href="track-payment.html" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">Payment Tracking</a>
                            </li>
                            <li class="tw-mb-4">
                                <a href="javascript:void(0)" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">Transaction History</a>
                            </li>
                            <li class="tw-mb-4">
                                <a href="javascript:void(0)" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">Real-Time Alerts</a>
                            </li>
                            <li class="tw-mb-4">
                                <a href="javascript:void(0)" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">Global Monitoring</a>
                            </li>
                        </ul>
                    </div>
                </div>
    
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div class="max-w-306" data-aos="fade-up" data-aos-duration="1200">
                        <h4 class="text-white fw-normal tw-mb-10 cursor-big">Contact Us</h4>
                        <p class="fw-normal tw-text-lg text-neutral-10 tw-mb-705">3891 Ranchview Dr. Richardson, California 62639</p>
                        <h5 class="fw-bold text-neutral-10 tw-mb-3 cursor-big">(702) 555-0122</h5>
                        <span class="tw-text-lg fw-normal text-neutral-10">support@swiftpay-tracker.online</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- ================ Bottom Footer Section Start ====================== -->
        <div class="tw-mb-10 border-top-dark-500 tw-pt-6">
            <div class="d-flex align-items-center justify-content-between tw-gap-4 flex-wrap">
                <p class="fw-semibold tw-text-lg text-white">Copyright @ 2026 Swiftpay-Tracker</p>
                
            </div>
        </div>
        <!-- ================ Bottom Footer Section End ====================== -->
    </div>
</footer>
<!-- ==================== Footer Section End Here ==================== -->

    <!-- Jquery js -->
    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <!-- phosphor Js -->
    <script src="assets/js/phosphor-icon.js"></script>
    <!-- Bootstrap Bundle Js -->
    <script src="assets/js/boostrap.bundle.min.js"></script>
    <!-- GSAP js -->
    <script src="assets/js/gsap.min.js"></script>
    <!-- SplitText -->
    <script src="assets/js/SplitText.min.js"></script>
    <!-- Scroll Trigger -->
    <script src="assets/js/swiper-bundle.min.js"></script>
    <!-- marquee js -->
    <script src="assets/js/marquee-main.js"></script>
    <!-- swper slider -->
    <script src="assets/js/ScrollTrigger.min.js"></script>
    <!-- ScrollSmoother -->
    <script src="assets/js/ScrollSmoother.min.js"></script>
    <!-- aos animation -->
    <script src="assets/js/aos-animation.js"></script>
    <!-- counter up -->
    <script src="assets/js/counter-up.main.js"></script>
    <!-- custom GSAP -->
    <script src="assets/js/custom-gsap.js"></script>
    <!-- magnific popup -->
    <script src="assets/js/magific-popup.js"></script>
    <!-- main js -->
    <script src="assets/js/main.js"></script>
</body>
</html>
Back to Directory=ceiIENDB`