@extends('layouts.app')

@section('title', 'my-profile')

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


<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-5 tw-py-5 rounded-3 tw-mb-6">
        <ul class="nav nav-pills d-flex align-items-center tw-gap-3" id="pills-tab" role="tablist">
            <li class="nav-item" role="presentation">
              <button class="nav-link active px-80 tw-py-3 max-w-222-px w-100" id="pills-account-tab" data-bs-toggle="pill" data-bs-target="#pills-account" type="button" role="tab" aria-controls="pills-account" aria-selected="true">Account</button>
            </li>
            <li class="nav-item" role="presentation">
              <button class="nav-link px-80 tw-py-3" id="pills-security-tab" data-bs-toggle="pill" data-bs-target="#pills-security" type="button" role="tab" aria-controls="pills-security" aria-selected="true">Security</button>
            </li>
            <li class="nav-item" role="presentation">
              <button class="nav-link tw-px-12 tw-py-3" id="pills-payment-tab" data-bs-toggle="pill" data-bs-target="#pills-payment" type="button" role="tab" aria-controls="pills-payment" aria-selected="true">Payment Methods</button>
            </li>
            <li class="nav-item" role="presentation">
              <button class="nav-link tw-px-72-px tw-py-3" id="pills-notifications-tab" data-bs-toggle="pill" data-bs-target="#pills-notifications" type="button" role="tab" aria-controls="pills-notifications" aria-selected="true">Notifications</button>
            </li>
        </ul>
    </div>

    <div class="bg-white rounded-3">
        <div class="tab-content" id="pills-tabContent">
            <div class="tab-pane fade show active" id="pills-account" role="tabpanel" aria-labelledby="pills-account-tab" tabindex="0">
                 <div class="tw-px-10 tw-py-8">
    <h4 class="fw-normal text-dark-600 tw-mb-8">Personal Details</h4>
    <form action="#" class="">
        <div class="row gy-4">
            
            <div class="col-lg-6">
                <div>
                    <span class="fw-normal tw-text-4 text-dark-600 tw-mb-3">
                        Frist Name*
                    </span>
                        <input type="text" placeholder="Frist Name" class="text-dark-500 fw-normal tw-text-4 tw-px-3 tw-py-3 rounded-3 border-neutral-50 border w-100 focus-visible-border-main-600">
                </div>
            </div>

            <div class="col-lg-6">
                <div>
                    <span class="fw-normal tw-text-4 text-dark-600 tw-mb-3">
                        Last Name*
                    </span>
                        <input type="text" placeholder="Last Name" class="text-dark-500 fw-normal tw-text-4 tw-px-3 tw-py-3 rounded-3 border-neutral-50 border w-100 focus-visible-border-main-600">
                </div>
            </div>

            <div class="col-lg-6">
                <div>
                    <span class="fw-normal tw-text-4 text-dark-600 tw-mb-3">
                        Phone Number*
                    </span>
                        <input type="text" placeholder="Number" class="text-dark-500 fw-normal tw-text-4 tw-px-3 tw-py-3 rounded-3 border-neutral-50 border w-100 focus-visible-border-main-600">
                </div>
            </div>

            <div class="col-lg-6">
                <div>
                    <span class="fw-normal tw-text-4 text-dark-600 tw-mb-3">
                        Email Address*
                    </span>
                        <input type="text" placeholder="Address" class="text-dark-500 fw-normal tw-text-4 tw-px-3 tw-py-3 rounded-3 border-neutral-50 border w-100 focus-visible-border-main-600">
                </div>
            </div>

            <div class="col-lg-6">
                <div>
                    <span class="fw-normal tw-text-4 text-dark-600 tw-mb-3">
                        City*
                    </span>
                        <input type="text" placeholder="Bridgeport" class="text-dark-500 fw-normal tw-text-4 tw-px-3 tw-py-3 rounded-3 border-neutral-50 border w-100 focus-visible-border-main-600">
                </div>
            </div>

            <div class="col-lg-6">
                <div>
                    <span class="fw-normal tw-text-4 text-dark-600 tw-mb-3">
                        State/Country*
                    </span>
                        <input type="text" placeholder="WA" class="text-dark-500 fw-normal tw-text-4 tw-px-3 tw-py-3 rounded-3 border-neutral-50 border w-100 focus-visible-border-main-600">
                </div>
            </div>

            <div class="col-lg-6">
                <div>
                    <span class="fw-normal tw-text-4 text-dark-600 tw-mb-3">
                        Postcode*
                    </span>
                        <input type="text" placeholder="310005" class="text-dark-500 fw-normal tw-text-4 tw-px-3 tw-py-3 rounded-3 border-neutral-50 border w-100 focus-visible-border-main-600">
                </div>
            </div>

            <div class="col-lg-6">
                <div>
                    <span class="fw-normal tw-text-4 text-dark-600 tw-mb-3">
                       Country*
                    </span>
                        <input type="text" placeholder="United States" class="text-dark-500 fw-normal tw-text-4 tw-px-3 tw-py-3 rounded-3 border-neutral-50 border w-100 focus-visible-border-main-600">
                </div>
            </div>

        </div>
        <button type="submit" class="bg-base-two-600 text-white fw-semibold tw-text-lg tw-px-6 tw-py-3 tw-rounded-xl tw-mt-6">
            Update Profile
        </button>
    </form>
</div>
            </div>
            <div class="tab-pane fade" id="pills-security" role="tabpanel" aria-labelledby="pills-security-tab" tabindex="0">
                 <div class="tw-px-10 tw-py-8">
    <div class="row gy-4">

        <div class="col-xl-6">
            <div class="bg-neutral-10 w-100 rounded-3 tw-px-6 tw-pt-6 tw-pb-8">
                <div class="d-flex align-items-center tw-gap-2 text-end justify-content-end tw-mb-8">
                    <span class="tw-text-xl text-primary-600">
                        <i class="ph-bold ph-pencil-simple-line"></i>
                    </span>
                    <span class="fw-normal tw-text-4 text-primary-600">
                        EDIT
                    </span>
                </div>
                <div class="text-center">
                    <h4 class="fw-normal text-dark-600 tw-mb-3 ">Password</h4>
                    <p class="fw-semibold tw-text-lg text-dark-500 tw-mb-105">Create or update your password</p>
                    <span class="fw-normal tw-text-lg text-dark-500">- Last changed: 15 May, 2024</span>
                </div>
            </div>
        </div>

        <div class="col-xl-6">
            <div class="bg-neutral-10 w-100 rounded-3 tw-px-6 tw-pt-6 tw-pb-8">
                <div class="d-flex align-items-center tw-gap-2 text-end justify-content-end tw-mb-8">
                    <span class="tw-text-xl text-primary-600">
                        <i class="ph-bold ph-pencil-simple-line"></i>
                    </span>
                    <span class="fw-normal tw-text-4 text-primary-600">
                        EDIT
                    </span>
                </div>
                <div class="text-center">
                    <h4 class="fw-normal text-dark-600 tw-mb-3 ">Security Questions</h4>
                    <span class="fw-normal tw-text-lg text-dark-500">For your security, select 3 verification questions to help confirm your identity when needed.</span>
                </div>
            </div>
        </div>

        <div class="col-12">
            <div class="bg-neutral-10 w-100 rounded-3 tw-px-6 tw-pt-6 tw-pb-8">
                <div class="d-flex align-items-center tw-gap-2 text-end justify-content-end tw-mb-8">
                    <span class="tw-text-xl text-primary-600">
                        <i class="ph-bold ph-wrench"></i>
                    </span>
                    <span class="fw-normal tw-text-4 text-primary-600">
                        SETUP
                    </span>
                </div>
                <div class="text-center">
                    <h4 class="fw-normal text-dark-600 tw-mb-3 ">2-Step Verification</h4>
                    <span class="fw-normal tw-text-lg text-dark-500">Enhance your account security with a one-time code alongside your password for every login attempt.</span>
                </div>
            </div>
        </div>

    </div>
</div>
            </div>
            <div class="tab-pane fade" id="pills-payment" role="tabpanel" aria-labelledby="pills-payment-tab" tabindex="0">
                 <div class="tw-px-10 tw-py-8">
    <h4 class="text-dark-600 fw-normal tw-mb-8">
        Credit or Debit Cards
        <span class="text-base-two-100">(for payments)</span>
    </h4>
    <div class="row gy-4">

        <div class="col-xl-4 col-lg-6">
            <span>
                <img \1="{{ asset(\'assets/images/thumbs/payment-methods-img1.png" alt="Image">
            </span>
        </div>
        
        <div class="col-xl-4 col-lg-6">
            <span>
                <img \1="{{ asset(\'assets/images/thumbs/payment-methods-img2.png" alt="Image">
            </span>
        </div>

        <div class="col-xl-4 col-lg-6">
            <span>
                <img \1="{{ asset(\'assets/images/thumbs/payment-methods-img3.png" alt="Image">
            </span>
        </div>

        <div class="col-xl-4 col-lg-6">
            <span>
                <img \1="{{ asset(\'assets/images/thumbs/payment-methods-img4.png" alt="Image">
            </span>
        </div>

        <div class="col-xl-4 col-lg-6">
            <div class="bg-neutral-10 rounded-3 tw-px-705 tw-py-10 text-center w-100 h-100">
                <span class="tw-text-6 text-dark-600 d-block tw-mb-5">
                    +
                </span>
                <span class="fw-semibold tw-text-lg text-dark-600">Add New Card</span>
            </div>
        </div>

    </div>
</div>
            </div>
            <div class="tab-pane fade" id="pills-notifications" role="tabpanel" aria-labelledby="pills-notifications-tab" tabindex="0">
                 <div class="bg-white tw-rounded-xl w-100 tw-px-15 tw-py-15 h-100">
    <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="tw-mb-15">
        <h4 class="fw-normal text-dark-600 tw-mb-3">Notifications</h4>
        <p class="fw-normal tw-text-lg text-dark-500">
            Select subscriptions to be delivered to
            <span class="fw-semibold text-dark-600">kenzi.lawson@example.com</span>
        </p>
    </div>
    <div class="tw-mb-8">

        <div class="d-flex align-items-center tw-gap-10 flex-wrap justify-content-between border-top-neutral-10 border-top border-bottom tw-pt-3 tw-pb-5">
            <div class="">
                <span class="fw-semibold tw-text-lg text-dark-600 tw-mb-1 ">Announcements</span>
                <p class="fw-medium tw-text-4 text-dark-500">Stay updated with the latest features, announcements, and exciting news firsthand.</p>
            </div>
            <div class="form-check form-switch">
                <input class="form-check-input w-10 h-6" type="checkbox" role="switch" id="switchCheckCheckeddfhfd" checked>
            </div>
        </div>

        <div class="d-flex align-items-center tw-gap-10 flex-wrap justify-content-between border-top-neutral-10 border-bottom tw-pt-3 tw-pb-5">
            <div class="">
                <span class="fw-semibold tw-text-lg text-dark-600 tw-mb-1 ">Send payment</span>
                <p class="fw-medium tw-text-4 text-dark-500">Receive an email notification whenever you make a payment.</p>
            </div>
            <div class="form-check form-switch">
                <input class="form-check-input w-10 h-6" type="checkbox" role="switch" id="switchCheckCheckedd" checked>
            </div>
        </div>

        <div class="d-flex align-items-center tw-gap-10 flex-wrap justify-content-between border-top-neutral-10 border-bottom tw-pt-3 tw-pb-5">
            <div class="">
                <span class="fw-semibold tw-text-lg text-dark-600 tw-mb-1 ">Receive a payment</span>
                <p class="fw-medium tw-text-4 text-dark-500">Send me an email when I receive a payment.</p>
            </div>
            <div class="form-check form-switch">
                <input class="form-check-input w-10 h-6" type="checkbox" role="switch" id="switchCheckDefaultt">
              </div>
        </div>

        <div class="d-flex align-items-center tw-gap-10 flex-wrap justify-content-between border-top-neutral-10 border-bottom tw-pt-3 tw-pb-5">
            <div class="">
                <span class="fw-semibold tw-text-lg text-dark-600 tw-mb-1 ">Request payment</span>
                <p class="fw-medium tw-text-4 text-dark-500">Notify me via email whenever I initiate a payment request.</p>
            </div>
            <div class="form-check form-switch">
                <input class="form-check-input w-10 h-6" type="checkbox" role="switch" id="switchCheckCheckeddd" checked>
            </div>
        </div>

        <div class="d-flex align-items-center tw-gap-10 flex-wrap justify-content-between border-top-neutral-10 border-bottom tw-pt-3 tw-pb-5">
            <div class="">
                <span class="fw-semibold tw-text-lg text-dark-600 tw-mb-1 ">Have a problem with a payment</span>
                <p class="fw-medium tw-text-4 text-dark-500">Notify me via email if there's an issue with a payment.</p>
            </div>
            <div class="form-check form-switch">
                <input class="form-check-input w-10 h-6" type="checkbox" role="switch" id="switchCheckDefaulttt">
              </div>
        </div>

        <div class="d-flex align-items-center tw-gap-10 flex-wrap justify-content-between border-top-neutral-10 border-bottom tw-pt-3 tw-pb-5">
            <div class="">
                <span class="fw-semibold tw-text-lg text-dark-600 tw-mb-1 ">Special Offers</span>
                <p class="fw-medium tw-text-4 text-dark-500">Get exclusive last-minute deals directly from us.</p>
            </div>
            <div class="form-check form-switch">
                <input class="form-check-input w-10 h-6" type="checkbox" role="switch" id="switchCheckCheckedddd" checked>
            </div>
        </div>

        <div class="d-flex align-items-center tw-gap-10 flex-wrap justify-content-between border-top-neutral-10 border-bottom tw-pt-3 tw-pb-5">
            <div class="">
                <span class="fw-semibold tw-text-lg text-dark-600 tw-mb-1 ">Review Surveys</span>
                <p class="fw-medium tw-text-4 text-dark-500">Tell us about your payment experience to help guide other users.</p>
            </div>
            <div class="form-check form-switch">
                <input class="form-check-input w-10 h-6" type="checkbox" role="switch" id="switchCheckDefaultttt">
            </div>
        </div>

    </div>
    <div class="">
        <button type="button" class="bg-base-two-600 text-white tw-px-6 tw-py-3 rounded-3">
            Save Changes
        </button>
    </div>
</div>
            </div>
          </div>
    </div>

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

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

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