<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>Hiregorithm Solutions</title>
  <meta name="description" content="">
  <meta name="keywords" content="">

  <!-- Favicons -->
  <link href="assets/img/logo.png" rel="icon">
  <link href="assets/img/logo.png" rel="apple-touch-icon">

  <!-- Fonts -->
  <link href="https://fonts.googleapis.com" rel="preconnect">
  <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Main CSS File -->
  <link href="assets/css/main.css" rel="stylesheet">

  <!-- custom css -->
   <link href="assets/css/custom.css" rel="stylesheet">
   
   <style>
       .search-area{
           background: #f3f9ff;
           border-radius:40px;
           padding: 20px;
           /*box-shadow: 0 0 20px rgba(0,0,0,.1);*/
       }
       .search-area input,
       .search-area button{
           border-radius:40px;
       }
       .btn{
           border-radius: 20px;
       }
       .btn-primary{
           background: var(--accent-color);
           border-color: var(--accent-color);
       }
       .btn-primary:hover{
           border-color: var(--accent-color);
           background: #fff;
           color: #000;
       }
       
   </style>

</head>

<body class="index-page">

  <header id="header" class="header d-flex align-items-center fixed-top">
    <div class="header-container container-fluid container-xl position-relative d-flex align-items-center justify-content-between">

      <a href="/" class="logo d-flex align-items-center me-auto me-xl-0">
        <img src="assets/img/logo.png" alt="">
      </a>

      <nav id="navmenu" class="navmenu">
        <ul>
          <li><a href="/" class="">Home</a></li>
          <li><a href="jobs" class="">Find a Job</a></li>
          <li><a href="about-us">About</a></li>
          
          <li class="dropdown"><a href="#services"><span>Services</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
            <ul>
              <li><a href="workforce-consulting">Workforce Consulting</a></li>
              <li><a href="permanent-recruitment">Permanent Recruitment</a></li>
              <li><a href="temporary-contract-staffing">Temporary & Contract Staffing</a></li>
              <li><a href="eor">Employer of Record (EOR) Services</a></li>
            </ul>
          </li>
          <li><a href="blogs">Blog & Updates</a></li>
          <li><a href="contact-us">Contact</a></li>
        </ul>
        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
      </nav>

      <a class="btn-getstarted" href="#">Book an Appointment</a>

    </div>
  </header>

  <main class="main">