<!DOCTYPE html>
<html lang="en" class="light-style layout-wide customizer-hide" dir="ltr" data-theme="theme-semi-dark" data-assets-path="../assets_inside/" data-template="vertical-menu-template-semi-dark">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

    <title>New Investment | ClockEarnings Limited</title>
    <meta name="author" content="ClockEarnings Limited">
    <meta name="company" content="ClockEarnings Limited">
    <meta name="copyright" content="© 2023 ClockEarnings Limited">
    <meta name="publisher" content="ClockEarnings Limited">
    <meta property="og:title" content=" New Investment | ClockEarnings Limited">
    <meta property="og:description" content=". ">
    <meta name="Description" content=". ">
    <meta name="keywords" content=" ">
    <!-- Canonical SEO -->
    <link rel="canonical" href="https://clockearnings.io">


    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="images/favicon-main.png">
    <!-- Canonical SEO -->

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="css2" rel="stylesheet">

    <!-- Icons -->
    <link rel="stylesheet" href="css/fontawesome.css">
    <link rel="stylesheet" href="css/tabler-icons.css">
    <link rel="stylesheet" href="css/flag-icons.css">

    <!-- Core CSS -->
    <link rel="stylesheet" href="css/core.css" class="template-customizer-core-css">
    <link rel="stylesheet" href="css/theme-semi-dark.css" class="template-customizer-theme-css">
    <link rel="stylesheet" href="css/demo.css">

    <!-- Vendors CSS -->
    <link rel="stylesheet" href="css/node-waves.css">
    <link rel="stylesheet" href="css/perfect-scrollbar.css">
    <link rel="stylesheet" href="css/typeahead.css">
    <link rel="stylesheet" href="css/apex-charts.css">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/datatables.bootstrap5.css">
    <link rel="stylesheet" href="css/responsive.bootstrap5.css">
    <link rel="stylesheet" href="css/datatables.checkboxes.css">

    <!-- Page CSS -->
    <link rel="stylesheet" href="css/cards-advance.css">

    <!-- Helpers -->
    <script src="js/helpers.js"></script>
    <!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
    <!--? Template customizer: To hide customizer set displayCustomizer value false in config.js.  -->
    <!-- <script src="../assets_inside/vendor/js/template-customizer.js"></script> -->
    <!--? Config:  Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file.  -->
    <script src="js/config.js"></script>
    <!-- Helpers -->
    <link href="css/custom_style.css" rel="stylesheet">
    <!-- Smartsupp Live Chat script -->
    <script type="text/javascript">
        var _smartsupp = _smartsupp || {};
        _smartsupp.key = '8ce2e350de0f31884de2b6c59eae7429f18bfef2';
        window.smartsupp || (function(d) {
            var s, c, o = smartsupp = function() {
                o._.push(arguments)
            };
            o._ = [];
            s = d.getElementsByTagName('script')[0];
            c = d.createElement('script');
            c.type = 'text/javascript';
            c.charset = 'utf-8';
            c.async = true;
            c.src = 'https://www.smartsuppchat.com/loader.js?';
            s.parentNode.insertBefore(c, s);
        })(document);
    </script>
    <noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>
</head>

<body style="background: #130F40;">
    <!-- Layout wrapper -->
    <div class="layout-wrapper layout-content-navbar">
        <div class="layout-container">
            <!-- Menu -->

            <aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
                <div class="app-brand demo">
                    <a href="index" class="app-brand-link">
                        <span class="app-brand-logo ">
                            <img src="images/favicon-main.png" alt="ClockEarnings Limited">
                        </span>
                        <span class="app-brand-text demo menu-text fw-bold">ClockEarnings</span>
                    </a>
                    <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
                        <i class="ti menu-toggle-icon d-none d-xl-block ti-sm align-middle"></i>
                        <i class="ti ti-x d-block d-xl-none ti-sm align-middle"></i>
                    </a>
                </div>

                <div class="menu-inner-shadow"></div>

                <ul class="menu-inner py-1">
                    <!-- Dashboards -->
                    <li class="menu-item ">
                        <a href="index" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-smart-home"></i>
                            <div data-i18n="Dashboard">Dashboard</div>
                        </a>
                    </li>

                    <!-- Apps & Pages -->
                    <li class="menu-header small text-uppercase">
                        <span class="menu-header-text" data-i18n="Navigation">Navigation</span>
                    </li>
                    <li class="menu-item">
                        <a href="bot-activities" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-settings"></i>
                            <div data-i18n="Bot Activities">Bot Activities</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="weekly-deposits" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-smart-home"></i>
                            <div data-i18n="Weekly Residual">Weekly Residual</div>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="cash-bonus" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-smart-home"></i>
                            <div data-i18n="Cash Bonus">Cash Bonus</div>
                        </a>
                    </li>
                    <!-- Front Pages -->
                    <li class="menu-item  ">
                        <a href="javascript:void(0);" class="menu-link menu-toggle">
                            <i class="menu-icon tf-icons ti ti-wallet"></i>
                            <div data-i18n="Wallet">Wallet</div>
                        </a>
                        <ul class="menu-sub">
                            <li class="menu-item ">
                                <a href="deposit" class="menu-link">
                                    <div data-i18n="Deposit">Deposit</div>
                                </a>
                            </li>
                            <li class="menu-item ">
                                <a href="withdrawal" class="menu-link">
                                    <div data-i18n="Withdraw">Withdraw</div>
                                </a>
                            </li>
                            <li class="menu-item ">
                                <a href="account-history" class="menu-link">
                                    <div data-i18n="History">History</div>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <!-- Layouts -->
                    <li class="menu-item ">
                        <a href="investment-pricing" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-forms"></i>
                            <div data-i18n="BOTs">BOTs</div>
                        </a>
                    </li>
                    <li class="menu-item active">
                        <a href="invest" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-chart-pie"></i>
                            <div data-i18n="New BOTs">New BOTs</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="invest-top-up" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-chart-pie"></i>
                            <div data-i18n="BOT Top-Up">BOT Top-Up</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="my-portfolio" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-id"></i>
                            <div data-i18n="My Portfolio">My Portfolio</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="referral" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-users"></i>
                            <div data-i18n="Affiliate">Affiliate</div>
                        </a>
                    </li>

                    <!-- Apps & Pages -->
                    <li class="menu-header small text-uppercase">
                        <span class="menu-header-text" data-i18n="User Pages">User Pages</span>
                    </li>


                    <li class="menu-item ">
                        <a href="account-profile" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-user"></i>
                            <div data-i18n="User Profile">User Profile</div>
                        </a>
                    </li>
                    <li class="menu-item ">
                        <a href="account-settings" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-settings"></i>
                            <div data-i18n="Account Settings">Account Settings</div>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="mailto:support@clockearnings.io" class="menu-link">
                            <i class="menu-icon tf-icons ti ti-lifebuoy"></i>
                            <div data-i18n="Support">Support</div>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="index" class="menu-link">
                            <i class="menu-icon fa-solid fa-arrow-right-from-bracket"></i>
                            <div data-i18n="Logout">Logout</div>
                        </a>
                    </li>
                </ul>
            </aside>
            <!-- / Menu -->
            <!-- Layout container -->
            <div class="layout-page">
                <!-- Navbar -->

                <nav class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme" id="layout-navbar">
                    <div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
                        <a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
                            <i class="ti ti-menu-2 ti-sm"></i>
                        </a>
                    </div>

                    <div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
                        <div class="navbar-nav align-items-center">
                            <div class="nav-item navbar-search-wrapper mb-0">
                                <h6 class="card-title mb-0">Wallet: $0.00</h6>
                            </div>
                        </div>

                        <ul class="navbar-nav flex-row align-items-center ms-auto">
                            <li class="nav-item  dropdown me-2 me-xl-0 d-none">
                                <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
                                    <i class="ti ti-wallet"></i>

                                </a>
                                <ul class="dropdown-menu dropdown-menu-end dropdown-styles ">
                                    <li>
                                        <a class="dropdown-item" href="javascript:void(0);">
                                            <span class="align-middle">Wallet: $0.00</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <!-- Language -->
                            <li class="nav-item dropdown-language dropdown me-2 me-xl-0">
                                <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
                                    <i class="ti ti-language rounded-circle ti-md"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end">
                                    <li style="padding: .25rem .5rem;">
                                        <div id="google_translate_element" style="width: auto;padding: 0;"></div>
                                        <script type="text/javascript">
                                            function googleTranslateElementInit() {
                                                new google.translate.TranslateElement({
                                                    pageLanguage: 'en',
                                                    layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT
                                                }, 'google_translate_element');
                                            }
                                        </script>
                                    </li>
                                </ul>
                            </li>
                            <!--/ Language -->



                            <!-- Notification -->
                            <li class="nav-item dropdown-notifications navbar-dropdown dropdown me-3 me-xl-1 d-none">
                                <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
                                    <i class="ti ti-bell ti-md"></i>
                                    <span class="badge bg-danger rounded-pill badge-notifications">5</span>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end py-0">
                                    <li class="dropdown-menu-header border-bottom">
                                        <div class="dropdown-header d-flex align-items-center py-3">
                                            <h5 class="text-body mb-0 me-auto">Notification</h5>
                                            <a href="javascript:void(0)" class="dropdown-notifications-all text-body" data-bs-toggle="tooltip" data-bs-placement="top" title="Mark all as read"><i class="ti ti-mail-opened fs-4"></i></a>
                                        </div>
                                    </li>
                                    <li class="dropdown-notifications-list scrollable-container">
                                        <ul class="list-group list-group-flush">
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <img src="index" alt="" class="h-auto rounded-circle">
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">Congratulation Lettie 🎉</h6>
                                                        <p class="mb-0">Won the monthly best seller gold badge</p>
                                                        <small class="text-muted">1h ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <span class="avatar-initial rounded-circle bg-label-danger">CF</span>
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">Charles Franklin</h6>
                                                        <p class="mb-0">Accepted your connection</p>
                                                        <small class="text-muted">12hr ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <img src="index" alt="" class="h-auto rounded-circle">
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">New Message ✉️</h6>
                                                        <p class="mb-0">You have new message from Natalie</p>
                                                        <small class="text-muted">1h ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <span class="avatar-initial rounded-circle bg-label-success"><i class="ti ti-shopping-cart"></i></span>
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">Whoo! You have new order 🛒</h6>
                                                        <p class="mb-0">ACME Inc. made new order $1,154</p>
                                                        <small class="text-muted">1 day ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <img src="index" alt="" class="h-auto rounded-circle">
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">Application has been approved 🚀</h6>
                                                        <p class="mb-0">Your ABC project application has been approved.</p>
                                                        <small class="text-muted">2 days ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <span class="avatar-initial rounded-circle bg-label-success"><i class="ti ti-chart-pie"></i></span>
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">Monthly report is generated</h6>
                                                        <p class="mb-0">July monthly financial report is generated</p>
                                                        <small class="text-muted">3 days ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <img src="index" alt="" class="h-auto rounded-circle">
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">Send connection request</h6>
                                                        <p class="mb-0">Peter sent you connection request</p>
                                                        <small class="text-muted">4 days ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <img src="index" alt="" class="h-auto rounded-circle">
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">New message from Jane</h6>
                                                        <p class="mb-0">Your have new message from Jane</p>
                                                        <small class="text-muted">5 days ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
                                                <div class="d-flex">
                                                    <div class="flex-shrink-0 me-3">
                                                        <div class="avatar">
                                                            <span class="avatar-initial rounded-circle bg-label-warning"><i class="ti ti-alert-triangle"></i></span>
                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <h6 class="mb-1">CPU is running high</h6>
                                                        <p class="mb-0">CPU Utilization Percent is currently at 88.63%,</p>
                                                        <small class="text-muted">5 days ago</small>
                                                    </div>
                                                    <div class="flex-shrink-0 dropdown-notifications-actions">
                                                        <a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
                                                        <a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="ti ti-x"></span></a>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-menu-footer border-top">
                                        <a href="javascript:void(0);" class="dropdown-item d-flex justify-content-center text-primary p-2 h-px-40 mb-1 align-items-center">
                                            View all notifications
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <!--/ Notification -->

                            <!-- User -->
                            <li class="nav-item navbar-dropdown dropdown-user dropdown">
                                <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
                                    <div class="avatar avatar-online">
                                        <img src="images/avatar.jpg" alt="Max Rutten" class="h-auto rounded-circle">
                                    </div>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-end">
                                    <li>
                                        <a class="dropdown-item" href="index">
                                            <div class="d-flex">
                                                <div class="flex-shrink-0 me-3">
                                                    <div class="avatar avatar-online">
                                                        <img src="images/avatar.jpg" alt="Max Rutten" class="h-auto rounded-circle">
                                                    </div>
                                                </div>
                                                <div class="flex-grow-1">
                                                    <span class="fw-medium d-block">Max Rutten</span>
                                                    <small class="text-muted">UID: 87948763579</small>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <div class="dropdown-divider"></div>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="account-profile">
                                            <i class="ti ti-user-check me-2 ti-sm"></i>
                                            <span class="align-middle">My Profile</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="account-settings">
                                            <i class="ti ti-settings me-2 ti-sm"></i>
                                            <span class="align-middle">Settings</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="deposit">
                                            <span class="d-flex align-items-center align-middle">
                                                <i class="flex-shrink-0 ti ti-credit-card me-2 ti-sm"></i>
                                                <span class="flex-grow-1 align-middle">Balance</span>
                                                <span class="flex-shrink-0 badge badge-center rounded-pill bg-label-info w-px-20 h-px-20">
                                                    $0.00 </span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <div class="dropdown-divider"></div>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="investment-pricing">
                                            <i class="ti ti-currency-dollar me-2 ti-sm"></i>
                                            <span class="align-middle">Pricing</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="invest">
                                            <i class="ti ti-help me-2 ti-sm"></i>
                                            <span class="align-middle">Invest</span>
                                        </a>
                                    </li>

                                    <li>
                                        <div class="dropdown-divider"></div>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="index" target="_blank">
                                            <i class="ti ti-logout me-2 ti-sm"></i>
                                            <span class="align-middle">Log Out</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <!--/ User -->
                        </ul>
                    </div>
                </nav>

                <!-- / Navbar -->
                <!-- Content wrapper -->
                <div class="content-wrapper">
                    <!-- Content -->

                    <div class="container-xxl flex-grow-1 container-p-y">
                        <h4 class="py-3 mb-4"><span class="text-muted fw-light">Dashboard/</span> New Investment</h4>
                        <!-- Basic Layout -->
                        <div class="row">
                            <div class="col-lg-6 col-sm-6 mb-4">
                                <div class="card h-100">
                                    <div class="card-body d-flex justify-content-between align-items-center">
                                        <div class="card-title mb-0">
                                            <h5 class="mb-0 me-2">$0.00</h5>
                                            <small>Wallet Balance</small>
                                        </div>
                                        <div class="card-icon">
                                            <span class="badge bg-label-success rounded-pill p-2">
                                                <i class="ti ti-wallet ti-sm"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="row">
                            <div class="col-xl">
                                <div class="card mb-4">
                                    <div class="card-header d-flex justify-content-between align-items-center">
                                        <h5 class="mb-0">Create New Portfolio</h5>
                                        <small class="text-muted float-end"></small>
                                    </div>
                                    <div class="card-body">
                                        <form role="form" id="invest_form" onsubmit="return false;" autocomplete="off">
                                            <div class=" p-2 rounded-md" id="preview2">
                                                <div class="mb-3">
                                                    <label class="form-label md-5" for="fund_plan">Select portfolio:</label>
                                                    <div class="row mt-3">
                                                        <div class="col-md mb-2">
                                                            <div class="form-check custom-option custom-option-basic ">
                                                                <label class="form-check-label custom-option-content walletRadio" for="walletRadio6" data-info="TokenMaster|50000|0.375|85|365">
                                                                    <input name="walletRadio" class="form-check-input d-none" type="radio" value="" id="walletRadio6">
                                                                    <span class="custom-option-header">
                                                                        <span class="h6 mb-0">TokenMaster</span>
                                                                    </span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="col-md mb-2">
                                                            <div class="form-check custom-option custom-option-basic ">
                                                                <label class="form-check-label custom-option-content walletRadio" for="walletRadio5" data-info="Byte|25000|0.25|65|365">
                                                                    <input name="walletRadio" class="form-check-input d-none" type="radio" value="" id="walletRadio5">
                                                                    <span class="custom-option-header">
                                                                        <span class="h6 mb-0">Byte</span>
                                                                    </span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="col-md mb-2">
                                                            <div class="form-check custom-option custom-option-basic ">
                                                                <label class="form-check-label custom-option-content walletRadio" for="walletRadio3" data-info="Almaster|5000|0.17|50|365">
                                                                    <input name="walletRadio" class="form-check-input d-none" type="radio" value="" id="walletRadio3">
                                                                    <span class="custom-option-header">
                                                                        <span class="h6 mb-0">Almaster</span>
                                                                    </span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="col-md mb-2">
                                                            <div class="form-check custom-option custom-option-basic ">
                                                                <label class="form-check-label custom-option-content walletRadio" for="walletRadio2" data-info="SwiftTrade|4000|0.13|45|365">
                                                                    <input name="walletRadio" class="form-check-input d-none" type="radio" value="" id="walletRadio2">
                                                                    <span class="custom-option-header">
                                                                        <span class="h6 mb-0">SwiftTrade</span>
                                                                    </span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="col-md mb-2">
                                                            <div class="form-check custom-option custom-option-basic ">
                                                                <label class="form-check-label custom-option-content walletRadio" for="walletRadio1" data-info="SafeSaver|100|0.1|40|365">
                                                                    <input name="walletRadio" class="form-check-input d-none" type="radio" value="" id="walletRadio1">
                                                                    <span class="custom-option-header">
                                                                        <span class="h6 mb-0">SafeSaver</span>
                                                                    </span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="col-md mb-2">
                                                            <div class="form-check custom-option custom-option-basic ">
                                                                <label class="form-check-label custom-option-content walletRadio" for="walletRadio4" data-info="LTSP|100|0.125|1095|1095">
                                                                    <input name="walletRadio" class="form-check-input d-none" type="radio" value="" id="walletRadio4">
                                                                    <span class="custom-option-header">
                                                                        <span class="h6 mb-0">LTSP</span>
                                                                    </span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <input type="hidden" name="fund_plan" id="fund_plan" value="" required="">
                                                    <input type="hidden" name="min_invest" id="min_invest" value="100">
                                                    <input type="hidden" name="plan_roi" id="plan_roi" value="">
                                                    <input type="hidden" name="inv_days" id="inv_days" value="365">
                                                    <input type="hidden" name="acct_bal" id="acct_bal" value="0">
                                                </div>
                                                <div class="mb-3">
                                                    <label class="form-label" for="amount">Amount</label>
                                                    <div class="input-group">
                                                        <div class="input-group-text">$</div>
                                                        <input class="form-control amount" id="amount" type="number" name="amount" required="" placeholder="e.g 1000" onkeypress="return /[0-9.]/i.test(event.key)">

                                                    </div>
                                                    <div id="defaultFormControlHelp" class="form-text text-danger">Minimum deposit: <b class="min_holder">$100</b></div>
                                                </div>


                                                <div class="mb-3">
                                                    <div id="dep_status" style="width: 100%;"></div>
                                                </div>
                                                <button type="submit" class="btn btn-primary btn-lg waves-effect waves-light step_1_btn mt-5">Proceed</button>
                                            </div>
                                            <div class=" p-2 rounded-md d-none" id="preview3">

                                                <h4 class="mb-2">Order Summary</h4>
                                                <p class="pb-2 mb-0">
                                                    An overview of your order
                                                </p>
                                                <div class="bg-lighter p-4 rounded mt-4">
                                                    <p class="mb-1 fund_plan"></p>
                                                    <div class="d-flex align-items-center">
                                                        <h1 class="text-heading display-5 mb-1 fund_amt"></h1>
                                                        <sub> capital</sub>
                                                    </div>
                                                    <div class="d-grid">
                                                        <button type="button" class="btn btn-label-primary waves-effect step_1_back_btn">Change Plan or Amount</button>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="d-flex justify-content-between align-items-center mt-3">
                                                        <p class="mb-0">Portfolio</p>
                                                        <h6 class="mb-0 fund_plan"></h6>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center mt-3">
                                                        <p class="mb-0">Investment Duration</p>
                                                        <h6 class="mb-0 "><span class="inv_days">365</span> days</h6>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center mt-3">
                                                        <p class="mb-0">Estimated Earnings</p>
                                                        <h6 class="mb-0 d_earn">$0</h6>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center mt-3">
                                                        <p class="mb-0">Capital Unlock</p>
                                                        <h6 class="mb-0 cap_lock"></h6>
                                                    </div>
                                                    <hr>
                                                    <div class="d-flex justify-content-between align-items-center mt-3 pb-1">
                                                        <p class="mb-0">Estimated Payout</p>
                                                        <h6 class="mb-0 d_total">$0</h6>
                                                    </div>
                                                    <div class="d-grid mt-5">
                                                        <button class="btn btn-success waves-effect waves-light step_2_btn" id="funds_btn">
                                                            <span class="me-2">Proceed with Purchase</span>
                                                            <i class="ti ti-arrow-right scaleX-n1-rtl"></i>
                                                        </button>
                                                    </div>
                                                    <div class="mb-3">
                                                        <div id="dep_status1" style="width: 100%;"></div>
                                                    </div>
                                                    <p class="mt-4 pt-2">By continuing, investment capital will be subtracted from your "Wallet Balance".</p>
                                                </div>
                                            </div>
                                        </form>
                                        <div class=" p-2 rounded-md d-none" id="preview4">
                                            <div class="alert alert-success   align-items-baseline text-center pt-5" role="alert">
                                                <span class="alert-icon alert-icon-lg text-success me-2">
                                                    <i class="ti ti-check ti-lg"></i>
                                                </span>
                                                <div class="d-flex flex-column ps-1 mt-3">
                                                    <h5 class="alert-heading mb-2">Portfolio Purchase Successful!</h5>
                                                    <p class="mb-4">
                                                        Your purchase has been successfully processed. This plan is now active on your account.
                                                    </p>
                                                </div>
                                            </div>


                                            <div>
                                                <div class="d-grid mt-5">
                                                    <a class="btn btn-success waves-effect waves-light" href="index">
                                                        <span class="me-2">Proceed to Dashboard</span>
                                                        <i class="ti ti-arrow-right scaleX-n1-rtl"></i>
                                                    </a>
                                                </div>
                                                <p class="mt-4 pt-2">You can close this page.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl">
                                <div class="card mb-4">
                                    <div class="card-header d-flex justify-content-between align-items-center">
                                        <h5 class="mb-0">Portfolio Calculator</h5>
                                        <small class="text-muted float-end"></small>
                                    </div>
                                    <div class="card-body">
                                        <form role="form" onsubmit="return false;" autocomplete="off">
                                            <div class=" p-2 rounded-md" id="preview2">
                                                <div class="mb-3">
                                                    <label class="form-label md-5" for="fund_plan">Select portfolio:</label>
                                                    <div class="row mt-3">
                                                        <div class="col-md mb-2">
                                                            <div class="form-check custom-option custom-option-basic ">
                                                                <label class="form-check-label custom-option-content walletRadio" for="walletRadio6" data-info="TokenMaster|50000|0.375|85|365">
                                                                    <input name="walletRadio" class="form-check-input d-none" type="radio" value="" id="walletRadio6">
                                                                    <span class="custom-option-header">
                                                                        <span class="h6 mb-0">TokenMaster</span>
                                                                    </span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="col-md mb-2">
                                                            <div class="form-check custom-option custom-option-basic ">
                                                                <label class="form-check-label custom-option-content walletRadio" for="walletRadio5" data-info="Byte|25000|0.25|65|365">
                                                                    <input name="walletRadio" class="form-check-input d-none" type="radio" value="" id="walletRadio5">
                                                                    <span class="custom-option-header">
                                                                        <span class="h6 mb-0">Byte</span>
                                                                    </span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="col-md mb-2">
                                                            <div class="form-check custom-option custom-option-basic ">
                                                                <label class="form-check-label custom-option-content walletRadio" for="walletRadio3" data-info="Almaster|5000|0.17|50|365">
                                                                    <input name="walletRadio" class="form-check-input d-none" type="radio" value="" id="walletRadio3">
                                                                    <span class="custom-option-header">
                                                                        <span class="h6 mb-0">Almaster</span>
                                                                    </span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="col-md mb-2">
                                                            <div class="form-check custom-option custom-option-basic ">
                                                                <label class="form-check-label custom-option-content walletRadio" for="walletRadio2" data-info="SwiftTrade|4000|0.13|45|365">
                                                                    <input name="walletRadio" class="form-check-input d-none" type="radio" value="" id="walletRadio2">
                                                                    <span class="custom-option-header">
                                                                        <span class="h6 mb-0">SwiftTrade</span>
                                                                    </span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="col-md mb-2">
                                                            <div class="form-check custom-option custom-option-basic ">
                                                                <label class="form-check-label custom-option-content walletRadio" for="walletRadio1" data-info="SafeSaver|100|0.1|40|365">
                                                                    <input name="walletRadio" class="form-check-input d-none" type="radio" value="" id="walletRadio1">
                                                                    <span class="custom-option-header">
                                                                        <span class="h6 mb-0">SafeSaver</span>
                                                                    </span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                        <div class="col-md mb-2">
                                                            <div class="form-check custom-option custom-option-basic ">
                                                                <label class="form-check-label custom-option-content walletRadio" for="walletRadio4" data-info="LTSP|100|0.125|1095|1095">
                                                                    <input name="walletRadio" class="form-check-input d-none" type="radio" value="" id="walletRadio4">
                                                                    <span class="custom-option-header">
                                                                        <span class="h6 mb-0">LTSP</span>
                                                                    </span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="mb-3">
                                                    <label class="form-label" for="amount2">Amount</label>
                                                    <div class="input-group">
                                                        <div class="input-group-text">$</div>
                                                        <input class="form-control amount" id="amount2" type="number" name="amount2" required="" placeholder="e.g 1000" onkeypress="return /[0-9.]/i.test(event.key)">

                                                    </div>
                                                    <div id="defaultFormControlHelp" class="form-text text-danger">Minimum deposit: <b class="min_holder">$100</b></div>
                                                </div>
                                                <div class="mb-3">
                                                    <div id="dep_status2" style="width: 100%;"></div>
                                                </div>
                                            </div>
                                            <div class=" p-2 rounded-md">

                                                <h4 class="mb-2">Overview</h4>
                                                <div>
                                                    <div class="d-flex justify-content-between align-items-center mt-3">
                                                        <p class="mb-0">Portfolio</p>
                                                        <h6 class="mb-0 fund_plan"></h6>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center mt-3">
                                                        <p class="mb-0">Capital</p>
                                                        <h6 class="mb-0 fund_amt2"></h6>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center mt-3">
                                                        <p class="mb-0">Investment Duration</p>
                                                        <h6 class="mb-0 "><span class="inv_days">365</span> days</h6>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center mt-3">
                                                        <p class="mb-0"><b>Estimated Earnings</b></p>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center mt-0">
                                                        <p class="mb-0">Daily</p>
                                                        <h6 class="mb-0 d_earn2">$0</h6>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center mt-0">
                                                        <p class="mb-0">Weekly <small>(6 days)</small></p>
                                                        <h6 class="mb-0 w_earn2">$0</h6>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center mt-0">
                                                        <p class="mb-0">Monthly <small>(24 days)</small></p>
                                                        <h6 class="mb-0 m_earn2">$0</h6>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center mt-0">
                                                        <p class="mb-0">Six Months <small>(144 days)</small></p>
                                                        <h6 class="mb-0 sm_earn2">$0</h6>
                                                    </div>
                                                    <div class="d-flex justify-content-between align-items-center mt-0">
                                                        <p class="mb-0">One Year <small>(288 days)</small></p>
                                                        <h6 class="mb-0 y_earn2">$0</h6>
                                                    </div>

                                                    <div class="d-flex justify-content-between align-items-center mt-3">
                                                        <p class="mb-0">Capital Unlock</p>
                                                        <h6 class="mb-0 cap_lock"></h6>
                                                    </div>
                                                    <hr>
                                                    <div class="d-flex justify-content-between align-items-center mt-3 pb-1">
                                                        <p class="mb-0">Estimated Payout <small>(<span class="inv_days">365</span> days)</small></p>
                                                        <h6 class="mb-0 d_total2">$0</h6>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- BEGIN: Dark Mode Switcher-->
                    </div>
                    <!-- / Content -->

                    <!-- Footer -->
                    <footer class="content-footer footer bg-footer-theme">
                        <div class="container-xxl">
                            <div class="footer-container d-flex align-items-center justify-content-between py-2 flex-md-row flex-column">
                                <div>
                                    ©
                                    <script>
                                        document.write(new Date().getFullYear());
                                    </script>, made by <a href="" target="_blank" class="footer-link text-primary fw-medium">ClockEarnings Limited</a>
                                </div>
                            </div>
                        </div>
                    </footer>
                    <!-- / Footer -->

                    <div class="content-backdrop fade"></div>
                </div>
                <!-- Content wrapper -->
            </div>
            <!-- / Layout page -->
        </div>

        <!-- Overlay -->
        <div class="layout-overlay layout-menu-toggle"></div>

        <!-- Drag Target Area To SlideIn Menu On Small Screens -->
        <div class="drag-target"></div>
    </div>
    <!-- / Layout wrapper -->

    <div class="buy-now">
        <div id="msg_div"></div>
    </div>

    <!-- Core JS -->
    <!-- build:js assets/vendor/js/core.js -->

    <script src="js/jquery.js"></script>
    <script src="js/popper.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/node-waves.js"></script>
    <script src="js/perfect-scrollbar.js"></script>
    <script src="js/hammer.js"></script>
    <script src="js/i18n.js"></script>
    <script src="js/typeahead.js"></script>
    <script src="js/menu.js"></script>

    <!-- endbuild -->

    <!-- Vendors JS -->
    <script src="js/apexcharts.js"></script>
    <script src="js/swiper.js"></script>
    <!-- <script src="../assets_inside/vendor/libs/datatables-bs5/datatables-bootstrap5.js"></script> -->

    <!-- Main JS -->
    <script src="js/main.js"></script>

    <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
    <!-- end js include path -->
    <script src="js/otybJS.js"></script>
    <script src="js/main_1.js"></script>
    <script src="js/account.js"></script>
    <script src="js/invest.js" type="text/javascript"></script>



</body>

</html>