<!DOCTYPE html>
<html>
<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />

		<title>404 Error | Hybrid Enterprises</title>

		<!-- Meta Description (overridable) -->
		<meta name="description"
			content="Hybrid’s unified IAM &amp; IGA platform secures access, automates provisioning and certifications, and simplifies compliance across cloud, hybrid, and on-prem." />

		<!-- Canonical -->
		
		<link rel="canonical" href="https://www.22hybrid.com/" />

		<!-- Open Graph -->
		<meta property="og:title" content="404 Error | Hybrid Enterprises" />
		<meta property="og:description"
			content="Secure access, automate identity lifecycle, and enforce governance." />
		<meta property="og:type" content="website" />
		<meta property="og:image" content="https://www.22hybrid.com/images/futureOfIdentity.png" />
		
		<meta property="og:url" content="https://www.22hybrid.com/" />
		<meta name="twitter:card" content="summary_large_image" />

		<!-- Organization structured data (site-wide) -->
		<script type="application/ld+json">
	    {
	      "@context": "https://schema.org",
	      "@type": "Organization",
	      "name": "Hybrid Enterprises",
	      "url": "https://www.22hybrid.com/", 
	      "logo": "https://www.22hybrid.com/images/teamLogo.webp",
	      "sameAs": [
	        "https://www.linkedin.com/company/hybrid-enterprises-llc"
	      ]
	    }
	    </script>
		<!-- --- end SEO additions --- -->

		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"
			integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw=="
			crossorigin="anonymous" referrerpolicy="no-referrer" />
		<link rel="stylesheet" href="/libs/uswds-3.13/dist/css/uswds.min.css" />
		<link rel="stylesheet" href="/libs/jquery-ui-1.12.0.custom/jquery-ui.css" />
		<link rel="stylesheet"
			href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.css"
			integrity="" crossorigin="anonymous" />

		<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
		<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.5.0/css/responsive.dataTables.min.css">

		<link rel="stylesheet" href="/styles/app.css" />
		<link rel="stylesheet" href="/styles/result.css" />
		<style>
			/* move this to app.css later..*/
			.profile {
				position: relative;
			}

			.profile .icon_wrap {
				display: flex;
				align-items: center;
				cursor: pointer;
				gap: 6px;
			}

			.profile .icon_wrap img {
				width: 36px;
				height: 36px;
				border-radius: 50%;
			}

			.profile .icon_wrap .name {
				font-weight: 500;
			}

			.profile .profile_dd {
				display: none;
				position: absolute;
				right: 0;
				top: 44px;
				background-color: #fff;
				border-radius: 8px;
				box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
				min-width: 180px;
				z-index: 1100;
			}

			.profile_dd ul {
				list-style: none;
				padding: 8px 0;
				margin: 0;
			}

			.profile_dd ul li a {
				display: flex;
				align-items: center;
				gap: 8px;
				padding: 8px 12px;
				text-decoration: none;
				color: #7F1D2D;
				font-weight: 500;
			}

			.profile_dd ul li a:hover {
				background-color: #f1f1f1;
			}

			.profile.active .profile_dd {
				display: block;
			}


			/* Pagination container ceter aline */
			.pagination-container {
				display: flex;
				justify-content: center;
				margin-top: 1rem;
			}

			/* USWDS burgundy style*/
			.usa-pagination__button {
				display: inline-block;
				margin: 0 0.2rem;
				padding: 0.25rem 0.5rem;
				border: 1px solid #7f1d2d;
				color: #7f1d2d;
				border-radius: 0.25rem;
				cursor: pointer;
				text-decoration: none;
			}

			.usa-pagination__button.usa-current {
				background-color: #7f1d2d;
				color: white;
			}

			.dataTables_filter input {
				border: 1px solid #7f1d2d;
				border-radius: 0.25rem;
				padding: 0.25rem 0.5rem;
			}
		</style>

	</head>
<body class="theme-hybrid">
    <!-- Header -->
	<header class="usa-header usa-header--basic">
		<div class="usa-nav-container">
			<div class="usa-navbar">
				<div class="usa-logo">
					<a class="header-brand" href="/" aria-label="Hybrid Enterprises">
						<img class="brand-logo" src="/images/HybridLogo.png" alt="Hybrid Enterprises">
						<span class="brand-name">Hybrid Enterprises</span>
					</a>
				</div>
				<button style="background-color: var(--brand-primary);" class="usa-menu-btn">Menu</button>
			</div>

			<nav class="usa-nav" role="navigation" aria-label="Primary">
				<button type="button" class="usa-nav__close">
					<img src="/libs/uswds-3.13/dist/img/usa-icons/close.svg" role="img" alt="Close">
				</button>
				<ul class="usa-nav__primary usa-accordion">
					<!-- no active class?? need to check uswds css -->
					<li class="usa-nav__primary-item"><a class="usa-nav__link"
							href="/about">About Us</a>
					</li>
					<li class="usa-nav__primary-item"><a class="usa-nav__link"
							href="/products">Products</a></li>
					<li class="usa-nav__primary-item"><a class="usa-nav__link"
							href="/result">Results</a>
					</li>
					<li class="usa-nav__primary-item"><a class="usa-nav__link"
							href="/careers">Careers</a></li>
					<!-- Profile Dropdown -->
					
				</ul>
			</nav>
		</div>

	</header>

    <div class="usa-overlay"></div>

    <!-- Main Content -->
	<main id="main-content">
    	
	<div class="grid-container usa-prose text-center" style="margin-top: 50px;">
			<h1 class="usa-heading-xl">Page Not Found</h1>
			 <p class="usa-intro">Sorry, the page you are looking for cannot be found.</p>
	      <a class="usa-button usa-button--big" href="/">Go back to Home</a>
	    </div>

	</main>
    <!-- Footer -->
	<footer class="usa-footer usa-footer--slim" style="background-color: #7f1d2d;">
   <div class="grid-container">
		<h3 style="text-align: center; color: white; margin-top: 0; margin-bottom: 0;">Hybrid Enterprises</h3>
		<p style="text-align: center; color: white; margin-top: 0; margin-bottom: 0.50%;">4307 Neptune Road<br>Saint Cloud, Florida 34769</p>
		<div style="text-align: center;">
			<a href="https://www.linkedin.com/company/hybrid-enterprises-llc" target="_blank"><img src="/images/linkedinLogo.png" alt="Linkedin" style="height:23px; padding-right: 15px;"></a>
			<a href="https://www.facebook.com/22hybrid/" target="_blank"><img src="/images/facebookLogoSecondary.png" alt="Facebook" style="width:23px;height:23px;"></a>
		</div>
		<p style="text-align: center; color: white; margin: 0;">© 2025 Hybrid Enterprises LLC. All rights reserved.</p>
   </div>
</footer>
    
    <script src="/libs/jquery-3.5.1/jquery-3.5.1.min.js"></script>
	<script src="/libs/jquery-ui-1.12.0.custom/jquery-ui.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js" integrity="" crossorigin="anonymous"></script>
	<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
	<script src="https://cdn.datatables.net/responsive/2.5.0/js/dataTables.responsive.min.js"></script>
	<script src="/libs/uswds-3.13/dist/js/uswds.min.js"></script>
    <!--<script th:src="@{/libs/uswds-3.13/dist/js/uswds-init.min.js}"></script>-->
    
    <script src="/scripts/app.js"></script>

	
	<script>
	  /*<![CDATA[*/
	  $(document).ready(function() {
	    // profile click --> menu toggle 
	    $(".profile .icon_wrap").click(function(e) {
	      e.stopPropagation();
	      $(this).parent().toggleClass("active");
	      $(".notifications").removeClass("active"); // close other menu
	    });

	    // close profile when click menu
	    $(document).click(function() {
	      $(".profile").removeClass("active");
	    });

	    //
	    $(".profile_dd").click(function(e) {
	      e.stopPropagation();
	    });
	  });
	  /*]]>*/
	</script>

	

</body>
</html>