@extends('layouts.app')

@section('title', 'index-4')

@section('content')

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="PayOne HTML Template">
    <meta name="keywords" content="PayOne HTML Template">
    <meta name="robots" content="INDEX,FOLLOW">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Title -->
    <title> PayOne money exchange HTML Template</title>
    <!-- Favicon -->
     <link rel="shortcut icon" \1="{{ asset(\'assets/images/logo/favicon.png">
    <!-- slider -->
    <link rel="stylesheet" \1="{{ asset(\'assets/css/swiper-bundle.min.css') }}">
    <!-- magnfic popup -->
    <link rel="stylesheet" \1="{{ asset(\'assets/css/magnific-popup.css') }}">
    <!-- aos animation -->
    <link rel="stylesheet" \1="{{ asset(\'assets/css/aos-animation.css') }}">
    <!-- Bootstrap -->
    <link rel="stylesheet" \1="{{ asset(\'assets/css/bootstrap.min.css') }}">
    <!-- Main css -->
    <link rel="stylesheet" \1="{{ asset(\'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 \1="{{ asset(\'assets/images/icon/preloder-img1.png" alt="Img" class="tw-w-8">
      <div class="preloder__exchange__img w-100 h-100">
        <img \1="{{ asset(\'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 \1="{{ asset(\'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 has-submenu position-relative activePage">
        <a href="javascript:void(0)" class="nav-menu__link tw-pe-5 text-white tw-py-9 fw-semibold w-100">HOME</a>
        <ul class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-p-2 tw-mt-4 tw-duration-200 tw-z-99">
            <li class="nav-menu__item activePage">
                <a href="index.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100"> Home One</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="index-2.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100"> Home Two</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="index-3.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100"> Home Three</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="index-4.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100"> Home Four</a>
            </li>
        </ul>
    </li>
    <li class="nav-menu__item has-submenu position-relative">
        <a href="javascript:void(0)" class="nav-menu__link tw-pe-5 tw-py-9 text-white fw-semibold w-100">BLOG</a>
         <ul class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-p-2 tw-mt-4 tw-duration-200 tw-z-99">
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="blog-details.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Blog Details</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="blog-grid.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Blog Grid</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="blog-list.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Blog List</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="blog-standerd.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Blog Standerd</a>
            </li>
        </ul>
    </li>
    <li class="nav-menu__item has-submenu position-relative">
        <a href="javascript:void(0)" class="nav-menu__link tw-pe-5 tw-py-9 text-white fw-semibold w-100">Dashboard</a>
         <ul class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-p-2 tw-mt-4 tw-duration-200 tw-z-99">
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="dashboard.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Dashboard</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="transactions.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Transaction</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="send-money.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Send Money</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="request-money.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Request Money</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="deposit-money.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Deposit Money</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="withdraw-money.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Withdraw Money</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="notifications.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Notifications</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="my-profile.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Account</a>
            </li>
        </ul>
    </li>
    <li class="nav-menu__item has-submenu position-relative">
        <a href="javascript:void(0)" class="nav-menu__link tw-pe-5 tw-py-9 text-white fw-semibold w-100">ABOUT</a>
         <ul class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-p-2 tw-mt-4 tw-duration-200 tw-z-99">
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="about-us-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">About Us</a>
            </li>
        </ul>
    </li>
    <li class="nav-menu__item has-submenu position-relative">
        <a href="javascript:void(0)" class="nav-menu__link tw-pe-5 tw-py-9 text-white fw-semibold w-100">PAGES</a>
         <ul class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-p-2 tw-mt-4 tw-duration-200 tw-z-99">
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="fees-others.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Fees</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="our-services-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Our Services</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="services-details-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Services Details</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="our-team-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Our Team</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="pricing-plan-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Pricing Plan</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="faq-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">FAQ</a>
            </li>  
        </ul>
    </li>
    <li class="nav-menu__item">
        <a href="contact-us-other.html" class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white">CONTACT</a>
    </li>
</ul>
<!-- Nav menu End  -->

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


<!-- ============ Top Header Section Start ================== -->
<div class="bg-warning-500 py-3 z-1 ">
    <div class="container max-w-1640">
        <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-medium">
                            <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-medium d-flex">
                            <i class="ph-bold ph-envelope-simple"></i>
                        </span>
                        <span class="text-dark-600 fw-semibold">paynone@gmail.com</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 transition-all bg-white header-three tw-start-0 w-100 tw-z-9">
    <div class="container  max-w-1640">
        <nav class="d-flex align-items-center justify-content-between">
            <!-- Logo Start -->
            <div class="logo">
                <a href="index.html" class="link">
                    <img \1="{{ asset(\'assets/images/logo/logo2.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 has-submenu__three position-relative activePage">
        <a href="javascript:void(0)" class="nav-menu__link tw-pe-5 text-heading tw-py-9 fw-semibold text-dark-600 w-100">HOME</a>
        <ul class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-p-2 tw-mt-4 tw-duration-200 tw-z-99">
            <li class="nav-menu__item activePage">
                <a href="index.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold text-dark-600 w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100"> Home One</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="index-2.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold text-dark-600 w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100"> Home Two</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="index-3.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold text-dark-600 w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100"> Home Three</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="index-4.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold text-dark-600 w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100"> Home Four</a>
            </li>
        </ul>
    </li>
    <li class="nav-menu__item has-submenu__three position-relative">
        <a href="javascript:void(0)" class="nav-menu__link tw-pe-5 tw-py-9 text-dark-600 fw-semibold text-dark-600 w-100">BLOG</a>
        <ul class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-p-2 tw-mt-4 tw-duration-200 tw-z-99">
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="blog-details.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Blog Details</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="blog-grid.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Blog Grid</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="blog-list.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Blog List</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="blog-standerd.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Blog Standerd</a>
            </li>
        </ul>
    </li>
    <li class="nav-menu__item has-submenu__three position-relative">
        <a href="javascript:void(0)" class="nav-menu__link tw-pe-5 tw-py-9 text-dark-600 fw-semibold text-dark-600 w-100">Dahboard</a>
         <ul class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-p-2 tw-mt-4 tw-duration-200 tw-z-99">
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="dashboard.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Dashboard</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="transactions.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Transaction</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="send-money.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Send Money</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="request-money.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Request Money</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="deposit-money.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Deposit Money</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="withdraw-money.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Withdraw Money</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="notifications.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Notifications</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="my-profile.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Account</a>
            </li>
        </ul>
    </li>
    <li class="nav-menu__item has-submenu__three position-relative">
        <a href="javascript:void(0)" class="nav-menu__link tw-pe-5 tw-py-9 text-dark-600 fw-semibold text-dark-600 w-100">ABOUT</a>
         <ul class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-p-2 tw-mt-4 tw-duration-200 tw-z-99">
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="about-us-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">About Us</a>
            </li>
        </ul>
    </li>
    <li class="nav-menu__item has-submenu__three position-relative">
        <a href="javascript:void(0)" class="nav-menu__link tw-pe-5 tw-py-9 text-dark-600 fw-semibold text-dark-600 w-100">PAGES</a>
        <ul class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-p-2 tw-mt-4 tw-duration-200 tw-z-99">
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="fees-others.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Fees</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="our-services-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Our Services</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="services-details-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Services Details</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="our-team-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Our Team</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="pricing-plan-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Pricing Plan</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="faq-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">FAQ</a>
            </li>
            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                <a href="404.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Go Back</a>
            </li>   
        </ul>
    </li>
    <li class="nav-menu__item">
        <a href="contact-us-other.html" class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-dark-600">CONTACT</a>
    </li>
</ul>
<!-- Nav menu End  -->

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

            <!-- Header Right start -->
            <div class="d-flex align-items-center tw-gap-3">
                <div class="d-sm-block d-none">
                    <div class="d-flex align-items-center tw-gap-605 flex-wrap ">
                        <a href="log-in.html" class="text-dark-600 fw-semibold tw-text-lg hover-text hover-text-main-600 tw-duration-500">LOGIN</a>
                        <div class="position-relative z-1">
                            <a href="sign-up.html" class="header-three-item-link text-dark-600 fw-semibold tw-text-lg tw-px-4 tw-py-2 bg-main-600 border-two-px-solid rounded-2 text-dark-600 ">SIGN IN</a>
                        </div>
                    </div>
                </div>
                <button type="button" class="toggle-mobileMenu leading-none d-lg-none ms-3 text-dark-600 tw-text-9"> 
                    <i class="ph ph-list"></i>
                </button>
            </div>
            <!-- Header Right End  -->
        </nav>
    </div>
</header>
<!-- ==================== Header End Here ==================== -->


<!-- ======================= banner four section start ======================= -->
 <section class="pt-140 position-relative">
    <img \1="{{ asset(\'assets/images/shape/my-profile-shape-2.png" alt="" class="position-absolute bottom-0 tw-end-0 z-1">
    <div class="container max-w-1640">
        <div class="d-flex tw-gap-5">
            <div class="max-w-667 w-100">
                <div class="d-flex align-items-center tw-gap-1 tw-mb-3" data-aos="fade-up" data-aos-duration="600">
                    <img \1="{{ asset(\'assets/images/icon/star-icon3.png" alt="">
                    <h5 class="text-base-two-600 fw-normal ">Banking Platform</h5>
                </div>
                <h2 class="fw-normal tw-text-52-px tw-mb-2 cursor-big" data-aos="fade-up" data-aos-duration="800">Secure & Seamless Global Money Transfers</h2>
                <p class="fw-normal text-dark-500 tw-text-405 tw-mb-8" data-aos="fade-up" data-aos-duration="900">A modern payment platform built to handle secure, fast, and reliable digital transactions worldwide with ease.</p>
                <div class="d-flex align-items-center tw-gap-6 tw-mb-8 flex-wrap" data-aos="fade-up" data-aos-duration="1000">
                    <div class="position-relative max-w-160-px w-100">
                        <a href="javascript:void(0)" class="banner-four-link text-dark-700 tw-py-205 bg-main-600 border-two-px-solid w-100 text-center tw-rounded-md fw-semibold tw-text-405 hover-text-dark-700">
                            GET STARTED
                        </a>
                    </div>
                    <div class="position-relative max-w-130-px w-100">
                        <a href="about-us-other.html" class="banner-four-link text-dark-700 tw-py-205 bg-warning-500 border-two-px-solid w-100 text-center tw-rounded-md fw-semibold tw-text-405 hover-text-dark-700">
                            ABOUT US
                        </a>
                    </div>
                </div>
                <div class="d-flex align-items-center tw-gap-4 flex-wrap tw-mb-12" data-aos="fade-up" data-aos-duration="1100">
                    <div class="d-flex align-items-center tw-gap-1">
                        <span class="text-dark-600 tw-text-4">
                            <i class="ph ph-check-circle"></i>
                        </span>
                        <span class="tw-text-4 text-dark-600">
                            No credit card required
                        </span>
                    </div>
                    <div class="d-flex align-items-center tw-gap-1">
                        <span class="text-dark-600 tw-text-4">
                            <i class="ph ph-check-circle"></i>
                        </span>
                        <span class="tw-text-4 text-dark-600">
                           Trusted 100+ Countries
                        </span>
                    </div>
                    <div class="d-flex align-items-center tw-gap-1">
                        <span class="text-dark-600 tw-text-4">
                            <i class="ph ph-check-circle"></i>
                        </span>
                        <span class="tw-text-4 text-dark-600">
                           24/7 Online Support
                        </span>
                    </div>
                </div>
                <div class="d-flex align-items-center tw-gap-3 flex-wrap" data-aos="fade-up" data-aos-duration="1200">
                    <div class="d-flex ">
                        <img \1="{{ asset(\'assets/images/thumbs/banner-img4.png" alt="img" class="">
                        <img \1="{{ asset(\'assets/images/thumbs/banner-img3.png" alt="img" class="tw-ml--14-px">
                        <img \1="{{ asset(\'assets/images/thumbs/banner-img2.png" alt="img" class="tw-ml--14-px">
                    </div>
                    <div>
                        <h5 class="fw-normal counter">20.8k+</h5>
                        <span class="fw-normal tw-text-5 text-dark-600">Over Review</span>
                    </div>
                </div>
            </div>
            <div class="z-1 d-lg-block d-none" data-aos="fade-up" data-aos-duration="1500">
                <img \1="{{ asset(\'assets/images/thumbs/banner-four-img1.png" alt="img">
            </div>
        </div>
    </div>
    <div class="banner-four-clip-path bg-base-two-600 tw-h-558-px tw-mt--352px"></div>
 </section>
<!-- ======================= banner four section end ======================= -->


<section class="tw-mt--138px z-1 tw-mb-15">
    <div class="container">
        <div class="bg-white tw-rounded-lg tw-px-8 tw-py-8 tw-box-shadow-banner-four">
            <div class="banner-four__text tw-gap-5">
                <div class="w-100 h-100">
                    <div class="tw-py-12 tw-px-4 tw-rounded-lg bg-neutral-10 text-center hover-bg-main-600 tw-duration-300">
                        <h2 class="h1 tw-mb-3 counter">140 K</h2>
                        <span class="fw-normal tw-text-5 text-dark-600">Active Users</span>
                    </div>
                </div>
                <div class="w-100 h-100">
                    <div class="tw-py-12 tw-px-4 tw-rounded-lg bg-neutral-10 text-center hover-bg-main-600 tw-duration-300">
                        <h2 class="h1 tw-mb-3 counter">15 +</h2>
                        <span class="fw-normal tw-text-5 text-dark-600">Years Of Experience</span>
                    </div>
                </div>
                <div class="w-100 h-100">
                    <div class="tw-py-12 tw-px-4 tw-rounded-lg bg-neutral-10 text-center hover-bg-main-600 tw-duration-300">
                        <h2 class="h1 tw-mb-3 counter">14 K</h2>
                        <span class="fw-normal tw-text-5 text-dark-600">User Downloads</span>
                    </div>
                </div>
                <div class="w-100 h-100">
                    <div class="tw-py-12 tw-px-4 tw-rounded-lg bg-neutral-10 text-center hover-bg-main-600 tw-duration-300">
                        <h2 class="h1 tw-mb-3 counter">18 K+</h2>
                        <span class="fw-normal tw-text-5 text-dark-600">User Reviews</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<!-- ======================= brand slider sction start ======================= -->
 <section class="pt-80 pb-140">
    <div class="container">
        <h4 class="fw-normal text-center tw-mb-15" data-aos="fade-up" data-aos-duration="600">Trusted by 152,000+ customers worldwide</h4>

        <!-- Swiper -->
        <div class="swiper brand-four__slider">
            <div class="swiper-wrapper d-flex">
                <div class="swiper-slide grayscale hover-grayscale tw-duration-300">
                    <img \1="{{ asset(\'assets/images/thumbs/brand-four-img1.png" alt="">
                </div>
                <div class="swiper-slide grayscale hover-grayscale tw-duration-300">
                    <img \1="{{ asset(\'assets/images/thumbs/brand-four-img1.png" alt="">
                </div>
                <div class="swiper-slide grayscale hover-grayscale tw-duration-300">
                    <img \1="{{ asset(\'assets/images/thumbs/brand-four-img1.png" alt="">
                </div>
                <div class="swiper-slide grayscale hover-grayscale tw-duration-300">
                    <img \1="{{ asset(\'assets/images/thumbs/brand-four-img1.png" alt="">
                </div>
                <div class="swiper-slide grayscale hover-grayscale tw-duration-300">
                    <img \1="{{ asset(\'assets/images/thumbs/brand-four-img1.png" alt="">
                </div>
                <div class="swiper-slide grayscale hover-grayscale tw-duration-300">
                    <img \1="{{ asset(\'assets/images/thumbs/brand-four-img1.png" alt="">
                </div>
            </div>
        </div>
    </div>
 </section>
<!-- ======================= brand slider sction end ======================= -->

<!-- ========================== Global Payments Section Start ========================== -->
<section class="py-140 bg-neutral-10 overflow-hidden">
    <div class="container">
        <div class="text-center tw-mb-80-px">
            <div class="d-flex align-items-center justify-content-center tw-gap-1 tw-mb-3" data-aos="fade-up" data-aos-duration="600">
                <img \1="{{ asset(\'assets/images/icon/star-icon2.png" alt="Image">
                <h5 class="fw-normal text-primary-600">What we do</h5>
            </div>
            <h2 class="fw-normal text-dark-600 tw-mb-3 cursor-big" data-aos="fade-up" data-aos-duration="800">Powerful solutions engineered <br> for global payments</h2>
            <p class="fw-normal tw-text-lg text-dark-500" data-aos="fade-up" data-aos-duration="1000">The way we handle money is evolving, and we’re here to lead the change.</p>
        </div>

        <div class="row gy-4">
            
            <div class="col-lg-3 col-md-5">

                <div class="group group-item tw-mb-10 animation-item" data-aos="fade-up" data-aos-duration="600">
                    <div class="tw-px-6 tw-py-6 rounded-3 border-bottom-black-2px group-hover-bg-base-two-600 tw-duration-400">
                        <span class="tw-w-72px tw-h-72-px bg-base-two-600 rounded-circle d-flex align-items-center justify-content-center tw-mb-10 group-hover-bg-main-600 tw-duration-400">
                            <img \1="{{ asset(\'assets/images/icon/global-payments-icon1.png" alt="Image" class="animate__wobble group-hover-item-text-invert-black tw-duration-400">
                        </span>
                        <h5 class="fw-normal text-dark-600 tw-mb-2 group-hover-text-white tw-duration-400">For Personal</h5>
                        <p class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-400">Say goodbye to delays. Enjoy real-time transfers and instant payments with just a tap.</p>
                    </div>
                </div>

                <div class="group group-item animation-item" data-aos="fade-up" data-aos-duration="800">
                    <div class="tw-px-6 tw-py-6 rounded-3 border-bottom-black-2px group-hover-bg-base-two-600 tw-duration-400">
                        <span class="tw-w-72px tw-h-72-px bg-base-two-600 rounded-circle d-flex align-items-center justify-content-center tw-mb-10 group-hover-bg-main-600 tw-duration-400">
                            <img \1="{{ asset(\'assets/images/icon/global-payments-icon2.png" alt="Image" class="animate__wobble group-hover-item-text-invert-black tw-duration-400">
                        </span>
                        <h5 class="fw-normal text-dark-600 tw-mb-2 group-hover-text-white tw-duration-400">Education Loan</h5>
                        <p class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-400">Pay in multiple currencies and send money worldwide with ease.</p>
                    </div>
                </div>

            </div>

            <div class="col-lg-6 col-md-7">
                <div class="d-flex justify-content-center w-100 h-100 object-fit-cover" data-aos="zoom-in" data-aos-duration="1500">
                    <img \1="{{ asset(\'assets/images/thumbs/global-payments-img1.png" alt="Image">
                </div>
            </div>

            <div class="col-lg-3">

                <div class="group group-item tw-mb-10 animation-item"  data-aos="fade-up" data-aos-duration="1000">
                    <div class="tw-px-6 tw-py-6 rounded-3 border-bottom-black-2px group-hover-bg-base-two-600 tw-duration-400">
                        <span class="tw-w-72px tw-h-72-px bg-base-two-600 rounded-circle d-flex align-items-center justify-content-center tw-mb-10 group-hover-bg-main-600 tw-duration-400">
                            <img \1="{{ asset(\'assets/images/icon/global-payments-icon3.png" alt="Image" class="animate__wobble group-hover-item-text-invert-black tw-duration-400">
                        </span>
                        <h5 class="fw-normal text-dark-600 tw-mb-2 group-hover-text-white tw-duration-400">For Business</h5>
                        <p class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-400">Advanced encryption and fraud protection keep your funds and data safe at all times.</p>
                    </div>
                </div>

                <div class="group group-item animation-item" data-aos="fade-up" data-aos-duration="1200">
                    <div class="tw-px-6 tw-py-6 rounded-3 border-bottom-black-2px group-hover-bg-base-two-600 tw-duration-400">
                        <span class="tw-w-72px tw-h-72-px bg-base-two-600 rounded-circle d-flex align-items-center justify-content-center tw-mb-10 group-hover-bg-main-600 tw-duration-400">
                            <img \1="{{ asset(\'assets/images/icon/global-payments-icon4.png" alt="Image" class="animate__wobble group-hover-item-text-invert-black tw-duration-400">
                        </span>
                        <h5 class="fw-normal text-dark-600 tw-mb-2 group-hover-text-white tw-duration-400">Private Loan</h5>
                        <p class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-400">Track expenses, set budgets, & manage your money effortlessly within the app.</p>
                    </div>
                </div>

            </div>

        </div>

    </div>
</section>
<!-- ========================== Global Payments Section End ========================== -->

<!-- ======================== our feature four section start ========================= -->
 <section class="py-140 bg-white">
    <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-px" >
                <div class="d-flex align-items-center tw-gap-1 tw-mb-3" data-aos="fade-up" data-aos-duration="600">
                    <img \1="{{ asset(\'assets/images/icon/star-icon2.png" alt="">
                    <h5 class="fw-normal text-primary-600">Our Features</h5>
                </div>
                <h2  class="fw-normal cursor-big" data-aos="fade-up" data-aos-duration="800">Robust Solutions Built for Global Transactions</h2>
            </div>
            <div class="max-w-418-px">
                <p class="fw-normal tw-text-405 text-dark-500" data-aos="fade-up" data-aos-duration="1000">Discover a smart, secure, and seamless solution to manage and simplify all your payment transactions effortlessly</p>
            </div>
        </div>
        <div class="row gy-4">
            <div class="col-lg-4 col-md-6">
                <div class="group animation-item" data-aos="fade-up" data-aos-duration="600">
                    <div class="tw-px-10 tw-py-8 tw-rounded-xl text-center group-hover-bg-neutral-10 tw-duration-300 group-hover-border-base-two-600 tw-transition-all">
                        <span class="tw-w-72-px tw-h-72-px bg-neutral-10 rounded-circle border-neutral-50 border tw-mb-6 group-hover-bg-white tw-duration-300 d-flex align-items-center justify-content-center mx-auto">
                            <img \1="{{ asset(\'assets/images/icon/our-features-four-icon1.png" alt="" class="animate__heartBeat">
                        </span>
                        <h5 class="fw-normal tw-mb-2">Ecommerce Integrations</h5>
                            <p class="fw-normal tw-text-405 text-dark-500">Enables businesses to effortlessly integrate their store with popular tools and platforms.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="group animation-item" data-aos="fade-up" data-aos-duration="800">
                    <div class="tw-px-10 tw-py-8 tw-rounded-xl text-center group-hover-bg-neutral-10 tw-duration-300 group-hover-border-base-two-600 tw-transition-all">
                        <span class="tw-w-72-px tw-h-72-px bg-neutral-10 rounded-circle border-neutral-50 border tw-mb-6 group-hover-bg-white tw-duration-300 d-flex align-items-center justify-content-center mx-auto">
                            <img \1="{{ asset(\'assets/images/icon/our-features-four-icon2.png" alt="" class="animate__heartBeat">
                        </span>
                        <h5 class="fw-normal tw-mb-2">Online Payments</h5>
                            <p class="fw-normal tw-text-405 text-dark-500">Accept payments easily through credit cards, bank transfers, digital wallets, and other secure options.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="group animation-item" data-aos="fade-up" data-aos-duration="1000">
                    <div class="tw-px-10 tw-py-8 tw-rounded-xl text-center group-hover-bg-neutral-10 tw-duration-300 group-hover-border-base-two-600 tw-transition-all">
                        <span class="tw-w-72-px tw-h-72-px bg-neutral-10 rounded-circle border-neutral-50 border tw-mb-6 group-hover-bg-white tw-duration-300 d-flex align-items-center justify-content-center mx-auto">
                            <img \1="{{ asset(\'assets/images/icon/our-features-four-icon3.png" alt="" class="animate__heartBeat">
                        </span>
                        <h5 class="fw-normal tw-mb-2">Automatic Transfers</h5>
                            <p class="fw-normal tw-text-405 text-dark-500">Funds are transferred automatically between accounts on schedule, ensuring   timely transactions always.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="group animation-item" data-aos="fade-up" data-aos-duration="600">
                    <div class="tw-px-10 tw-py-8 tw-rounded-xl text-center group-hover-bg-neutral-10 tw-duration-300 group-hover-border-base-two-600 tw-transition-all">
                        <span class="tw-w-72-px tw-h-72-px bg-neutral-10 rounded-circle border-neutral-50 border tw-mb-6 group-hover-bg-white tw-duration-300 d-flex align-items-center justify-content-center mx-auto">
                            <img \1="{{ asset(\'assets/images/icon/our-features-four-icon4.png" alt="" class="animate__heartBeat">
                        </span>
                        <h5 class="fw-normal tw-mb-2">Secure Transactions</h5>
                            <p class="fw-normal tw-text-405 text-dark-500">Securing your sensitive data using strong encryption and modern security protocols at all times.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="group animation-item" data-aos="fade-up" data-aos-duration="800">
                    <div class="tw-px-10 tw-py-8 tw-rounded-xl text-center group-hover-bg-neutral-10 tw-duration-300 group-hover-border-base-two-600 tw-transition-all">
                        <span class="tw-w-72-px tw-h-72-px bg-neutral-10 rounded-circle border-neutral-50 border tw-mb-6 group-hover-bg-white tw-duration-300 d-flex align-items-center justify-content-center mx-auto">
                            <img \1="{{ asset(\'assets/images/icon/our-features-four-icon5.png" alt="" class="animate__heartBeat">
                        </span>
                        <h5 class="fw-normal tw-mb-2">Mobile Support</h5>
                            <p class="fw-normal tw-text-405 text-dark-500">Secure mobile payments made easy with intuitive interfaces and fully responsive, modern designs.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="group animation-item" data-aos="fade-up" data-aos-duration="1000">
                    <div class="tw-px-10 tw-py-8 tw-rounded-xl text-center group-hover-bg-neutral-10 tw-duration-300 group-hover-border-base-two-600 tw-transition-all">
                        <span class="tw-w-72-px tw-h-72-px bg-neutral-10 rounded-circle border-neutral-50 border tw-mb-6 group-hover-bg-white tw-duration-300 d-flex align-items-center justify-content-center mx-auto">
                            <img \1="{{ asset(\'assets/images/icon/our-features-four-icon6.png" alt="" class="animate__heartBeat">
                        </span>
                        <h5 class="fw-normal tw-mb-2">Multiple Payment</h5>
                            <p class="fw-normal tw-text-405 text-dark-500">This versatility improves checkout, accommodating preferences for a faster, smoother transaction process.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
 </section>
<!-- ======================== our feature four section end ========================= -->

<!-- ========================== payment solution four section start ========================== -->
 <section class="py-140 bg-neutral-10">
    <div class="container">
        <div class="row gy-5 align-items-center">
            <div class="col-lg-6">
                <img \1="{{ asset(\'assets/images/thumbs/payment-solutions-four-img1.png" alt="img"  data-aos="zoom-in" data-aos-duration="1500">
            </div>
            <div class="col-lg-6">
                <div>
                    <div class="d-flex align-items-center tw-gap-1 tw-mb-3" data-aos="fade-up" data-aos-duration="600">
                        <img \1="{{ asset(\'assets/images/icon/star-icon2.png" alt="">
                        <h5 class="fw-normal text-primary-600">Quick & Trusted Payments</h5>
                    </div>
                    <h2 class="tw-mb-3" data-aos="fade-up" data-aos-duration="800">Secure, Fast, and Reliable <br> payment solutions</h2>
                    <p class="fw-normal tw-text-405 text-dark-500 max-w-554-px tw-mb-8 "  data-aos="fade-up" data-aos-duration="1000">Experience secure, fast, and reliable payment solutions designed to simplify transactions, ensuring safety and efficiency for businesses and individuals alike</p>
                    <div class="d-flex align-items-center tw-gap-2 justify-content-between flex-wrap tw-mb-12">
                        <div class="max-w-306-px" data-aos="fade-up" data-aos-duration="1100">
                            <div class="d-flex align-items-center tw-gap-1 tw-mb-4">
                                <span class="tw-text-5 text-base-two-600">
                                    <i class="ph ph-check-circle"></i>
                                </span>
                                <span class="fw-semibold tw-text-405 text-dark-600">Fast and seamless transactions</span>
                            </div>
                            <div class="d-flex align-items-center tw-gap-1 tw-mb-4">
                                <span class="tw-text-5 text-base-two-600">
                                    <i class="ph ph-check-circle"></i>
                                </span>
                                <span class="fw-semibold tw-text-405 text-dark-600">Zero hidden fees</span>
                            </div>
                            <div class="d-flex align-items-center tw-gap-1 tw-mb-4">
                                <span class="tw-text-5 text-base-two-600">
                                    <i class="ph ph-check-circle"></i>
                                </span>
                                <span class="fw-semibold tw-text-405 text-dark-600">Instant payment notifications</span>
                            </div>
                        </div>
                        <div class="max-w-306-px" data-aos="fade-up" data-aos-duration="1200">
                            <div class="d-flex align-items-center tw-gap-1 tw-mb-4">
                                <span class="tw-text-5 text-base-two-600">
                                    <i class="ph ph-check-circle"></i>
                                </span>
                                <span class="fw-semibold tw-text-405 text-dark-600">Multi-currency support</span>
                            </div>
                            <div class="d-flex align-items-center tw-gap-1 tw-mb-4">
                                <span class="tw-text-5 text-base-two-600">
                                    <i class="ph ph-check-circle"></i>
                                </span>
                                <span class="fw-semibold tw-text-405 text-dark-600">Global payment accessibility</span>
                            </div>
                            <div class="d-flex align-items-center tw-gap-1 tw-mb-4">
                                <span class="tw-text-5 text-base-two-600">
                                    <i class="ph ph-check-circle"></i>
                                </span>
                                <span class="fw-semibold tw-text-405 text-dark-600">24/7 customer support</span>
                            </div>
                        </div>
                    </div>
                    <div class="position-relative z-1 max-w-180-px w-100" data-aos="fade-up" data-aos-duration="1300">
                        <a href="javascript:void(0)" class="payment-solution__link bg-main-600 border-two-px-solid tw-py-205 text-dark-700 fw-semibold tw-text-405 tw-rounded-md text-center w-100 hover-text-dark-600">
                            DOWNLOAD APP
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
 </section>
<!-- ========================== payment solution four section end ========================== -->

<!-- =================== why choose us section start ======================= -->
<section class="py-140 z-1 overflow-hidden">
    <div class="container">
        <div class="d-flex align-items-center tw-gap-4 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="600">
                    <img \1="{{ asset(\'assets/images/icon/star-icon2.png" alt="Image">
                    <h5 class="fw-normal text-primary-600">How it Works</h5>
                </div>
                <h2 class="fw-normal text-dark-700 cursor-big" data-aos="fade-up" data-aos-duration="800">Easy Steps for Fast and Safe Transactions</h2>
            </div>
            <div class="max-w-426">
                <p class="fw-normal tw-text-lg text-dark-500 tw-mb-6" data-aos="fade-up" data-aos-duration="900">Simple and hassle-free! Just follow three easy steps to get started effortlessly today.</p>
                <div class="position-relative z-1 max-w-242-px w-100" data-aos="fade-up" data-aos-duration="1000">
                    <a href="log-in.html" class="how-it-work-four__link text-dark-700 fw-semibold tw-text-lg bg-main-600 text-center tw-py-205 rounded-3 border-two-px-solid hover-text-dark-600 w-100">OPEN A FREE ACCOUNT</a>
                </div>
            </div>
        </div>

        <div class="row gy-4">
            <div class="col-lg-5" data-aos="fade-up" data-aos-duration="600">
                <img \1="{{ asset(\'assets/images/thumbs/how-it-work-four-img1.png" alt="Image" class="w-100 h-100">
            </div>
            <div class="col-xl-7">
                <div class="one-platform__title d-flex align-items-center tw-gap-4">

                    <div class="payment-solutions__item cursor-pointer" data-aos="fade-up" data-aos-duration="800">
                        <div class="payment-solutions__button bg-base-two-10 tw-w-86-px tw-h-504-px tw-rounded-md tw-py-6 border-base-two-600 border-top border-bottom position-relative">
                            <span class="tw-w-13 tw-h-13 bg-base-two-10 tw-rounded-md text-black tw-text-8 d-flex align-items-center justify-content-center position-absolute bottom-0 tw-start-0 tw-ms-50-persent translate-middle-x tw-mb-7">
                                <i class="ph ph-globe-hemisphere-west"></i>
                            </span>
                            <h4 class="fw-normal text-dark-600 cursor-big tw-transform-rotate-90deg-four tw-w-406-px">Download App / Visit Website</h4>
                        </div>
                        <div class="payment-solutions__content max-w-306-px w-100 bg-main-600 tw-rounded-xl tw-px-8 tw-py-8 tw-h-504-px">
                            <span class="tw-w-15 tw-h-15 bg-dark-600 text-white tw-rounded-md tw-text-8 d-flex align-items-center justify-content-center tw-mb-8">
                                <i class="ph ph-pencil-simple"></i>
                            </span>
                            <h4 class="fw-normal cursor-big tw-mb-3">Register your account</h4>
                            <p class="how-it-work-text fw-normal tw-text-405 text-dark-500 tw-mb-64-px">Create your account fast and safely to begin receiving payments. Easy and secure sign-up process awaits.</p>
                            <a href="about-us-other.html" class="fw-semibold tw-text-4 text-white bg-dark-600  tw-px-6 tw-py-3 tw-rounded-md w-100 text-center ">
                                LEARN MORE
                            </a>
                        </div>
                    </div>

                    <div class="payment-solutions__item cursor-pointer active" data-aos="fade-up" data-aos-duration="1000">
                        <div class="payment-solutions__button bg-base-two-10 tw-w-86-px tw-h-504-px tw-rounded-md tw-py-6 border-base-two-600 border-top border-bottom position-relative">
                            <span class="tw-w-13 tw-h-13 bg-base-two-10 tw-rounded-md text-black tw-text-8 d-flex align-items-center justify-content-center position-absolute bottom-0 tw-start-0 tw-ms-50-persent  translate-middle-x tw-mb-7">
                                <i class="ph ph-pencil-simple"></i>
                            </span>
                            <h4 class="fw-normal text-dark-600 cursor-big tw-transform-rotate-90deg-four tw-w-406-px">Register your account</h4>
                        </div>
                        <div class="payment-solutions__content max-w-306-px w-100 bg-main-600 tw-rounded-xl tw-px-8 tw-py-8 tw-h-504-px">
                            <span class="tw-w-15 tw-h-15 bg-dark-600 text-white tw-rounded-md tw-text-8 d-flex align-items-center justify-content-center tw-mb-8">
                                <i class="ph ph-pencil-simple"></i>
                            </span>
                            <h4 class="fw-normal cursor-big tw-mb-3">Register your account</h4>
                            <p class="how-it-work-text fw-normal tw-text-405 text-dark-500 tw-mb-64-px">Create your account fast and safely to begin receiving payments. Easy and secure sign-up process awaits.</p>
                            <a href="about-us-other.html" class="fw-semibold tw-text-4 text-white bg-dark-600  tw-px-6 tw-py-3 tw-rounded-md w-100 text-center ">
                                LEARN MORE
                            </a>
                        </div>
                    </div>

                    <div class="payment-solutions__item cursor-pointer" data-aos="fade-up" data-aos-duration="800">
                        <div class="payment-solutions__button bg-base-two-10 tw-w-86-px tw-h-504-px tw-rounded-md tw-py-6 border-base-two-600 border-top border-bottom position-relative">
                            <span class="tw-w-13 tw-h-13 bg-base-two-10 tw-rounded-md text-black tw-text-8 d-flex align-items-center justify-content-center position-absolute bottom-0 tw-start-0 tw-ms-50-persent translate-middle-x tw-mb-7 ">
                               <span class="tw-transform-x--1">
                                 <i class="ph ph-cursor-click"></i>
                               </span>
                            </span>
                            <h4 class="fw-normal text-dark-600 cursor-big tw-transform-rotate-90deg-four tw-w-406-px">Choose your plan</h4>
                        </div>
                        <div class="payment-solutions__content max-w-306-px w-100 bg-main-600 tw-rounded-xl tw-px-8 tw-py-8 tw-h-504-px">
                            <span class="tw-w-15 tw-h-15 bg-dark-600 text-white tw-rounded-md tw-text-8 d-flex align-items-center justify-content-center tw-mb-8">
                                <i class="ph ph-pencil-simple"></i>
                            </span>
                            <h4 class="fw-normal cursor-big tw-mb-3">Register your account</h4>
                            <p class="how-it-work-text fw-normal tw-text-405 text-dark-500 tw-mb-64-px">Create your account fast and safely to begin receiving payments. Easy and secure sign-up process awaits.</p>
                            <a href="about-us-other.html" class="fw-semibold tw-text-4 text-white bg-dark-600  tw-px-6 tw-py-3 tw-rounded-md w-100 text-center ">
                                LEARN MORE
                            </a>
                        </div>
                    </div>

                    <div class="payment-solutions__item cursor-pointer" data-aos="fade-up" data-aos-duration="800">
                        <div class="payment-solutions__button bg-base-two-10 tw-w-86-px tw-h-504-px tw-rounded-md tw-py-6 border-base-two-600 border-top border-bottom position-relative">
                            <span class="tw-w-13 tw-h-13 bg-base-two-10 tw-rounded-md text-black tw-text-8 d-flex align-items-center justify-content-center position-absolute bottom-0 tw-start-0 tw-ms-50-persent translate-middle-x tw-mb-7">
                                <i class="ph ph-check-circle"></i>
                            </span>
                            <h4 class="fw-normal text-dark-600 cursor-big tw-transform-rotate-90deg-four tw-w-406-px">Enjoy your automate payment</h4>
                        </div>
                        <div class="payment-solutions__content max-w-306-px w-100 bg-main-600 tw-rounded-xl tw-px-8 tw-py-8 tw-h-504-px">
                            <span class="tw-w-15 tw-h-15 bg-dark-600 text-white tw-rounded-md tw-text-8 d-flex align-items-center justify-content-center tw-mb-8">
                                <i class="ph ph-pencil-simple"></i>
                            </span>
                            <h4 class="fw-normal cursor-big tw-mb-3">Register your account</h4>
                            <p class="how-it-work-text fw-normal tw-text-405 text-dark-500 tw-mb-64-px">Create your account fast and safely to begin receiving payments. Easy and secure sign-up process awaits.</p>
                            <a href="about-us-other.html" class="fw-semibold tw-text-4 text-white bg-dark-600  tw-px-6 tw-py-3 tw-rounded-md w-100 text-center ">
                                LEARN MORE
                            </a>
                        </div>
                    </div>

                    <div class="payment-solutions__item cursor-pointer" data-aos="fade-up" data-aos-duration="800">
                        <div class="payment-solutions__button bg-base-two-10 tw-w-86-px tw-h-504-px tw-rounded-md tw-py-6 border-base-two-600 border-top border-bottom position-relative">
                            <span class="tw-w-13 tw-h-13 bg-base-two-10 tw-rounded-md text-black tw-text-8 d-flex align-items-center justify-content-center position-absolute bottom-0 tw-start-0 tw-ms-50-persent translate-middle-x tw-mb-7">
                                <i class="ph ph-paper-plane-tilt"></i>
                            </span>
                            <h4 class="fw-normal text-dark-600 cursor-big tw-transform-rotate-90deg-four tw-w-406-px">Set and track payment</h4>
                        </div>
                        <div class="payment-solutions__content max-w-306-px w-100 bg-main-600 tw-rounded-xl tw-px-8 tw-py-8 tw-h-504-px">
                            <span class="tw-w-15 tw-h-15 bg-dark-600 text-white tw-rounded-md tw-text-8 d-flex align-items-center justify-content-center tw-mb-8">
                                <i class="ph ph-pencil-simple"></i>
                            </span>
                            <h4 class="fw-normal cursor-big tw-mb-3">Register your account</h4>
                            <p class="how-it-work-text fw-normal tw-text-405 text-dark-500 tw-mb-64-px">Create your account fast and safely to begin receiving payments. Easy and secure sign-up process awaits.</p>
                            <a href="about-us-other.html" class="fw-semibold tw-text-4 text-white bg-dark-600  tw-px-6 tw-py-3 tw-rounded-md w-100 text-center ">
                                LEARN MORE
                            </a>
                        </div>
                    </div>

                </div>
            </div>

        </div>

    </div>
</section>
<!-- =================== why choose us section end ======================= -->


<!-- ================= Payment method section start ================ -->
<section class="py-140 z-1 bg-neutral-10 overflow-hidden">
    <div class="container max-w-1452-px w-100">

        <div class="tw-px-78-px d-flex align-items-center justify-content-between tw-gap-4 flex-wrap tw-mb-80-px">
            <div class="max-w-500">
                <div class="d-flex align-items-center tw-gap-1 tw-mb-3" data-aos="fade-up" data-aos-duration="600">
                    <img \1="{{ asset(\'assets/images/icon/star-icon2.png" alt="">
                    <h5 class="fw-normal text-primary-600">More Features</h5>
                </div>
               <h2 class="fw-normal text-dark-600" data-aos="fade-up" data-aos-duration="800">Anything about money, we got it covered.</h2>
            </div>
            <div class="max-w-416">
                <p class="fw-normal tw-text-lg text-dark-500 tw-mb-6" data-aos="fade-up" data-aos-duration="1000">Discover our full suite of advanced services tailored to meet your needs.</p>
                <div class="max-w-140 position-relative" data-aos="fade-up" data-aos-duration="1200">
                    <a href="about-us-other.html" class="features-three-link fw-semibold tw-text-lg text-dark-700 border-two-px-solid bg-main-600 tw-px-5 tw-py-205 rounded-3 w-100 d-flex align-items-center justify-content-center hover-text-dark-600">SEE MORE</a>
                </div>
            </div>
        </div>

        <div class="swiper our-services-two-slider overflow-hidden">
            <div class="swiper-wrapper d-flex align-items-center tw-gap-4 tw-mb-15">

                <div class="swiper-slide">
                    <div class="single group group-item max-w-246-px w-100 position-relative">
                        <div class="our-services-slider-card tw-px-8 tw-py-8 bg-white tw-rounded-xl border-base-two-600 border-bottom text-center group-hover-bg-main-600 tw-duration-500 tw-hover-border-black tw-transition-05-secend">
                            <span class="tw-w-80-px tw-h-80-px tw-border-base-two-600-dashed d-block d-flex align-items-center justify-content-center tw-mb-6 tw-rounded-xl mx-auto">
                                <span class="tw-w-17 tw-h-17 bg-base-two-10 d-flex align-items-center justify-content-center group-hover-bg-base-two-600 tw-rounded-md tw-duration-500">
                                    <img \1="{{ asset(\'assets/images/icon/more-features-four-icon-1.png" alt="icon" class="">
                                </span>
                            </span>
                            <span class="fw-semibold tw-text-6 text-dark-600">
                                Send Money
                            </span>
                        </div>
                    </div>
                </div>

                <div class="swiper-slide">
                    <div class="single group group-item max-w-246-px w-100 position-relative">
                        <div class="our-services-slider-card tw-px-8 tw-py-8 bg-white tw-rounded-xl border-base-two-600 border-bottom text-center group-hover-bg-main-600 tw-duration-500 tw-hover-border-black tw-transition-05-secend">
                            <span class="tw-w-80-px tw-h-80-px tw-border-base-two-600-dashed d-block d-flex align-items-center justify-content-center tw-mb-6 tw-rounded-xl mx-auto">
                                <span class="tw-w-17 tw-h-17 bg-base-two-10 d-flex align-items-center justify-content-center group-hover-bg-base-two-600 tw-rounded-md tw-duration-500">
                                    <img \1="{{ asset(\'assets/images/icon/more-features-four-icon-2.png" alt="" class="">
                                </span>
                            </span>
                            <span class="fw-semibold tw-text-6 text-dark-600">
                                Withdraw Money
                            </span>
                        </div>
                    </div>
                </div>

                <div class="swiper-slide">
                    <div class="single group group-item max-w-246-px w-100 position-relative">
                        <div class="our-services-slider-card tw-px-8 tw-py-8 bg-white tw-rounded-xl border-base-two-600 border-bottom text-center group-hover-bg-main-600 tw-duration-500 tw-hover-border-black tw-transition-05-secend">
                            <span class="tw-w-80-px tw-h-80-px tw-border-base-two-600-dashed d-block d-flex align-items-center justify-content-center tw-mb-6 tw-rounded-xl mx-auto">
                                <span class="tw-w-17 tw-h-17 bg-base-two-10 d-flex align-items-center justify-content-center group-hover-bg-base-two-600 tw-rounded-md tw-duration-500">
                                    <img \1="{{ asset(\'assets/images/icon/more-features-four-icon-3.png" alt="" class="">
                                </span>
                            </span>
                            <span class="fw-semibold tw-text-6 text-dark-600 line-clamp-1">
                                Request Money
                            </span>
                        </div>
                    </div>
                </div>

                <div class="swiper-slide">
                    <div class="single group group-item max-w-246-px w-100 position-relative">
                        <div class="our-services-slider-card tw-px-8 tw-py-8 bg-white tw-rounded-xl border-base-two-600 border-bottom text-center group-hover-bg-main-600 tw-duration-500 tw-hover-border-black tw-transition-05-secend">
                            <span class="tw-w-80-px tw-h-80-px tw-border-base-two-600-dashed d-block d-flex align-items-center justify-content-center tw-mb-6 tw-rounded-xl mx-auto">
                                <span class="tw-w-17 tw-h-17 bg-base-two-10 d-flex align-items-center justify-content-center group-hover-bg-base-two-600 tw-rounded-md tw-duration-500">
                                    <img \1="{{ asset(\'assets/images/icon/more-features-four-icon-4.png" alt="" class="">
                                </span>
                            </span>
                            <span class="fw-semibold tw-text-6 text-dark-600 line-clamp-1">
                                Crypto Supported
                            </span>
                        </div>
                    </div>
                </div>

                <div class="swiper-slide">
                    <div class="single group group-item max-w-246-px w-100 position-relative">
                        <div class="our-services-slider-card tw-px-8 tw-py-8 bg-white tw-rounded-xl border-base-two-600 border-bottom text-center group-hover-bg-main-600 tw-duration-500 tw-hover-border-black tw-transition-05-secend">
                            <span class="tw-w-80-px tw-h-80-px tw-border-base-two-600-dashed d-block d-flex align-items-center justify-content-center tw-mb-6 tw-rounded-xl mx-auto">
                                <span class="tw-w-17 tw-h-17 bg-base-two-10 d-flex align-items-center justify-content-center group-hover-bg-base-two-600 tw-rounded-md tw-duration-500">
                                    <img \1="{{ asset(\'assets/images/icon/more-features-four-icon-5.png" alt="" class="">
                                </span>
                            </span>
                            <span class="fw-semibold tw-text-6 text-dark-600 line-clamp-1">
                                Merchant Payment
                            </span>
                        </div>
                    </div>
                </div>

                <div class="swiper-slide">
                    <div class="single group group-item max-w-246-px w-100 position-relative">
                        <div class="our-services-slider-card tw-px-8 tw-py-8 bg-white tw-rounded-xl border-base-two-600 border-bottom text-center group-hover-bg-main-600 tw-duration-500 tw-hover-border-black tw-transition-05-secend">
                            <span class="tw-w-80-px tw-h-80-px tw-border-base-two-600-dashed d-block d-flex align-items-center justify-content-center tw-mb-6 tw-rounded-xl mx-auto">
                                <span class="tw-w-17 tw-h-17 bg-base-two-10 d-flex align-items-center justify-content-center group-hover-bg-base-two-600 tw-rounded-md tw-duration-500">
                                    <img \1="{{ asset(\'assets/images/icon/more-features-four-icon-3.png" alt="" class="">
                                </span>
                            </span>
                            <span class="fw-semibold tw-text-6 text-dark-600 line-clamp-1">
                                Request Money
                            </span>
                        </div>
                    </div>
                </div>

            </div>
            <div class="swiper-pagination"></div>
        </div>

    </div>
</section>
<!-- ================= Payment method section end ================ -->



<!-- =================== pricing plan section start ==================== -->
<section class="py-140 overflow-hidden">
    <div class="container">
        <div class="d-flex align-items-center tw-gap-9  justify-content-between flex-wrap tw-mb-80-px">
            <div class="max-w-616">
                <div class="d-flex align-items-center tw-gap-1 tw-mb-4" data-aos="fade-up" data-aos-duration="600">
                    <img \1="{{ asset(\'assets/images/icon/star-icon2.png" alt="Image">
                    <h5 class="fw-normal text-primary-600">Our Pricing Plan</h5>
                </div>
                <h2 class="fw-normal text-dark-600 cursor-big" data-aos="fade-up" data-aos-duration="800">We Charge As Little As Possible. 
                    No Subscription Fee</h2>
            </div>
            <div class="text-end">
                <div class="d-flex align-items-center tw-gap-3 tw-mb-5" data-aos="fade-up" data-aos-duration="1000">
                    <span class="fw-medium tw-text-lg text-dark-600">Billed monthly</span>
                    <div class="form-check form-switch">
                        <input class="form-check-input bg-base-two-600 w-10 h-6" type="checkbox" role="switch" id="switchCheckChecked" checked>
                    </div>
                    <span class="fw-medium tw-text-lg text-dark-600">Billed yearly</span>
                </div>
                <span class="fw-normal tw-text-lg text-dark-500" data-aos="fade-up" data-aos-duration="1200">(Save up to 20%)</span>
            </div>
        </div>

        <div class="row gy-4">

            <div class="col-lg-4 col-md-6">
                <div class="group" data-aos="fade-up" data-aos-duration="800">
                    <div class="our-pricing-plan-card border-neutral-100 border tw-rounded-xl group-hover-bg-base-two-600 tw-duration-500">
                        <div class="tw-px-12 tw-pt-12">
                            <h6 class="fw-normal text-dark-600 tw-mb-3 group-hover-text-white tw-duration-500">Subscription</h6>
                            <div class="d-flex align-items-center tw-gap-1 tw-mb-8 ">
                                <h2 class="fw-normal cursor-big group-hover-text-white tw-duration-500">$39</h2>
                                <span class="tw-text-4 text-dark-600 group-hover-text-white tw-duration-500">/ PER MONTH</span>
                            </div>
                            <div class="position-relative z-2">
                                <a href="pricing-plan-other.html" class="our-pricing-plan-other-link fw-semibold tw-text-lg text-dark-700 tw-py-3 bg-main-600 border-two-px-solid w-100 text-center tw-rounded-md hover-text-dark-600">
                                    CHOOSE THIS PLAN
                                </a>
                            </div>
                        </div>
                        <span class="bg-neutral-100 w-100 tw-h-px tw-mt-8 tw-mb-8"></span>
                        <div class="tw-px-12 tw-pb-12">
                            <div class="bg-neutral-10 tw-rounded-xl tw-px-6 tw-py-6 group-hover-bg-neutral-200 tw-duration-500">

                                <div class="d-flex align-items-center tw-gap-2">
                                    <span class="tw-w-6 tw-h-6 bg-base-two-600 text-white d-flex align-items-center justify-content-center rounded-circle flex-shrink-0 group-hover-bg-neutral-30 tw-duration-500 tw-text-sm">
                                        <i class="ph ph-check"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-500">
                                        1% fee per transaction
                                    </span>
                                </div>
                                <span class="bg-neutral-100 w-100 tw-h-px tw-mt-4 tw-mb-4"></span>
                                <div class="d-flex align-items-center tw-gap-2">
                                    <span class="tw-w-6 tw-h-6 bg-base-two-600 text-white d-flex align-items-center justify-content-center rounded-circle flex-shrink-0 group-hover-bg-neutral-30 tw-duration-500 tw-text-sm">
                                        <i class="ph ph-check"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-500">
                                        Access to business features
                                    </span>
                                </div>
                                <span class="bg-neutral-100 w-100 tw-h-px tw-mt-4 tw-mb-4"></span>
                                <div class="d-flex align-items-center tw-gap-2">
                                    <span class="tw-w-6 tw-h-6 bg-base-two-600 text-white d-flex align-items-center justify-content-center rounded-circle flex-shrink-0 group-hover-bg-neutral-30 tw-duration-500 tw-text-sm">
                                        <i class="ph ph-check"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-500">
                                        50+ integrations
                                    </span>
                                </div>
                                <span class="bg-neutral-100 w-100 tw-h-px tw-mt-4 tw-mb-4"></span>
                                <div class="d-flex align-items-center tw-gap-2">
                                    <span class="tw-w-6 tw-h-6 bg-base-two-600 text-white d-flex align-items-center justify-content-center rounded-circle flex-shrink-0 group-hover-bg-neutral-30 tw-duration-500 tw-text-sm">
                                        <i class="ph ph-check"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-500">
                                        Advanced reporting
                                    </span>
                                </div>
                                <span class="bg-neutral-100 w-100 tw-h-px tw-mt-4 tw-mb-4"></span>
                                <div class="d-flex align-items-center tw-gap-2">
                                    <span class="tw-w-6 tw-h-6 bg-base-two-600 text-white d-flex align-items-center justify-content-center rounded-circle flex-shrink-0 group-hover-bg-neutral-30 tw-duration-500 tw-text-sm">
                                        <i class="ph ph-check"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-500">
                                        Up to 10 individual users
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </div> 
                </div>
            </div>

            <div class="col-lg-4 col-md-6">
                <div class="group" data-aos="fade-up" data-aos-duration="1000">
                    <div class="our-pricing-plan-card border-neutral-100 border tw-rounded-xl group-hover-bg-base-two-600 tw-duration-500">
                        <div class="tw-px-12 tw-pt-12">
                            <h6 class="fw-normal text-dark-600 tw-mb-3 group-hover-text-white tw-duration-500">Tiered-Based</h6>
                            <div class="d-flex align-items-center tw-gap-1 tw-mb-8 ">
                                <h2 class="fw-normal cursor-big group-hover-text-white tw-duration-500">$59</h2>
                                <span class="tw-text-4 text-dark-600 group-hover-text-white tw-duration-500"> / PER MONTH</span>
                            </div>
                            <div class="position-relative z-2">
                                <a href="pricing-plan-other.html" class="our-pricing-plan-other-link fw-semibold tw-text-lg text-dark-700 tw-py-3 bg-main-600 border-two-px-solid w-100 text-center tw-rounded-md hover-text-dark-600">
                                    CHOOSE THIS PLAN
                                </a>
                            </div>
                        </div>
                        <span class="bg-neutral-100 w-100 tw-h-px tw-mt-8 tw-mb-8"></span>
                        <div class="tw-px-12 tw-pb-12">
                            <div class="bg-neutral-10 tw-rounded-xl tw-px-6 tw-py-6 group-hover-bg-neutral-200 tw-duration-500">

                                <div class="d-flex align-items-center tw-gap-2">
                                    <span class="tw-w-6 tw-h-6 bg-base-two-600 text-white d-flex align-items-center justify-content-center rounded-circle flex-shrink-0 group-hover-bg-neutral-30 tw-duration-500 tw-text-sm">
                                        <i class="ph ph-check"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-500">
                                        1% fee per transaction
                                    </span>
                                </div>
                                <span class="bg-neutral-100 w-100 tw-h-px tw-mt-4 tw-mb-4"></span>
                                <div class="d-flex align-items-center tw-gap-2">
                                    <span class="tw-w-6 tw-h-6 bg-base-two-600 text-white d-flex align-items-center justify-content-center rounded-circle flex-shrink-0 group-hover-bg-neutral-30 tw-duration-500 tw-text-sm">
                                        <i class="ph ph-check"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-500">
                                        Access to business features
                                    </span>
                                </div>
                                <span class="bg-neutral-100 w-100 tw-h-px tw-mt-4 tw-mb-4"></span>
                                <div class="d-flex align-items-center tw-gap-2">
                                    <span class="tw-w-6 tw-h-6 bg-base-two-600 text-white d-flex align-items-center justify-content-center rounded-circle flex-shrink-0 group-hover-bg-neutral-30 tw-duration-500 tw-text-sm">
                                        <i class="ph ph-check"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-500">
                                        50+ integrations
                                    </span>
                                </div>
                                <span class="bg-neutral-100 w-100 tw-h-px tw-mt-4 tw-mb-4"></span>
                                <div class="d-flex align-items-center tw-gap-2">
                                    <span class="tw-w-6 tw-h-6 bg-base-two-600 text-white d-flex align-items-center justify-content-center rounded-circle flex-shrink-0 group-hover-bg-neutral-30 tw-duration-500 tw-text-sm">
                                        <i class="ph ph-check"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-500">
                                        Advanced reporting
                                    </span>
                                </div>
                                <span class="bg-neutral-100 w-100 tw-h-px tw-mt-4 tw-mb-4"></span>
                                <div class="d-flex align-items-center tw-gap-2">
                                    <span class="tw-w-6 tw-h-6 bg-base-two-600 text-white d-flex align-items-center justify-content-center rounded-circle flex-shrink-0 group-hover-bg-neutral-30 tw-duration-500 tw-text-sm">
                                        <i class="ph ph-check"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-500">
                                        Up to 10 individual users
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </div> 
                </div>
            </div>

            <div class="col-lg-4 col-md-6">
                <div class="group" data-aos="fade-up" data-aos-duration="1200">
                    <div class="our-pricing-plan-card border-neutral-100 border tw-rounded-xl group-hover-bg-base-two-600 tw-duration-500">
                        <div class="tw-px-12 tw-pt-12">
                            <h6 class="fw-normal text-dark-600 tw-mb-3 group-hover-text-white tw-duration-500">Interchange-Plus</h6>
                            <div class="d-flex align-items-center tw-gap-1 tw-mb-8 ">
                                <h2 class="fw-normal cursor-big group-hover-text-white tw-duration-500">$69</h2>
                                <span class="tw-text-4 text-dark-600 group-hover-text-white tw-duration-500"> / PER MONTH</span>
                            </div>
                            <div class="position-relative z-2">
                                <a href="pricing-plan-other.html" class="our-pricing-plan-other-link fw-semibold tw-text-lg text-dark-700 tw-py-3 bg-main-600 border-two-px-solid w-100 text-center tw-rounded-md hover-text-dark-600">
                                    CHOOSE THIS PLAN
                                </a>
                            </div>
                        </div>
                        <span class="bg-neutral-100 w-100 tw-h-px tw-mt-8 tw-mb-8"></span>
                        <div class="tw-px-12 tw-pb-12">
                            <div class="bg-neutral-10 tw-rounded-xl tw-px-6 tw-py-6 group-hover-bg-neutral-200 tw-duration-500">

                                <div class="d-flex align-items-center tw-gap-2">
                                    <span class="tw-w-6 tw-h-6 bg-base-two-600 text-white d-flex align-items-center justify-content-center rounded-circle flex-shrink-0 group-hover-bg-neutral-30 tw-duration-500 tw-text-sm">
                                        <i class="ph ph-check"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-500">
                                        1% fee per transaction
                                    </span>
                                </div>
                                <span class="bg-neutral-100 w-100 tw-h-px tw-mt-4 tw-mb-4"></span>
                                <div class="d-flex align-items-center tw-gap-2">
                                    <span class="tw-w-6 tw-h-6 bg-base-two-600 text-white d-flex align-items-center justify-content-center rounded-circle flex-shrink-0 group-hover-bg-neutral-30 tw-duration-500 tw-text-sm">
                                        <i class="ph ph-check"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-500">
                                        Access to business features
                                    </span>
                                </div>
                                <span class="bg-neutral-100 w-100 tw-h-px tw-mt-4 tw-mb-4"></span>
                                <div class="d-flex align-items-center tw-gap-2">
                                    <span class="tw-w-6 tw-h-6 bg-base-two-600 text-white d-flex align-items-center justify-content-center rounded-circle flex-shrink-0 group-hover-bg-neutral-30 tw-duration-500 tw-text-sm">
                                        <i class="ph ph-check"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-500">
                                        50+ integrations
                                    </span>
                                </div>
                                <span class="bg-neutral-100 w-100 tw-h-px tw-mt-4 tw-mb-4"></span>
                                <div class="d-flex align-items-center tw-gap-2">
                                    <span class="tw-w-6 tw-h-6 bg-base-two-600 text-white d-flex align-items-center justify-content-center rounded-circle flex-shrink-0 group-hover-bg-neutral-30 tw-duration-500 tw-text-sm">
                                        <i class="ph ph-check"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-500">
                                        Advanced reporting
                                    </span>
                                </div>
                                <span class="bg-neutral-100 w-100 tw-h-px tw-mt-4 tw-mb-4"></span>
                                <div class="d-flex align-items-center tw-gap-2">
                                    <span class="tw-w-6 tw-h-6 bg-base-two-600 text-white d-flex align-items-center justify-content-center rounded-circle flex-shrink-0 group-hover-bg-neutral-30 tw-duration-500 tw-text-sm">
                                        <i class="ph ph-check"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-dark-500 group-hover-text-white tw-duration-500">
                                        Up to 10 individual users
                                    </span>
                                </div>
                                
                            </div>
                        </div>
                    </div> 
                </div>
            </div>

        </div>

    </div>
</section>
<!-- =================== pricing plan section end ==================== -->

<!-- ====================== team mrmbers section start ========================= -->
 <section class="py-140 bg-neutral-10 overflow-hidden">
    <div class="container">
        <div class="d-flex align-items-center justify-content-between tw-gap-3 flex-wrap tw-mb-80-px">
            <div class="max-w-526-px w-100">
                <div class="d-flex align-items-center tw-gap-1 tw-mb-3" data-aos="fade-up" data-aos-duration="600">
                    <img \1="{{ asset(\'assets/images/icon/star-icon2.png" alt="Image">
                    <h5 class="fw-normal text-primary-600 ">Team Members</h5>
                </div>
                <h2 class="fw-normal text-dark-600 cursor-big" data-aos="fade-up" data-aos-duration="800">
                    Experts Team Member For Your Support
                </h2>
            </div>
            <div class="max-w-360-px w-100 ">
                <p class="fw-normal tw-text-lg text-dark-500 tw-mb-6"  data-aos="fade-up" data-aos-duration="900">We are all passionate and committed to deliver high quality services to our clients.</p>
                <div class="position-relative z-1" data-aos="fade-up" data-aos-duration="1000">
                    <a href="about-us-other.html" class="team-members-link tw-px-5 tw-py-205 tw-rounded-xl bg-main-600 text-dark-700 tw-text-lg fw-semibold border-two-px-solid">
                        READ MORE
                    </a>
                </div>
            </div>
        </div>
        <div class="row gy-4">

                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                    <div class="group-item group" data-aos="fade-up" data-aos-duration="600">
                        <div class="tw-h-380-px position-relative">
                            <div class="bg-white tw-rounded-xl position-absolute w-100 h-100 top-0 start-0 text-center tw-visible tw-opacity-1 group-hover-item-hiddem group-hover-item-opacity-0 tw-duration-500">
                                <img \1="{{ asset(\'assets/images/thumbs/our-team-member-other-img1.png" alt="Image" class="tw-mt-10">
                            </div>

                            <div class="position-absolute top-0 start-0 w-100 h-100 tw-invisible tw-opacity-0 group-hover-item-visible group-hover-item-opacity-1 tw-duration-500 bg-img">
                                <img \1="{{ asset(\'assets/images/thumbs/our-team-member-other-img8.png" alt="Image" class="w-100 h-100 object-fit-cover">
                            </div>

                            <div class="position-absolute tw-start-0 bottom-0 tw-mb-6 tw-ms-6">
                                <span class="fw-semibold tw-mb-1 tw-text-lg text-dark-600 d-block group-hover-text-white tw-duration-500">Jane Cooper</span>
                                <span class="fw-normal tw-text-4 text-dark-500 group-hover-text-white tw-duration-500">Marketing Coordinator</span>
                            </div>
                            <button type="button" class="tw-w-13 tw-h-13 bg-white tw-rounded-xl tw-text-6 position-absolute tw-end-0 bottom-0 z-1 group-hover-bg-base-two-600 tw-duration-500 group-hover-text-white">
                                <i class="ph ph-arrow-up-right"></i>
                            </button>
                            <span class="our-team-member tw-h-72-px tw-w-72-px bg-neutral-10 position-absolute tw-end-0 bottom-0 border-top-left-24-px"></span>
                        </div>
                    </div>
                </div>

                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                    <div class="group-item group" data-aos="fade-up" data-aos-duration="800">
                        <div class="tw-h-380-px position-relative">
                            <div class="bg-white tw-rounded-xl position-absolute w-100 h-100 top-0 start-0 text-center tw-visible tw-opacity-1 group-hover-item-hiddem group-hover-item-opacity-0 tw-duration-500">
                                <img \1="{{ asset(\'assets/images/thumbs/our-team-member-other-img2.png" alt="Image" class="tw-mt-10">
                            </div>

                            <div class="position-absolute top-0 start-0 w-100 h-100 tw-invisible tw-opacity-0 group-hover-item-visible group-hover-item-opacity-1 tw-duration-500 bg-img">
                                <img \1="{{ asset(\'assets/images/thumbs/our-team-member-other-img8.png" alt="Image" class="w-100 h-100 object-fit-cover">
                            </div>

                            <div class="position-absolute tw-start-0 bottom-0 tw-mb-6 tw-ms-6">
                                <span class="fw-semibold tw-mb-1 tw-text-lg text-dark-600 d-block group-hover-text-white tw-duration-500">Darlene Robertson</span>
                                <span class="fw-normal tw-text-4 text-dark-500 group-hover-text-white tw-duration-500">Medical Assistant</span>
                            </div>
                            <button type="button" class="tw-w-13 tw-h-13 bg-white tw-rounded-xl tw-text-6 position-absolute tw-end-0 bottom-0 z-1 group-hover-bg-base-two-600 tw-duration-500 group-hover-text-white">
                                <i class="ph ph-arrow-up-right"></i>
                            </button>
                            <span class="our-team-member tw-h-72-px tw-w-72-px bg-neutral-10 position-absolute tw-end-0 bottom-0 border-top-left-24-px"></span>
                        </div>
                    </div>
                </div>

                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                    <div class="group-item group" data-aos="fade-up" data-aos-duration="1000">
                        <div class="tw-h-380-px position-relative">
                            <div class="bg-white tw-rounded-xl position-absolute w-100 h-100 top-0 start-0 text-center tw-visible tw-opacity-1 group-hover-item-hiddem group-hover-item-opacity-0 tw-duration-500">
                                <img \1="{{ asset(\'assets/images/thumbs/our-team-member-other-img7.png" alt="Image" class="tw-mt-10">
                            </div>

                            <div class="position-absolute top-0 start-0 w-100 h-100 tw-invisible tw-opacity-0 group-hover-item-visible group-hover-item-opacity-1 tw-duration-500 bg-img">
                                <img \1="{{ asset(\'assets/images/thumbs/our-team-member-other-img8.png" alt="Image" class="w-100 h-100 object-fit-cover">
                            </div>

                            <div class="position-absolute tw-start-0 bottom-0 tw-mb-6 tw-ms-6">
                                <span class="fw-semibold tw-mb-1 tw-text-lg text-dark-600 d-block group-hover-text-white tw-duration-500">Marvin McKinney</span>
                                <span class="fw-normal tw-text-4 text-dark-500 group-hover-text-white tw-duration-500">Web Designer</span>
                            </div>
                            <button type="button" class="tw-w-13 tw-h-13 bg-white tw-rounded-xl tw-text-6 position-absolute tw-end-0 bottom-0 z-1 group-hover-bg-base-two-600 tw-duration-500 group-hover-text-white">
                                <i class="ph ph-arrow-up-right"></i>
                            </button>
                            <span class="our-team-member tw-h-72-px tw-w-72-px bg-neutral-10 position-absolute tw-end-0 bottom-0 border-top-left-24-px"></span>
                        </div>
                    </div>
                </div>

                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                    <div class="group-item group" data-aos="fade-up" data-aos-duration="1200">
                        <div class="tw-h-380-px position-relative">
                            <div class="bg-white tw-rounded-xl position-absolute w-100 h-100 top-0 start-0 text-center tw-visible tw-opacity-1 group-hover-item-hiddem group-hover-item-opacity-0 tw-duration-500">
                                <img \1="{{ asset(\'assets/images/thumbs/our-team-member-other-img3.png" alt="Image" class="tw-mt-10">
                            </div>

                            <div class="position-absolute top-0 start-0 w-100 h-100 tw-invisible tw-opacity-0 group-hover-item-visible group-hover-item-opacity-1 tw-duration-500 bg-img">
                                <img \1="{{ asset(\'assets/images/thumbs/our-team-member-other-img8.png" alt="Image" class="w-100 h-100 object-fit-cover">
                            </div>

                            <div class="position-absolute tw-start-0 bottom-0 tw-mb-6 tw-ms-6">
                                <span class="fw-semibold tw-mb-1 tw-text-lg text-dark-600 d-block group-hover-text-white tw-duration-500">Theresa Webb</span>
                                <span class="fw-normal tw-text-4 text-dark-500 group-hover-text-white tw-duration-500">Dog Trainer</span>
                            </div>
                            <button type="button" class="tw-w-13 tw-h-13 bg-white tw-rounded-xl tw-text-6 position-absolute tw-end-0 bottom-0 z-1 group-hover-bg-base-two-600 tw-duration-500 group-hover-text-white">
                                <i class="ph ph-arrow-up-right"></i>
                            </button>
                            <span class="our-team-member tw-h-72-px tw-w-72-px bg-neutral-10 position-absolute tw-end-0 bottom-0 border-top-left-24-px"></span>
                        </div>
                    </div>
                </div>

        </div>
    </div>
 </section>
<!-- ====================== team mrmbers section end ========================= -->

<!-- ==================== Testimonials Two 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-522">
                <div class="d-flex align-items-center tw-gap-1 tw-mb-3" data-aos="fade-up" data-aos-duration="600">
                    <span class="">
                        <img \1="{{ asset(\'assets/images/icon/star-icon2.png" alt="Image" class="">
                    </span>
                    <h5 class="text-primary-600 fw-normal">Testimonials</h5>
                </div>
                <h2 class="fw-normal h1 cursor-big" data-aos="fade-up" data-aos-duration="800">What Our Clients Say About us</h2>
            </div>
            <div class="max-w-340">
                <p class="fw-normal tw-text-lg text-dark-500 tw-mb-8" data-aos="fade-up" data-aos-duration="1000">245m+ happy clients all around the world. Don’t just take our word for it</p>
                <div class="d-flex align-items-center tw-gap-1"> 
                    <button type="button" class="testimonial-button-prev w-12 h-12 border-base-two-600 border rounded-circle d-flex align-items-center justify-content-center tw-text-6 hover-bg-base-two-600 tw-duration-400 hover-text-white" data-aos="fade-right" data-aos-duration="800">
                        <i class="ph ph-caret-left"></i>
                    </button>
                    <button type="button" class="testimonial-button-next w-12 h-12 border-base-two-600 border rounded-circle d-flex align-items-center justify-content-center tw-text-6 hover-bg-base-two-600 tw-duration-400 hover-text-white" data-aos="fade-left" data-aos-duration="800">
                        <i class="ph ph-caret-right"></i>
                    </button>
                </div>
            </div>
        </div>


        <div class="swiper testimonial-two-slider">
            <div class="swiper-wrapper d-flex">
        
                <div class="swiper-slide">
                    <div class="bg-neutral-10 tw-px-8 tw-py-8 rounded-3">
                        <div class="">
                            
                            <div class="d-flex align-items-center justify-content-between tw-gap-3 flex-wrap tw-mb-6">
                                <div class="d-flex align-items-center tw-gap-3">
                                    <img \1="{{ asset(\'assets/images/thumbs/testimonial-two-img1.png" alt="Darlene Robertson">
                                    <div class="">
                                        <h5 class="fw-medium text-dark-600 tw-mb-05">Darlene Robertson</h5>
                                        <span class="fw-normal text-dark-500 tw-text-lg">Software Tester</span>
                                    </div>
                                </div>
                                <img \1="{{ asset(\'assets/images/icon/testimonial-icon1.png" alt="Quote Icon">
                            </div>
                        </div>
                            <p class="fw-normal text-dark-500 tw-text-lg tw-mb-6">
                                This online banking platform is incredibly user-friendly! I can manage my finances effortlessly with just a few clicks. I feel safe knowing that my transactions are secured with top-notch encryption.
                            </p>
                            <span class="w-100 bg-neutral-05 h-005 d-block"></span>
                            <div class="d-flex align-items-center tw-gap-5 justify-content-between flex-wrap tw-mt-8">
                                <h4 class="fw-medium text-dark-600">4.5 - Excellent</h4>
                                <ul class="d-flex align-items-center tw-gap-1">
                                    <li class="tw-text-6 text-warning-500"><i class="ph-fill ph-star"></i></li>
                                    <li class="tw-text-6 text-warning-500"><i class="ph-fill ph-star"></i></li>
                                    <li class="tw-text-6 text-warning-500"><i class="ph-fill ph-star"></i></li>
                                    <li class="tw-text-6 text-warning-500"><i class="ph-fill ph-star"></i></li>
                                    <li class="tw-text-6 text-warning-500"><i class="ph-fill ph-star-half"></i></li>
                                </ul>
                            </div>
                    </div>
                </div>
        
                <div class="swiper-slide">
                    <div class="bg-neutral-10 tw-px-8 tw-py-8 rounded-3">
                        <div class="">
                            
                            <div class="d-flex align-items-center justify-content-between tw-gap-3 flex-wrap tw-mb-6">
                                <div class="d-flex align-items-center tw-gap-3">
                                    <img \1="{{ asset(\'assets/images/thumbs/testimonial-two-img2.png" alt="Darlene Robertson">
                                    <div class="">
                                        <h5 class="fw-medium text-dark-600 tw-mb-05">Marvin McKinney</h5>
                                        <span class="fw-normal text-dark-500 tw-text-lg">Ethical Hacker</span>
                                    </div>
                                </div>
                                <img \1="{{ asset(\'assets/images/icon/testimonial-icon1.png" alt="Quote Icon">
                            </div>
                        </div>
                            <p class="fw-normal text-dark-500 tw-text-lg tw-mb-6">
                                The mobile app is a game-changer. I can check my balance, transfer funds, and even deposit checks—all from my phone.Everything works seamlessly, from transfers to bill payments.
                            </p>
                            <span class="w-100 bg-neutral-05 h-005 d-block"></span>
                            <div class="d-flex align-items-center tw-gap-5 justify-content-between flex-wrap tw-mt-8">
                                <h4 class="fw-medium text-dark-600">4.5 - Excellent</h4>
                                <ul class="d-flex align-items-center tw-gap-1">
                                    <li class="tw-text-6 text-warning-500"><i class="ph-fill ph-star"></i></li>
                                    <li class="tw-text-6 text-warning-500"><i class="ph-fill ph-star"></i></li>
                                    <li class="tw-text-6 text-warning-500"><i class="ph-fill ph-star"></i></li>
                                    <li class="tw-text-6 text-warning-500"><i class="ph-fill ph-star"></i></li>
                                    <li class="tw-text-6 text-warning-500"><i class="ph-fill ph-star-half"></i></li>
                                </ul>
                            </div>
                    </div>
                </div>

                <div class="swiper-slide">
                    <div class="bg-neutral-10 tw-px-8 tw-py-8 rounded-3">
                        <div class="">
                            
                            <div class="d-flex align-items-center justify-content-between tw-gap-3 flex-wrap tw-mb-6">
                                <div class="d-flex align-items-center tw-gap-3">
                                    <img \1="{{ asset(\'assets/images/thumbs/testimonial-two-img1.png" alt="Darlene Robertson">
                                    <div class="">
                                        <h5 class="fw-medium text-dark-600 tw-mb-05">Darlene Robertson</h5>
                                        <span class="fw-normal text-dark-500 tw-text-lg">Software Tester</span>
                                    </div>
                                </div>
                                <img \1="{{ asset(\'assets/images/icon/testimonial-icon1.png" alt="Quote Icon">
                            </div>
                        </div>
                            <p class="fw-normal text-dark-500 tw-text-lg tw-mb-6">
                                This online banking platform is incredibly user-friendly! I can manage my finances effortlessly with just a few clicks. I feel safe knowing that my transactions are secured with top-notch encryption.
                            </p>
                            <span class="w-100 bg-neutral-05 h-005 d-block"></span>
                            <div class="d-flex align-items-center tw-gap-5 justify-content-between flex-wrap tw-mt-8">
                                <h4 class="fw-medium text-dark-600">4.5 - Excellent</h4>
                                <ul class="d-flex align-items-center tw-gap-1">
                                    <li class="tw-text-6 text-warning-500"><i class="ph-fill ph-star"></i></li>
                                    <li class="tw-text-6 text-warning-500"><i class="ph-fill ph-star"></i></li>
                                    <li class="tw-text-6 text-warning-500"><i class="ph-fill ph-star"></i></li>
                                    <li class="tw-text-6 text-warning-500"><i class="ph-fill ph-star"></i></li>
                                    <li class="tw-text-6 text-warning-500"><i class="ph-fill ph-star-half"></i></li>
                                </ul>
                            </div>
                    </div>
                </div>
        
            </div>
        </div>
        

    </div>
</section>
<!-- ==================== Testimonials Two Section end ================ -->




<!-- ======================= Articles Two Section Start ===================== -->
<section class="py-140 z-1 bg-neutral-10">
    <div class="container">

        <div class="d-flex tw-gap-5 justify-content-between flex-wrap tw-mb-80-px">
            <div class="max-w-768">
                <div class="d-flex align-items-center tw-gap-1 tw-mb-3" data-aos="fade-up" data-aos-duration="600">
                    <img \1="{{ asset(\'assets/images/icon/star-icon3.png" alt="Image">
                    <h5 class="fw-normal text-dark-600 cursor-big">Articles</h5>
                </div>
                <h2 class="fw-normal h1 text-dark-600 cursor-big" data-aos="fade-up" data-aos-duration="800">Our Latest
                    <br>
                    Blog
                </h2>
            </div>
            <div class="max-w-350">
                <p class="text-dark-500 fw-normal tw-text-lg tw-mb-8" data-aos="fade-up" data-aos-duration="900">Discover Our Latest Expert Insights, Tips, and Trends on the Blog Today</p>
                <div class="position-relative" data-aos="fade-up" data-aos-duration="1000">
                    <a href="blog-list.html" class="articles-link tw-px-5 tw-py-205 bg-main-600 rounded-3 tw-text-lg text-dark-700 border-two-px-solid fw-semibold hover-text-dark-600">
                        ALL BLOGS
                    </a>
                </div>
            </div>
        </div>

        <div class="row gy-4">

            <div class="col-lg-4 col-md-6">
                <div class="position-relative z-1" data-aos="fade-up" data-aos-duration="800">
                    <img \1="{{ asset(\'assets/images/thumbs/articles-two-img1.png" alt="Image" class="w-100 h-100">

                    <span class="tw-px-3 tw-py-2 bg-main-600 tw-rounded-md fw-normal tw-text-4 text-dark-600 position-absolute inset-inline-start-24px inset-block-start-24px">
                        Finance
                    </span>
                    <div class="position-relative z-1 margin-block-start--87px">

                        <div class="articles-bank-card tw-px-6 tw-py-6 bg-white tw-rounded-xl text-center justify-content-center max-w-368 border-bottom-base-two-600 mx-auto">
                            <h4 class="fw-normal text-dark-600 tw-mb-6 cursor-big line-clamp-2">How to Identify and Avoid Online Banking </h4>
                            <a href="blog-details.html" class="bg-neutral-10 tw-px-6 tw-py-205 fw-bold tw-text-4 text-dark-600 w-100 d-flex align-items-center justify-content-center hover-text-white hover-bg-base-two-600 tw-transition-04-secend tw-rounded-xl">
                                Read More
                            </a>
                        </div>

                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6">
                <div class="position-relative z-1"  data-aos="fade-up" data-aos-duration="1000">
                    <img \1="{{ asset(\'assets/images/thumbs/articles-two-img2.png" alt="Image" class="w-100 h-100">

                    <span class="tw-px-3 tw-py-2 bg-main-600 tw-rounded-md fw-normal tw-text-4 text-dark-600 position-absolute inset-inline-start-24px inset-block-start-24px">
                        Finance
                    </span>
                    <div class="position-relative z-1 margin-block-start--87px">

                        <div class="articles-bank-card tw-px-6 tw-py-6 bg-white tw-rounded-xl text-center justify-content-center max-w-368 border-bottom-base-two-600 mx-auto">
                            <h4 class="fw-normal text-dark-600 tw-mb-6 cursor-big line-clamp-2">How to Apply for a Online Banking Services</h4>
                            <a href="blog-details.html" class="bg-neutral-10 tw-px-6 tw-py-205 fw-bold tw-text-4 text-dark-600 w-100 d-flex align-items-center justify-content-center hover-text-white hover-bg-base-two-600 tw-transition-04-secend tw-rounded-xl">
                                Read More
                            </a>
                        </div>

                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-md-6">
                <div class="position-relative z-1" data-aos="fade-up" data-aos-duration="1200">
                    <img \1="{{ asset(\'assets/images/thumbs/articles-two-img3.png" alt="Image" class="w-100 h-100">

                    <span class="tw-px-3 tw-py-2 bg-main-600 tw-rounded-md fw-normal tw-text-4 text-dark-600 position-absolute inset-inline-start-24px inset-block-start-24px">
                        Finance
                    </span>
                    <div class="position-relative z-1 margin-block-start--87px">

                        <div class="articles-bank-card tw-px-6 tw-py-6 bg-white tw-rounded-xl text-center justify-content-center max-w-368 border-bottom-base-two-600 mx-auto">
                            <h4 class="fw-normal text-dark-600 tw-mb-6 cursor-big line-clamp-2">How to Pay Bills Online: A Beginner’s Guide</h4>
                            <a href="blog-details.html" class="bg-neutral-10 tw-px-6 tw-py-205 fw-bold tw-text-4 text-dark-600 w-100 d-flex align-items-center justify-content-center hover-text-white hover-bg-base-two-600 tw-transition-04-secend tw-rounded-xl">
                                Read More
                            </a>
                        </div>

                    </div>
                </div>
            </div>

        </div>

    </div>
</section>
<!-- ======================= Articles Two Section End ===================== -->


<!-- ==================== Footer Two Section Start Here ==================== -->
<footer class="pt-120 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">
                        <div class="tw-mb-15">
                            <a href="index.html">
                                <img \1="{{ asset(\'assets/images/logo/logo3.png" alt="Image" class="tw-mb-6">
                            </a>
                            <p class="fw-normal tw-text-lg text-neutral-10 tw-mb-8">We’ve got the perfect tools for your toward excellence.</p>
                        </div>
                        <div>
                            <h4 class="text-white fw-normal tw-mb-6 cursor-big">Contact Us</h4>
                            <ul>
                                <li class="d-flex align-items-center tw-gap-2 tw-mb-3 group">
                                    <span class="text-neutral-10 tw-text-6 group-hover-text-main-600 tw-duration-500">
                                        <i class="ph ph-phone-call"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-neutral-10 group-hover-text-main-600 tw-duration-500">
                                        (702) 555-0122
                                    </span>
                                </li>
                                <li class="d-flex align-items-center tw-gap-2 group">
                                    <span class="text-neutral-10 tw-text-6 group-hover-text-main-600 tw-duration-500">
                                        <i class="ph ph-envelope-simple"></i>
                                    </span>
                                    <span class="fw-normal tw-text-lg text-neutral-10 group-hover-text-main-600 tw-duration-500">
                                        kenzi.lawson@example.com
                                    </span>
                                </li>
                            </ul>
                        </div>
                    </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="blog-details.html" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">Our Blog</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">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="javascript:void(0)" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">Transfer Money</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">Saving Account</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">Online Shopping</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">Our Services</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">Pay Bills</a>
                            </li>
                       </ul>
                    </div>
                </div>
    
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <div  data-aos="fade-up" data-aos-duration="1200">
                        <h4 class="fw-normal text-white tw-mb-10 cursor-big">Subscribe Now</h4>
                        <form action="#" class="d-flex align-items-center tw-gap-3 tw-mb-15">
                            <input type="email" placeholder="Your Email" class="text-neutral-05 tw-px-4 tw-py-305 bg-transparent border-dark-500 border tw-rounded-xl w-100 focus-visible-border-main-600">
                            <button type="submit" class="tw-w-13 tw-h-13 bg-main-600 tw-rounded-xl text-dark-600 tw-text-2xl d-flex align-items-center justify-content-center flex-shrink-0">
                                <i class="ph ph-paper-plane-tilt"></i>
                            </button>
                        </form>
                        <ul class="d-flex align-items-center tw-gap-5">
                            <li>    
                                <a href="https://www.facebook.com">
                                    <img \1="{{ asset(\'assets/images/icon/footer-facebook-logo.png" alt="Image">
                                </a>
                            </li>
                            <li>
                                <a href="https://medium.com">
                                    <img \1="{{ asset(\'assets/images/icon/footer-medium-logo.png" alt="Image">
                                </a>
                            </li>
                            <li>
                                <a href="https://youtube.com">
                                    <img \1="{{ asset(\'assets/images/icon/footer-youtube-logo.png" alt="Image">
                                </a>
                            </li>
                            <li>
                                <a href="https://x.com/i/flow/login">
                                    <img \1="{{ asset(\'assets/images/icon/footer-twitter-logo.png" alt="Image">
                                </a>
                            </li>
                        </ul> 
                    </div>
                </div>
    
            </div>
        </div>



        <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-medium tw-text-lg text-white">Copyright @ 2025 PayOne</p>
                <span class="fw-medium tw-text-lg text-white">
                    Designed By 
                    <span class="text-main-600">
                        wowtheme7
                    </span>
                </span>
            </div>
        </div>

    </div>
</footer>

<!-- ==================== Footer Two Section End Here ==================== -->
  

    <!-- Jquery js -->
    <script \1="{{ asset(\'assets/js/jquery-3.7.1.min.js') }}"></script>
    <!-- phosphor Js -->
    <script \1="{{ asset(\'assets/js/phosphor-icon.js') }}"></script>
    <!-- Bootstrap Bundle Js -->
    <script \1="{{ asset(\'assets/js/boostrap.bundle.min.js') }}"></script>

    <!-- GSAP js -->
    <script \1="{{ asset(\'assets/js/gsap.min.js') }}"></script>
    <!-- SplitText -->
    <script \1="{{ asset(\'assets/js/SplitText.min.js') }}"></script>
    <!-- Scroll Trigger -->
    <script \1="{{ asset(\'assets/js/swiper-bundle.min.js') }}"></script>
    <!-- marquee js -->
    <script \1="{{ asset(\'assets/js/marquee-main.js') }}"></script>
    <!-- swper slider -->
    <script \1="{{ asset(\'assets/js/ScrollTrigger.min.js') }}"></script>
    <!-- ScrollSmoother -->
    <script \1="{{ asset(\'assets/js/ScrollSmoother.min.js') }}"></script>
    <!-- aos animation -->
    <script \1="{{ asset(\'assets/js/aos-animation.js') }}"></script>
    <!-- counter up -->
    <script \1="{{ asset(\'assets/js/counter-up.main.js') }}"></script>
    <!-- custom GSAP -->
    <script \1="{{ asset(\'assets/js/custom-gsap.js') }}"></script>
    <!-- magnific popup -->
    <script \1="{{ asset(\'assets/js/magific-popup.js') }}"></script>

    <!-- main js -->
    <script \1="{{ asset(\'assets/js/main.js') }}"></script>




    </body>
</html>

@endsection
