@extends('layouts.app')

@section('title', 'request-money')

@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 ==================== -->


<!-- ===================== my profile header section start ====================== -->
 <div class="header bg-white tw-py-505">
    <div class="container">
        <div class="d-flex align-items-center tw-gap-6 justify-content-between">
            <div class="d-flex align-items-center w-100 tw-gap-6 max-w-885-px">
                <a href="index.html">
                    <img \1="{{ asset(\'assets/images/logo/logo2.png" alt="Image">
                </a>
                    <form action="#" class="position-relative max-w-664px w-100 d-lg-block d-none ">
                        <input type="text" placeholder="Search" class="tw-pe-10 tw-ps-6 tw-py-4 bg-neutral-10 w-100 focus-visible-border-main-600 border-0 tw-text-4 text-dark-500 fw-normal rounded-pill">
                        <button class="tw-text-6 text-dark-600 position-absolute tw-end-1 tw-block-start-50 top-50 translate-middle">
                            <i class="ph ph-magnifying-glass"></i>
                        </button>
                    </form>
            </div>
            <div class="d-flex align-items-center tw-gap-6 ">
                <select class="fw-semibold tw-text-4 text-dark-600 border-0 focus-border-none d-sm-block d-none">
                    <option value="1">ENG</option>
                    <option value="1">Spanish</option>
                    <option value="1">Bangla</option>
                    <option value="1">German</option>
                    <option value="1">Chinese</option>
                    <option value="1">Korean</option>
                </select>
                <!-- Notification Start -->
                <div class="dropdown">
                    <button class="dropdown-btn shaking-animation text-gray-500 bg-neutral-10 hover-bg-neutral-10 transition-2 rounded-circle tw-text-7 flex-center tw-w-15 tw-h-15" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <span class="position-relative ">
                            <i class="ph ph-bell"></i>
                            <span class="alarm-notify position-absolute end-0"></span>
                        </span>
                    </button>
                    <div class="dropdown-menu tw-w-360-px border-0 bg-transparent p-0">
                        <div class="card border border-gray-100 tw-rounded-xl box-shadow-custom p-0 overflow-hidden">
                            <div class="card-body p-0">
                                <div class="tw-py-2 tw-px-6 bg-primary-400">
                                    <div class="d-flex align-items-center justify-content-between">
                                        <h5 class="text-xl fw-normal text-white mb-0">Notifications</h5>
                                        <div class="d-flex align-items-center tw-gap-3">
                                            <button type="button" class="bg-white tw-rounded-xl text-sm tw-px-2 tw-py-1 hover-text-primary-600"> New </button>
                                            <button type="button" class="close-dropdown hover-scale-1 text-xl text-white"><i class="ph ph-x"></i></button>
                                        </div>
                                    </div>
                                </div>
                                <div class="tw-px-5 tw-py-5 max-h-270 overflow-y-auto scroll-sm">
                                    <div class="d-flex align-items-start tw-gap-2">
                                        <img \1="{{ asset(\'assets/images/thumbs/newsletter-img1.png" alt="Image" class="tw-w-12 tw-h-12 rounded-circle object-fit-cover">
                                        <div class="border-bottom border-neutral-300 tw-mb-6 tw-pb-6">
                                            <div class="d-flex align-items-center tw-gap-2">
                                                <a href="javascript:void(0)" class="fw-semibold tw-text-4 mb-0 text-neutral-300 hover-text-main-600 line-clamp-2">Ashwin Bose is requesting access to Design File - Final Project. </a>
                                                <!-- Three Dot Dropdown Start -->
                                                <div class="dropdown flex-shrink-0">
                                                    <button class="text-neutral-200 rounded-4" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i class="ph-fill ph-dots-three-outline"></i>
                                                    </button>
                                                    <div class="dropdown-menu dropdown-menu--md border-0 bg-transparent p-0">
                                                        <div class="card border border-neutral-100 rounded-12 box-shadow-custom">
                                                            <div class="card-body p-12">
                                                                <div class="max-h-200 overflow-y-auto scroll-sm pe-8">
                                                                    <ul>
                                                                        <li class="mb-0">
                                                                            <a href="javascript:void(0)" class="tw-py-2 tw-text-4 tw-px-205 hover-bg-neutral-50 text-neutral-300 tw-rounded-md fw-normal text-xs d-block">
                                                                                <span class="text">Mark as read</span>
                                                                            </a>
                                                                        </li>
                                                                        <li class="mb-0">
                                                                            <a href="javascript:void(0)" class="tw-py-2 tw-text-4 tw-px-205 hover-bg-neutral-50 text-neutral-300 tw-rounded-md fw-normal text-xs d-block">
                                                                                <span class="text">Delete Notification</span>
                                                                            </a>
                                                                        </li>
                                                                        <li class="mb-0">
                                                                            <a href="javascript:void(0)" class="tw-py-2 tw-text-4 tw-px-205 hover-bg-neutral-50 text-neutral-300 tw-rounded-md fw-normal text-xs d-block">
                                                                                <span class="text">Report</span>
                                                                            </a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Three Dot Dropdown End -->
                                            </div>
                                            <div class="d-flex align-items-center tw-gap-2 tw-mt-2">
                                                <img \1="{{ asset(\'assets/images/icon/google-drive.png" alt="Image">
                                                <div class="d-flex align-items-center gap-2">
                                                    <p class="text-gray-900 text-sm text-line-1">Design brief and ideas.txt</p>
                                                    <span class="text-xs text-gray-200 flex-shrink-0">2.2 MB</span>
                                                </div>
                                            </div>
                                            <div class="tw-mt-4 d-flex align-items-center tw-gap-2 h-100">
                                                <button type="button" class="btn btn-main tw-py-2 tw-text-4 fw-normal tw-px-3 h-100">Accept</button>
                                                <button type="button" class="tw-py-1 border-neutral-05 border tw-text-4 fw-normal tw-px-2 tw-rounded-md hover-bg-neutral-300 tw-duration-500 hover-text-white">Decline</button>
                                            </div>
                                            <span class="text-gray-200 text-13 tw-mt-2">2 mins ago</span>
                                        </div>
                                    </div>
                                    <div class="d-flex align-items-start tw-gap-1">
                                        <img \1="{{ asset(\'assets/images/icon/notification-img2.png" alt="Image" class="tw-w-12 tw-h-12 rounded-circle object-fit-cover">
                                        <div class="">
                                            <a href="javascript:void(0)" class="fw-semibold tw-text-4 mb-0 text-neutral-300 hover-text-main-600 line-clamp-2">Patrick added a comment on Design Assets - Smart Tags file:</a>
                                            <span class="text-gray-200 tw-text-3">2 mins ago</span>
                                        </div>
                                    </div>
                                </div>
                                <a href="javascript:void(0)" class="tw-py-3 tw-px-6 fw-bold text-center d-block text-primary-600 border-top border-neutral-100 hover-underline tw-duration-500"> View All </a>

                            </div>
                        </div>
                    </div>
                </div>
                <!-- Notification Start -->

                <!-- User Profile Start -->
                <div class="dropdown">
                    <button class="position-relative" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <span class="position-relative tw-w-15 tw-h-15 flex-shrink-0">
                            <img \1="{{ asset(\'assets/images/thumbs/my-profile-img1.png" alt="Image" class="">
                        </span>
                    </button>
                    <div class="dropdown-menu dropdown-menu--lg border-0 bg-transparent p-0">
                        <div class="card border border-gray-100 tw-rounded-xl box-shadow-custom">
                            <div class="card-body">
                                <div class="d-flex align-items-center tw-gap-2 tw-mb-5 tw-pb-5 border-bottom border-gray-100">
                                    <img \1="{{ asset(\'assets/images/thumbs/my-profile-img1.png" alt="Image" class=" rounded-circle">
                                    <div class="">
                                        <h4 class="mb-0 fw-normal ">Michel John</h4>
                                        <p class="fw-medium tw-text-4 text-neutral-200 fw-semibold">examplemail@mail.com</p>
                                    </div>
                                </div>
                                <ul class="tw-h-270-px overflow-y-auto scroll-sm pe-4">
                                    <li class="tw-mb-1">
                                        <a href="my-profile.html" class="tw-py-3 tw-text-4 tw-px-5 hover-bg-gray-50 text-neutral-300 tw-rounded-lg d-flex align-items-center tw-gap-2 fw-semibold tw-text-4">
                                            <span class="tw-text-2xl text-primary-600 d-flex"><i class="ph ph-gear"></i></span>
                                            <span class="text">Account Settings</span>
                                        </a>
                                    </li>
                                    <li class="tw-mb-1">
                                        <a href="pricing-plan-other.html" class="tw-py-3 tw-text-4 tw-px-5 hover-bg-gray-50 text-neutral-300 tw-rounded-lg d-flex align-items-center tw-gap-2 fw-semibold tw-text-4">
                                            <span class="tw-text-2xl text-primary-600 d-flex">
                                                <i class="ph ph-chart-bar"></i>
                                            </span>
                                            <span class="text">Upgrade Plan</span>
                                        </a>
                                    </li>
                                    <li class="tw-mb-1">
                                        <a href="javascript:void(0)" class="tw-py-3 tw-text-4 tw-px-5 hover-bg-gray-50 text-neutral-300 tw-rounded-lg d-flex align-items-center tw-gap-2 fw-semibold tw-text-4">
                                            <span class="tw-text-2xl text-primary-600 d-flex">
                                                <i class="ph ph-chats-teardrop"></i>
                                            </span>
                                            <span class="text">Inbox</span>
                                        </a>
                                    </li>
                                    <li class="tw-mb-1">
                                        <a href="javascript:void(0)" class="tw-py-3 tw-text-4 tw-px-5 hover-bg-gray-50 text-neutral-300 tw-rounded-lg d-flex align-items-center tw-gap-2 fw-semibold tw-text-4">
                                            <span class="tw-text-2xl text-primary-600 d-flex">
                                                <i class="ph ph-envelope-simple"></i>
                                            </span>
                                            <span class="text">Email</span>
                                        </a>
                                    </li>
                                    <li class="tw-pt-2 border-top border-gray-100">
                                        <a href="log-in.html" class="tw-py-3 tw-text-4 tw-px-5 hover-bg-danger-50 text-neutral-300 hover-text-danger-600 tw-duration-500 tw-rounded-md d-flex align-items-center tw-gap-2 fw-semibold tw-text-4">
                                            <span class="tw-text-2xl text-danger-600 d-flex"><i class="ph ph-sign-out"></i></span>
                                            <span class="text">Log Out</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- User Profile Start -->

                <!-- <button type="button">
                    <img \1="{{ asset(\'assets/images/thumbs/my-profile-img1.png" alt="Image">
                </button> -->
            </div>
        </div>
    </div>
 </div>
 <div class="tw-h-333-px bg-base-two-600 position-relative z-1">
    <img \1="{{ asset(\'assets/images/shape/my-profile-shape-1.png" alt="Image" class="position-absolute z-n1 tw-block-end-0 tw-start-0">
    <img \1="{{ asset(\'assets/images/shape/my-profile-shape-2.png" alt="Image" class="position-absolute z-n1 tw-block-end-0 tw-end-0">
    <img \1="{{ asset(\'assets/images/shape/circle-shape-img1.png" alt="Image" class="position-absolute tw-start-100-px tw-block-start-100-px animation-rotation__two">
    <img \1="{{ asset(\'assets/images/shape/banner-two-shape5.png" alt="Image" class="position-absolute tw-end-60-px tw-block-end-75-px animation-Updowm__two">
 </div>
<!-- ===================== my profile header section end ====================== -->


<!-- ===================== account my profile section start ====================== -->
<section class="bg-neutral-10 z-1">
    <div class="container">
        <div class="tw-pb-8 d-xl-flex tw-gap-6 w-100 tw-mt--193px">
            <div class="dashboard-slidebar tw-w-306-px bg-white tw-rounded-xl">
    <div class="tw-pt-12 tw-px-12 position-relative">
        <button type="button" class="tw-text-7 text-dark-600 position-absolute tw-block-start-22-px tw-end-22-px">
            <i class="ph ph-pencil-simple-line"></i>
        </button>
        <button type="button" class="dashboard-close-button tw-text-xl tw-w-8 tw-h-8 border-neutral-200 rounded-circle hover-bg-base-two-600 hover-text-white tw-duration-500 d-flex align-items-center justify-content-center position-absolute z-1 tw-block-start-0 tw-mt-5 tw-start-24-px d-xl-none d-block">
            <i class="ph-bold ph-x"></i>
        </button>
        <div class="position-relative tw-mb-8">

            <div class="avatar-upload">
                <div class="avatar-edit tw-end-8 tw-block-end-6">
                        <input type='file' id="imageUpload" accept=".png, .jpg, .jpeg">
                    <label for="imageUpload" class="w-12 h-12 bg-base-two-600 rounded-circle tw-text-6 text-white d-flex align-items-center justify-content-center ">
                        <i class="ph ph-camera"></i>
                    </label>
                </div>
                <div class="avatar-preview border-base-two-600 border rounded-circle tw-px-2 tw-py-2">
                    <div id="imagePreview" style="background-image: url(assets/images/thumbs/my-profile-img-2.png);">
                    </div>
                </div>
            </div>
        </div>
        <div class="text-center justify-content-center">
            <h4 class="fw-normal text-dark-600 tw-mb-2">
                Leslie Alexander
            </h4>
            <span class="fw-normal tw-text-4 text-dark-500 ">
                Brooklyn, NY, USA
            </span>
        </div>
    </div>
    <div class="tw-px-6 tw-pb-6">
        <span class="border-bottom-neutral-05 w-100 tw-mb-8 tw-mt-8"></span>
        <ul class="header-nav-menu__item">

            <li class="header-nav-submenu__item tw-mb-4 activePage">
                <a href="dashboard.html" class="header-nav-submenu__link fw-normal tw-text-lg text-dark-600 d-flex align-items-center tw-gap-2 hover-text-white bg-neutral-10 tw-px-3 tw-py-3 rounded-3 hover-bg-base-two-600 tw-duration-400">
                    <span class="tw-text-6">
                        <i class="ph ph-house"></i>
                    </span>
                    Dashboard
                </a>
            </li>

            <li class="header-nav-submenu__item tw-mb-4 ">
                <a href="transactions.html" class="header-nav-submenu__link fw-normal tw-text-lg text-dark-600 d-flex align-items-center tw-gap-2 hover-text-white bg-neutral-10 tw-px-3 tw-py-3 rounded-3 hover-bg-base-two-600 tw-duration-400">
                    <span class="tw-text-6">
                        <i class="ph ph-arrows-left-right"></i>
                    </span>
                    Transaction
                </a>
            </li>

            <li class="header-nav-submenu__item tw-mb-4 ">
                <a href="send-money.html" class="header-nav-submenu__link fw-normal tw-text-lg text-dark-600 d-flex align-items-center tw-gap-2 hover-text-white bg-neutral-10 tw-px-3 tw-py-3 rounded-3 hover-bg-base-two-600 tw-duration-400">
                    <span class="tw-text-6">
                        <i class="ph ph-paper-plane-tilt"></i>
                    </span>
                    Send Money
                </a>
            </li>

            <li class="header-nav-submenu__item tw-mb-4 ">
                <a href="request-money.html" class="header-nav-submenu__link fw-normal tw-text-lg text-dark-600 d-flex align-items-center tw-gap-2 hover-text-white bg-neutral-10 tw-px-3 tw-py-3 rounded-3 hover-bg-base-two-600 tw-duration-400">
                    <span class="tw-text-6">
                        <i class="ph ph-currency-circle-dollar"></i>
                    </span>
                    Request Money
                </a>
            </li>

            <li class="header-nav-submenu__item tw-mb-4 group-item group">
                <a href="deposit-money.html" class="header-nav-submenu__link fw-normal tw-text-lg text-dark-600 d-flex align-items-center tw-gap-2 bg-neutral-10 tw-px-3 tw-py-3 rounded-3 tw-duration-400 group-hover-bg-base-two-600 group-hover-text-white">
                    <span class="tw-text-6 group-hover-item-text-invert tw-duration-400">
                        <img \1="{{ asset(\'assets/images/icon/hand-icon1.png" alt="Image">
                    </span>
                    Deposit Money
                </a>
            </li>

            <li class="header-nav-submenu__item tw-mb-4">
                <a href="withdraw-money.html" class="header-nav-submenu__link fw-normal tw-text-lg text-dark-600 d-flex align-items-center tw-gap-2 hover-text-white bg-neutral-10 tw-px-3 tw-py-3 rounded-3 hover-bg-base-two-600 tw-duration-400">
                    <span class="tw-text-6">
                        <i class="ph ph-bank"></i>
                    </span>
                    Withdraw Money
                </a>
            </li>

            <li class="header-nav-submenu__item tw-mb-4">
                <a href="notifications.html" class="header-nav-submenu__link fw-normal tw-text-lg text-dark-600 d-flex align-items-center tw-gap-2 hover-text-white bg-neutral-10 tw-px-3 tw-py-3 rounded-3 hover-bg-base-two-600 tw-duration-400">
                    <span class="tw-text-6">
                        <i class="ph ph-bell-ringing"></i>
                    </span>
                    Notifications
                </a>
            </li>

            <li class="border-bottom-neutral-05 w-100 tw-mb-8 tw-mt-8"></li>

            <li class="header-nav-submenu__item tw-mb-4">
                <a href="my-profile.html" class="header-nav-submenu__link fw-normal tw-text-lg text-dark-600 d-flex align-items-center tw-gap-2 hover-text-white bg-neutral-10 tw-px-3 tw-py-3 rounded-3 hover-bg-base-two-600 tw-duration-400">
                    <span class="tw-text-6">
                        <i class="ph ph-user"></i>
                    </span>
                    Account
                </a>
            </li>

            <li class="header-nav-submenu__item">
                <a href="log-in.html" class="header-nav-submenu__link fw-normal tw-text-lg text-dark-600 d-flex align-items-center tw-gap-2 hover-text-white bg-neutral-10 tw-px-3 tw-py-3 rounded-3 hover-bg-base-two-600 tw-duration-400">
                    <span class="tw-text-6">
                        <i class="ph ph-sign-out"></i>
                    </span>
                    Log Out
                </a>
            </li>

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

            <!-- ========================= my profile account tabe section start ======================== -->
<div class="flex-grow-1">

    <div class="bg-white tw-px-10 rounded-3 tw-py-8 w-100 tw-mb-6">
        <button type="button" class="dashboard-toggle-button text-base-two-600 tw-text-8 tw-mb-6 d-xl-none d-block tw-m-l-end">
            <i class="ph-bold ph-list"></i>
        </button>
        <div class="row gy-4">

            <div class="col-lg-6">
                <div class="bg-neutral-10 tw-pt-11 rounded-3 w-100 h-100">

                    <div class=" w-100 h-100">
                        <div class="text-center ">
                            <span class="text-base-two-600 tw-text-15 tw-mb-5">
                                <i class="ph-fill ph-wallet"></i>
                            </span>
                            <div>
                                <h2 class="fw-normal text-dark-600">$8,756.00</h2>
                                <span class="text-dark-500 fw-normal tw-text-lg">
                                    Available Balance
                                </span>
                            </div>
                        </div>
                        <span class="border-bottom-neutral-05 w-100 tw-mb-8 tw-mt-8"></span>
                        <div class="tw-px-3 tw-pb-3 d-flex align-items-center flex-wrap">
                            <a href="javascript:void(0)" class="tw-px-10 tw-py-3 fw-semibold text-primary-600 hover-bg-white rounded-3 text-center">
                                Total Withdraw
                            </a>
                            <a href="javascript:void(0)" class="tw-px-10 tw-py-3 fw-semibold text-primary-600 hover-bg-white rounded-3 text-center">
                                Total Deposit
                            </a>
                        </div>
                    </div>

                </div>
            </div>

            <div class="col-lg-6">
                <div class="bg-neutral-10 tw-pt-11 w-100 rounded-3 w-100 h-100">

                    <div>
                        <div class="text-center ">
                            <span class="text-base-two-600 tw-text-15 tw-mb-5">
                                <i class="ph-fill ph-headset"></i>
                            </span>
                            <div>
                                <h4 class="fw-normal text-dark-600 tw-mb-2">Need Help?</h4>
                                <p class="text-dark-500 fw-normal tw-text-lg">
                                    Need help with your account? <br> Our experts are ready to assist you!
                                </p>
                            </div>
                        </div>
                        <span class="border-bottom-neutral-05 w-100 tw-mb-6 tw-mt-6"></span>
                        <div class="tw-px-3 tw-pb-3 d-flex align-items-center">
                            <a href="javascript:void(0)" class="tw-py-3 fw-semibold text-white bg-base-two-600 rounded-3 w-100 text-center">
                                Chate With Us
                            </a>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>

    <div class="bg-white tw-px-15 tw-py-15 rounded-3 tw-mb-6">
        <ul class="nav nav-pills d-flex align-items-center tw-mb-15 tw-gap-3" id="pills-tab" role="tablist">
            <li class="nav-item send-money-item max-w-270-px w-100 text-center" role="presentation">
              <button class="nav-link active tw-text-4 tw-w-12 tw-h-12 rounded-circle tw-mb-3 mx-auto" id="pills-details-tab" data-bs-toggle="pill" data-bs-target="#pills-details" type="button" role="tab" aria-controls="pills-details" aria-selected="true">1</button>
              <span class="text-dark-500 fw-normal tw-text-4">
                    Details
              </span>
            </li>
            <li class="nav-item send-money-item max-w-270-px w-100 text-center" role="presentation">
              <button class="nav-link tw-text-4 tw-w-12 tw-h-12 rounded-circle tw-mb-3 mx-auto" id="pills-confirm-tab" data-bs-toggle="pill" data-bs-target="#pills-confirm" type="button" role="tab" aria-controls="pills-confirm" aria-selected="true">2</button>
              <span class="text-dark-500 fw-normal tw-text-4">
                    Confirm
              </span>
            </li>
            <li class="nav-item send-money-item max-w-270-px w-100 text-center" role="presentation">
              <button class="nav-link tw-text-4 tw-w-12 tw-h-12 rounded-circle tw-mb-3 mx-auto" id="pills-success-tab" data-bs-toggle="pill" data-bs-target="#pills-success" type="button" role="tab" aria-controls="pills-success" aria-selected="true">3</button>
              <span class="text-dark-500 fw-normal tw-text-4">
                    Success
              </span>
            </li>
        </ul>
        <div class="tab-content" id="pills-tabContent">
            <div class="tab-pane fade show active" id="pills-details" role="tabpanel" aria-labelledby="pills-details" tabindex="0">
                 <div class="max-w-526-px w-100 mx-auto">
    <div class="tw-mb-10 text-center">
        <h4 class="fw-normal text-dark-600 tw-mb-2">Request Money</h4>
        <p class="fw-normal tw-text-lg text-dark-500">Receive payments anytime, with ease & security worldwide.</p>
    </div>
    <div class="bg-neutral-10 tw-px-8 tw-py-8 rounded-3">
        <span class="fw-semibold tw-text-xl text-dark-600 justify-content-center d-flex">
            Payer Details
        </span>
        <span class="bg-base-two-10 w-100 tw-h-px tw-mb-6 tw-mt-6"></span>
        <form action="#" class="">

            <div class="tw-mb-4">
                <label for="Name" class="fw-normal tw-text-4 text-dark-600 tw-mb-3">Name*</label>
                    <input type="text" id="Name" placeholder="Enter Name" class="fw-normal tw-text-4 text-dark-500 tw-py-3 tw-ps-4 tw-ps-1 border-neutral-05 border rounded-3 w-100 focus-visible-border-main-600 border-neutral-10 border">
            </div>

            <div class="tw-mb-4">
                <label for="Email" class="fw-normal tw-text-4 text-dark-600 tw-mb-3">Email*</label>
                    <input type="text" id="Email" placeholder="Your Emial" class="fw-normal tw-text-4 text-dark-500 tw-py-3 tw-ps-4 tw-ps-1 border-neutral-05 border rounded-3 w-100 focus-visible-border-main-600 border-neutral-10 border">
            </div>

            <div class="tw-mb-4">
                <label for="Country" class="fw-normal tw-text-4 text-dark-600 tw-mb-3">Country*</label>
                <select id="Country" class="fw-normal tw-text-4 text-dark-500 tw-py-3 tw-ps-4 tw-ps-1 border-neutral-05 border rounded-3 w-100 focus-visible-border-main-600 border-neutral-10 border">
                    <option value="1">Bangladesh</option>
                    <option value="6">Bhutan</option>
                    <option value="7">Maldives</option>
                    <option value="8">Afghanistan</option>
                    <option value="9">China</option>    
                </select>
            </div>

            <div class="tw-mb-4">
                <label for="amount" class="fw-normal tw-text-4 text-dark-600 tw-mb-2">
                    You Send*
                </label>
                <div class="position-relative">
                    <input placeholder="2.00.000" id="amount" class="tw-px-3 tw-py-3 w-100 fw-normal tw-text-4 text-dark-600 rounded-3 border-neutral-05 border focus-visible-border-main-600">
                    <div class="select-dropdown-wrapper tw-ms-2 tw-ml-2">
                        <button type="button" class="select-button d-flex align-items-center tw-gap-105 position-absolute top-0 end-0 top-50 translate-middle-y tw-me-4">
                                <span class="select-dropdown__flag">
                                    <img \1="{{ asset(\'assets/images/flag/iceland.png" alt="Flag" class=" tw-w-4 tw-h-3">
                                </span>
                            <span class="select-button__text tw-text-sm fw-normal text-dark-500 text-uppercase fw-semibold">USD</span>
                            <span class="select-button__arrow tw-text-xs text-white-83 tw-leading-none tw-duration-200">
                                <i class="ph-bold ph-caret-down"></i>
                            </span>
                        </button>
                        <ul class="select-dropdown bg-white tw-p-2 tw-rounded-md position-absolute top-100 tw-end-0 tw-z-99 min-w-max tw-mt-2 invisible opacity-0 tw-duration-200 tw-max-h-400-px overflow-y-auto shadow">
                            <li class="select-dropdown__item d-flex align-items-center tw-gap-205 tw-py-1 tw-px-205 tw-rounded tw-duration-200 hover-bg-neutral-10 w-100">
                                <span class="select-dropdown__flag">
                                    <img \1="{{ asset(\'assets/images/flag/iceland.png" alt="Flag" class=" tw-w-4 tw-h-3">
                                </span>
                                <span class="select-dropdown__text text-capitalize tw-text-sm text-neutral-600 fw-semibold">USD</span>
                            </li>
                            <li class="select-dropdown__item d-flex align-items-center tw-gap-205 tw-py-1 tw-px-205 tw-rounded tw-duration-200 hover-bg-neutral-10 w-100">
                                <span class="select-dropdown__flag">
                                    <img \1="{{ asset(\'assets/images/flag/bangladesh.png" alt="Flag" class=" tw-w-4 tw-h-3">
                                </span>
                                <span class="select-dropdown__text text-capitalize tw-text-sm text-neutral-600 fw-semibold">BAN</span>
                            </li>
                            <li class="select-dropdown__item d-flex align-items-center tw-gap-205 tw-py-1 tw-px-205 tw-rounded tw-duration-200 hover-bg-neutral-10 w-100">
                                <span class="select-dropdown__flag">
                                    <img \1="{{ asset(\'assets/images/flag/china.png" alt="Flag" class=" tw-w-4 tw-h-3">
                                </span>
                                <span class="select-dropdown__text text-capitalize tw-text-sm text-neutral-600 fw-semibold">CHA</span>
                            </li>
                            <li class="select-dropdown__item d-flex align-items-center tw-gap-205 tw-py-1 tw-px-205 tw-rounded tw-duration-200 hover-bg-neutral-10 w-100">
                                <span class="select-dropdown__flag">
                                    <img \1="{{ asset(\'assets/images/flag/japan.png" alt="Flag" class=" tw-w-4 tw-h-3">
                                </span>
                                <span class="select-dropdown__text text-capitalize tw-text-sm text-neutral-600 fw-semibold">JAP</span>
                            </li>
                            <li class="select-dropdown__item d-flex align-items-center tw-gap-205 tw-py-1 tw-px-205 tw-rounded tw-duration-200 hover-bg-neutral-10 w-100">
                                <span class="select-dropdown__flag">
                                    <img \1="{{ asset(\'assets/images/flag/prance.png" alt="Flag" class=" tw-w-4 tw-h-3">
                                </span>
                                <span class="select-dropdown__text text-capitalize tw-text-sm text-neutral-600 fw-semibold">PRANCE</span>
                            </li>
                        </ul>   
                    </div>
                </div>
    
            </div>

            <div class="tw-mb-4">
                <label for="Description" class="fw-normal tw-text-4 text-dark-600 tw-mb-3">Description*</label>       
                    <textarea id="Description" placeholder="Payment Description" class="fw-normal tw-text-4 text-dark-500 tw-py-3 tw-ps-4 tw-pe-1 border-neutral-05 border rounded-3 w-100 focus-visible-border-main-600 tw-h-100-px border-neutral-10 border"></textarea>
            </div>

            <div>
                <input type="date" class="bg-white tw-px-4 tw-py-3 bg-white w-100 rounded-3 border-neutral-10 border focus-visible-border-main-600">
            </div>

        </form>
        <div class="position-relative w-100 z-1 h-100 tw-mt-6">
            <button type="submit" class="send-details-button text-center fw-semibold tw-text-lg text-white bg-base-two-600 rounded-3 border-two-px-solid w-100 tw-py-3">
                COUNTINUE
            </button>
        </div>
    </div>
</div>
            </div>
            <div class="tab-pane fade" id="pills-confirm" role="tabpanel" aria-labelledby="pills-confirm-tab" tabindex="0">
                 <div class="max-w-526-px w-100 mx-auto">
    <div class="tw-mb-10 text-center">
        <h4 class="fw-normal text-dark-600 tw-mb-2">Request Money</h4>
        <p class="fw-normal tw-text-lg text-dark-500">You are sending money to
            <span class="text-dark-700 fw-semibold">
                kenzi.@example.com
            </span>
        </p>
    </div>
    <div class="bg-neutral-10 tw-px-8 tw-py-8 rounded-3">
        <span class="fw-semibold tw-text-xl text-dark-600 justify-content-center d-flex">
            Confirm Details
        </span>
        <span class="bg-base-two-10 w-100 tw-h-px tw-mb-6 tw-mt-6"></span>
        <div class="tw-mb-6">

            <div class="d-flex align-items-center tw-gap-3 flex-wrap tw-mb-6">
                <span class="fw-normal tw-text-lg text-dark-500 max-w-152-px w-100">
                    Name:
                </span>
                <span class="fw-semibold tw-text-lg text-dark-600">
                    Leslie Alexander
                </span>
            </div>

            <div class="d-flex align-items-center tw-gap-3 flex-wrap tw-mb-6">
                <span class="fw-normal tw-text-lg text-dark-500 max-w-152-px w-100">
                    Email:
                </span>
                <span class="fw-semibold tw-text-lg text-dark-600">
                    kenzi.@example.com
                </span>
            </div>

            <div class="d-flex align-items-center tw-gap-3 flex-wrap tw-mb-6">
                <span class="fw-normal tw-text-lg text-dark-500 max-w-152-px w-100">
                    Country:
                </span>
                <span class="fw-semibold tw-text-lg text-dark-600">
                    France
                </span>
            </div>

            <div class="d-flex align-items-center tw-gap-3 flex-wrap tw-mb-6">
                <span class="fw-normal tw-text-lg text-dark-500 max-w-152-px w-100">
                    Payment due by:
                </span>
                <span class="fw-semibold tw-text-lg text-dark-600">
                    5,000.00 USD
                </span>
            </div>

            <div class="d-flex tw-gap-3 tw-mb-6">
                <span class="fw-normal tw-text-lg text-dark-500 max-w-152-px w-100">
                    Description:
                </span>
                <p class="fw-normal tw-text-lg text-dark-500 max-w-282-px w-100 flex-wrap ">
                    Effortlessly request money from friends, family, or clients anytime, anywhere. Secure, fast, and hassle-free transactions."
                </p>
            </div>
            
        </div>
        <div class="position-relative w-100 z-1 h-100">
            <button type="button" class="send-details-button text-center fw-semibold tw-text-lg text-white bg-base-two-600 rounded-3 border-two-px-solid w-100 tw-py-3">
                REQUEST MONEY
            </button>
        </div>
    </div>
</div>
            </div>
            <div class="tab-pane fade" id="pills-success" role="tabpanel" aria-labelledby="pills-success-tab" tabindex="0">
                 <div class="max-w-526-px w-100 mx-auto">
    <div class="tw-mb-10 text-center">
        <h4 class="fw-normal text-dark-600">Send Money</h4>
    </div>
    <div class="bg-neutral-10 tw-px-8 tw-py-8 rounded-3">
        <span class="tw-mb-6 d-flex justify-content-center ">
            <img \1="{{ asset(\'assets/images/icon/check-circle-icon1.png" alt="Image">
        </span>
        <div class="text-center tw-mb-6">
            <h4 class="fw-normal text-dark-600 tw-mb-2">Success</h4>
            <span class="fw-normal tw-text-lg text-dark-500">
                Transactions Complete
            </span>
        </div>
        <p class="fw-normal tw-text-lg text-dark-500 tw-mb-6 text-center">
            You've Succesfully sent
            <span class="fw-semibold">
                $1000
            </span>
            to
            <span class="fw-semibold">
                kenzi.@example.com
            </span>
            See transaction details under
            <a href="javascript:void(0)" class="text-primary-600 border-primary-600-1px border-top-0 border-start-0 border-end-0">
                Activity.
            </a>
        </p>
        <div class="position-relative w-100 z-1 h-100">
            <button type="button" class="send-details-button text-center fw-semibold tw-text-lg text-white bg-base-two-600 rounded-3 border-two-px-solid w-100 tw-py-3">
                REQUEST MONEY AGAIN
            </button>
        </div>
         <div class="d-flex align-items-center tw-gap-2 justify-content-center tw-mt-6">
            <span class="tw-text-6 text-primary-600 ">
                <i class="ph ph-printer"></i>
            </span>
            <span class="text-primary-600 fw-semibold tw-text-lg">Print</span>
         </div>
    </div>
</div>
            </div>
          </div>
    </div>  

 </div>
<!-- ========================= my profile account tabe section end ======================== -->

        </div>
    </div>
 </section>
<!-- ===================== account my profile section end ====================== -->

<!-- =========================== my profile footer section start ============================= -->
 <div class="tw-py-6">
    <div class="container">
        <div class="d-flex align-items-center tw-gap-6 justify-content-between flex-wrap">
            <p class="text-dark-600 fw-normal tw-text-lg ">Copyright ©2025 paynone Designed By
                <span class="text-primary-600">wowtheme7</span>
            </p>
            <ul class="d-flex align-items-center tw-gap-2 flex-wrap">
                <li>
                    <a href="https://www.facebook.com" class="w-11 h-11 bg-base-two-10 tw-text-xl text-dark-600 rounded-circle hover-bg-base-two-600 hover-text-white tw-duration-400 d-flex align-items-center justify-content-center">
                        <i class="ph ph-facebook-logo"></i>
                    </a>
                </li>
                <li>
                    <a href="https://www.instagram.com/accounts/login" class="w-11 h-11 bg-base-two-10 tw-text-xl text-dark-600 rounded-circle hover-bg-base-two-600 hover-text-white tw-duration-400 d-flex align-items-center justify-content-center">
                        <i class="ph ph-instagram-logo"></i>
                    </a>
                </li>
                <li>
                    <a href="https://twitter-cl.vercel.app/login" class="w-11 h-11 bg-base-two-10 tw-text-xl text-dark-600 rounded-circle hover-bg-base-two-600 hover-text-white tw-duration-400 d-flex align-items-center justify-content-center">
                        <i class="ph ph-twitter-logo"></i>
                    </a>
                </li>
                <li>
                    <a href="https://www.linkedin.com" class="w-11 h-11 bg-base-two-10 tw-text-xl text-dark-600 rounded-circle hover-bg-base-two-600 hover-text-white tw-duration-400 d-flex align-items-center justify-content-center">
                        <i class="ph ph-linkedin-logo"></i>
                    </a>
                </li>
            </ul>
            <div class="d-flex align-items-center tw-gap-6 flex-wrap">
                <a href="javascript:void(0)" class="fw-normal tw-text-lg text-dark-500">
                    Privacy policy
                </a>
                <a href="javascript:void(0)" class="fw-normal tw-text-lg text-dark-500">
                    Terms of condition
                </a>
            </div>
        </div>
    </div>
 </div>
<!-- =========================== my profile footer section end ============================= -->

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