<header class="topnav">
    <nav class="navbar navbar-expand-lg">
        <nav class="container-fluid">
            <div class="collapse navbar-collapse" id="topnav-menu">
                <ul class="navbar-nav">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle drop-arrow-none" href="#" id="topnav-main" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="menu-icon"><i class="ti ti-dashboard fs-xl"></i></span>
                            <span class="menu-text" data-lang="main">Main</span>
                            <div class="menu-arrow"></div>
                        </a>
                        <div class="dropdown-menu" aria-labelledby="topnav-main">
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-dashboards" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="dashboards">Dashboards</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-dashboards">
                                    <a href="dashboard-ecommerce.php" class="dropdown-item"><span data-lang="dashboard-ecommerce">Ecommerce</span></a>
                                    <a href="dashboard-analytics.php" class="dropdown-item"><span data-lang="dashboard-analytics">Analytics</span></a>
                                    <a href="index.php" class="dropdown-item"><span data-lang="dashboard-projects">Projects</span></a>
                                </div>
                            </div>
                            <a href="landing.php" class="dropdown-item"><span data-lang="landing">Landing</span></a>
                        </div>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle drop-arrow-none" href="#" id="topnav-apps" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="menu-icon"><i class="ti ti-apps fs-xl"></i></span>
                            <span class="menu-text" data-lang="apps">Apps</span>
                            <div class="menu-arrow"></div>
                        </a>
                        <div class="dropdown-menu" aria-labelledby="topnav-apps">
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-ecommerce" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="ecommerce">Ecommerce</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu dropdown-menu-columns" aria-labelledby="topnav-submenu-ecommerce">
                                    <a href="apps-ecommerce-marketplace.php" class="dropdown-item"><span data-lang="apps-ecommerce-marketplace">Marketplace</span></a>
                                    <div class="dropdown">
                                        <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-products" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span data-lang="products">Products</span>
                                            <div class="menu-arrow"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-submenu-products">
                                            <a href="apps-ecommerce-products.php" class="dropdown-item"><span data-lang="apps-ecommerce-products">Products</span></a>
                                            <a href="apps-ecommerce-products-grid.php" class="dropdown-item"><span data-lang="apps-ecommerce-products-grid">Products Grid</span></a>
                                            <a href="apps-ecommerce-product-details.php" class="dropdown-item"><span data-lang="apps-ecommerce-product-details">Product Details</span></a>
                                            <a href="apps-ecommerce-product-add.php" class="dropdown-item"><span data-lang="apps-ecommerce-product-add">Add Product</span></a>
                                        </div>
                                    </div>
                                    <a href="apps-ecommerce-categories.php" class="dropdown-item"><span data-lang="apps-ecommerce-categories">Categories</span></a>
                                    <div class="dropdown">
                                        <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-orders" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span data-lang="orders">Orders</span>
                                            <div class="menu-arrow"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-submenu-orders">
                                            <a href="apps-ecommerce-orders.php" class="dropdown-item"><span data-lang="apps-ecommerce-orders">Orders</span></a>
                                            <a href="apps-ecommerce-order-details.php" class="dropdown-item"><span data-lang="apps-ecommerce-order-details">Order Details</span></a>
                                            <a href="apps-ecommerce-order-add.php" class="dropdown-item"><span data-lang="apps-ecommerce-order-add">Add/Edit Order</span></a>
                                        </div>
                                    </div>
                                    <a href="apps-ecommerce-customers.php" class="dropdown-item"><span data-lang="apps-ecommerce-customers">Customers</span></a>
                                    <a href="apps-ecommerce-cart.php" class="dropdown-item"><span data-lang="apps-ecommerce-cart">Cart</span></a>
                                    <a href="apps-ecommerce-checkout.php" class="dropdown-item"><span data-lang="apps-ecommerce-checkout">Checkout</span></a>
                                    <div class="dropdown">
                                        <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-sellers" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span data-lang="sellers">Sellers</span>
                                            <div class="menu-arrow"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-submenu-sellers">
                                            <a href="apps-ecommerce-sellers.php" class="dropdown-item"><span data-lang="apps-ecommerce-sellers">Sellers</span></a>
                                            <a href="apps-ecommerce-seller-details.php" class="dropdown-item"><span data-lang="apps-ecommerce-seller-details">Sellers Details</span></a>
                                        </div>
                                    </div>
                                    <a href="apps-ecommerce-refunds.php" class="dropdown-item"><span data-lang="apps-ecommerce-refunds">Refunds</span></a>
                                    <a href="apps-ecommerce-reviews.php" class="dropdown-item"><span data-lang="apps-ecommerce-reviews">Reviews</span></a>
                                    <div class="dropdown">
                                        <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-inventory" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span data-lang="inventory">Inventory</span>
                                            <div class="menu-arrow"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-submenu-inventory">
                                            <a href="apps-ecommerce-warehouse.php" class="dropdown-item"><span data-lang="apps-ecommerce-warehouse">Warehouse</span></a>
                                            <a href="apps-ecommerce-product-stocks.php" class="dropdown-item"><span data-lang="apps-ecommerce-product-stocks">Product Stocks</span></a>
                                            <a href="apps-ecommerce-purchased-orders.php" class="dropdown-item"><span data-lang="apps-ecommerce-purchased-orders">Purchased Orders</span></a>
                                        </div>
                                    </div>
                                    <div class="dropdown">
                                        <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-reports" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span data-lang="reports">Reports</span>
                                            <div class="menu-arrow"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-submenu-reports">
                                            <a href="apps-ecommerce-product-views.php" class="dropdown-item"><span data-lang="apps-ecommerce-product-views">Product Views</span></a>
                                            <a href="apps-ecommerce-sales.php" class="dropdown-item"><span data-lang="apps-ecommerce-sales">Sales</span></a>
                                        </div>
                                    </div>
                                    <a href="apps-ecommerce-attributes.php" class="dropdown-item"><span data-lang="apps-ecommerce-attributes">Attributes</span></a>
                                    <a href="apps-ecommerce-settings.php" class="dropdown-item"><span data-lang="apps-ecommerce-settings">Settings</span></a>
                                </div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-email" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="email">Email</span><span class="badge bg-danger text-white">New</span>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-email">
                                    <a href="apps-email-inbox.php" class="dropdown-item"><span data-lang="apps-email-inbox">Inbox</span></a>
                                    <a href="apps-email-details.php" class="dropdown-item"><span data-lang="apps-email-details">Details</span></a>
                                    <a href="apps-email-compose.php" class="dropdown-item"><span data-lang="apps-email-compose">Compose</span></a>
                                </div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-users" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="users">Users</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-users">
                                    <a href="apps-users-contacts.php" class="dropdown-item"><span data-lang="apps-users-contacts">Contacts</span></a>
                                    <a href="apps-users-roles.php" class="dropdown-item"><span data-lang="apps-users-roles">Roles</span></a>
                                    <a href="apps-users-role-details.php" class="dropdown-item"><span data-lang="apps-users-role-details">Role Details</span></a>
                                    <a href="apps-users-permissions.php" class="dropdown-item"><span data-lang="apps-users-permissions">Permissions</span></a>
                                </div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-projects" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="projects">Projects</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-projects">
                                    <a href="apps-projects-grid.php" class="dropdown-item"><span data-lang="apps-projects-grid">My Projects</span></a>
                                    <a href="apps-projects-list.php" class="dropdown-item"><span data-lang="apps-projects-list">Projects List</span></a>
                                    <a href="apps-projects-details.php" class="dropdown-item"><span data-lang="apps-projects-details">View Project</span></a>
                                    <a href="apps-projects-kanban.php" class="dropdown-item"><span data-lang="apps-projects-kanban">Kanban Board</span></a>
                                    <a href="apps-projects-team-board.php" class="dropdown-item"><span data-lang="apps-projects-team-board">Team Board</span></a>
                                    <a href="apps-projects-activity.php" class="dropdown-item"><span data-lang="apps-projects-activity">Activity Steam</span></a>
                                </div>
                            </div>
                            <a href="apps-file-manager.php" class="dropdown-item"><span data-lang="apps-file-manager">File Manager</span></a>
                            <a href="apps-chat.php" class="dropdown-item"><span data-lang="apps-chat">Chat</span></a>
                            <a href="apps-calendar.php" class="dropdown-item"><span data-lang="apps-calendar">Calendar</span></a>
                            <a href="apps-social-feed.php" class="dropdown-item"><span data-lang="apps-social-feed">Social Feed</span></a>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-invoice" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="invoice">Invoice</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-invoice">
                                    <a href="apps-invoice-list.php" class="dropdown-item"><span data-lang="apps-invoice-list">Invoices</span></a>
                                    <a href="apps-invoice-details.php" class="dropdown-item"><span data-lang="apps-invoice-details">Single Invoice</span></a>
                                    <a href="apps-invoice-create.php" class="dropdown-item"><span data-lang="apps-invoice-create">New Invoice</span></a>
                                </div>
                            </div>
                            <a href="apps-companies.php" class="dropdown-item"><span data-lang="apps-companies">Companies</span></a>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-more-apps" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="more-apps">More Apps</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-more-apps">
                                    <a href="apps-clients.php" class="dropdown-item"><span data-lang="apps-clients">Clients</span></a>
                                    <a href="apps-outlook.php" class="dropdown-item"><span data-lang="apps-outlook">Outlook View</span></a>
                                    <a href="apps-vote-list.php" class="dropdown-item"><span data-lang="apps-vote-list">Vote List</span></a>
                                    <a href="apps-issue-tracker.php" class="dropdown-item"><span data-lang="apps-issue-tracker">Issue Tracker</span></a>
                                    <a href="apps-api-keys.php" class="dropdown-item"><span data-lang="apps-api-keys">API Keys</span></a>
                                    <a href="apps-manage.php" class="dropdown-item"><span data-lang="apps-manage">Manage Apps</span></a>
                                    <div class="dropdown">
                                        <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-blog" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span data-lang="blog">Blog</span>
                                            <div class="menu-arrow"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-submenu-blog">
                                            <a href="apps-blog-list.php" class="dropdown-item"><span data-lang="apps-blog-list">Blog List</span></a>
                                            <a href="apps-blog-grid.php" class="dropdown-item"><span data-lang="apps-blog-grid">Blog Grid</span></a>
                                            <a href="apps-blog-article.php" class="dropdown-item"><span data-lang="apps-blog-article">Article</span></a>
                                            <a href="apps-blog-add.php" class="dropdown-item"><span data-lang="apps-blog-add">Add Article</span></a>
                                        </div>
                                    </div>
                                    <a href="apps-pin-board.php" class="dropdown-item"><span data-lang="apps-pin-board">Pin Board</span></a>
                                    <div class="dropdown">
                                        <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-forum" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span data-lang="forum">Forum</span>
                                            <div class="menu-arrow"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-submenu-forum">
                                            <a href="apps-forum-view.php" class="dropdown-item"><span data-lang="apps-forum-view">Forum View</span></a>
                                            <a href="apps-forum-post.php" class="dropdown-item"><span data-lang="apps-forum-post">Forum Post</span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle drop-arrow-none" href="#" id="topnav-custom-pages" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="menu-icon"><i class="ti ti-files fs-xl"></i></span>
                            <span class="menu-text" data-lang="custom-pages">Custom Pages</span>
                            <div class="menu-arrow"></div>
                        </a>
                        <div class="dropdown-menu" aria-labelledby="topnav-custom-pages">
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-pages" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="pages">Pages</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu dropdown-menu-columns" aria-labelledby="topnav-submenu-pages">
                                    <a href="pages-profile.php" class="dropdown-item"><span data-lang="pages-profile">Profile</span></a>
                                    <a href="pages-account-settings.php" class="dropdown-item"><span data-lang="pages-account-settings">Account Settings</span></a>
                                    <a href="pages-faq.php" class="dropdown-item"><span data-lang="pages-faq">FAQ</span></a>
                                    <a href="pages-pricing.php" class="dropdown-item"><span data-lang="pages-pricing">Pricing</span></a>
                                    <a href="pages-empty.php" class="dropdown-item"><span data-lang="pages-empty">Empty Page</span></a>
                                    <a href="pages-timeline.php" class="dropdown-item"><span data-lang="pages-timeline">Timeline</span></a>
                                    <a href="pages-gallery.php" class="dropdown-item"><span data-lang="pages-gallery">Gallery</span></a>
                                    <a href="pages-sitemap.php" class="dropdown-item"><span data-lang="pages-sitemap">Sitemap</span></a>
                                    <a href="pages-search-results.php" class="dropdown-item"><span data-lang="pages-search-results">Search Results</span></a>
                                    <a href="pages-coming-soon.php" class="dropdown-item"><span data-lang="pages-coming-soon">Coming Soon</span></a>
                                    <a href="pages-privacy-policy.php" class="dropdown-item"><span data-lang="pages-privacy-policy">Privacy Policy</span></a>
                                    <a href="pages-terms-conditions.php" class="dropdown-item"><span data-lang="pages-terms-conditions">Terms &amp; Conditions</span></a>
                                </div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-plugins" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="plugins">Plugins</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu dropdown-menu-columns" aria-labelledby="topnav-submenu-plugins">
                                    <a href="plugins-sortable.php" class="dropdown-item"><span data-lang="plugins-sortable">Sortable List</span></a>
                                    <a href="plugins-text-diff.php" class="dropdown-item"><span data-lang="plugins-text-diff">Text Diff</span></a>
                                    <a href="plugins-pdf-viewer.php" class="dropdown-item"><span data-lang="plugins-pdf-viewer">PDF Viewer</span></a>
                                    <a href="plugins-i18.php" class="dropdown-item"><span data-lang="plugins-i18">i18 Support</span></a>
                                    <a href="plugins-sweet-alerts.php" class="dropdown-item"><span data-lang="plugins-sweet-alerts">Sweet Alerts</span></a>
                                    <a href="plugins-idle-timer.php" class="dropdown-item"><span data-lang="plugins-idle-timer">Idle Timer</span></a>
                                    <a href="plugins-pass-meter.php" class="dropdown-item"><span data-lang="plugins-pass-meter">Password Meter</span></a>
                                    <a href="plugins-live-favicon.php" class="dropdown-item"><span data-lang="plugins-live-favicon">Live Favicon</span></a>
                                    <a href="plugins-clipboard.php" class="dropdown-item"><span data-lang="plugins-clipboard">Clipboard</span></a>
                                    <a href="plugins-tree-view.php" class="dropdown-item"><span data-lang="plugins-tree-view">Tree View</span></a>
                                    <a href="plugins-loading-buttons.php" class="dropdown-item"><span data-lang="plugins-loading-buttons">Loading Buttons</span></a>
                                    <a href="plugins-masonry.php" class="dropdown-item"><span data-lang="plugins-masonry">Masonry</span></a>
                                    <a href="plugins-tour.php" class="dropdown-item"><span data-lang="plugins-tour">Tour</span></a>
                                    <a href="plugins-animation.php" class="dropdown-item"><span data-lang="plugins-animation">Animation</span></a>
                                    <a href="plugins-video-player.php" class="dropdown-item"><span data-lang="plugins-video-player">Video Player</span></a>
                                </div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-authentication" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="authentication">Authentication</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-authentication">
                                    <div class="dropdown">
                                        <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-auth-basic" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span data-lang="auth-basic">Basic</span>
                                            <div class="menu-arrow"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-submenu-auth-basic">
                                            <a href="auth-sign-in.php" class="dropdown-item"><span data-lang="auth-sign-in">Sign In</span></a>
                                            <a href="auth-sign-up.php" class="dropdown-item"><span data-lang="auth-sign-up">Sign Up</span></a>
                                            <a href="auth-reset-pass.php" class="dropdown-item"><span data-lang="auth-reset-pass">Reset Password</span></a>
                                            <a href="auth-new-pass.php" class="dropdown-item"><span data-lang="auth-new-pass">New Password</span></a>
                                            <a href="auth-two-factor.php" class="dropdown-item"><span data-lang="auth-two-factor">Two Factor</span></a>
                                            <a href="auth-lock-screen.php" class="dropdown-item"><span data-lang="auth-lock-screen">Lock Screen</span></a>
                                            <a href="auth-success-mail.php" class="dropdown-item"><span data-lang="auth-success-mail">Success Mail</span></a>
                                            <a href="auth-login-pin.php" class="dropdown-item"><span data-lang="auth-login-pin">Login with PIN</span></a>
                                            <a href="auth-delete-account.php" class="dropdown-item"><span data-lang="auth-delete-account">Delete Account</span></a>
                                        </div>
                                    </div>
                                    <div class="dropdown">
                                        <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-auth-card" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span data-lang="auth-card">Card</span>
                                            <div class="menu-arrow"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-submenu-auth-card">
                                            <a href="auth-card-sign-in.php" class="dropdown-item"><span data-lang="auth-card-sign-in">Sign In</span></a>
                                            <a href="auth-card-sign-up.php" class="dropdown-item"><span data-lang="auth-card-sign-up">Sign Up</span></a>
                                            <a href="auth-card-reset-pass.php" class="dropdown-item"><span data-lang="auth-card-reset-pass">Reset Password</span></a>
                                            <a href="auth-card-new-pass.php" class="dropdown-item"><span data-lang="auth-card-new-pass">New Password</span></a>
                                            <a href="auth-card-two-factor.php" class="dropdown-item"><span data-lang="auth-card-two-factor">Two Factor</span></a>
                                            <a href="auth-card-lock-screen.php" class="dropdown-item"><span data-lang="auth-card-lock-screen">Lock Screen</span></a>
                                            <a href="auth-card-success-mail.php" class="dropdown-item"><span data-lang="auth-card-success-mail">Success Mail</span></a>
                                            <a href="auth-card-login-pin.php" class="dropdown-item"><span data-lang="auth-card-login-pin">Login with PIN</span></a>
                                            <a href="auth-card-delete-account.php" class="dropdown-item"><span data-lang="auth-card-delete-account">Delete Account</span></a>
                                        </div>
                                    </div>
                                    <div class="dropdown">
                                        <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-auth-split" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span data-lang="auth-split">Split</span>
                                            <div class="menu-arrow"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-submenu-auth-split">
                                            <a href="auth-split-sign-in.php" class="dropdown-item"><span data-lang="auth-split-sign-in">Sign In</span></a>
                                            <a href="auth-split-sign-up.php" class="dropdown-item"><span data-lang="auth-split-sign-up">Sign Up</span></a>
                                            <a href="auth-split-reset-pass.php" class="dropdown-item"><span data-lang="auth-split-reset-pass">Reset Password</span></a>
                                            <a href="auth-split-new-pass.php" class="dropdown-item"><span data-lang="auth-split-new-pass">New Password</span></a>
                                            <a href="auth-split-two-factor.php" class="dropdown-item"><span data-lang="auth-split-two-factor">Two Factor</span></a>
                                            <a href="auth-split-lock-screen.php" class="dropdown-item"><span data-lang="auth-split-lock-screen">Lock Screen</span></a>
                                            <a href="auth-split-success-mail.php" class="dropdown-item"><span data-lang="auth-split-success-mail">Success Mail</span></a>
                                            <a href="auth-split-login-pin.php" class="dropdown-item"><span data-lang="auth-split-login-pin">Login with PIN</span></a>
                                            <a href="auth-split-delete-account.php" class="dropdown-item"><span data-lang="auth-split-delete-account">Delete Account</span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-error-pages" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="error-pages">Error Pages</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-error-pages">
                                    <a href="error-400.php" class="dropdown-item"><span data-lang="error-400">400 Bad Request</span></a>
                                    <a href="error-401.php" class="dropdown-item"><span data-lang="error-401">401 Unauthorized</span></a>
                                    <a href="error-403.php" class="dropdown-item"><span data-lang="error-403">403 Forbidden</span></a>
                                    <a href="error-404.php" class="dropdown-item"><span data-lang="error-404">404 Not Found</span></a>
                                    <a href="error-408.php" class="dropdown-item"><span data-lang="error-408">408 Request Timeout</span></a>
                                    <a href="error-500.php" class="dropdown-item"><span data-lang="error-500">500 Internal Server</span></a>
                                    <a href="error-maintenance.php" class="dropdown-item"><span data-lang="error-maintenance">Maintenance</span></a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle drop-arrow-none" href="#" id="topnav-layouts" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="menu-icon"><i class="ti ti-table-column fs-xl"></i></span>
                            <span class="menu-text" data-lang="layouts">Layouts</span>
                            <div class="menu-arrow"></div>
                        </a>
                        <div class="dropdown-menu" aria-labelledby="topnav-layouts">
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-layout-options" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="layout-options">Layout Options</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-layout-options">
                                    <a href="layouts-scrollable.php" class="dropdown-item" target="_blank"><span data-lang="layouts-scrollable">Scrollable</span></a>
                                    <a href="layouts-compact.php" class="dropdown-item" target="_blank"><span data-lang="layouts-compact">Compact</span></a>
                                    <a href="layouts-boxed.php" class="dropdown-item" target="_blank"><span data-lang="layouts-boxed">Boxed</span></a>
                                    <a href="layouts-horizontal.php" class="dropdown-item" target="_blank"><span data-lang="layouts-horizontal">Horizontal</span></a>
                                    <a href="layouts-preloader.php" class="dropdown-item" target="_blank"><span data-lang="layouts-preloader">Preloader</span></a>
                                </div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-sidebars" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="sidebars">Sidebars</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-sidebars">
                                    <a href="layouts-sidebar-light.php" class="dropdown-item" target="_blank"><span data-lang="layouts-sidebar-light">Light Menu</span></a>
                                    <a href="layouts-sidebar-gradient.php" class="dropdown-item" target="_blank"><span data-lang="layouts-sidebar-gradient">Gradient Menu</span></a>
                                    <a href="layouts-sidebar-gray.php" class="dropdown-item" target="_blank"><span data-lang="layouts-sidebar-gray">Gray Menu</span></a>
                                    <a href="layouts-sidebar-image.php" class="dropdown-item" target="_blank"><span data-lang="layouts-sidebar-image">Image Menu</span></a>
                                    <a href="layouts-sidebar-compact.php" class="dropdown-item" target="_blank"><span data-lang="layouts-sidebar-compact">Compact Menu</span></a>
                                    <a href="layouts-sidebar-on-hover.php" class="dropdown-item" target="_blank"><span data-lang="layouts-sidebar-on-hover">On Hover Menu</span></a>
                                    <a href="layouts-sidebar-on-hover-active.php" class="dropdown-item" target="_blank"><span data-lang="layouts-sidebar-on-hover-active">On Hover Active</span></a>
                                    <a href="layouts-sidebar-offcanvas.php" class="dropdown-item" target="_blank"><span data-lang="layouts-sidebar-offcanvas">Offcanvas Menu</span></a>
                                    <a href="layouts-sidebar-no-icons.php" class="dropdown-item" target="_blank"><span data-lang="layouts-sidebar-no-icons">No Icons with Lines</span></a>
                                    <a href="layouts-sidebar-with-lines.php" class="dropdown-item" target="_blank"><span data-lang="layouts-sidebar-with-lines">Sidebar with Lines</span></a>
                                </div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-topbar" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="topbar">Topbar</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-topbar">
                                    <a href="layouts-topbar-dark.php" class="dropdown-item" target="_blank"><span data-lang="layouts-topbar-dark">Dark Topbar</span></a>
                                    <a href="layouts-topbar-gray.php" class="dropdown-item" target="_blank"><span data-lang="layouts-topbar-gray">Gray Topbar</span></a>
                                    <a href="layouts-topbar-gradient.php" class="dropdown-item" target="_blank"><span data-lang="layouts-topbar-gradient">Gradient Topbar</span></a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle drop-arrow-none" href="#" id="topnav-components" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="menu-icon"><i class="ti ti-components fs-xl"></i></span>
                            <span class="menu-text" data-lang="components">Components</span>
                            <div class="menu-arrow"></div>
                        </a>
                        <div class="dropdown-menu" aria-labelledby="topnav-components">
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-base-ui" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="base-ui">Base UI</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu dropdown-menu-columns" aria-labelledby="topnav-submenu-base-ui">
                                    <a href="ui-accordions.php" class="dropdown-item"><span data-lang="ui-accordions">Accordions</span></a>
                                    <a href="ui-alerts.php" class="dropdown-item"><span data-lang="ui-alerts">Alerts</span></a>
                                    <a href="ui-images.php" class="dropdown-item"><span data-lang="ui-images">Images</span></a>
                                    <a href="ui-badges.php" class="dropdown-item"><span data-lang="ui-badges">Badges</span></a>
                                    <a href="ui-breadcrumb.php" class="dropdown-item"><span data-lang="ui-breadcrumb">Breadcrumb</span></a>
                                    <a href="ui-buttons.php" class="dropdown-item"><span data-lang="ui-buttons">Buttons</span></a>
                                    <a href="ui-cards.php" class="dropdown-item"><span data-lang="ui-cards">Cards</span></a>
                                    <a href="ui-carousel.php" class="dropdown-item"><span data-lang="ui-carousel">Carousel</span></a>
                                    <a href="ui-collapse.php" class="dropdown-item"><span data-lang="ui-collapse">Collapse</span></a>
                                    <a href="ui-colors.php" class="dropdown-item"><span data-lang="ui-colors">Colors</span></a>
                                    <a href="ui-dropdowns.php" class="dropdown-item"><span data-lang="ui-dropdowns">Dropdowns</span></a>
                                    <a href="ui-videos.php" class="dropdown-item"><span data-lang="ui-videos">Videos</span></a>
                                    <a href="ui-grid.php" class="dropdown-item"><span data-lang="ui-grid">Grid Options</span></a>
                                    <a href="ui-links.php" class="dropdown-item"><span data-lang="ui-links">Links</span></a>
                                    <a href="ui-list-group.php" class="dropdown-item"><span data-lang="ui-list-group">List Group</span></a>
                                    <a href="ui-modals.php" class="dropdown-item"><span data-lang="ui-modals">Modals</span></a>
                                    <a href="ui-notifications.php" class="dropdown-item"><span data-lang="ui-notifications">Notifications</span></a>
                                    <a href="ui-offcanvas.php" class="dropdown-item"><span data-lang="ui-offcanvas">Offcanvas</span></a>
                                    <a href="ui-placeholders.php" class="dropdown-item"><span data-lang="ui-placeholders">Placeholders</span></a>
                                    <a href="ui-pagination.php" class="dropdown-item"><span data-lang="ui-pagination">Pagination</span></a>
                                    <a href="ui-popovers.php" class="dropdown-item"><span data-lang="ui-popovers">Popovers</span></a>
                                    <a href="ui-progress.php" class="dropdown-item"><span data-lang="ui-progress">Progress</span></a>
                                    <a href="ui-scrollspy.php" class="dropdown-item"><span data-lang="ui-scrollspy">Scrollspy</span></a>
                                    <a href="ui-spinners.php" class="dropdown-item"><span data-lang="ui-spinners">Spinners</span></a>
                                    <a href="ui-tabs.php" class="dropdown-item"><span data-lang="ui-tabs">Tabs</span></a>
                                    <a href="ui-tooltips.php" class="dropdown-item"><span data-lang="ui-tooltips">Tooltips</span></a>
                                    <a href="ui-typography.php" class="dropdown-item"><span data-lang="ui-typography">Typography</span></a>
                                    <a href="ui-utilities.php" class="dropdown-item"><span data-lang="ui-utilities">Utilities</span></a>
                                </div>
                            </div>
                            <a href="widgets.php" class="dropdown-item"><span data-lang="widgets">Widgets</span></a>
                            <a href="metrics.php" class="dropdown-item"><span data-lang="metrics">Metrics</span></a>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-charts" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="charts">Charts</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-charts">
                                    <div class="dropdown">
                                        <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-apex-charts" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span data-lang="apex-charts">Apex Charts</span>
                                            <div class="menu-arrow"></div>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-columns" aria-labelledby="topnav-submenu-apex-charts">
                                            <a href="charts-apex-area.php" class="dropdown-item"><span data-lang="charts-apex-area">Area</span></a>
                                            <a href="charts-apex-bar.php" class="dropdown-item"><span data-lang="charts-apex-bar">Bar</span></a>
                                            <a href="charts-apex-bubble.php" class="dropdown-item"><span data-lang="charts-apex-bubble">Bubble</span></a>
                                            <a href="charts-apex-candlestick.php" class="dropdown-item"><span data-lang="charts-apex-candlestick">Candlestick</span></a>
                                            <a href="charts-apex-column.php" class="dropdown-item"><span data-lang="charts-apex-column">Column</span></a>
                                            <a href="charts-apex-heatmap.php" class="dropdown-item"><span data-lang="charts-apex-heatmap">Heatmap</span></a>
                                            <a href="charts-apex-line.php" class="dropdown-item"><span data-lang="charts-apex-line">Line</span></a>
                                            <a href="charts-apex-mixed.php" class="dropdown-item"><span data-lang="charts-apex-mixed">Mixed</span></a>
                                            <a href="charts-apex-timeline.php" class="dropdown-item"><span data-lang="charts-apex-timeline">Timeline</span></a>
                                            <a href="charts-apex-boxplot.php" class="dropdown-item"><span data-lang="charts-apex-boxplot">Boxplot</span></a>
                                            <a href="charts-apex-treemap.php" class="dropdown-item"><span data-lang="charts-apex-treemap">Treemap</span></a>
                                            <a href="charts-apex-pie.php" class="dropdown-item"><span data-lang="charts-apex-pie">Pie</span></a>
                                            <a href="charts-apex-radar.php" class="dropdown-item"><span data-lang="charts-apex-radar">Radar</span></a>
                                            <a href="charts-apex-radialbar.php" class="dropdown-item"><span data-lang="charts-apex-radialbar">RadialBar</span></a>
                                            <a href="charts-apex-scatter.php" class="dropdown-item"><span data-lang="charts-apex-scatter">Scatter</span></a>
                                            <a href="charts-apex-polar-area.php" class="dropdown-item"><span data-lang="charts-apex-polar-area">Polar Area</span></a>
                                            <a href="charts-apex-sparklines.php" class="dropdown-item"><span data-lang="charts-apex-sparklines">Sparklines</span></a>
                                            <a href="charts-apex-range.php" class="dropdown-item"><span data-lang="charts-apex-range">Range</span></a>
                                            <a href="charts-apex-funnel.php" class="dropdown-item"><span data-lang="charts-apex-funnel">Funnel</span></a>
                                            <a href="charts-apex-slope.php" class="dropdown-item"><span data-lang="charts-apex-slope">Slope</span></a>
                                        </div>
                                    </div>
                                    <div class="dropdown">
                                        <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-echarts" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span data-lang="echarts">Echarts</span>
                                            <div class="menu-arrow"></div>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-columns" aria-labelledby="topnav-submenu-echarts">
                                            <a href="charts-echart-line.php" class="dropdown-item"><span data-lang="charts-echart-line">Line</span></a>
                                            <a href="charts-echart-bar.php" class="dropdown-item"><span data-lang="charts-echart-bar">Bar</span></a>
                                            <a href="charts-echart-pie.php" class="dropdown-item"><span data-lang="charts-echart-pie">Pie</span></a>
                                            <a href="charts-echart-scatter.php" class="dropdown-item"><span data-lang="charts-echart-scatter">Scatter</span></a>
                                            <a href="charts-echart-geo-map.php" class="dropdown-item"><span data-lang="charts-echart-geo-map">GEO Map</span></a>
                                            <a href="charts-echart-gauge.php" class="dropdown-item"><span data-lang="charts-echart-gauge">Gauge</span></a>
                                            <a href="charts-echart-candlestick.php" class="dropdown-item"><span data-lang="charts-echart-candlestick">Candlestick</span></a>
                                            <a href="charts-echart-area.php" class="dropdown-item"><span data-lang="charts-echart-area">Area</span></a>
                                            <a href="charts-echart-radar.php" class="dropdown-item"><span data-lang="charts-echart-radar">Radar</span></a>
                                            <a href="charts-echart-heatmap.php" class="dropdown-item"><span data-lang="charts-echart-heatmap">Heatmap</span></a>
                                            <a href="charts-echart-other.php" class="dropdown-item"><span data-lang="charts-echart-other">Other</span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-forms" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="forms">Forms</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-forms">
                                    <a href="form-elements.php" class="dropdown-item"><span data-lang="form-elements">Basic Elements</span></a>
                                    <a href="form-pickers.php" class="dropdown-item"><span data-lang="form-pickers">Pickers</span></a>
                                    <a href="form-select.php" class="dropdown-item"><span data-lang="form-select">Select</span></a>
                                    <a href="form-validation.php" class="dropdown-item"><span data-lang="form-validation">Validation</span></a>
                                    <a href="form-wizard.php" class="dropdown-item"><span data-lang="form-wizard">Wizard</span></a>
                                    <a href="form-fileuploads.php" class="dropdown-item"><span data-lang="form-fileuploads">File Uploads</span></a>
                                    <a href="form-text-editors.php" class="dropdown-item"><span data-lang="form-text-editors">Text Editors</span></a>
                                    <a href="form-range-slider.php" class="dropdown-item"><span data-lang="form-range-slider">Range Slider</span></a>
                                    <a href="form-layout.php" class="dropdown-item"><span data-lang="form-layout">Layouts</span></a>
                                    <a href="form-other-plugin.php" class="dropdown-item"><span data-lang="form-other-plugin">Other Plugins</span></a>
                                </div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-tables" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="tables">Tables</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-tables">
                                    <a href="tables-static.php" class="dropdown-item"><span data-lang="tables-static">Static Tables</span></a>
                                    <a href="tables-custom.php" class="dropdown-item"><span data-lang="tables-custom">Custom Tables</span></a>
                                    <div class="dropdown">
                                        <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-datatables" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <span data-lang="datatables">DataTables</span><span class="badge bg-success text-white">15</span>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-columns" aria-labelledby="topnav-submenu-datatables">
                                            <a href="tables-datatables-basic.php" class="dropdown-item"><span data-lang="tables-datatables-basic">Basic</span></a>
                                            <a href="tables-datatables-export-data.php" class="dropdown-item"><span data-lang="tables-datatables-export-data">Export Data</span></a>
                                            <a href="tables-datatables-select.php" class="dropdown-item"><span data-lang="tables-datatables-select">Select</span></a>
                                            <a href="tables-datatables-ajax.php" class="dropdown-item"><span data-lang="tables-datatables-ajax">Ajax</span></a>
                                            <a href="tables-datatables-javascript.php" class="dropdown-item"><span data-lang="tables-datatables-javascript">Javascript Source</span></a>
                                            <a href="tables-datatables-rendering.php" class="dropdown-item"><span data-lang="tables-datatables-rendering">Data Rendering</span></a>
                                            <a href="tables-datatables-scroll.php" class="dropdown-item"><span data-lang="tables-datatables-scroll">Scroll</span></a>
                                            <a href="tables-datatables-fixed-columns.php" class="dropdown-item"><span data-lang="tables-datatables-fixed-columns">Fixed Columns</span></a>
                                            <a href="tables-datatables-fixed-header.php" class="dropdown-item"><span data-lang="tables-datatables-fixed-header">Fixed Header</span></a>
                                            <a href="tables-datatables-columns.php" class="dropdown-item"><span data-lang="tables-datatables-columns">Show &amp; Hide Column</span></a>
                                            <a href="tables-datatables-child-rows.php" class="dropdown-item"><span data-lang="tables-datatables-child-rows">Child Rows</span></a>
                                            <a href="tables-datatables-column-searching.php" class="dropdown-item"><span data-lang="tables-datatables-column-searching">Column Searching</span></a>
                                            <a href="tables-datatables-range-search.php" class="dropdown-item"><span data-lang="tables-datatables-range-search">Range Search</span></a>
                                            <a href="tables-datatables-rows-add.php" class="dropdown-item"><span data-lang="tables-datatables-rows-add">Add Rows</span></a>
                                            <a href="tables-datatables-checkbox-select.php" class="dropdown-item"><span data-lang="tables-datatables-checkbox-select">Checkbox Select</span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-icons" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="icons">Icons</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-icons">
                                    <a href="icons-tabler.php" class="dropdown-item"><span data-lang="icons-tabler">Tabler</span></a>
                                    <a href="icons-lucide.php" class="dropdown-item"><span data-lang="icons-lucide">Lucide</span></a>
                                    <a href="icons-flags.php" class="dropdown-item"><span data-lang="icons-flags">Flags</span></a>
                                </div>
                            </div>
                            <div class="dropdown">
                                <a class="dropdown-item dropdown-toggle drop-arrow-none" href="#" id="topnav-submenu-maps" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span data-lang="maps">Maps</span>
                                    <div class="menu-arrow"></div>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="topnav-submenu-maps">
                                    <a href="maps-google.php" class="dropdown-item"><span data-lang="maps-google">Google Maps</span></a>
                                    <a href="maps-vector.php" class="dropdown-item"><span data-lang="maps-vector">Vector Maps</span></a>
                                    <a href="maps-leaflet.php" class="dropdown-item"><span data-lang="maps-leaflet">Leaflet Maps</span></a>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </nav>
    </nav>
</header>
<!-- Horizontal Menu End -->
