<!doctype html>
<html lang="en" data-bs-theme="light">

<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!--favicon-->
	<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png">
	<!--plugins-->
	<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet">
	<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet">
	<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet">
	<!-- loader-->
	<link href="assets/css/pace.min.css" rel="stylesheet">
	<script src="assets/js/pace.min.js"></script>
	<!-- Bootstrap CSS -->
	<link href="assets/css/bootstrap.min.css" rel="stylesheet">
	<link href="assets/css/bootstrap-extended.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
	
	<link href="assets/sass/app.css" rel="stylesheet">
	<link href="assets/css/icons.css" rel="stylesheet">
	<!-- Theme Style CSS -->
	<link rel="stylesheet" href="assets/sass/dark-theme.css">
	<link rel="stylesheet" href="assets/sass/semi-dark.css">
	<link rel="stylesheet" href="assets/sass/bordered-theme.css">
	<title>Syndron - Bootstrap 5 Admin Dashboard Template</title>
</head>

<body>
	<!--wrapper-->
	<div class="wrapper">
				<!--sidebar wrapper -->
				<div class="sidebar-wrapper" data-simplebar="true">
					<div class="sidebar-header">
						<div>
							<img src="assets/images/logo-icon.png" class="logo-icon" alt="logo icon">
						</div>
						<div>
							<h4 class="logo-text">Syndron</h4>
						</div>
						<div class="mobile-toggle-icon ms-auto"><i class='bx bx-x'></i>
						</div>
					 </div>
					<!--navigation-->
					<ul class="metismenu" id="menu">
						<li>
							<a href="javascript:;" class="has-arrow">
								<div class="parent-icon"><i class='bx bx-home-alt'></i>
								</div>
								<div class="menu-title">Dashboard</div>
							</a>
							<ul>
								<li> <a href="index.html"><i class='bx bx-radio-circle'></i>Infographic</a>
								</li>
								<li> <a href="index2.html"><i class='bx bx-radio-circle'></i>eCommerce</a>
								</li>
								<li> <a href="index3.html"><i class='bx bx-radio-circle'></i>Analytics</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="javascript:;" class="has-arrow">
								<div class="parent-icon"><i class="bx bx-category"></i>
								</div>
								<div class="menu-title">Application</div>
							</a>
							<ul>
								<li> <a href="app-emailbox.html"><i class='bx bx-radio-circle'></i>Email</a>
								</li>
								<li> <a href="app-chat-box.html"><i class='bx bx-radio-circle'></i>Chat Box</a>
								</li>
								<li> <a href="app-file-manager.html"><i class='bx bx-radio-circle'></i>File Manager</a>
								</li>
								<li> <a href="app-contact-list.html"><i class='bx bx-radio-circle'></i>Contatcs</a>
								</li>
								<li> <a href="app-to-do.html"><i class='bx bx-radio-circle'></i>Todo List</a>
								</li>
								<li> <a href="app-invoice.html"><i class='bx bx-radio-circle'></i>Invoice</a>
								</li>
								<li> <a href="app-fullcalender.html"><i class='bx bx-radio-circle'></i>Calendar</a>
								</li>
							</ul>
						</li>
						<li class="menu-label">UI Elements</li>
						<li>
							<a href="widgets.html">
								<div class="parent-icon"><i class='bx bx-cookie'></i>
								</div>
								<div class="menu-title">Widgets</div>
							</a>
						</li>
						<li>
							<a href="javascript:;" class="has-arrow">
								<div class="parent-icon"><i class='bx bx-cart'></i>
								</div>
								<div class="menu-title">eCommerce</div>
							</a>
							<ul>
								<li> <a href="ecommerce-products.html"><i class='bx bx-radio-circle'></i>Products</a>
								</li>
								<li> <a href="ecommerce-products-details.html"><i class='bx bx-radio-circle'></i>Product Details</a>
								</li>
								<li> <a href="ecommerce-add-new-products.html"><i class='bx bx-radio-circle'></i>Add New Products</a>
								</li>
								<li> <a href="ecommerce-orders.html"><i class='bx bx-radio-circle'></i>Orders</a>
								</li>
							</ul>
						</li>
						<li>
							<a class="has-arrow" href="javascript:;">
								<div class="parent-icon"><i class='bx bx-bookmark-heart'></i>
								</div>
								<div class="menu-title">Components</div>
							</a>
							<ul>
								<li> <a href="component-alerts.html"><i class='bx bx-radio-circle'></i>Alerts</a>
								</li>
								<li> <a href="component-accordions.html"><i class='bx bx-radio-circle'></i>Accordions</a>
								</li>
								<li> <a href="component-badges.html"><i class='bx bx-radio-circle'></i>Badges</a>
								</li>
								<li> <a href="component-buttons.html"><i class='bx bx-radio-circle'></i>Buttons</a>
								</li>
								<li> <a href="component-cards.html"><i class='bx bx-radio-circle'></i>Cards</a>
								</li>
								<li> <a href="component-carousels.html"><i class='bx bx-radio-circle'></i>Carousels</a>
								</li>
								<li> <a href="component-list-groups.html"><i class='bx bx-radio-circle'></i>List Groups</a>
								</li>
								<li> <a href="component-media-object.html"><i class='bx bx-radio-circle'></i>Media Objects</a>
								</li>
								<li> <a href="component-modals.html"><i class='bx bx-radio-circle'></i>Modals</a>
								</li>
								<li> <a href="component-navs-tabs.html"><i class='bx bx-radio-circle'></i>Navs & Tabs</a>
								</li>
								<li> <a href="component-navbar.html"><i class='bx bx-radio-circle'></i>Navbar</a>
								</li>
								<li> <a href="component-paginations.html"><i class='bx bx-radio-circle'></i>Pagination</a>
								</li>
								<li> <a href="component-popovers-tooltips.html"><i class='bx bx-radio-circle'></i>Popovers & Tooltips</a>
								</li>
								<li> <a href="component-progress-bars.html"><i class='bx bx-radio-circle'></i>Progress</a>
								</li>
								<li> <a href="component-spinners.html"><i class='bx bx-radio-circle'></i>Spinners</a>
								</li>
								<li> <a href="component-notifications.html"><i class='bx bx-radio-circle'></i>Notifications</a>
								</li>
								<li> <a href="component-avtars-chips.html"><i class='bx bx-radio-circle'></i>Avatrs & Chips</a>
								</li>
							</ul>
						</li>
						<li>
							<a class="has-arrow" href="javascript:;">
								<div class="parent-icon"><i class="bx bx-repeat"></i>
								</div>
								<div class="menu-title">Content</div>
							</a>
							<ul>
								<li> <a href="content-grid-system.html"><i class='bx bx-radio-circle'></i>Grid System</a>
								</li>
								<li> <a href="content-typography.html"><i class='bx bx-radio-circle'></i>Typography</a>
								</li>
								<li> <a href="content-text-utilities.html"><i class='bx bx-radio-circle'></i>Text Utilities</a>
								</li>
							</ul>
						</li>
						<li>
							<a class="has-arrow" href="javascript:;">
								<div class="parent-icon"> <i class="bx bx-donate-blood"></i>
								</div>
								<div class="menu-title">Icons</div>
							</a>
							<ul>
								<li> <a href="icons-line-icons.html"><i class='bx bx-radio-circle'></i>Line Icons</a>
								</li>
								<li> <a href="icons-boxicons.html"><i class='bx bx-radio-circle'></i>Boxicons</a>
								</li>
								<li> <a href="icons-feather-icons.html"><i class='bx bx-radio-circle'></i>Feather Icons</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="form-froala-editor.html">
								<div class="parent-icon"><i class='bx bx-code-alt'></i>
								</div>
								<div class="menu-title">Froala Editor</div>
							</a>
						</li>
						<li class="menu-label">Forms & Tables</li>
						<li>
							<a class="has-arrow" href="javascript:;">
								<div class="parent-icon"><i class='bx bx-message-square-edit'></i>
								</div>
								<div class="menu-title">Forms</div>
							</a>
							<ul>
								<li> <a href="form-elements.html"><i class='bx bx-radio-circle'></i>Form Elements</a>
								</li>
								<li> <a href="form-input-group.html"><i class='bx bx-radio-circle'></i>Input Groups</a>
								</li>
								<li> <a href="form-radios-and-checkboxes.html"><i class='bx bx-radio-circle'></i>Radios & Checkboxes</a>
								</li>
								<li> <a href="form-layouts.html"><i class='bx bx-radio-circle'></i>Forms Layouts</a>
								</li>
								<li> <a href="form-validations.html"><i class='bx bx-radio-circle'></i>Form Validation</a>
								</li>
								<li> <a href="form-wizard.html"><i class='bx bx-radio-circle'></i>Form Wizard</a>
								</li>
								<li> <a href="form-text-editor.html"><i class='bx bx-radio-circle'></i>Text Editor</a>
								</li>
								<li> <a href="form-file-upload.html"><i class='bx bx-radio-circle'></i>File Upload</a>
								</li>
								<li> <a href="form-date-time-pickes.html"><i class='bx bx-radio-circle'></i>Date Pickers</a>
								</li>
								<li> <a href="form-select2.html"><i class='bx bx-radio-circle'></i>Select2</a>
								</li>
								<li> <a href="form-repeater.html"><i class='bx bx-radio-circle'></i>Form Repeater</a>
								</li>
							</ul>
						</li>
						<li>
							<a class="has-arrow" href="javascript:;">
								<div class="parent-icon"><i class="bx bx-grid-alt"></i>
								</div>
								<div class="menu-title">Tables</div>
							</a>
							<ul>
								<li> <a href="table-basic-table.html"><i class='bx bx-radio-circle'></i>Basic Table</a>
								</li>
								<li> <a href="table-datatable.html"><i class='bx bx-radio-circle'></i>Data Table</a>
								</li>
							</ul>
						</li>
						<li class="menu-label">Pages</li>
						<li>
							<a class="has-arrow" href="javascript:;">
								<div class="parent-icon"><i class="bx bx-lock"></i>
								</div>
								<div class="menu-title">Authentication</div>
							</a>
							<ul>
								<li><a class="has-arrow" href="javascript:;"><i class='bx bx-radio-circle'></i>Basic</a>
									<ul>
										<li><a href="auth-basic-signin.html" target="_blank"><i class='bx bx-radio-circle'></i>Sign In</a></li>
										<li><a href="auth-basic-signup.html" target="_blank"><i class='bx bx-radio-circle'></i>Sign Up</a></li>
										<li><a href="auth-basic-forgot-password.html" target="_blank"><i class='bx bx-radio-circle'></i>Forgot Password</a></li>
										<li><a href="auth-basic-reset-password.html" target="_blank"><i class='bx bx-radio-circle'></i>Reset Password</a></li>
									</ul>
								</li>
								<li><a class="has-arrow" href="javascript:;"><i class='bx bx-radio-circle'></i>Cover</a>
									<ul>
										<li><a href="auth-cover-signin.html" target="_blank"><i class='bx bx-radio-circle'></i>Sign In</a></li>
										<li><a href="auth-cover-signup.html" target="_blank"><i class='bx bx-radio-circle'></i>Sign Up</a></li>
										<li><a href="auth-cover-forgot-password.html" target="_blank"><i class='bx bx-radio-circle'></i>Forgot Password</a></li>
										<li><a href="auth-cover-reset-password.html" target="_blank"><i class='bx bx-radio-circle'></i>Reset Password</a></li>
									</ul>
								</li>
								<li><a class="has-arrow" href="javascript:;"><i class='bx bx-radio-circle'></i>With Header Footer</a>
									<ul>
										<li><a href="auth-header-footer-signin.html" target="_blank"><i class='bx bx-radio-circle'></i>Sign In</a></li>
										<li><a href="auth-header-footer-signup.html" target="_blank"><i class='bx bx-radio-circle'></i>Sign Up</a></li>
										<li><a href="auth-header-footer-forgot-password.html" target="_blank"><i class='bx bx-radio-circle'></i>Forgot Password</a></li>
										<li><a href="auth-header-footer-reset-password.html" target="_blank"><i class='bx bx-radio-circle'></i>Reset Password</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li>
							<a href="user-profile.html">
								<div class="parent-icon"><i class="bx bx-user-circle"></i>
								</div>
								<div class="menu-title">User Profile</div>
							</a>
						</li>
						<li>
							<a href="timeline.html">
								<div class="parent-icon"> <i class="bx bx-video-recording"></i>
								</div>
								<div class="menu-title">Timeline</div>
							</a>
						</li>
						<li>
							<a class="has-arrow" href="javascript:;">
								<div class="parent-icon"><i class="bx bx-error"></i>
								</div>
								<div class="menu-title">Errors</div>
							</a>
							<ul>
								<li> <a href="errors-404-error.html" target="_blank"><i class='bx bx-radio-circle'></i>404 Error</a>
								</li>
								<li> <a href="errors-500-error.html" target="_blank"><i class='bx bx-radio-circle'></i>500 Error</a>
								</li>
								<li> <a href="errors-coming-soon.html" target="_blank"><i class='bx bx-radio-circle'></i>Coming Soon</a>
								</li>
								<li> <a href="error-blank-page.html" target="_blank"><i class='bx bx-radio-circle'></i>Blank Page</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="faq.html">
								<div class="parent-icon"><i class="bx bx-help-circle"></i>
								</div>
								<div class="menu-title">FAQ</div>
							</a>
						</li>
						<li>
							<a href="pricing-table.html">
								<div class="parent-icon"><i class="bx bx-diamond"></i>
								</div>
								<div class="menu-title">Pricing</div>
							</a>
						</li>
						<li class="menu-label">Charts & Maps</li>
						<li>
							<a class="has-arrow" href="javascript:;">
								<div class="parent-icon"><i class="bx bx-line-chart"></i>
								</div>
								<div class="menu-title">Charts</div>
							</a>
							<ul>
								<li> <a href="charts-apex-chart.html"><i class='bx bx-radio-circle'></i>Apex</a>
								</li>
								<li> <a href="charts-chartjs.html"><i class='bx bx-radio-circle'></i>Chartjs</a>
								</li>
								<li> <a href="charts-highcharts.html"><i class='bx bx-radio-circle'></i>Highcharts</a>
								</li>
							</ul>
						</li>
						<li>
							<a class="has-arrow" href="javascript:;">
								<div class="parent-icon"><i class="bx bx-map-alt"></i>
								</div>
								<div class="menu-title">Maps</div>
							</a>
							<ul>
								<li> <a href="map-google-maps.html"><i class='bx bx-radio-circle'></i>Google Maps</a>
								</li>
								<li> <a href="map-vector-maps.html"><i class='bx bx-radio-circle'></i>Vector Maps</a>
								</li>
							</ul>
						</li>
						<li class="menu-label">Others</li>
						<li>
							<a class="has-arrow" href="javascript:;">
								<div class="parent-icon"><i class="bx bx-menu"></i>
								</div>
								<div class="menu-title">Menu Levels</div>
							</a>
							<ul>
								<li> <a class="has-arrow" href="javascript:;"><i class='bx bx-radio-circle'></i>Level One</a>
									<ul>
										<li> <a class="has-arrow" href="javascript:;"><i class='bx bx-radio-circle'></i>Level Two</a>
											<ul>
												<li> <a href="javascript:;"><i class='bx bx-radio-circle'></i>Level Three</a>
												</li>
											</ul>
										</li>
									</ul>
								</li>
							</ul>
						</li>
						<li>
							<a href="javascript:;">
								<div class="parent-icon"><i class="bx bx-folder"></i>
								</div>
								<div class="menu-title">Documentation</div>
							</a>
						</li>
						<li>
							<a href="https://themeforest.net/user/codervent" target="_blank">
								<div class="parent-icon"><i class="bx bx-support"></i>
								</div>
								<div class="menu-title">Support</div>
							</a>
						</li>
					</ul>
					<!--end navigation-->
				</div>
				<!--end sidebar wrapper -->
				<!--start header -->
				<header>
					<div class="topbar">
						<nav class="navbar navbar-expand gap-2 align-items-center">
							<div class="mobile-toggle-menu d-flex"><i class='bx bx-menu'></i>
							</div>
		
							  <div class="search-bar d-lg-block d-none" data-bs-toggle="modal" data-bs-target="#SearchModal">
								 <a href="avascript:;" class="btn d-flex align-items-center"><i class="bx bx-search"></i>Search</a>
							  </div>
		
							  <div class="top-menu ms-auto">
								<ul class="navbar-nav align-items-center gap-1">
									<li class="nav-item mobile-search-icon d-flex d-lg-none" data-bs-toggle="modal" data-bs-target="#SearchModal">
										<a class="nav-link" href="avascript:;"><i class='bx bx-search'></i>
										</a>
									</li>
									<li class="nav-item dropdown dropdown-laungauge d-none d-sm-flex">
										<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="avascript:;" data-bs-toggle="dropdown"><img src="assets/images/county/02.png" width="22" alt="">
										</a>
										<ul class="dropdown-menu dropdown-menu-end">
											<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/01.png" width="20" alt=""><span class="ms-2">English</span></a>
											</li>
											<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/02.png" width="20" alt=""><span class="ms-2">Catalan</span></a>
											</li>
											<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/03.png" width="20" alt=""><span class="ms-2">French</span></a>
											</li>
											<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/04.png" width="20" alt=""><span class="ms-2">Belize</span></a>
											</li>
											<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/05.png" width="20" alt=""><span class="ms-2">Colombia</span></a>
											</li>
											<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/06.png" width="20" alt=""><span class="ms-2">Spanish</span></a>
											</li>
											<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/07.png" width="20" alt=""><span class="ms-2">Georgian</span></a>
											</li>
											<li><a class="dropdown-item d-flex align-items-center py-2" href="javascript:;"><img src="assets/images/county/08.png" width="20" alt=""><span class="ms-2">Hindi</span></a>
											</li>
										</ul>
									</li>
									<li class="nav-item dark-mode d-none d-sm-flex">
										<a class="nav-link dark-mode-icon" href="javascript:;"><i class='bx bx-moon'></i>
										</a>
									</li>
		
									<li class="nav-item dropdown dropdown-app">
										<a class="nav-link dropdown-toggle dropdown-toggle-nocaret" data-bs-toggle="dropdown" href="javascript:;"><i class='bx bx-grid-alt'></i></a>
										<div class="dropdown-menu dropdown-menu-end p-0">
											<div class="app-container p-2 my-2">
											  <div class="row gx-0 gy-2 row-cols-3 justify-content-center p-2">
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/slack.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">Slack</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/behance.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">Behance</p>
													  </div>
													  </div>
												  </a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														<img src="assets/images/app/google-drive.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">Dribble</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/outlook.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">Outlook</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/github.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">GitHub</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/stack-overflow.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">Stack</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/figma.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">Stack</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/twitter.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">Twitter</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/google-calendar.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">Calendar</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/spotify.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">Spotify</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/google-photos.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">Photos</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/pinterest.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">Photos</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/linkedin.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">linkedin</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/dribble.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">Dribble</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/youtube.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">YouTube</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/google.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">News</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/envato.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">Envato</p>
													  </div>
													  </div>
													</a>
												 </div>
												 <div class="col">
												  <a href="javascript:;">
													<div class="app-box text-center">
													  <div class="app-icon">
														  <img src="assets/images/app/safari.png" width="30" alt="">
													  </div>
													  <div class="app-name">
														  <p class="mb-0 mt-1">Safari</p>
													  </div>
													  </div>
													</a>
												 </div>
						
											  </div><!--end row-->
						
											</div>
										</div>
									</li>
		
									<li class="nav-item dropdown dropdown-large">
										<a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#" data-bs-toggle="dropdown"><span class="alert-count">7</span>
											<i class='bx bx-bell'></i>
										</a>
										<div class="dropdown-menu dropdown-menu-end">
											<a href="javascript:;">
												<div class="msg-header">
													<p class="msg-header-title">Notifications</p>
													<p class="msg-header-badge">8 New</p>
												</div>
											</a>
											<div class="header-notifications-list">
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center">
														<div class="user-online">
															<img src="assets/images/avatars/avatar-1.png" class="msg-avatar" alt="user avatar">
														</div>
														<div class="flex-grow-1">
															<h6 class="msg-name">Daisy Anderson<span class="msg-time float-end">5 sec
														ago</span></h6>
															<p class="msg-info">The standard chunk of lorem</p>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center">
														<div class="notify bg-light-danger text-danger">dc
														</div>
														<div class="flex-grow-1">
															<h6 class="msg-name">New Orders <span class="msg-time float-end">2 min
														ago</span></h6>
															<p class="msg-info">You have recived new orders</p>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center">
														<div class="user-online">
															<img src="assets/images/avatars/avatar-2.png" class="msg-avatar" alt="user avatar">
														</div>
														<div class="flex-grow-1">
															<h6 class="msg-name">Althea Cabardo <span class="msg-time float-end">14
														sec ago</span></h6>
															<p class="msg-info">Many desktop publishing packages</p>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center">
														<div class="notify bg-light-success text-success">
															<img src="assets/images/app/outlook.png" width="25" alt="user avatar">
														</div>
														<div class="flex-grow-1">
															<h6 class="msg-name">Account Created<span class="msg-time float-end">28 min
														ago</span></h6>
															<p class="msg-info">Successfully created new email</p>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center">
														<div class="notify bg-light-info text-info">Ss
														</div>
														<div class="flex-grow-1">
															<h6 class="msg-name">New Product Approved <span
														class="msg-time float-end">2 hrs ago</span></h6>
															<p class="msg-info">Your new product has approved</p>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center">
														<div class="user-online">
															<img src="assets/images/avatars/avatar-4.png" class="msg-avatar" alt="user avatar">
														</div>
														<div class="flex-grow-1">
															<h6 class="msg-name">Katherine Pechon <span class="msg-time float-end">15
														min ago</span></h6>
															<p class="msg-info">Making this the first true generator</p>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center">
														<div class="notify bg-light-success text-success"><i class='bx bx-check-square'></i>
														</div>
														<div class="flex-grow-1">
															<h6 class="msg-name">Your item is shipped <span class="msg-time float-end">5 hrs
														ago</span></h6>
															<p class="msg-info">Successfully shipped your item</p>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center">
														<div class="notify bg-light-primary">
															<img src="assets/images/app/github.png" width="25" alt="user avatar">
														</div>
														<div class="flex-grow-1">
															<h6 class="msg-name">New 24 authors<span class="msg-time float-end">1 day
														ago</span></h6>
															<p class="msg-info">24 new authors joined last week</p>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center">
														<div class="user-online">
															<img src="assets/images/avatars/avatar-8.png" class="msg-avatar" alt="user avatar">
														</div>
														<div class="flex-grow-1">
															<h6 class="msg-name">Peter Costanzo <span class="msg-time float-end">6 hrs
														ago</span></h6>
															<p class="msg-info">It was popularised in the 1960s</p>
														</div>
													</div>
												</a>
											</div>
											<a href="javascript:;">
												<div class="text-center msg-footer">
													<button class="btn btn-primary w-100">View All Notifications</button>
												</div>
											</a>
										</div>
									</li>
									<li class="nav-item dropdown dropdown-large">
										<a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="alert-count">8</span>
											<i class='bx bx-shopping-bag'></i>
										</a>
										<div class="dropdown-menu dropdown-menu-end">
											<a href="javascript:;">
												<div class="msg-header">
													<p class="msg-header-title">My Cart</p>
													<p class="msg-header-badge">10 Items</p>
												</div>
											</a>
											<div class="header-message-list">
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center gap-3">
														<div class="position-relative">
															<div class="cart-product rounded-circle bg-light">
																<img src="assets/images/products/11.png" class="" alt="product image">
															</div>
														</div>
														<div class="flex-grow-1">
															<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
															<p class="cart-product-price mb-0">1 X $29.00</p>
														</div>
														<div class="">
															<p class="cart-price mb-0">$250</p>
														</div>
														<div class="cart-product-cancel"><i class="bx bx-x"></i>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center gap-3">
														<div class="position-relative">
															<div class="cart-product rounded-circle bg-light">
																<img src="assets/images/products/02.png" class="" alt="product image">
															</div>
														</div>
														<div class="flex-grow-1">
															<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
															<p class="cart-product-price mb-0">1 X $29.00</p>
														</div>
														<div class="">
															<p class="cart-price mb-0">$250</p>
														</div>
														<div class="cart-product-cancel"><i class="bx bx-x"></i>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center gap-3">
														<div class="position-relative">
															<div class="cart-product rounded-circle bg-light">
																<img src="assets/images/products/03.png" class="" alt="product image">
															</div>
														</div>
														<div class="flex-grow-1">
															<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
															<p class="cart-product-price mb-0">1 X $29.00</p>
														</div>
														<div class="">
															<p class="cart-price mb-0">$250</p>
														</div>
														<div class="cart-product-cancel"><i class="bx bx-x"></i>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center gap-3">
														<div class="position-relative">
															<div class="cart-product rounded-circle bg-light">
																<img src="assets/images/products/04.png" class="" alt="product image">
															</div>
														</div>
														<div class="flex-grow-1">
															<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
															<p class="cart-product-price mb-0">1 X $29.00</p>
														</div>
														<div class="">
															<p class="cart-price mb-0">$250</p>
														</div>
														<div class="cart-product-cancel"><i class="bx bx-x"></i>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center gap-3">
														<div class="position-relative">
															<div class="cart-product rounded-circle bg-light">
																<img src="assets/images/products/05.png" class="" alt="product image">
															</div>
														</div>
														<div class="flex-grow-1">
															<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
															<p class="cart-product-price mb-0">1 X $29.00</p>
														</div>
														<div class="">
															<p class="cart-price mb-0">$250</p>
														</div>
														<div class="cart-product-cancel"><i class="bx bx-x"></i>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center gap-3">
														<div class="position-relative">
															<div class="cart-product rounded-circle bg-light">
																<img src="assets/images/products/06.png" class="" alt="product image">
															</div>
														</div>
														<div class="flex-grow-1">
															<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
															<p class="cart-product-price mb-0">1 X $29.00</p>
														</div>
														<div class="">
															<p class="cart-price mb-0">$250</p>
														</div>
														<div class="cart-product-cancel"><i class="bx bx-x"></i>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center gap-3">
														<div class="position-relative">
															<div class="cart-product rounded-circle bg-light">
																<img src="assets/images/products/07.png" class="" alt="product image">
															</div>
														</div>
														<div class="flex-grow-1">
															<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
															<p class="cart-product-price mb-0">1 X $29.00</p>
														</div>
														<div class="">
															<p class="cart-price mb-0">$250</p>
														</div>
														<div class="cart-product-cancel"><i class="bx bx-x"></i>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center gap-3">
														<div class="position-relative">
															<div class="cart-product rounded-circle bg-light">
																<img src="assets/images/products/08.png" class="" alt="product image">
															</div>
														</div>
														<div class="flex-grow-1">
															<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
															<p class="cart-product-price mb-0">1 X $29.00</p>
														</div>
														<div class="">
															<p class="cart-price mb-0">$250</p>
														</div>
														<div class="cart-product-cancel"><i class="bx bx-x"></i>
														</div>
													</div>
												</a>
												<a class="dropdown-item" href="javascript:;">
													<div class="d-flex align-items-center gap-3">
														<div class="position-relative">
															<div class="cart-product rounded-circle bg-light">
																<img src="assets/images/products/09.png" class="" alt="product image">
															</div>
														</div>
														<div class="flex-grow-1">
															<h6 class="cart-product-title mb-0">Men White T-Shirt</h6>
															<p class="cart-product-price mb-0">1 X $29.00</p>
														</div>
														<div class="">
															<p class="cart-price mb-0">$250</p>
														</div>
														<div class="cart-product-cancel"><i class="bx bx-x"></i>
														</div>
													</div>
												</a>
											</div>
											<a href="javascript:;">
												<div class="text-center msg-footer">
													<div class="d-flex align-items-center justify-content-between mb-3">
														<h5 class="mb-0">Total</h5>
														<h5 class="mb-0 ms-auto">$489.00</h5>
													</div>
													<button class="btn btn-primary w-100">Checkout</button>
												</div>
											</a>
										</div>
									</li>
								</ul>
							</div>
							<div class="user-box dropdown px-3">
								<a class="d-flex align-items-center nav-link dropdown-toggle gap-3 dropdown-toggle-nocaret" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
									<img src="assets/images/avatars/avatar-2.png" class="user-img" alt="user avatar">
									<div class="user-info">
										<p class="user-name mb-0">Pauline Seitz</p>
										<p class="designattion mb-0">Web Designer</p>
									</div>
								</a>
								<ul class="dropdown-menu dropdown-menu-end">
									<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-user fs-5"></i><span>Profile</span></a>
									</li>
									<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-cog fs-5"></i><span>Settings</span></a>
									</li>
									<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-home-circle fs-5"></i><span>Dashboard</span></a>
									</li>
									<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-dollar-circle fs-5"></i><span>Earnings</span></a>
									</li>
									<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-download fs-5"></i><span>Downloads</span></a>
									</li>
									<li>
										<div class="dropdown-divider mb-0"></div>
									</li>
									<li><a class="dropdown-item d-flex align-items-center" href="javascript:;"><i class="bx bx-log-out-circle"></i><span>Logout</span></a>
									</li>
								</ul>
							</div>
						</nav>
					</div>
				</header>
				<!--end header -->
		<!--start page wrapper -->
		<div class="page-wrapper">
			<div class="page-content container-xxl">
				<!--breadcrumb-->
				<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
					<div class="breadcrumb-title pe-3">Icons</div>
					<div class="ps-3">
						<nav aria-label="breadcrumb">
							<ol class="breadcrumb mb-0 p-0">
								<li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a>
								</li>
								<li class="breadcrumb-item active" aria-current="page">Boxicons</li>
							</ol>
						</nav>
					</div>
					<div class="ms-auto">
						<div class="btn-group">
							<button type="button" class="btn btn-primary">Settings</button>
							<button type="button" class="btn btn-primary split-bg-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown">	<span class="visually-hidden">Toggle Dropdown</span>
							</button>
							<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg-end">	<a class="dropdown-item" href="javascript:;">Action</a>
								<a class="dropdown-item" href="javascript:;">Another action</a>
								<a class="dropdown-item" href="javascript:;">Something else here</a>
								<div class="dropdown-divider"></div>	<a class="dropdown-item" href="javascript:;">Separated link</a>
							</div>
						</div>
					</div>
				</div>
				<!--end breadcrumb-->
				<div class="row row-cols-1 row-cols-sm-2 row-cols-lg-4 row-cols-xl-5 g-3">
					<div class="col" tabindex="1">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-shape-polygon"></i>
							</div>
							<div class="ms-2">shape-polygon</div>
						</div>
					</div>
					<div class="col" tabindex="2">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-donate-blood"></i>
							</div>
							<div class="ms-2">donate-blood</div>
						</div>
					</div>
					<div class="col" tabindex="3">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-donate-heart"></i>
							</div>
							<div class="ms-2">donate-heart</div>
						</div>
					</div>
					<div class="col" tabindex="4">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-door-open"></i>
							</div>
							<div class="ms-2">door-open</div>
						</div>
					</div>
					<div class="col" tabindex="5">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-credit-card-front"></i>
							</div>
							<div class="ms-2">credit-card-front</div>
						</div>
					</div>
					<div class="col" tabindex="6">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cookie"></i>
							</div>
							<div class="ms-2">cookie</div>
						</div>
					</div>
					<div class="col" tabindex="7">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-comment-detail"></i>
							</div>
							<div class="ms-2">comment-detail</div>
						</div>
					</div>
					<div class="col" tabindex="8">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-comment-add"></i>
							</div>
							<div class="ms-2">comment-add</div>
						</div>
					</div>
					<div class="col" tabindex="9">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-comment-minus"></i>
							</div>
							<div class="ms-2">comment-minus</div>
						</div>
					</div>
					<div class="col" tabindex="10">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-comment-edit"></i>
							</div>
							<div class="ms-2">comment-edit</div>
						</div>
					</div>
					<div class="col" tabindex="11">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-comment-x"></i>
							</div>
							<div class="ms-2">comment-x</div>
						</div>
					</div>
					<div class="col" tabindex="12">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-comment-error"></i>
							</div>
							<div class="ms-2">comment-error</div>
						</div>
					</div>
					<div class="col" tabindex="13">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-comment-check"></i>
							</div>
							<div class="ms-2">comment-check</div>
						</div>
					</div>
					<div class="col" tabindex="14">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-square-detail"></i>
							</div>
							<div class="ms-2">message-square-detail</div>
						</div>
					</div>
					<div class="col" tabindex="15">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-square-add"></i>
							</div>
							<div class="ms-2">message-square-add</div>
						</div>
					</div>
					<div class="col" tabindex="16">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-square-edit"></i>
							</div>
							<div class="ms-2">message-square-edit</div>
						</div>
					</div>
					<div class="col" tabindex="17">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-square-minus"></i>
							</div>
							<div class="ms-2">message-square-minus</div>
						</div>
					</div>
					<div class="col" tabindex="18">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-square-x"></i>
							</div>
							<div class="ms-2">message-square-x</div>
						</div>
					</div>
					<div class="col" tabindex="19">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-square-error"></i>
							</div>
							<div class="ms-2">message-square-error</div>
						</div>
					</div>
					<div class="col" tabindex="20">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-square-check"></i>
							</div>
							<div class="ms-2">message-square-check</div>
						</div>
					</div>
					<div class="col" tabindex="21">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-detail"></i>
							</div>
							<div class="ms-2">message-detail</div>
						</div>
					</div>
					<div class="col" tabindex="22">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-add"></i>
							</div>
							<div class="ms-2">message-add</div>
						</div>
					</div>
					<div class="col" tabindex="23">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-edit"></i>
							</div>
							<div class="ms-2">message-edit</div>
						</div>
					</div>
					<div class="col" tabindex="24">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-minus"></i>
							</div>
							<div class="ms-2">message-minus</div>
						</div>
					</div>
					<div class="col" tabindex="25">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-x"></i>
							</div>
							<div class="ms-2">message-x</div>
						</div>
					</div>
					<div class="col" tabindex="26">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-error"></i>
							</div>
							<div class="ms-2">message-error</div>
						</div>
					</div>
					<div class="col" tabindex="27">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-check"></i>
							</div>
							<div class="ms-2">message-check</div>
						</div>
					</div>
					<div class="col" tabindex="28">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-rounded-detail"></i>
							</div>
							<div class="ms-2">message-rounded-detail</div>
						</div>
					</div>
					<div class="col" tabindex="29">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-rounded-add"></i>
							</div>
							<div class="ms-2">message-rounded-add</div>
						</div>
					</div>
					<div class="col" tabindex="30">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-rounded-edit"></i>
							</div>
							<div class="ms-2">message-rounded-edit</div>
						</div>
					</div>
					<div class="col" tabindex="31">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-rounded-minus"></i>
							</div>
							<div class="ms-2">message-rounded-minus</div>
						</div>
					</div>
					<div class="col" tabindex="32">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-rounded-x"></i>
							</div>
							<div class="ms-2">message-rounded-x</div>
						</div>
					</div>
					<div class="col" tabindex="33">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-rounded-error"></i>
							</div>
							<div class="ms-2">message-rounded-error</div>
						</div>
					</div>
					<div class="col" tabindex="34">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-rounded-check"></i>
							</div>
							<div class="ms-2">message-rounded-check</div>
						</div>
					</div>
					<div class="col" tabindex="35">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-alt-detail"></i>
							</div>
							<div class="ms-2">message-alt-detail</div>
						</div>
					</div>
					<div class="col" tabindex="36">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-alt-edit"></i>
							</div>
							<div class="ms-2">message-alt-edit</div>
						</div>
					</div>
					<div class="col" tabindex="37">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-alt-minus"></i>
							</div>
							<div class="ms-2">message-alt-minus</div>
						</div>
					</div>
					<div class="col" tabindex="38">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-alt-x"></i>
							</div>
							<div class="ms-2">message-alt-x</div>
						</div>
					</div>
					<div class="col" tabindex="39">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-alt-error"></i>
							</div>
							<div class="ms-2">message-alt-error</div>
						</div>
					</div>
					<div class="col" tabindex="40">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-alt-check"></i>
							</div>
							<div class="ms-2">message-alt-check</div>
						</div>
					</div>
					<div class="col" tabindex="41">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-alt-add"></i>
							</div>
							<div class="ms-2">message-alt-add</div>
						</div>
					</div>
					<div class="col" tabindex="42">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-envelope-open"></i>
							</div>
							<div class="ms-2">envelope-open</div>
						</div>
					</div>
					<div class="col" tabindex="43">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-home-smile"></i>
							</div>
							<div class="ms-2">home-smile</div>
						</div>
					</div>
					<div class="col" tabindex="44">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-refresh"></i>
							</div>
							<div class="ms-2">refresh</div>
						</div>
					</div>
					<div class="col" tabindex="45">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-meteor"></i>
							</div>
							<div class="ms-2">meteor</div>
						</div>
					</div>
					<div class="col" tabindex="46">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-outline"></i>
							</div>
							<div class="ms-2">outline</div>
						</div>
					</div>
					<div class="col" tabindex="47">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-trim"></i>
							</div>
							<div class="ms-2">trim</div>
						</div>
					</div>
					<div class="col" tabindex="48">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-merge"></i>
							</div>
							<div class="ms-2">merge</div>
						</div>
					</div>
					<div class="col" tabindex="49">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-minus-back"></i>
							</div>
							<div class="ms-2">minus-back</div>
						</div>
					</div>
					<div class="col" tabindex="50">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-exclude"></i>
							</div>
							<div class="ms-2">exclude</div>
						</div>
					</div>
					<div class="col" tabindex="51">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-intersect"></i>
							</div>
							<div class="ms-2">intersect</div>
						</div>
					</div>
					<div class="col" tabindex="52">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-minus-front"></i>
							</div>
							<div class="ms-2">minus-front</div>
						</div>
					</div>
					<div class="col" tabindex="53">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-unite"></i>
							</div>
							<div class="ms-2">unite</div>
						</div>
					</div>
					<div class="col" tabindex="54">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-coin-stack"></i>
							</div>
							<div class="ms-2">coin-stack</div>
						</div>
					</div>
					<div class="col" tabindex="55">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-coin"></i>
							</div>
							<div class="ms-2">coin</div>
						</div>
					</div>
					<div class="col" tabindex="56">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-church"></i>
							</div>
							<div class="ms-2">church</div>
						</div>
					</div>
					<div class="col" tabindex="57">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevron-right-square"></i>
							</div>
							<div class="ms-2">chevron-right-square</div>
						</div>
					</div>
					<div class="col" tabindex="58">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevron-left-square"></i>
							</div>
							<div class="ms-2">chevron-left-square</div>
						</div>
					</div>
					<div class="col" tabindex="59">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevron-up-square"></i>
							</div>
							<div class="ms-2">chevron-up-square</div>
						</div>
					</div>
					<div class="col" tabindex="60">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevron-down-square"></i>
							</div>
							<div class="ms-2">chevron-down-square</div>
						</div>
					</div>
					<div class="col" tabindex="61">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevron-right-circle"></i>
							</div>
							<div class="ms-2">chevron-right-circle</div>
						</div>
					</div>
					<div class="col" tabindex="62">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevron-left-circle"></i>
							</div>
							<div class="ms-2">chevron-left-circle</div>
						</div>
					</div>
					<div class="col" tabindex="63">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevron-up-circle"></i>
							</div>
							<div class="ms-2">chevron-up-circle</div>
						</div>
					</div>
					<div class="col" tabindex="64">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevron-down-circle"></i>
							</div>
							<div class="ms-2">chevron-down-circle</div>
						</div>
					</div>
					<div class="col" tabindex="65">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-line-chart-down"></i>
							</div>
							<div class="ms-2">line-chart-down</div>
						</div>
					</div>
					<div class="col" tabindex="66">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-shield-x"></i>
							</div>
							<div class="ms-2">shield-x</div>
						</div>
					</div>
					<div class="col" tabindex="67">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-caret-down-square"></i>
							</div>
							<div class="ms-2">caret-down-square</div>
						</div>
					</div>
					<div class="col" tabindex="68">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-caret-left-square"></i>
							</div>
							<div class="ms-2">caret-left-square</div>
						</div>
					</div>
					<div class="col" tabindex="69">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-caret-up-square"></i>
							</div>
							<div class="ms-2">caret-up-square</div>
						</div>
					</div>
					<div class="col" tabindex="70">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-caret-right-square"></i>
							</div>
							<div class="ms-2">caret-right-square</div>
						</div>
					</div>
					<div class="col" tabindex="71">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-caret-down-circle"></i>
							</div>
							<div class="ms-2">caret-down-circle</div>
						</div>
					</div>
					<div class="col" tabindex="72">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-caret-up-circle"></i>
							</div>
							<div class="ms-2">caret-up-circle</div>
						</div>
					</div>
					<div class="col" tabindex="73">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-caret-left-circle"></i>
							</div>
							<div class="ms-2">caret-left-circle</div>
						</div>
					</div>
					<div class="col" tabindex="74">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-caret-right-circle"></i>
							</div>
							<div class="ms-2">caret-right-circle</div>
						</div>
					</div>
					<div class="col" tabindex="75">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-camera-movie"></i>
							</div>
							<div class="ms-2">camera-movie</div>
						</div>
					</div>
					<div class="col" tabindex="76">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-camera-home"></i>
							</div>
							<div class="ms-2">camera-home</div>
						</div>
					</div>
					<div class="col" tabindex="77">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-calendar-star"></i>
							</div>
							<div class="ms-2">calendar-star</div>
						</div>
					</div>
					<div class="col" tabindex="78">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-calendar-exclamation"></i>
							</div>
							<div class="ms-2">calendar-exclamation</div>
						</div>
					</div>
					<div class="col" tabindex="79">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-vector"></i>
							</div>
							<div class="ms-2">vector</div>
						</div>
					</div>
					<div class="col" tabindex="80">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-network-chart"></i>
							</div>
							<div class="ms-2">network-chart</div>
						</div>
					</div>
					<div class="col" tabindex="81">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chair"></i>
							</div>
							<div class="ms-2">chair</div>
						</div>
					</div>
					<div class="col" tabindex="82">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cctv"></i>
							</div>
							<div class="ms-2">cctv</div>
						</div>
					</div>
					<div class="col" tabindex="83">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-drink"></i>
							</div>
							<div class="ms-2">drink</div>
						</div>
					</div>
					<div class="col" tabindex="84">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-eraser"></i>
							</div>
							<div class="ms-2">eraser</div>
						</div>
					</div>
					<div class="col" tabindex="85">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-capsule"></i>
							</div>
							<div class="ms-2">capsule</div>
						</div>
					</div>
					<div class="col" tabindex="86">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-color-fill"></i>
							</div>
							<div class="ms-2">color-fill</div>
						</div>
					</div>
					<div class="col" tabindex="87">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-vial"></i>
							</div>
							<div class="ms-2">vial</div>
						</div>
					</div>
					<div class="col" tabindex="88">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-wine"></i>
							</div>
							<div class="ms-2">wine</div>
						</div>
					</div>
					<div class="col" tabindex="89">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-calendar-heart"></i>
							</div>
							<div class="ms-2">calendar-heart</div>
						</div>
					</div>
					<div class="col" tabindex="90">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-window-alt"></i>
							</div>
							<div class="ms-2">window-alt</div>
						</div>
					</div>
					<div class="col" tabindex="91">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-braille"></i>
							</div>
							<div class="ms-2">braille</div>
						</div>
					</div>
					<div class="col" tabindex="92">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-border-outer"></i>
							</div>
							<div class="ms-2">border-outer</div>
						</div>
					</div>
					<div class="col" tabindex="93">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-brain"></i>
							</div>
							<div class="ms-2">brain</div>
						</div>
					</div>
					<div class="col" tabindex="94">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bracket"></i>
							</div>
							<div class="ms-2">bracket</div>
						</div>
					</div>
					<div class="col" tabindex="95">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-book-add"></i>
							</div>
							<div class="ms-2">book-add</div>
						</div>
					</div>
					<div class="col" tabindex="96">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-book-heart"></i>
							</div>
							<div class="ms-2">book-heart</div>
						</div>
					</div>
					<div class="col" tabindex="97">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-book-alt"></i>
							</div>
							<div class="ms-2">book-alt</div>
						</div>
					</div>
					<div class="col" tabindex="98">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bong"></i>
							</div>
							<div class="ms-2">bong</div>
						</div>
					</div>
					<div class="col" tabindex="99">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bone"></i>
							</div>
							<div class="ms-2">bone</div>
						</div>
					</div>
					<div class="col" tabindex="100">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-blanket"></i>
							</div>
							<div class="ms-2">blanket</div>
						</div>
					</div>
					<div class="col" tabindex="101">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-barcode-reader"></i>
							</div>
							<div class="ms-2">barcode-reader</div>
						</div>
					</div>
					<div class="col" tabindex="102">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-task-x"></i>
							</div>
							<div class="ms-2">task-x</div>
						</div>
					</div>
					<div class="col" tabindex="103">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-medal"></i>
							</div>
							<div class="ms-2">medal</div>
						</div>
					</div>
					<div class="col" tabindex="104">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-alarm-exclamation"></i>
							</div>
							<div class="ms-2">alarm-exclamation</div>
						</div>
					</div>
					<div class="col" tabindex="105">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-alarm-snooze"></i>
							</div>
							<div class="ms-2">alarm-snooze</div>
						</div>
					</div>
					<div class="col" tabindex="106">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-abacus"></i>
							</div>
							<div class="ms-2">abacus</div>
						</div>
					</div>
					<div class="col" tabindex="107">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-game"></i>
							</div>
							<div class="ms-2">game</div>
						</div>
					</div>
					<div class="col" tabindex="108">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-tachometer"></i>
							</div>
							<div class="ms-2">tachometer</div>
						</div>
					</div>
					<div class="col" tabindex="109">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-sticker"></i>
							</div>
							<div class="ms-2">sticker</div>
						</div>
					</div>
					<div class="col" tabindex="110">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-spray-can"></i>
							</div>
							<div class="ms-2">spray-can</div>
						</div>
					</div>
					<div class="col" tabindex="111">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-webcam"></i>
							</div>
							<div class="ms-2">webcam</div>
						</div>
					</div>
					<div class="col" tabindex="112">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dice-6"></i>
							</div>
							<div class="ms-2">dice-6</div>
						</div>
					</div>
					<div class="col" tabindex="113">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dice-5"></i>
							</div>
							<div class="ms-2">dice-5</div>
						</div>
					</div>
					<div class="col" tabindex="114">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dice-4"></i>
							</div>
							<div class="ms-2">dice-4</div>
						</div>
					</div>
					<div class="col" tabindex="115">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dice-3"></i>
							</div>
							<div class="ms-2">dice-3</div>
						</div>
					</div>
					<div class="col" tabindex="116">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dice-2"></i>
							</div>
							<div class="ms-2">dice-2</div>
						</div>
					</div>
					<div class="col" tabindex="117">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dice-1"></i>
							</div>
							<div class="ms-2">dice-1</div>
						</div>
					</div>
					<div class="col" tabindex="118">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-border-inner"></i>
							</div>
							<div class="ms-2">border-inner</div>
						</div>
					</div>
					<div class="col" tabindex="119">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-border-none"></i>
							</div>
							<div class="ms-2">border-none</div>
						</div>
					</div>
					<div class="col" tabindex="120">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-glasses-alt"></i>
							</div>
							<div class="ms-2">glasses-alt</div>
						</div>
					</div>
					<div class="col" tabindex="121">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-glasses"></i>
							</div>
							<div class="ms-2">glasses</div>
						</div>
					</div>
					<div class="col" tabindex="122">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-calendar-week"></i>
							</div>
							<div class="ms-2">calendar-week</div>
						</div>
					</div>
					<div class="col" tabindex="123">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-scan"></i>
							</div>
							<div class="ms-2">scan</div>
						</div>
					</div>
					<div class="col" tabindex="124">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-book-reader"></i>
							</div>
							<div class="ms-2">book-reader</div>
						</div>
					</div>
					<div class="col" tabindex="125">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-arrow-to-bottom"></i>
							</div>
							<div class="ms-2">arrow-to-bottom</div>
						</div>
					</div>
					<div class="col" tabindex="126">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-arrow-to-top"></i>
							</div>
							<div class="ms-2">arrow-to-top</div>
						</div>
					</div>
					<div class="col" tabindex="127">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-arrow-to-left"></i>
							</div>
							<div class="ms-2">arrow-to-left</div>
						</div>
					</div>
					<div class="col" tabindex="128">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-arrow-to-right"></i>
							</div>
							<div class="ms-2">arrow-to-right</div>
						</div>
					</div>
					<div class="col" tabindex="129">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-arrow-from-right"></i>
							</div>
							<div class="ms-2">arrow-from-right</div>
						</div>
					</div>
					<div class="col" tabindex="130">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-arrow-from-left"></i>
							</div>
							<div class="ms-2">arrow-from-left</div>
						</div>
					</div>
					<div class="col" tabindex="131">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-arrow-from-bottom"></i>
							</div>
							<div class="ms-2">arrow-from-bottom</div>
						</div>
					</div>
					<div class="col" tabindex="132">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-arrow-from-top"></i>
							</div>
							<div class="ms-2">arrow-from-top</div>
						</div>
					</div>
					<div class="col" tabindex="133">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-current-location"></i>
							</div>
							<div class="ms-2">current-location</div>
						</div>
					</div>
					<div class="col" tabindex="134">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-been-here"></i>
							</div>
							<div class="ms-2">been-here</div>
						</div>
					</div>
					<div class="col" tabindex="135">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-low-vision"></i>
							</div>
							<div class="ms-2">low-vision</div>
						</div>
					</div>
					<div class="col" tabindex="136">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-mask"></i>
							</div>
							<div class="ms-2">mask</div>
						</div>
					</div>
					<div class="col" tabindex="137">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-wifi-0"></i>
							</div>
							<div class="ms-2">wifi-0</div>
						</div>
					</div>
					<div class="col" tabindex="138">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-wifi-1"></i>
							</div>
							<div class="ms-2">wifi-1</div>
						</div>
					</div>
					<div class="col" tabindex="139">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-wifi-2"></i>
							</div>
							<div class="ms-2">wifi-2</div>
						</div>
					</div>
					<div class="col" tabindex="140">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-traffic-cone"></i>
							</div>
							<div class="ms-2">traffic-cone</div>
						</div>
					</div>
					<div class="col" tabindex="141">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-recycle"></i>
							</div>
							<div class="ms-2">recycle</div>
						</div>
					</div>
					<div class="col" tabindex="142">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-layer-minus"></i>
							</div>
							<div class="ms-2">layer-minus</div>
						</div>
					</div>
					<div class="col" tabindex="143">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-layer-plus"></i>
							</div>
							<div class="ms-2">layer-plus</div>
						</div>
					</div>
					<div class="col" tabindex="144">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-info-square"></i>
							</div>
							<div class="ms-2">info-square</div>
						</div>
					</div>
					<div class="col" tabindex="145">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-home-heart"></i>
							</div>
							<div class="ms-2">home-heart</div>
						</div>
					</div>
					<div class="col" tabindex="146">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-heart-square"></i>
							</div>
							<div class="ms-2">heart-square</div>
						</div>
					</div>
					<div class="col" tabindex="147">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-heart-circle"></i>
							</div>
							<div class="ms-2">heart-circle</div>
						</div>
					</div>
					<div class="col" tabindex="148">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-microchip"></i>
							</div>
							<div class="ms-2">microchip</div>
						</div>
					</div>
					<div class="col" tabindex="149">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-pointer"></i>
							</div>
							<div class="ms-2">pointer</div>
						</div>
					</div>
					<div class="col" tabindex="150">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-coffee-togo"></i>
							</div>
							<div class="ms-2">coffee-togo</div>
						</div>
					</div>
					<div class="col" tabindex="151">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-calendar-edit"></i>
							</div>
							<div class="ms-2">calendar-edit</div>
						</div>
					</div>
					<div class="col" tabindex="152">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cabinet"></i>
							</div>
							<div class="ms-2">cabinet</div>
						</div>
					</div>
					<div class="col" tabindex="153">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bus-school"></i>
							</div>
							<div class="ms-2">bus-school</div>
						</div>
					</div>
					<div class="col" tabindex="154">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bomb"></i>
							</div>
							<div class="ms-2">bomb</div>
						</div>
					</div>
					<div class="col" tabindex="155">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bible"></i>
							</div>
							<div class="ms-2">bible</div>
						</div>
					</div>
					<div class="col" tabindex="156">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-beer"></i>
							</div>
							<div class="ms-2">beer</div>
						</div>
					</div>
					<div class="col" tabindex="157">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-baseball"></i>
							</div>
							<div class="ms-2">baseball</div>
						</div>
					</div>
					<div class="col" tabindex="158">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-atom"></i>
							</div>
							<div class="ms-2">atom</div>
						</div>
					</div>
					<div class="col" tabindex="159">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-arch"></i>
							</div>
							<div class="ms-2">arch</div>
						</div>
					</div>
					<div class="col" tabindex="160">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-location-plus"></i>
							</div>
							<div class="ms-2">location-plus</div>
						</div>
					</div>
					<div class="col" tabindex="161">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-shape-triangle"></i>
							</div>
							<div class="ms-2">shape-triangle</div>
						</div>
					</div>
					<div class="col" tabindex="162">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-shape-square"></i>
							</div>
							<div class="ms-2">shape-square</div>
						</div>
					</div>
					<div class="col" tabindex="163">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-video-recording"></i>
							</div>
							<div class="ms-2">video-recording</div>
						</div>
					</div>
					<div class="col" tabindex="164">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-notepad"></i>
							</div>
							<div class="ms-2">notepad</div>
						</div>
					</div>
					<div class="col" tabindex="165">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bug-alt"></i>
							</div>
							<div class="ms-2">bug-alt</div>
						</div>
					</div>
					<div class="col" tabindex="166">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-mouse-alt"></i>
							</div>
							<div class="ms-2">mouse-alt</div>
						</div>
					</div>
					<div class="col" tabindex="167">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-edit-alt"></i>
							</div>
							<div class="ms-2">edit-alt</div>
						</div>
					</div>
					<div class="col" tabindex="168">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chat"></i>
							</div>
							<div class="ms-2">chat</div>
						</div>
					</div>
					<div class="col" tabindex="169">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-book-content"></i>
							</div>
							<div class="ms-2">book-content</div>
						</div>
					</div>
					<div class="col" tabindex="170">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-square-dots"></i>
							</div>
							<div class="ms-2">message-square-dots</div>
						</div>
					</div>
					<div class="col" tabindex="171">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-square"></i>
							</div>
							<div class="ms-2">message-square</div>
						</div>
					</div>
					<div class="col" tabindex="172">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-slideshow"></i>
							</div>
							<div class="ms-2">slideshow</div>
						</div>
					</div>
					<div class="col" tabindex="173">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-wallet-alt"></i>
							</div>
							<div class="ms-2">wallet-alt</div>
						</div>
					</div>
					<div class="col" tabindex="174">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-memory-card"></i>
							</div>
							<div class="ms-2">memory-card</div>
						</div>
					</div>
					<div class="col" tabindex="175">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-rounded-dots"></i>
							</div>
							<div class="ms-2">message-rounded-dots</div>
						</div>
					</div>
					<div class="col" tabindex="176">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-dots"></i>
							</div>
							<div class="ms-2">message-dots</div>
						</div>
					</div>
					<div class="col" tabindex="177">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bar-chart-alt-2"></i>
							</div>
							<div class="ms-2">bar-chart-alt-2</div>
						</div>
					</div>
					<div class="col" tabindex="178">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-store-alt"></i>
							</div>
							<div class="ms-2">store-alt</div>
						</div>
					</div>
					<div class="col" tabindex="179">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-buildings"></i>
							</div>
							<div class="ms-2">buildings</div>
						</div>
					</div>
					<div class="col" tabindex="180">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-home-circle"></i>
							</div>
							<div class="ms-2">home-circle</div>
						</div>
					</div>
					<div class="col" tabindex="181">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-money"></i>
							</div>
							<div class="ms-2">money</div>
						</div>
					</div>
					<div class="col" tabindex="182">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-walk"></i>
							</div>
							<div class="ms-2">walk</div>
						</div>
					</div>
					<div class="col" tabindex="183">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-repeat"></i>
							</div>
							<div class="ms-2">repeat</div>
						</div>
					</div>
					<div class="col" tabindex="184">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-font-family"></i>
							</div>
							<div class="ms-2">font-family</div>
						</div>
					</div>
					<div class="col" tabindex="185">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-joystick-button"></i>
							</div>
							<div class="ms-2">joystick-button</div>
						</div>
					</div>
					<div class="col" tabindex="186">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-paint"></i>
							</div>
							<div class="ms-2">paint</div>
						</div>
					</div>
					<div class="col" tabindex="187">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-unlink"></i>
							</div>
							<div class="ms-2">unlink</div>
						</div>
					</div>
					<div class="col" tabindex="188">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-brush"></i>
							</div>
							<div class="ms-2">brush</div>
						</div>
					</div>
					<div class="col" tabindex="189">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-rotate-left"></i>
							</div>
							<div class="ms-2">rotate-left</div>
						</div>
					</div>
					<div class="col" tabindex="190">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-badge-check"></i>
							</div>
							<div class="ms-2">badge-check</div>
						</div>
					</div>
					<div class="col" tabindex="191">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-show-alt"></i>
							</div>
							<div class="ms-2">show-alt</div>
						</div>
					</div>
					<div class="col" tabindex="192">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-caret-down"></i>
							</div>
							<div class="ms-2">caret-down</div>
						</div>
					</div>
					<div class="col" tabindex="193">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-caret-right"></i>
							</div>
							<div class="ms-2">caret-right</div>
						</div>
					</div>
					<div class="col" tabindex="194">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-caret-up"></i>
							</div>
							<div class="ms-2">caret-up</div>
						</div>
					</div>
					<div class="col" tabindex="195">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-caret-left"></i>
							</div>
							<div class="ms-2">caret-left</div>
						</div>
					</div>
					<div class="col" tabindex="196">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-calendar-event"></i>
							</div>
							<div class="ms-2">calendar-event</div>
						</div>
					</div>
					<div class="col" tabindex="197">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-magnet"></i>
							</div>
							<div class="ms-2">magnet</div>
						</div>
					</div>
					<div class="col" tabindex="198">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-rewind-circle"></i>
							</div>
							<div class="ms-2">rewind-circle</div>
						</div>
					</div>
					<div class="col" tabindex="199">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-card"></i>
							</div>
							<div class="ms-2">card</div>
						</div>
					</div>
					<div class="col" tabindex="200">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-help-circle"></i>
							</div>
							<div class="ms-2">help-circle</div>
						</div>
					</div>
					<div class="col" tabindex="201">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-test-tube"></i>
							</div>
							<div class="ms-2">test-tube</div>
						</div>
					</div>
					<div class="col" tabindex="202">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-note"></i>
							</div>
							<div class="ms-2">note</div>
						</div>
					</div>
					<div class="col" tabindex="203">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-sort-down"></i>
							</div>
							<div class="ms-2">sort-down</div>
						</div>
					</div>
					<div class="col" tabindex="204">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-sort-up"></i>
							</div>
							<div class="ms-2">sort-up</div>
						</div>
					</div>
					<div class="col" tabindex="205">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-id-card"></i>
							</div>
							<div class="ms-2">id-card</div>
						</div>
					</div>
					<div class="col" tabindex="206">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-badge"></i>
							</div>
							<div class="ms-2">badge</div>
						</div>
					</div>
					<div class="col" tabindex="207">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-grid-small"></i>
							</div>
							<div class="ms-2">grid-small</div>
						</div>
					</div>
					<div class="col" tabindex="208">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-grid-vertical"></i>
							</div>
							<div class="ms-2">grid-vertical</div>
						</div>
					</div>
					<div class="col" tabindex="209">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-grid-horizontal"></i>
							</div>
							<div class="ms-2">grid-horizontal</div>
						</div>
					</div>
					<div class="col" tabindex="210">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-move-vertical"></i>
							</div>
							<div class="ms-2">move-vertical</div>
						</div>
					</div>
					<div class="col" tabindex="211">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-move-horizontal"></i>
							</div>
							<div class="ms-2">move-horizontal</div>
						</div>
					</div>
					<div class="col" tabindex="212">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-stats"></i>
							</div>
							<div class="ms-2">stats</div>
						</div>
					</div>
					<div class="col" tabindex="213">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-equalizer"></i>
							</div>
							<div class="ms-2">equalizer</div>
						</div>
					</div>
					<div class="col" tabindex="214">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-disc"></i>
							</div>
							<div class="ms-2">disc</div>
						</div>
					</div>
					<div class="col" tabindex="215">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-analyse"></i>
							</div>
							<div class="ms-2">analyse</div>
						</div>
					</div>
					<div class="col" tabindex="216">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-search-alt"></i>
							</div>
							<div class="ms-2">search-alt</div>
						</div>
					</div>
					<div class="col" tabindex="217">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dollar-circle"></i>
							</div>
							<div class="ms-2">dollar-circle</div>
						</div>
					</div>
					<div class="col" tabindex="218">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-football"></i>
							</div>
							<div class="ms-2">football</div>
						</div>
					</div>
					<div class="col" tabindex="219">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-ball"></i>
							</div>
							<div class="ms-2">ball</div>
						</div>
					</div>
					<div class="col" tabindex="220">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-circle"></i>
							</div>
							<div class="ms-2">circle</div>
						</div>
					</div>
					<div class="col" tabindex="221">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-transfer"></i>
							</div>
							<div class="ms-2">transfer</div>
						</div>
					</div>
					<div class="col" tabindex="222">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-fingerprint"></i>
							</div>
							<div class="ms-2">fingerprint</div>
						</div>
					</div>
					<div class="col" tabindex="223">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-font-color"></i>
							</div>
							<div class="ms-2">font-color</div>
						</div>
					</div>
					<div class="col" tabindex="224">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-highlight"></i>
							</div>
							<div class="ms-2">highlight</div>
						</div>
					</div>
					<div class="col" tabindex="225">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-file-blank"></i>
							</div>
							<div class="ms-2">file-blank</div>
						</div>
					</div>
					<div class="col" tabindex="226">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-strikethrough"></i>
							</div>
							<div class="ms-2">strikethrough</div>
						</div>
					</div>
					<div class="col" tabindex="227">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-photo-album"></i>
							</div>
							<div class="ms-2">photo-album</div>
						</div>
					</div>
					<div class="col" tabindex="228">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-code-block"></i>
							</div>
							<div class="ms-2">code-block</div>
						</div>
					</div>
					<div class="col" tabindex="229">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-font-size"></i>
							</div>
							<div class="ms-2">font-size</div>
						</div>
					</div>
					<div class="col" tabindex="230">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-handicap"></i>
							</div>
							<div class="ms-2">handicap</div>
						</div>
					</div>
					<div class="col" tabindex="231">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dialpad"></i>
							</div>
							<div class="ms-2">dialpad</div>
						</div>
					</div>
					<div class="col" tabindex="232">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-wind"></i>
							</div>
							<div class="ms-2">wind</div>
						</div>
					</div>
					<div class="col" tabindex="233">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-water"></i>
							</div>
							<div class="ms-2">water</div>
						</div>
					</div>
					<div class="col" tabindex="234">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-swim"></i>
							</div>
							<div class="ms-2">swim</div>
						</div>
					</div>
					<div class="col" tabindex="235">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-restaurant"></i>
							</div>
							<div class="ms-2">restaurant</div>
						</div>
					</div>
					<div class="col" tabindex="236">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-box"></i>
							</div>
							<div class="ms-2">box</div>
						</div>
					</div>
					<div class="col" tabindex="237">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-menu-alt-right"></i>
							</div>
							<div class="ms-2">menu-alt-right</div>
						</div>
					</div>
					<div class="col" tabindex="238">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-menu-alt-left"></i>
							</div>
							<div class="ms-2">menu-alt-left</div>
						</div>
					</div>
					<div class="col" tabindex="239">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-video-plus"></i>
							</div>
							<div class="ms-2">video-plus</div>
						</div>
					</div>
					<div class="col" tabindex="240">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-list-ol"></i>
							</div>
							<div class="ms-2">list-ol</div>
						</div>
					</div>
					<div class="col" tabindex="241">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-planet"></i>
							</div>
							<div class="ms-2">planet</div>
						</div>
					</div>
					<div class="col" tabindex="242">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-hotel"></i>
							</div>
							<div class="ms-2">hotel</div>
						</div>
					</div>
					<div class="col" tabindex="243">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-movie"></i>
							</div>
							<div class="ms-2">movie</div>
						</div>
					</div>
					<div class="col" tabindex="244">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-taxi"></i>
							</div>
							<div class="ms-2">taxi</div>
						</div>
					</div>
					<div class="col" tabindex="245">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-train"></i>
							</div>
							<div class="ms-2">train</div>
						</div>
					</div>
					<div class="col" tabindex="246">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bath"></i>
							</div>
							<div class="ms-2">bath</div>
						</div>
					</div>
					<div class="col" tabindex="247">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bed"></i>
							</div>
							<div class="ms-2">bed</div>
						</div>
					</div>
					<div class="col" tabindex="248">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-area"></i>
							</div>
							<div class="ms-2">area</div>
						</div>
					</div>
					<div class="col" tabindex="249">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bot"></i>
							</div>
							<div class="ms-2">bot</div>
						</div>
					</div>
					<div class="col" tabindex="250">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dumbbell"></i>
							</div>
							<div class="ms-2">dumbbell</div>
						</div>
					</div>
					<div class="col" tabindex="251">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-check-double"></i>
							</div>
							<div class="ms-2">check-double</div>
						</div>
					</div>
					<div class="col" tabindex="252">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bus"></i>
							</div>
							<div class="ms-2">bus</div>
						</div>
					</div>
					<div class="col" tabindex="253">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-check-circle"></i>
							</div>
							<div class="ms-2">check-circle</div>
						</div>
					</div>
					<div class="col" tabindex="254">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-rocket"></i>
							</div>
							<div class="ms-2">rocket</div>
						</div>
					</div>
					<div class="col" tabindex="255">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-certification"></i>
							</div>
							<div class="ms-2">certification</div>
						</div>
					</div>
					<div class="col" tabindex="256">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-slider-alt"></i>
							</div>
							<div class="ms-2">slider-alt</div>
						</div>
					</div>
					<div class="col" tabindex="257">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-sad"></i>
							</div>
							<div class="ms-2">sad</div>
						</div>
					</div>
					<div class="col" tabindex="258">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-meh"></i>
							</div>
							<div class="ms-2">meh</div>
						</div>
					</div>
					<div class="col" tabindex="259">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-happy"></i>
							</div>
							<div class="ms-2">happy</div>
						</div>
					</div>
					<div class="col" tabindex="260">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cart-alt"></i>
							</div>
							<div class="ms-2">cart-alt</div>
						</div>
					</div>
					<div class="col" tabindex="261">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-car"></i>
							</div>
							<div class="ms-2">car</div>
						</div>
					</div>
					<div class="col" tabindex="262">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-loader-alt"></i>
							</div>
							<div class="ms-2">loader-alt</div>
						</div>
					</div>
					<div class="col" tabindex="263">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-loader-circle"></i>
							</div>
							<div class="ms-2">loader-circle</div>
						</div>
					</div>
					<div class="col" tabindex="264">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-wrench"></i>
							</div>
							<div class="ms-2">wrench</div>
						</div>
					</div>
					<div class="col" tabindex="265">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-alarm-off"></i>
							</div>
							<div class="ms-2">alarm-off</div>
						</div>
					</div>
					<div class="col" tabindex="266">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-layout"></i>
							</div>
							<div class="ms-2">layout</div>
						</div>
					</div>
					<div class="col" tabindex="267">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dock-left"></i>
							</div>
							<div class="ms-2">dock-left</div>
						</div>
					</div>
					<div class="col" tabindex="268">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dock-top"></i>
							</div>
							<div class="ms-2">dock-top</div>
						</div>
					</div>
					<div class="col" tabindex="269">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dock-right"></i>
							</div>
							<div class="ms-2">dock-right</div>
						</div>
					</div>
					<div class="col" tabindex="270">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dock-bottom"></i>
							</div>
							<div class="ms-2">dock-bottom</div>
						</div>
					</div>
					<div class="col" tabindex="271">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-world"></i>
							</div>
							<div class="ms-2">world</div>
						</div>
					</div>
					<div class="col" tabindex="272">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-selection"></i>
							</div>
							<div class="ms-2">selection</div>
						</div>
					</div>
					<div class="col" tabindex="273">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-paper-plane"></i>
							</div>
							<div class="ms-2">paper-plane</div>
						</div>
					</div>
					<div class="col" tabindex="274">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-slider"></i>
							</div>
							<div class="ms-2">slider</div>
						</div>
					</div>
					<div class="col" tabindex="275">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-loader"></i>
							</div>
							<div class="ms-2">loader</div>
						</div>
					</div>
					<div class="col" tabindex="276">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chalkboard"></i>
							</div>
							<div class="ms-2">chalkboard</div>
						</div>
					</div>
					<div class="col" tabindex="277">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-trash-alt"></i>
							</div>
							<div class="ms-2">trash-alt</div>
						</div>
					</div>
					<div class="col" tabindex="278">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-grid-alt"></i>
							</div>
							<div class="ms-2">grid-alt</div>
						</div>
					</div>
					<div class="col" tabindex="279">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-command"></i>
							</div>
							<div class="ms-2">command</div>
						</div>
					</div>
					<div class="col" tabindex="280">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-window-close"></i>
							</div>
							<div class="ms-2">window-close</div>
						</div>
					</div>
					<div class="col" tabindex="281">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-notification-off"></i>
							</div>
							<div class="ms-2">notification-off</div>
						</div>
					</div>
					<div class="col" tabindex="282">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-plug"></i>
							</div>
							<div class="ms-2">plug</div>
						</div>
					</div>
					<div class="col" tabindex="283">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-infinite"></i>
							</div>
							<div class="ms-2">infinite</div>
						</div>
					</div>
					<div class="col" tabindex="284">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-carousel"></i>
							</div>
							<div class="ms-2">carousel</div>
						</div>
					</div>
					<div class="col" tabindex="285">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-hourglass"></i>
							</div>
							<div class="ms-2">hourglass</div>
						</div>
					</div>
					<div class="col" tabindex="286">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-briefcase-alt"></i>
							</div>
							<div class="ms-2">briefcase-alt</div>
						</div>
					</div>
					<div class="col" tabindex="287">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-wallet"></i>
							</div>
							<div class="ms-2">wallet</div>
						</div>
					</div>
					<div class="col" tabindex="288">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-station"></i>
							</div>
							<div class="ms-2">station</div>
						</div>
					</div>
					<div class="col" tabindex="289">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-collection"></i>
							</div>
							<div class="ms-2">collection</div>
						</div>
					</div>
					<div class="col" tabindex="290">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-tv"></i>
							</div>
							<div class="ms-2">tv</div>
						</div>
					</div>
					<div class="col" tabindex="291">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-closet"></i>
							</div>
							<div class="ms-2">closet</div>
						</div>
					</div>
					<div class="col" tabindex="292">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-paperclip"></i>
							</div>
							<div class="ms-2">paperclip</div>
						</div>
					</div>
					<div class="col" tabindex="293">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-expand"></i>
							</div>
							<div class="ms-2">expand</div>
						</div>
					</div>
					<div class="col" tabindex="294">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-pen"></i>
							</div>
							<div class="ms-2">pen</div>
						</div>
					</div>
					<div class="col" tabindex="295">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-purchase-tag"></i>
							</div>
							<div class="ms-2">purchase-tag</div>
						</div>
					</div>
					<div class="col" tabindex="296">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-images"></i>
							</div>
							<div class="ms-2">images</div>
						</div>
					</div>
					<div class="col" tabindex="297">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-pie-chart-alt"></i>
							</div>
							<div class="ms-2">pie-chart-alt</div>
						</div>
					</div>
					<div class="col" tabindex="298">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-news"></i>
							</div>
							<div class="ms-2">news</div>
						</div>
					</div>
					<div class="col" tabindex="299">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-downvote"></i>
							</div>
							<div class="ms-2">downvote</div>
						</div>
					</div>
					<div class="col" tabindex="300">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-upvote"></i>
							</div>
							<div class="ms-2">upvote</div>
						</div>
					</div>
					<div class="col" tabindex="301">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-globe-alt"></i>
							</div>
							<div class="ms-2">globe-alt</div>
						</div>
					</div>
					<div class="col" tabindex="302">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-store"></i>
							</div>
							<div class="ms-2">store</div>
						</div>
					</div>
					<div class="col" tabindex="303">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-hdd"></i>
							</div>
							<div class="ms-2">hdd</div>
						</div>
					</div>
					<div class="col" tabindex="304">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-skip-previous-circle"></i>
							</div>
							<div class="ms-2">skip-previous-circle</div>
						</div>
					</div>
					<div class="col" tabindex="305">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-skip-next-circle"></i>
							</div>
							<div class="ms-2">skip-next-circle</div>
						</div>
					</div>
					<div class="col" tabindex="306">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chip"></i>
							</div>
							<div class="ms-2">chip</div>
						</div>
					</div>
					<div class="col" tabindex="307">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cast"></i>
							</div>
							<div class="ms-2">cast</div>
						</div>
					</div>
					<div class="col" tabindex="308">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-body"></i>
							</div>
							<div class="ms-2">body</div>
						</div>
					</div>
					<div class="col" tabindex="309">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-phone-outgoing"></i>
							</div>
							<div class="ms-2">phone-outgoing</div>
						</div>
					</div>
					<div class="col" tabindex="310">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-phone-incoming"></i>
							</div>
							<div class="ms-2">phone-incoming</div>
						</div>
					</div>
					<div class="col" tabindex="311">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-collapse"></i>
							</div>
							<div class="ms-2">collapse</div>
						</div>
					</div>
					<div class="col" tabindex="312">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-rename"></i>
							</div>
							<div class="ms-2">rename</div>
						</div>
					</div>
					<div class="col" tabindex="313">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-rotate-right"></i>
							</div>
							<div class="ms-2">rotate-right</div>
						</div>
					</div>
					<div class="col" tabindex="314">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-horizontal-center"></i>
							</div>
							<div class="ms-2">horizontal-center</div>
						</div>
					</div>
					<div class="col" tabindex="315">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-ruler"></i>
							</div>
							<div class="ms-2">ruler</div>
						</div>
					</div>
					<div class="col" tabindex="316">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-import"></i>
							</div>
							<div class="ms-2">import</div>
						</div>
					</div>
					<div class="col" tabindex="317">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-calendar-alt"></i>
							</div>
							<div class="ms-2">calendar-alt</div>
						</div>
					</div>
					<div class="col" tabindex="318">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-battery"></i>
							</div>
							<div class="ms-2">battery</div>
						</div>
					</div>
					<div class="col" tabindex="319">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-server"></i>
							</div>
							<div class="ms-2">server</div>
						</div>
					</div>
					<div class="col" tabindex="320">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-task"></i>
							</div>
							<div class="ms-2">task</div>
						</div>
					</div>
					<div class="col" tabindex="321">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-folder-open"></i>
							</div>
							<div class="ms-2">folder-open</div>
						</div>
					</div>
					<div class="col" tabindex="322">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-film"></i>
							</div>
							<div class="ms-2">film</div>
						</div>
					</div>
					<div class="col" tabindex="323">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-aperture"></i>
							</div>
							<div class="ms-2">aperture</div>
						</div>
					</div>
					<div class="col" tabindex="324">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-phone-call"></i>
							</div>
							<div class="ms-2">phone-call</div>
						</div>
					</div>
					<div class="col" tabindex="325">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-up-arrow"></i>
							</div>
							<div class="ms-2">up-arrow</div>
						</div>
					</div>
					<div class="col" tabindex="326">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-undo"></i>
							</div>
							<div class="ms-2">undo</div>
						</div>
					</div>
					<div class="col" tabindex="327">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-timer"></i>
							</div>
							<div class="ms-2">timer</div>
						</div>
					</div>
					<div class="col" tabindex="328">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-support"></i>
							</div>
							<div class="ms-2">support</div>
						</div>
					</div>
					<div class="col" tabindex="329">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-subdirectory-right"></i>
							</div>
							<div class="ms-2">subdirectory-right</div>
						</div>
					</div>
					<div class="col" tabindex="330">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-subdirectory-left"></i>
							</div>
							<div class="ms-2">subdirectory-left</div>
						</div>
					</div>
					<div class="col" tabindex="331">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-right-arrow"></i>
							</div>
							<div class="ms-2">right-arrow</div>
						</div>
					</div>
					<div class="col" tabindex="332">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-revision"></i>
							</div>
							<div class="ms-2">revision</div>
						</div>
					</div>
					<div class="col" tabindex="333">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-repost"></i>
							</div>
							<div class="ms-2">repost</div>
						</div>
					</div>
					<div class="col" tabindex="334">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-reply"></i>
							</div>
							<div class="ms-2">reply</div>
						</div>
					</div>
					<div class="col" tabindex="335">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-reply-all"></i>
							</div>
							<div class="ms-2">reply-all</div>
						</div>
					</div>
					<div class="col" tabindex="336">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-redo"></i>
							</div>
							<div class="ms-2">redo</div>
						</div>
					</div>
					<div class="col" tabindex="337">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-radar"></i>
							</div>
							<div class="ms-2">radar</div>
						</div>
					</div>
					<div class="col" tabindex="338">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-poll"></i>
							</div>
							<div class="ms-2">poll</div>
						</div>
					</div>
					<div class="col" tabindex="339">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-list-check"></i>
							</div>
							<div class="ms-2">list-check</div>
						</div>
					</div>
					<div class="col" tabindex="340">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-like"></i>
							</div>
							<div class="ms-2">like</div>
						</div>
					</div>
					<div class="col" tabindex="341">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-left-arrow"></i>
							</div>
							<div class="ms-2">left-arrow</div>
						</div>
					</div>
					<div class="col" tabindex="342">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-joystick-alt"></i>
							</div>
							<div class="ms-2">joystick-alt</div>
						</div>
					</div>
					<div class="col" tabindex="343">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-history"></i>
							</div>
							<div class="ms-2">history</div>
						</div>
					</div>
					<div class="col" tabindex="344">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-flag"></i>
							</div>
							<div class="ms-2">flag</div>
						</div>
					</div>
					<div class="col" tabindex="345">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-first-aid"></i>
							</div>
							<div class="ms-2">first-aid</div>
						</div>
					</div>
					<div class="col" tabindex="346">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-export"></i>
							</div>
							<div class="ms-2">export</div>
						</div>
					</div>
					<div class="col" tabindex="347">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-down-arrow"></i>
							</div>
							<div class="ms-2">down-arrow</div>
						</div>
					</div>
					<div class="col" tabindex="348">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dislike"></i>
							</div>
							<div class="ms-2">dislike</div>
						</div>
					</div>
					<div class="col" tabindex="349">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-crown"></i>
							</div>
							<div class="ms-2">crown</div>
						</div>
					</div>
					<div class="col" tabindex="350">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-barcode"></i>
							</div>
							<div class="ms-2">barcode</div>
						</div>
					</div>
					<div class="col" tabindex="351">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-user"></i>
							</div>
							<div class="ms-2">user</div>
						</div>
					</div>
					<div class="col" tabindex="352">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-user-x"></i>
							</div>
							<div class="ms-2">user-x</div>
						</div>
					</div>
					<div class="col" tabindex="353">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-user-plus"></i>
							</div>
							<div class="ms-2">user-plus</div>
						</div>
					</div>
					<div class="col" tabindex="354">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-user-minus"></i>
							</div>
							<div class="ms-2">user-minus</div>
						</div>
					</div>
					<div class="col" tabindex="355">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-user-circle"></i>
							</div>
							<div class="ms-2">user-circle</div>
						</div>
					</div>
					<div class="col" tabindex="356">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-user-check"></i>
							</div>
							<div class="ms-2">user-check</div>
						</div>
					</div>
					<div class="col" tabindex="357">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-underline"></i>
							</div>
							<div class="ms-2">underline</div>
						</div>
					</div>
					<div class="col" tabindex="358">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-trophy"></i>
							</div>
							<div class="ms-2">trophy</div>
						</div>
					</div>
					<div class="col" tabindex="359">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-trash"></i>
							</div>
							<div class="ms-2">trash</div>
						</div>
					</div>
					<div class="col" tabindex="360">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-text"></i>
							</div>
							<div class="ms-2">text</div>
						</div>
					</div>
					<div class="col" tabindex="361">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-sun"></i>
							</div>
							<div class="ms-2">sun</div>
						</div>
					</div>
					<div class="col" tabindex="362">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-star"></i>
							</div>
							<div class="ms-2">star</div>
						</div>
					</div>
					<div class="col" tabindex="363">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-sort"></i>
							</div>
							<div class="ms-2">sort</div>
						</div>
					</div>
					<div class="col" tabindex="364">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-shuffle"></i>
							</div>
							<div class="ms-2">shuffle</div>
						</div>
					</div>
					<div class="col" tabindex="365">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-shopping-bag"></i>
							</div>
							<div class="ms-2">shopping-bag</div>
						</div>
					</div>
					<div class="col" tabindex="366">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-shield"></i>
							</div>
							<div class="ms-2">shield</div>
						</div>
					</div>
					<div class="col" tabindex="367">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-shield-alt"></i>
							</div>
							<div class="ms-2">shield-alt</div>
						</div>
					</div>
					<div class="col" tabindex="368">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-share"></i>
							</div>
							<div class="ms-2">share</div>
						</div>
					</div>
					<div class="col" tabindex="369">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-share-alt"></i>
							</div>
							<div class="ms-2">share-alt</div>
						</div>
					</div>
					<div class="col" tabindex="370">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-select-multiple"></i>
							</div>
							<div class="ms-2">select-multiple</div>
						</div>
					</div>
					<div class="col" tabindex="371">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-screenshot"></i>
							</div>
							<div class="ms-2">screenshot</div>
						</div>
					</div>
					<div class="col" tabindex="372">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-save"></i>
							</div>
							<div class="ms-2">save</div>
						</div>
					</div>
					<div class="col" tabindex="373">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-pulse"></i>
							</div>
							<div class="ms-2">pulse</div>
						</div>
					</div>
					<div class="col" tabindex="374">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-power-off"></i>
							</div>
							<div class="ms-2">power-off</div>
						</div>
					</div>
					<div class="col" tabindex="375">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-plus"></i>
							</div>
							<div class="ms-2">plus</div>
						</div>
					</div>
					<div class="col" tabindex="376">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-pin"></i>
							</div>
							<div class="ms-2">pin</div>
						</div>
					</div>
					<div class="col" tabindex="377">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-pencil"></i>
							</div>
							<div class="ms-2">pencil</div>
						</div>
					</div>
					<div class="col" tabindex="378">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-paste"></i>
							</div>
							<div class="ms-2">paste</div>
						</div>
					</div>
					<div class="col" tabindex="379">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-paragraph"></i>
							</div>
							<div class="ms-2">paragraph</div>
						</div>
					</div>
					<div class="col" tabindex="380">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-package"></i>
							</div>
							<div class="ms-2">package</div>
						</div>
					</div>
					<div class="col" tabindex="381">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-notification"></i>
							</div>
							<div class="ms-2">notification</div>
						</div>
					</div>
					<div class="col" tabindex="382">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-shield-quarter"></i>
							</div>
							<div class="ms-2">shield-quarter</div>
						</div>
					</div>
					<div class="col" tabindex="383">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-move"></i>
							</div>
							<div class="ms-2">move</div>
						</div>
					</div>
					<div class="col" tabindex="384">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-mouse"></i>
							</div>
							<div class="ms-2">mouse</div>
						</div>
					</div>
					<div class="col" tabindex="385">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-minus"></i>
							</div>
							<div class="ms-2">minus</div>
						</div>
					</div>
					<div class="col" tabindex="386">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-microphone-off"></i>
							</div>
							<div class="ms-2">microphone-off</div>
						</div>
					</div>
					<div class="col" tabindex="387">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-log-out"></i>
							</div>
							<div class="ms-2">log-out</div>
						</div>
					</div>
					<div class="col" tabindex="388">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-log-in"></i>
							</div>
							<div class="ms-2">log-in</div>
						</div>
					</div>
					<div class="col" tabindex="389">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-link-external"></i>
							</div>
							<div class="ms-2">link-external</div>
						</div>
					</div>
					<div class="col" tabindex="390">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-joystick"></i>
							</div>
							<div class="ms-2">joystick</div>
						</div>
					</div>
					<div class="col" tabindex="391">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-italic"></i>
							</div>
							<div class="ms-2">italic</div>
						</div>
					</div>
					<div class="col" tabindex="392">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-home-alt"></i>
							</div>
							<div class="ms-2">home-alt</div>
						</div>
					</div>
					<div class="col" tabindex="393">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-heading"></i>
							</div>
							<div class="ms-2">heading</div>
						</div>
					</div>
					<div class="col" tabindex="394">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-hash"></i>
							</div>
							<div class="ms-2">hash</div>
						</div>
					</div>
					<div class="col" tabindex="395">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-group"></i>
							</div>
							<div class="ms-2">group</div>
						</div>
					</div>
					<div class="col" tabindex="396">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-git-repo-forked"></i>
							</div>
							<div class="ms-2">git-repo-forked</div>
						</div>
					</div>
					<div class="col" tabindex="397">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-git-pull-request"></i>
							</div>
							<div class="ms-2">git-pull-request</div>
						</div>
					</div>
					<div class="col" tabindex="398">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-git-merge"></i>
							</div>
							<div class="ms-2">git-merge</div>
						</div>
					</div>
					<div class="col" tabindex="399">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-git-compare"></i>
							</div>
							<div class="ms-2">git-compare</div>
						</div>
					</div>
					<div class="col" tabindex="400">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-git-commit"></i>
							</div>
							<div class="ms-2">git-commit</div>
						</div>
					</div>
					<div class="col" tabindex="401">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-git-branch"></i>
							</div>
							<div class="ms-2">git-branch</div>
						</div>
					</div>
					<div class="col" tabindex="402">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-font"></i>
							</div>
							<div class="ms-2">font</div>
						</div>
					</div>
					<div class="col" tabindex="403">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-filter"></i>
							</div>
							<div class="ms-2">filter</div>
						</div>
					</div>
					<div class="col" tabindex="404">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-file"></i>
							</div>
							<div class="ms-2">file</div>
						</div>
					</div>
					<div class="col" tabindex="405">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-edit"></i>
							</div>
							<div class="ms-2">edit</div>
						</div>
					</div>
					<div class="col" tabindex="406">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-diamond"></i>
							</div>
							<div class="ms-2">diamond</div>
						</div>
					</div>
					<div class="col" tabindex="407">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-detail"></i>
							</div>
							<div class="ms-2">detail</div>
						</div>
					</div>
					<div class="col" tabindex="408">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cut"></i>
							</div>
							<div class="ms-2">cut</div>
						</div>
					</div>
					<div class="col" tabindex="409">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cube"></i>
							</div>
							<div class="ms-2">cube</div>
						</div>
					</div>
					<div class="col" tabindex="410">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-crop"></i>
							</div>
							<div class="ms-2">crop</div>
						</div>
					</div>
					<div class="col" tabindex="411">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-credit-card"></i>
							</div>
							<div class="ms-2">credit-card</div>
						</div>
					</div>
					<div class="col" tabindex="412">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-columns"></i>
							</div>
							<div class="ms-2">columns</div>
						</div>
					</div>
					<div class="col" tabindex="413">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cog"></i>
							</div>
							<div class="ms-2">cog</div>
						</div>
					</div>
					<div class="col" tabindex="414">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cloud-snow"></i>
							</div>
							<div class="ms-2">cloud-snow</div>
						</div>
					</div>
					<div class="col" tabindex="415">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cloud-rain"></i>
							</div>
							<div class="ms-2">cloud-rain</div>
						</div>
					</div>
					<div class="col" tabindex="416">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cloud-lightning"></i>
							</div>
							<div class="ms-2">cloud-lightning</div>
						</div>
					</div>
					<div class="col" tabindex="417">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cloud-light-rain"></i>
							</div>
							<div class="ms-2">cloud-light-rain</div>
						</div>
					</div>
					<div class="col" tabindex="418">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cloud-drizzle"></i>
							</div>
							<div class="ms-2">cloud-drizzle</div>
						</div>
					</div>
					<div class="col" tabindex="419">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-check"></i>
							</div>
							<div class="ms-2">check</div>
						</div>
					</div>
					<div class="col" tabindex="420">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cart"></i>
							</div>
							<div class="ms-2">cart</div>
						</div>
					</div>
					<div class="col" tabindex="421">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-calculator"></i>
							</div>
							<div class="ms-2">calculator</div>
						</div>
					</div>
					<div class="col" tabindex="422">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bold"></i>
							</div>
							<div class="ms-2">bold</div>
						</div>
					</div>
					<div class="col" tabindex="423">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-award"></i>
							</div>
							<div class="ms-2">award</div>
						</div>
					</div>
					<div class="col" tabindex="424">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-anchor"></i>
							</div>
							<div class="ms-2">anchor</div>
						</div>
					</div>
					<div class="col" tabindex="425">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-album"></i>
							</div>
							<div class="ms-2">album</div>
						</div>
					</div>
					<div class="col" tabindex="426">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-adjust"></i>
							</div>
							<div class="ms-2">adjust</div>
						</div>
					</div>
					<div class="col" tabindex="427">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-x"></i>
							</div>
							<div class="ms-2">x</div>
						</div>
					</div>
					<div class="col" tabindex="428">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-table"></i>
							</div>
							<div class="ms-2">table</div>
						</div>
					</div>
					<div class="col" tabindex="429">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-duplicate"></i>
							</div>
							<div class="ms-2">duplicate</div>
						</div>
					</div>
					<div class="col" tabindex="430">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-windows"></i>
							</div>
							<div class="ms-2">windows</div>
						</div>
					</div>
					<div class="col" tabindex="431">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-window"></i>
							</div>
							<div class="ms-2">window</div>
						</div>
					</div>
					<div class="col" tabindex="432">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-window-open"></i>
							</div>
							<div class="ms-2">window-open</div>
						</div>
					</div>
					<div class="col" tabindex="433">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-wifi"></i>
							</div>
							<div class="ms-2">wifi</div>
						</div>
					</div>
					<div class="col" tabindex="434">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-voicemail"></i>
							</div>
							<div class="ms-2">voicemail</div>
						</div>
					</div>
					<div class="col" tabindex="435">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-video-off"></i>
							</div>
							<div class="ms-2">video-off</div>
						</div>
					</div>
					<div class="col" tabindex="436">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-usb"></i>
							</div>
							<div class="ms-2">usb</div>
						</div>
					</div>
					<div class="col" tabindex="437">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-upload"></i>
							</div>
							<div class="ms-2">upload</div>
						</div>
					</div>
					<div class="col" tabindex="438">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-alarm"></i>
							</div>
							<div class="ms-2">alarm</div>
						</div>
					</div>
					<div class="col" tabindex="439">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-tennis-ball"></i>
							</div>
							<div class="ms-2">tennis-ball</div>
						</div>
					</div>
					<div class="col" tabindex="440">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-target-lock"></i>
							</div>
							<div class="ms-2">target-lock</div>
						</div>
					</div>
					<div class="col" tabindex="441">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-tag"></i>
							</div>
							<div class="ms-2">tag</div>
						</div>
					</div>
					<div class="col" tabindex="442">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-tab"></i>
							</div>
							<div class="ms-2">tab</div>
						</div>
					</div>
					<div class="col" tabindex="443">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-spreadsheet"></i>
							</div>
							<div class="ms-2">spreadsheet</div>
						</div>
					</div>
					<div class="col" tabindex="444">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-sitemap"></i>
							</div>
							<div class="ms-2">sitemap</div>
						</div>
					</div>
					<div class="col" tabindex="445">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-sidebar"></i>
							</div>
							<div class="ms-2">sidebar</div>
						</div>
					</div>
					<div class="col" tabindex="446">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-send"></i>
							</div>
							<div class="ms-2">send</div>
						</div>
					</div>
					<div class="col" tabindex="447">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-pie-chart"></i>
							</div>
							<div class="ms-2">pie-chart</div>
						</div>
					</div>
					<div class="col" tabindex="448">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-phone"></i>
							</div>
							<div class="ms-2">phone</div>
						</div>
					</div>
					<div class="col" tabindex="449">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-navigation"></i>
							</div>
							<div class="ms-2">navigation</div>
						</div>
					</div>
					<div class="col" tabindex="450">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-mobile"></i>
							</div>
							<div class="ms-2">mobile</div>
						</div>
					</div>
					<div class="col" tabindex="451">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-mobile-alt"></i>
							</div>
							<div class="ms-2">mobile-alt</div>
						</div>
					</div>
					<div class="col" tabindex="452">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message"></i>
							</div>
							<div class="ms-2">message</div>
						</div>
					</div>
					<div class="col" tabindex="453">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-rounded"></i>
							</div>
							<div class="ms-2">message-rounded</div>
						</div>
					</div>
					<div class="col" tabindex="454">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-map"></i>
							</div>
							<div class="ms-2">map</div>
						</div>
					</div>
					<div class="col" tabindex="455">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-map-alt"></i>
							</div>
							<div class="ms-2">map-alt</div>
						</div>
					</div>
					<div class="col" tabindex="456">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-lock"></i>
							</div>
							<div class="ms-2">lock</div>
						</div>
					</div>
					<div class="col" tabindex="457">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-lock-open"></i>
							</div>
							<div class="ms-2">lock-open</div>
						</div>
					</div>
					<div class="col" tabindex="458">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-list-minus"></i>
							</div>
							<div class="ms-2">list-minus</div>
						</div>
					</div>
					<div class="col" tabindex="459">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-list-ul"></i>
							</div>
							<div class="ms-2">list-ul</div>
						</div>
					</div>
					<div class="col" tabindex="460">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-list-plus"></i>
							</div>
							<div class="ms-2">list-plus</div>
						</div>
					</div>
					<div class="col" tabindex="461">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-link"></i>
							</div>
							<div class="ms-2">link</div>
						</div>
					</div>
					<div class="col" tabindex="462">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-link-alt"></i>
							</div>
							<div class="ms-2">link-alt</div>
						</div>
					</div>
					<div class="col" tabindex="463">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-layer"></i>
							</div>
							<div class="ms-2">layer</div>
						</div>
					</div>
					<div class="col" tabindex="464">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-laptop"></i>
							</div>
							<div class="ms-2">laptop</div>
						</div>
					</div>
					<div class="col" tabindex="465">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-home"></i>
							</div>
							<div class="ms-2">home</div>
						</div>
					</div>
					<div class="col" tabindex="466">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-heart"></i>
							</div>
							<div class="ms-2">heart</div>
						</div>
					</div>
					<div class="col" tabindex="467">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-headphone"></i>
							</div>
							<div class="ms-2">headphone</div>
						</div>
					</div>
					<div class="col" tabindex="468">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-devices"></i>
							</div>
							<div class="ms-2">devices</div>
						</div>
					</div>
					<div class="col" tabindex="469">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-globe"></i>
							</div>
							<div class="ms-2">globe</div>
						</div>
					</div>
					<div class="col" tabindex="470">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-gift"></i>
							</div>
							<div class="ms-2">gift</div>
						</div>
					</div>
					<div class="col" tabindex="471">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-envelope"></i>
							</div>
							<div class="ms-2">envelope</div>
						</div>
					</div>
					<div class="col" tabindex="472">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-download"></i>
							</div>
							<div class="ms-2">download</div>
						</div>
					</div>
					<div class="col" tabindex="473">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dots-vertical"></i>
							</div>
							<div class="ms-2">dots-vertical</div>
						</div>
					</div>
					<div class="col" tabindex="474">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dots-vertical-rounded"></i>
							</div>
							<div class="ms-2">dots-vertical-rounded</div>
						</div>
					</div>
					<div class="col" tabindex="475">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dots-horizontal"></i>
							</div>
							<div class="ms-2">dots-horizontal</div>
						</div>
					</div>
					<div class="col" tabindex="476">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dots-horizontal-rounded"></i>
							</div>
							<div class="ms-2">dots-horizontal-rounded</div>
						</div>
					</div>
					<div class="col" tabindex="477">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dollar"></i>
							</div>
							<div class="ms-2">dollar</div>
						</div>
					</div>
					<div class="col" tabindex="478">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-directions"></i>
							</div>
							<div class="ms-2">directions</div>
						</div>
					</div>
					<div class="col" tabindex="479">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-desktop"></i>
							</div>
							<div class="ms-2">desktop</div>
						</div>
					</div>
					<div class="col" tabindex="480">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-data"></i>
							</div>
							<div class="ms-2">data</div>
						</div>
					</div>
					<div class="col" tabindex="481">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-compass"></i>
							</div>
							<div class="ms-2">compass</div>
						</div>
					</div>
					<div class="col" tabindex="482">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-crosshair"></i>
							</div>
							<div class="ms-2">crosshair</div>
						</div>
					</div>
					<div class="col" tabindex="483">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-terminal"></i>
							</div>
							<div class="ms-2">terminal</div>
						</div>
					</div>
					<div class="col" tabindex="484">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cloud"></i>
							</div>
							<div class="ms-2">cloud</div>
						</div>
					</div>
					<div class="col" tabindex="485">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cloud-upload"></i>
							</div>
							<div class="ms-2">cloud-upload</div>
						</div>
					</div>
					<div class="col" tabindex="486">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cloud-download"></i>
							</div>
							<div class="ms-2">cloud-download</div>
						</div>
					</div>
					<div class="col" tabindex="487">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chart"></i>
							</div>
							<div class="ms-2">chart</div>
						</div>
					</div>
					<div class="col" tabindex="488">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-calendar"></i>
							</div>
							<div class="ms-2">calendar</div>
						</div>
					</div>
					<div class="col" tabindex="489">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-calendar-x"></i>
							</div>
							<div class="ms-2">calendar-x</div>
						</div>
					</div>
					<div class="col" tabindex="490">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-calendar-minus"></i>
							</div>
							<div class="ms-2">calendar-minus</div>
						</div>
					</div>
					<div class="col" tabindex="491">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-calendar-check"></i>
							</div>
							<div class="ms-2">calendar-check</div>
						</div>
					</div>
					<div class="col" tabindex="492">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-calendar-plus"></i>
							</div>
							<div class="ms-2">calendar-plus</div>
						</div>
					</div>
					<div class="col" tabindex="493">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-buoy"></i>
							</div>
							<div class="ms-2">buoy</div>
						</div>
					</div>
					<div class="col" tabindex="494">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bulb"></i>
							</div>
							<div class="ms-2">bulb</div>
						</div>
					</div>
					<div class="col" tabindex="495">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bluetooth"></i>
							</div>
							<div class="ms-2">bluetooth</div>
						</div>
					</div>
					<div class="col" tabindex="496">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bug"></i>
							</div>
							<div class="ms-2">bug</div>
						</div>
					</div>
					<div class="col" tabindex="497">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-building"></i>
							</div>
							<div class="ms-2">building</div>
						</div>
					</div>
					<div class="col" tabindex="498">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-broadcast"></i>
							</div>
							<div class="ms-2">broadcast</div>
						</div>
					</div>
					<div class="col" tabindex="499">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-briefcase"></i>
							</div>
							<div class="ms-2">briefcase</div>
						</div>
					</div>
					<div class="col" tabindex="500">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bookmark-plus"></i>
							</div>
							<div class="ms-2">bookmark-plus</div>
						</div>
					</div>
					<div class="col" tabindex="501">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bookmark-minus"></i>
							</div>
							<div class="ms-2">bookmark-minus</div>
						</div>
					</div>
					<div class="col" tabindex="502">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-book"></i>
							</div>
							<div class="ms-2">book</div>
						</div>
					</div>
					<div class="col" tabindex="503">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-book-bookmark"></i>
							</div>
							<div class="ms-2">book-bookmark</div>
						</div>
					</div>
					<div class="col" tabindex="504">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-block"></i>
							</div>
							<div class="ms-2">block</div>
						</div>
					</div>
					<div class="col" tabindex="505">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-basketball"></i>
							</div>
							<div class="ms-2">basketball</div>
						</div>
					</div>
					<div class="col" tabindex="506">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bar-chart"></i>
							</div>
							<div class="ms-2">bar-chart</div>
						</div>
					</div>
					<div class="col" tabindex="507">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bar-chart-square"></i>
							</div>
							<div class="ms-2">bar-chart-square</div>
						</div>
					</div>
					<div class="col" tabindex="508">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bar-chart-alt"></i>
							</div>
							<div class="ms-2">bar-chart-alt</div>
						</div>
					</div>
					<div class="col" tabindex="509">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-at"></i>
							</div>
							<div class="ms-2">at</div>
						</div>
					</div>
					<div class="col" tabindex="510">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-archive"></i>
							</div>
							<div class="ms-2">archive</div>
						</div>
					</div>
					<div class="col" tabindex="511">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-zoom-out"></i>
							</div>
							<div class="ms-2">zoom-out</div>
						</div>
					</div>
					<div class="col" tabindex="512">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-zoom-in"></i>
							</div>
							<div class="ms-2">zoom-in</div>
						</div>
					</div>
					<div class="col" tabindex="513">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-x-circle"></i>
							</div>
							<div class="ms-2">x-circle</div>
						</div>
					</div>
					<div class="col" tabindex="514">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-volume"></i>
							</div>
							<div class="ms-2">volume</div>
						</div>
					</div>
					<div class="col" tabindex="515">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-volume-mute"></i>
							</div>
							<div class="ms-2">volume-mute</div>
						</div>
					</div>
					<div class="col" tabindex="516">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-volume-low"></i>
							</div>
							<div class="ms-2">volume-low</div>
						</div>
					</div>
					<div class="col" tabindex="517">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-volume-full"></i>
							</div>
							<div class="ms-2">volume-full</div>
						</div>
					</div>
					<div class="col" tabindex="518">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-video"></i>
							</div>
							<div class="ms-2">video</div>
						</div>
					</div>
					<div class="col" tabindex="519">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-vertical-center"></i>
							</div>
							<div class="ms-2">vertical-center</div>
						</div>
					</div>
					<div class="col" tabindex="520">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-up-arrow-circle"></i>
							</div>
							<div class="ms-2">up-arrow-circle</div>
						</div>
					</div>
					<div class="col" tabindex="521">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-trending-up"></i>
							</div>
							<div class="ms-2">trending-up</div>
						</div>
					</div>
					<div class="col" tabindex="522">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-trending-down"></i>
							</div>
							<div class="ms-2">trending-down</div>
						</div>
					</div>
					<div class="col" tabindex="523">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-toggle-right"></i>
							</div>
							<div class="ms-2">toggle-right</div>
						</div>
					</div>
					<div class="col" tabindex="524">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-toggle-left"></i>
							</div>
							<div class="ms-2">toggle-left</div>
						</div>
					</div>
					<div class="col" tabindex="525">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-time"></i>
							</div>
							<div class="ms-2">time</div>
						</div>
					</div>
					<div class="col" tabindex="526">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-sync"></i>
							</div>
							<div class="ms-2">sync</div>
						</div>
					</div>
					<div class="col" tabindex="527">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-stopwatch"></i>
							</div>
							<div class="ms-2">stopwatch</div>
						</div>
					</div>
					<div class="col" tabindex="528">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-stop"></i>
							</div>
							<div class="ms-2">stop</div>
						</div>
					</div>
					<div class="col" tabindex="529">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-stop-circle"></i>
							</div>
							<div class="ms-2">stop-circle</div>
						</div>
					</div>
					<div class="col" tabindex="530">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-skip-previous"></i>
							</div>
							<div class="ms-2">skip-previous</div>
						</div>
					</div>
					<div class="col" tabindex="531">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-skip-next"></i>
							</div>
							<div class="ms-2">skip-next</div>
						</div>
					</div>
					<div class="col" tabindex="532">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-show"></i>
							</div>
							<div class="ms-2">show</div>
						</div>
					</div>
					<div class="col" tabindex="533">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-search"></i>
							</div>
							<div class="ms-2">search</div>
						</div>
					</div>
					<div class="col" tabindex="534">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-rss"></i>
							</div>
							<div class="ms-2">rss</div>
						</div>
					</div>
					<div class="col" tabindex="535">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-right-top-arrow-circle"></i>
							</div>
							<div class="ms-2">right-top-arrow-circle</div>
						</div>
					</div>
					<div class="col" tabindex="536">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-right-indent"></i>
							</div>
							<div class="ms-2">right-indent</div>
						</div>
					</div>
					<div class="col" tabindex="537">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-right-down-arrow-circle"></i>
							</div>
							<div class="ms-2">right-down-arrow-circle</div>
						</div>
					</div>
					<div class="col" tabindex="538">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-right-arrow-circle"></i>
							</div>
							<div class="ms-2">right-arrow-circle</div>
						</div>
					</div>
					<div class="col" tabindex="539">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-reset"></i>
							</div>
							<div class="ms-2">reset</div>
						</div>
					</div>
					<div class="col" tabindex="540">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-rewind"></i>
							</div>
							<div class="ms-2">rewind</div>
						</div>
					</div>
					<div class="col" tabindex="541">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-rectangle"></i>
							</div>
							<div class="ms-2">rectangle</div>
						</div>
					</div>
					<div class="col" tabindex="542">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-radio-circle"></i>
							</div>
							<div class="ms-2">radio-circle</div>
						</div>
					</div>
					<div class="col" tabindex="543">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-radio-circle-marked"></i>
							</div>
							<div class="ms-2">radio-circle-marked</div>
						</div>
					</div>
					<div class="col" tabindex="544">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-question-mark"></i>
							</div>
							<div class="ms-2">question-mark</div>
						</div>
					</div>
					<div class="col" tabindex="545">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-plus-circle"></i>
							</div>
							<div class="ms-2">plus-circle</div>
						</div>
					</div>
					<div class="col" tabindex="546">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-play"></i>
							</div>
							<div class="ms-2">play</div>
						</div>
					</div>
					<div class="col" tabindex="547">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-play-circle"></i>
							</div>
							<div class="ms-2">play-circle</div>
						</div>
					</div>
					<div class="col" tabindex="548">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-pause"></i>
							</div>
							<div class="ms-2">pause</div>
						</div>
					</div>
					<div class="col" tabindex="549">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-pause-circle"></i>
							</div>
							<div class="ms-2">pause-circle</div>
						</div>
					</div>
					<div class="col" tabindex="550">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-moon"></i>
							</div>
							<div class="ms-2">moon</div>
						</div>
					</div>
					<div class="col" tabindex="551">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-minus-circle"></i>
							</div>
							<div class="ms-2">minus-circle</div>
						</div>
					</div>
					<div class="col" tabindex="552">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-microphone"></i>
							</div>
							<div class="ms-2">microphone</div>
						</div>
					</div>
					<div class="col" tabindex="553">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-menu"></i>
							</div>
							<div class="ms-2">menu</div>
						</div>
					</div>
					<div class="col" tabindex="554">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-left-top-arrow-circle"></i>
							</div>
							<div class="ms-2">left-top-arrow-circle</div>
						</div>
					</div>
					<div class="col" tabindex="555">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-left-indent"></i>
							</div>
							<div class="ms-2">left-indent</div>
						</div>
					</div>
					<div class="col" tabindex="556">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-left-down-arrow-circle"></i>
							</div>
							<div class="ms-2">left-down-arrow-circle</div>
						</div>
					</div>
					<div class="col" tabindex="557">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-left-arrow-circle"></i>
							</div>
							<div class="ms-2">left-arrow-circle</div>
						</div>
					</div>
					<div class="col" tabindex="558">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-last-page"></i>
							</div>
							<div class="ms-2">last-page</div>
						</div>
					</div>
					<div class="col" tabindex="559">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-key"></i>
							</div>
							<div class="ms-2">key</div>
						</div>
					</div>
					<div class="col" tabindex="560">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-align-justify"></i>
							</div>
							<div class="ms-2">align-justify</div>
						</div>
					</div>
					<div class="col" tabindex="561">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-info-circle"></i>
							</div>
							<div class="ms-2">info-circle</div>
						</div>
					</div>
					<div class="col" tabindex="562">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-image"></i>
							</div>
							<div class="ms-2">image</div>
						</div>
					</div>
					<div class="col" tabindex="563">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-hide"></i>
							</div>
							<div class="ms-2">hide</div>
						</div>
					</div>
					<div class="col" tabindex="564">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-fullscreen"></i>
							</div>
							<div class="ms-2">fullscreen</div>
						</div>
					</div>
					<div class="col" tabindex="565">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-folder"></i>
							</div>
							<div class="ms-2">folder</div>
						</div>
					</div>
					<div class="col" tabindex="566">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-folder-plus"></i>
							</div>
							<div class="ms-2">folder-plus</div>
						</div>
					</div>
					<div class="col" tabindex="567">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-folder-minus"></i>
							</div>
							<div class="ms-2">folder-minus</div>
						</div>
					</div>
					<div class="col" tabindex="568">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-first-page"></i>
							</div>
							<div class="ms-2">first-page</div>
						</div>
					</div>
					<div class="col" tabindex="569">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-fast-forward"></i>
							</div>
							<div class="ms-2">fast-forward</div>
						</div>
					</div>
					<div class="col" tabindex="570">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-fast-forward-circle"></i>
							</div>
							<div class="ms-2">fast-forward-circle</div>
						</div>
					</div>
					<div class="col" tabindex="571">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-exit-fullscreen"></i>
							</div>
							<div class="ms-2">exit-fullscreen</div>
						</div>
					</div>
					<div class="col" tabindex="572">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-error"></i>
							</div>
							<div class="ms-2">error</div>
						</div>
					</div>
					<div class="col" tabindex="573">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-error-circle"></i>
							</div>
							<div class="ms-2">error-circle</div>
						</div>
					</div>
					<div class="col" tabindex="574">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-down-arrow-circle"></i>
							</div>
							<div class="ms-2">down-arrow-circle</div>
						</div>
					</div>
					<div class="col" tabindex="575">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-copyright"></i>
							</div>
							<div class="ms-2">copyright</div>
						</div>
					</div>
					<div class="col" tabindex="576">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-copy"></i>
							</div>
							<div class="ms-2">copy</div>
						</div>
					</div>
					<div class="col" tabindex="577">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-coffee"></i>
							</div>
							<div class="ms-2">coffee</div>
						</div>
					</div>
					<div class="col" tabindex="578">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-code"></i>
							</div>
							<div class="ms-2">code</div>
						</div>
					</div>
					<div class="col" tabindex="579">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-code-curly"></i>
							</div>
							<div class="ms-2">code-curly</div>
						</div>
					</div>
					<div class="col" tabindex="580">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-clipboard"></i>
							</div>
							<div class="ms-2">clipboard</div>
						</div>
					</div>
					<div class="col" tabindex="581">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevrons-left"></i>
							</div>
							<div class="ms-2">chevrons-left</div>
						</div>
					</div>
					<div class="col" tabindex="582">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevrons-right"></i>
							</div>
							<div class="ms-2">chevrons-right</div>
						</div>
					</div>
					<div class="col" tabindex="583">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevrons-up"></i>
							</div>
							<div class="ms-2">chevrons-up</div>
						</div>
					</div>
					<div class="col" tabindex="584">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevrons-down"></i>
							</div>
							<div class="ms-2">chevrons-down</div>
						</div>
					</div>
					<div class="col" tabindex="585">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevron-right"></i>
							</div>
							<div class="ms-2">chevron-right</div>
						</div>
					</div>
					<div class="col" tabindex="586">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevron-left"></i>
							</div>
							<div class="ms-2">chevron-left</div>
						</div>
					</div>
					<div class="col" tabindex="587">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevron-up"></i>
							</div>
							<div class="ms-2">chevron-up</div>
						</div>
					</div>
					<div class="col" tabindex="588">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-chevron-down"></i>
							</div>
							<div class="ms-2">chevron-down</div>
						</div>
					</div>
					<div class="col" tabindex="589">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-checkbox-square"></i>
							</div>
							<div class="ms-2">checkbox-square</div>
						</div>
					</div>
					<div class="col" tabindex="590">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-checkbox"></i>
							</div>
							<div class="ms-2">checkbox</div>
						</div>
					</div>
					<div class="col" tabindex="591">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-checkbox-checked"></i>
							</div>
							<div class="ms-2">checkbox-checked</div>
						</div>
					</div>
					<div class="col" tabindex="592">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-captions"></i>
							</div>
							<div class="ms-2">captions</div>
						</div>
					</div>
					<div class="col" tabindex="593">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-camera"></i>
							</div>
							<div class="ms-2">camera</div>
						</div>
					</div>
					<div class="col" tabindex="594">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-camera-off"></i>
							</div>
							<div class="ms-2">camera-off</div>
						</div>
					</div>
					<div class="col" tabindex="595">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bullseye"></i>
							</div>
							<div class="ms-2">bullseye</div>
						</div>
					</div>
					<div class="col" tabindex="596">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bookmarks"></i>
							</div>
							<div class="ms-2">bookmarks</div>
						</div>
					</div>
					<div class="col" tabindex="597">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bookmark"></i>
							</div>
							<div class="ms-2">bookmark</div>
						</div>
					</div>
					<div class="col" tabindex="598">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bell"></i>
							</div>
							<div class="ms-2">bell</div>
						</div>
					</div>
					<div class="col" tabindex="599">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bell-plus"></i>
							</div>
							<div class="ms-2">bell-plus</div>
						</div>
					</div>
					<div class="col" tabindex="600">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bell-off"></i>
							</div>
							<div class="ms-2">bell-off</div>
						</div>
					</div>
					<div class="col" tabindex="601">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bell-minus"></i>
							</div>
							<div class="ms-2">bell-minus</div>
						</div>
					</div>
					<div class="col" tabindex="602">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-arrow-back"></i>
							</div>
							<div class="ms-2">arrow-back</div>
						</div>
					</div>
					<div class="col" tabindex="603">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-align-right"></i>
							</div>
							<div class="ms-2">align-right</div>
						</div>
					</div>
					<div class="col" tabindex="604">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-align-middle"></i>
							</div>
							<div class="ms-2">align-middle</div>
						</div>
					</div>
					<div class="col" tabindex="605">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-align-left"></i>
							</div>
							<div class="ms-2">align-left</div>
						</div>
					</div>
					<div class="col" tabindex="606">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-music"></i>
							</div>
							<div class="ms-2">music</div>
						</div>
					</div>
					<div class="col" tabindex="607">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-upside-down"></i>
							</div>
							<div class="ms-2">upside-down</div>
						</div>
					</div>
					<div class="col" tabindex="608">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-laugh"></i>
							</div>
							<div class="ms-2">laugh</div>
						</div>
					</div>
					<div class="col" tabindex="609">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-meh-blank"></i>
							</div>
							<div class="ms-2">meh-blank</div>
						</div>
					</div>
					<div class="col" tabindex="610">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-happy-beaming"></i>
							</div>
							<div class="ms-2">happy-beaming</div>
						</div>
					</div>
					<div class="col" tabindex="611">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-shocked"></i>
							</div>
							<div class="ms-2">shocked</div>
						</div>
					</div>
					<div class="col" tabindex="612">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-sleepy"></i>
							</div>
							<div class="ms-2">sleepy</div>
						</div>
					</div>
					<div class="col" tabindex="613">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-confused"></i>
							</div>
							<div class="ms-2">confused</div>
						</div>
					</div>
					<div class="col" tabindex="614">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-wink-smile"></i>
							</div>
							<div class="ms-2">wink-smile</div>
						</div>
					</div>
					<div class="col" tabindex="615">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dizzy"></i>
							</div>
							<div class="ms-2">dizzy</div>
						</div>
					</div>
					<div class="col" tabindex="616">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-happy-heart-eyes"></i>
							</div>
							<div class="ms-2">happy-heart-eyes</div>
						</div>
					</div>
					<div class="col" tabindex="617">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-angry"></i>
							</div>
							<div class="ms-2">angry</div>
						</div>
					</div>
					<div class="col" tabindex="618">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-smile"></i>
							</div>
							<div class="ms-2">smile</div>
						</div>
					</div>
					<div class="col" tabindex="619">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-tired"></i>
							</div>
							<div class="ms-2">tired</div>
						</div>
					</div>
					<div class="col" tabindex="620">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cool"></i>
							</div>
							<div class="ms-2">cool</div>
						</div>
					</div>
					<div class="col" tabindex="621">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-happy-alt"></i>
							</div>
							<div class="ms-2">happy-alt</div>
						</div>
					</div>
					<div class="col" tabindex="622">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-wink-tongue"></i>
							</div>
							<div class="ms-2">wink-tongue</div>
						</div>
					</div>
					<div class="col" tabindex="623">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-meh-alt"></i>
							</div>
							<div class="ms-2">meh-alt</div>
						</div>
					</div>
					<div class="col" tabindex="624">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-food-menu"></i>
							</div>
							<div class="ms-2">food-menu</div>
						</div>
					</div>
					<div class="col" tabindex="625">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-food-tag"></i>
							</div>
							<div class="ms-2">food-tag</div>
						</div>
					</div>
					<div class="col" tabindex="626">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-female-sign"></i>
							</div>
							<div class="ms-2">female-sign</div>
						</div>
					</div>
					<div class="col" tabindex="627">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-male-sign"></i>
							</div>
							<div class="ms-2">male-sign</div>
						</div>
					</div>
					<div class="col" tabindex="628">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-female"></i>
							</div>
							<div class="ms-2">female</div>
						</div>
					</div>
					<div class="col" tabindex="629">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-male"></i>
							</div>
							<div class="ms-2">male</div>
						</div>
					</div>
					<div class="col" tabindex="630">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-clinic"></i>
							</div>
							<div class="ms-2">clinic</div>
						</div>
					</div>
					<div class="col" tabindex="631">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-health"></i>
							</div>
							<div class="ms-2">health</div>
						</div>
					</div>
					<div class="col" tabindex="632">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-shekel"></i>
							</div>
							<div class="ms-2">shekel</div>
						</div>
					</div>
					<div class="col" tabindex="633">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-yen"></i>
							</div>
							<div class="ms-2">yen</div>
						</div>
					</div>
					<div class="col" tabindex="634">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-won"></i>
							</div>
							<div class="ms-2">won</div>
						</div>
					</div>
					<div class="col" tabindex="635">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-pound"></i>
							</div>
							<div class="ms-2">pound</div>
						</div>
					</div>
					<div class="col" tabindex="636">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-euro"></i>
							</div>
							<div class="ms-2">euro</div>
						</div>
					</div>
					<div class="col" tabindex="637">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-rupee"></i>
							</div>
							<div class="ms-2">rupee</div>
						</div>
					</div>
					<div class="col" tabindex="638">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-ruble"></i>
							</div>
							<div class="ms-2">ruble</div>
						</div>
					</div>
					<div class="col" tabindex="639">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-lira"></i>
							</div>
							<div class="ms-2">lira</div>
						</div>
					</div>
					<div class="col" tabindex="640">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bitcoin"></i>
							</div>
							<div class="ms-2">bitcoin</div>
						</div>
					</div>
					<div class="col" tabindex="641">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-tone"></i>
							</div>
							<div class="ms-2">tone</div>
						</div>
					</div>
					<div class="col" tabindex="642">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bolt-circle"></i>
							</div>
							<div class="ms-2">bolt-circle</div>
						</div>
					</div>
					<div class="col" tabindex="643">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cake"></i>
							</div>
							<div class="ms-2">cake</div>
						</div>
					</div>
					<div class="col" tabindex="644">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-spa"></i>
							</div>
							<div class="ms-2">spa</div>
						</div>
					</div>
					<div class="col" tabindex="645">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dish"></i>
							</div>
							<div class="ms-2">dish</div>
						</div>
					</div>
					<div class="col" tabindex="646">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-fridge"></i>
							</div>
							<div class="ms-2">fridge</div>
						</div>
					</div>
					<div class="col" tabindex="647">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-image-add"></i>
							</div>
							<div class="ms-2">image-add</div>
						</div>
					</div>
					<div class="col" tabindex="648">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-image-alt"></i>
							</div>
							<div class="ms-2">image-alt</div>
						</div>
					</div>
					<div class="col" tabindex="649">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-space-bar"></i>
							</div>
							<div class="ms-2">space-bar</div>
						</div>
					</div>
					<div class="col" tabindex="650">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-alarm-add"></i>
							</div>
							<div class="ms-2">alarm-add</div>
						</div>
					</div>
					<div class="col" tabindex="651">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-archive-out"></i>
							</div>
							<div class="ms-2">archive-out</div>
						</div>
					</div>
					<div class="col" tabindex="652">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-archive-in"></i>
							</div>
							<div class="ms-2">archive-in</div>
						</div>
					</div>
					<div class="col" tabindex="653">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-add-to-queue"></i>
							</div>
							<div class="ms-2">add-to-queue</div>
						</div>
					</div>
					<div class="col" tabindex="654">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-border-radius"></i>
							</div>
							<div class="ms-2">border-radius</div>
						</div>
					</div>
					<div class="col" tabindex="655">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-check-shield"></i>
							</div>
							<div class="ms-2">check-shield</div>
						</div>
					</div>
					<div class="col" tabindex="656">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-label"></i>
							</div>
							<div class="ms-2">label</div>
						</div>
					</div>
					<div class="col" tabindex="657">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-file-find"></i>
							</div>
							<div class="ms-2">file-find</div>
						</div>
					</div>
					<div class="col" tabindex="658">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-face"></i>
							</div>
							<div class="ms-2">face</div>
						</div>
					</div>
					<div class="col" tabindex="659">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-extension"></i>
							</div>
							<div class="ms-2">extension</div>
						</div>
					</div>
					<div class="col" tabindex="660">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-exit"></i>
							</div>
							<div class="ms-2">exit</div>
						</div>
					</div>
					<div class="col" tabindex="661">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-conversation"></i>
							</div>
							<div class="ms-2">conversation</div>
						</div>
					</div>
					<div class="col" tabindex="662">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-sort-z-a"></i>
							</div>
							<div class="ms-2">sort-z-a</div>
						</div>
					</div>
					<div class="col" tabindex="663">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-sort-a-z"></i>
							</div>
							<div class="ms-2">sort-a-z</div>
						</div>
					</div>
					<div class="col" tabindex="664">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-printer"></i>
							</div>
							<div class="ms-2">printer</div>
						</div>
					</div>
					<div class="col" tabindex="665">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-radio"></i>
							</div>
							<div class="ms-2">radio</div>
						</div>
					</div>
					<div class="col" tabindex="666">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-customize"></i>
							</div>
							<div class="ms-2">customize</div>
						</div>
					</div>
					<div class="col" tabindex="667">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-brush-alt"></i>
							</div>
							<div class="ms-2">brush-alt</div>
						</div>
					</div>
					<div class="col" tabindex="668">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-briefcase-alt-2"></i>
							</div>
							<div class="ms-2">briefcase-alt-2</div>
						</div>
					</div>
					<div class="col" tabindex="669">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-time-five"></i>
							</div>
							<div class="ms-2">time-five</div>
						</div>
					</div>
					<div class="col" tabindex="670">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-pie-chart-alt-2"></i>
							</div>
							<div class="ms-2">pie-chart-alt-2</div>
						</div>
					</div>
					<div class="col" tabindex="671">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-gas-pump"></i>
							</div>
							<div class="ms-2">gas-pump</div>
						</div>
					</div>
					<div class="col" tabindex="672">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-mobile-vibration"></i>
							</div>
							<div class="ms-2">mobile-vibration</div>
						</div>
					</div>
					<div class="col" tabindex="673">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-mobile-landscape"></i>
							</div>
							<div class="ms-2">mobile-landscape</div>
						</div>
					</div>
					<div class="col" tabindex="674">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-border-all"></i>
							</div>
							<div class="ms-2">border-all</div>
						</div>
					</div>
					<div class="col" tabindex="675">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-border-bottom"></i>
							</div>
							<div class="ms-2">border-bottom</div>
						</div>
					</div>
					<div class="col" tabindex="676">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-border-top"></i>
							</div>
							<div class="ms-2">border-top</div>
						</div>
					</div>
					<div class="col" tabindex="677">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-border-left"></i>
							</div>
							<div class="ms-2">border-left</div>
						</div>
					</div>
					<div class="col" tabindex="678">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-border-right"></i>
							</div>
							<div class="ms-2">border-right</div>
						</div>
					</div>
					<div class="col" tabindex="679">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dialpad-alt"></i>
							</div>
							<div class="ms-2">dialpad-alt</div>
						</div>
					</div>
					<div class="col" tabindex="680">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-filter-alt"></i>
							</div>
							<div class="ms-2">filter-alt</div>
						</div>
					</div>
					<div class="col" tabindex="681">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-brightness"></i>
							</div>
							<div class="ms-2">brightness</div>
						</div>
					</div>
					<div class="col" tabindex="682">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-brightness-half"></i>
							</div>
							<div class="ms-2">brightness-half</div>
						</div>
					</div>
					<div class="col" tabindex="683">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-wifi-off"></i>
							</div>
							<div class="ms-2">wifi-off</div>
						</div>
					</div>
					<div class="col" tabindex="684">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-credit-card-alt"></i>
							</div>
							<div class="ms-2">credit-card-alt</div>
						</div>
					</div>
					<div class="col" tabindex="685">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-band-aid"></i>
							</div>
							<div class="ms-2">band-aid</div>
						</div>
					</div>
					<div class="col" tabindex="686">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-hive"></i>
							</div>
							<div class="ms-2">hive</div>
						</div>
					</div>
					<div class="col" tabindex="687">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-map-pin"></i>
							</div>
							<div class="ms-2">map-pin</div>
						</div>
					</div>
					<div class="col" tabindex="688">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-line-chart"></i>
							</div>
							<div class="ms-2">line-chart</div>
						</div>
					</div>
					<div class="col" tabindex="689">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-receipt"></i>
							</div>
							<div class="ms-2">receipt</div>
						</div>
					</div>
					<div class="col" tabindex="690">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-purchase-tag-alt"></i>
							</div>
							<div class="ms-2">purchase-tag-alt</div>
						</div>
					</div>
					<div class="col" tabindex="691">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-basket"></i>
							</div>
							<div class="ms-2">basket</div>
						</div>
					</div>
					<div class="col" tabindex="692">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-palette"></i>
							</div>
							<div class="ms-2">palette</div>
						</div>
					</div>
					<div class="col" tabindex="693">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-no-entry"></i>
							</div>
							<div class="ms-2">no-entry</div>
						</div>
					</div>
					<div class="col" tabindex="694">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-alt-dots"></i>
							</div>
							<div class="ms-2">message-alt-dots</div>
						</div>
					</div>
					<div class="col" tabindex="695">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-message-alt"></i>
							</div>
							<div class="ms-2">message-alt</div>
						</div>
					</div>
					<div class="col" tabindex="696">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-check-square"></i>
							</div>
							<div class="ms-2">check-square</div>
						</div>
					</div>
					<div class="col" tabindex="697">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-log-out-circle"></i>
							</div>
							<div class="ms-2">log-out-circle</div>
						</div>
					</div>
					<div class="col" tabindex="698">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-log-in-circle"></i>
							</div>
							<div class="ms-2">log-in-circle</div>
						</div>
					</div>
					<div class="col" tabindex="699">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-doughnut-chart"></i>
							</div>
							<div class="ms-2">doughnut-chart</div>
						</div>
					</div>
					<div class="col" tabindex="700">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-building-house"></i>
							</div>
							<div class="ms-2">building-house</div>
						</div>
					</div>
					<div class="col" tabindex="701">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-accessibility"></i>
							</div>
							<div class="ms-2">accessibility</div>
						</div>
					</div>
					<div class="col" tabindex="702">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-user-voice"></i>
							</div>
							<div class="ms-2">user-voice</div>
						</div>
					</div>
					<div class="col" tabindex="703">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cuboid"></i>
							</div>
							<div class="ms-2">cuboid</div>
						</div>
					</div>
					<div class="col" tabindex="704">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cube-alt"></i>
							</div>
							<div class="ms-2">cube-alt</div>
						</div>
					</div>
					<div class="col" tabindex="705">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-polygon"></i>
							</div>
							<div class="ms-2">polygon</div>
						</div>
					</div>
					<div class="col" tabindex="706">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-square-rounded"></i>
							</div>
							<div class="ms-2">square-rounded</div>
						</div>
					</div>
					<div class="col" tabindex="707">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-square"></i>
							</div>
							<div class="ms-2">square</div>
						</div>
					</div>
					<div class="col" tabindex="708">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-error-alt"></i>
							</div>
							<div class="ms-2">error-alt</div>
						</div>
					</div>
					<div class="col" tabindex="709">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-shield-alt-2"></i>
							</div>
							<div class="ms-2">shield-alt-2</div>
						</div>
					</div>
					<div class="col" tabindex="710">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-paint-roll"></i>
							</div>
							<div class="ms-2">paint-roll</div>
						</div>
					</div>
					<div class="col" tabindex="711">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-droplet"></i>
							</div>
							<div class="ms-2">droplet</div>
						</div>
					</div>
					<div class="col" tabindex="712">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-street-view"></i>
							</div>
							<div class="ms-2">street-view</div>
						</div>
					</div>
					<div class="col" tabindex="713">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-plus-medical"></i>
							</div>
							<div class="ms-2">plus-medical</div>
						</div>
					</div>
					<div class="col" tabindex="714">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-search-alt-2"></i>
							</div>
							<div class="ms-2">search-alt-2</div>
						</div>
					</div>
					<div class="col" tabindex="715">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-bowling-ball"></i>
							</div>
							<div class="ms-2">bowling-ball</div>
						</div>
					</div>
					<div class="col" tabindex="716">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-dna"></i>
							</div>
							<div class="ms-2">dna</div>
						</div>
					</div>
					<div class="col" tabindex="717">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cycling"></i>
							</div>
							<div class="ms-2">cycling</div>
						</div>
					</div>
					<div class="col" tabindex="718">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-shape-circle"></i>
							</div>
							<div class="ms-2">shape-circle</div>
						</div>
					</div>
					<div class="col" tabindex="719">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-down-arrow-alt"></i>
							</div>
							<div class="ms-2">down-arrow-alt</div>
						</div>
					</div>
					<div class="col" tabindex="720">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-up-arrow-alt"></i>
							</div>
							<div class="ms-2">up-arrow-alt</div>
						</div>
					</div>
					<div class="col" tabindex="721">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-right-arrow-alt"></i>
							</div>
							<div class="ms-2">right-arrow-alt</div>
						</div>
					</div>
					<div class="col" tabindex="722">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-left-arrow-alt"></i>
							</div>
							<div class="ms-2">left-arrow-alt</div>
						</div>
					</div>
					<div class="col" tabindex="723">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-lock-open-alt"></i>
							</div>
							<div class="ms-2">lock-open-alt</div>
						</div>
					</div>
					<div class="col" tabindex="724">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-lock-alt"></i>
							</div>
							<div class="ms-2">lock-alt</div>
						</div>
					</div>
					<div class="col" tabindex="725">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-cylinder"></i>
							</div>
							<div class="ms-2">cylinder</div>
						</div>
					</div>
					<div class="col" tabindex="726">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-pyramid"></i>
							</div>
							<div class="ms-2">pyramid</div>
						</div>
					</div>
					<div class="col" tabindex="727">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-comment-dots"></i>
							</div>
							<div class="ms-2">comment-dots</div>
						</div>
					</div>
					<div class="col" tabindex="728">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-comment"></i>
							</div>
							<div class="ms-2">comment</div>
						</div>
					</div>
					<div class="col" tabindex="729">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-landscape"></i>
							</div>
							<div class="ms-2">landscape</div>
						</div>
					</div>
					<div class="col" tabindex="730">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-book-open"></i>
							</div>
							<div class="ms-2">book-open</div>
						</div>
					</div>
					<div class="col" tabindex="731">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-transfer-alt"></i>
							</div>
							<div class="ms-2">transfer-alt</div>
						</div>
					</div>
					<div class="col" tabindex="732">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-copy-alt"></i>
							</div>
							<div class="ms-2">copy-alt</div>
						</div>
					</div>
					<div class="col" tabindex="733">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-run"></i>
							</div>
							<div class="ms-2">run</div>
						</div>
					</div>
					<div class="col" tabindex="734">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-user-pin"></i>
							</div>
							<div class="ms-2">user-pin</div>
						</div>
					</div>
					<div class="col" tabindex="735">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-grid"></i>
							</div>
							<div class="ms-2">grid</div>
						</div>
					</div>
					<div class="col" tabindex="736">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-code-alt"></i>
							</div>
							<div class="ms-2">code-alt</div>
						</div>
					</div>
					<div class="col" tabindex="737">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-mail-send"></i>
							</div>
							<div class="ms-2">mail-send</div>
						</div>
					</div>
					<div class="col" tabindex="738">
						<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
							<div class="font-22 text-primary">	<i class="fadeIn animated bx bx-ghost"></i>
							</div>
							<div class="ms-2">ghost</div>
						</div>
					</div>
				</div>
				<!--end row-->
			</div>
		</div>
		<!--end page wrapper -->
		<!--start overlay-->
		<div class="overlay toggle-icon"></div>
		<!--end overlay-->
		<!--Start Back To Top Button--> <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
		<!--End Back To Top Button-->
		<footer class="page-footer">
			<p class="mb-0">Copyright © 2025. All right reserved.</p>
		</footer>
	</div>
	<!--end wrapper-->

	<!-- search modal -->
    <div class="modal" id="SearchModal" tabindex="-1">
		<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-fullscreen-md-down">
		  <div class="modal-content">
			<div class="modal-header gap-2">
			  <div class="position-relative popup-search w-100">
				<input class="form-control form-control-lg ps-5 border border-3 border-primary" type="search" placeholder="Search">
				<span class="position-absolute top-50 search-show ms-3 translate-middle-y start-0 top-50 fs-4"><i class='bx bx-search'></i></span>
			  </div>
			  <button type="button" class="btn-close d-md-none" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<div class="search-list">
				   <p class="mb-1">Html Templates</p>
				   <div class="list-group">
					  <a href="javascript:;" class="list-group-item list-group-item-action active align-items-center d-flex gap-2 py-1"><i class='bx bxl-angular fs-4'></i>Best Html Templates</a>
					  <a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-vuejs fs-4'></i>Html5 Templates</a>
					  <a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-magento fs-4'></i>Responsive Html5 Templates</a>
					  <a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-shopify fs-4'></i>eCommerce Html Templates</a>
				   </div>
				   <p class="mb-1 mt-3">Web Designe Company</p>
				   <div class="list-group">
					  <a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-windows fs-4'></i>Best Html Templates</a>
					  <a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-dropbox fs-4' ></i>Html5 Templates</a>
					  <a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-opera fs-4'></i>Responsive Html5 Templates</a>
					  <a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-wordpress fs-4'></i>eCommerce Html Templates</a>
				   </div>
				   <p class="mb-1 mt-3">Software Development</p>
				   <div class="list-group">
					  <a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-mailchimp fs-4'></i>Best Html Templates</a>
					  <a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-zoom fs-4'></i>Html5 Templates</a>
					  <a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-sass fs-4'></i>Responsive Html5 Templates</a>
					  <a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-vk fs-4'></i>eCommerce Html Templates</a>
				   </div>
				   <p class="mb-1 mt-3">Online Shoping Portals</p>
				   <div class="list-group">
					  <a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-slack fs-4'></i>Best Html Templates</a>
					  <a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-skype fs-4'></i>Html5 Templates</a>
					  <a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-twitter fs-4'></i>Responsive Html5 Templates</a>
					  <a href="javascript:;" class="list-group-item list-group-item-action align-items-center d-flex gap-2 py-1"><i class='bx bxl-vimeo fs-4'></i>eCommerce Html Templates</a>
				   </div>
				</div>
			</div>
		  </div>
		</div>
	  </div>
    <!-- end search modal -->


<!--start switcher-->
<button class="btn btn-primary position-fixed bottom-0 end-0 m-3 d-flex align-items-center gap-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#staticBackdrop">
    <i class='bx bx-cog bx-spin'></i>Customize
  </button>
  
  <div class="offcanvas offcanvas-end" data-bs-scroll="true" tabindex="-1" id="staticBackdrop">
    <div class="offcanvas-header border-bottom h-60">
      <div class="">
        <h5 class="mb-0 text-uppercase">Theme Customizer</h5>
      </div>
	  <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body">
      <div>
        <p>Theme variation</p>

        <div class="row g-3">
          <div class="col-12 col-xl-6">
            <input type="radio" class="btn-check" name="theme-options" id="LightTheme" checked>
            <label class="btn btn-outline-secondary d-flex flex-column gap-2 align-items-center justify-content-center p-3" for="LightTheme">
				<span><i class='bx bx-sun fs-2'></i></span>
                <span>Light</span>
            </label>
          </div>
          <div class="col-12 col-xl-6">
            <input type="radio" class="btn-check" name="theme-options" id="DarkTheme">
            <label class="btn btn-outline-secondary d-flex flex-column gap-2 align-items-center justify-content-center p-3" for="DarkTheme">
				<span><i class='bx bx-moon fs-2'></i></span>
                <span>Dark</span>
            </label>
          </div>
          <div class="col-12 col-xl-6">
            <input type="radio" class="btn-check" name="theme-options" id="SemiDarkTheme">
            <label class="btn btn-outline-secondary d-flex flex-column gap-2 align-items-center justify-content-center p-3" for="SemiDarkTheme">
				<span><i class='bx bx-brightness-half fs-2'></i></span>
                <span>Semi Dark</span>
            </label>
          </div>
          <div class="col-12 col-xl-6">
            <input type="radio" class="btn-check" name="theme-options" id="BoderedTheme">
            <label class="btn btn-outline-secondary d-flex flex-column gap-2 align-items-center justify-content-center p-3" for="BoderedTheme">
				<span><i class='bx bx-border-all fs-2'></i></span>
                <span>Bordered</span>
            </label>
          </div>
        </div><!--end row-->

      </div>
    </div>
  </div>
  <!--start switcher-->

	<!-- Bootstrap JS -->
	<script src="assets/js/bootstrap.bundle.min.js"></script>
	<!--plugins-->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/plugins/simplebar/js/simplebar.min.js"></script>
	<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script>
	<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
	<!--app JS-->
	<script src="assets/js/app.js"></script>
</body>

</html>