/* Search form */
form.cig--emp-job-filter {
  padding: 1rem 0;
  margin-inline: auto;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: var(--border-grey);
}
form.cig--emp-job-filter-fw {
  width: 100%;
}
form.cig--emp-job-filter,
form.cig--emp-job-filter ul {
  display: flex;
  gap: 1rem;
}
form.cig--emp-job-filter ul {
  margin: 0;
  padding: 0;
}
form.cig--emp-job-filter ul li {
  list-style: none;
}
input.menu__search {
  background: var(--color-white);
  color: var(--color-grey-mid);
  display: block;
  text-decoration: none;
  border-radius: 50px;
  border: var(--border-grey);
  padding: 5px 26px 5px 12px;
  font-size: 16px;
  width: auto;
  position: relative;
}
input.menu__search:focus {
  outline: none;
}
.cig--emp-job-filter input.menu__search,.cig--emp-job-filter .menu__link  {
  font-size: 18px;
}
  input.menu__submit {
  padding: 7px 20px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 50px;
  color: var(--color-white);
  background: #2867c6;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s ease;
}
input.menu__submit:hover {
  background: var(--color-grey-dark);
}
@media (max-width: 768px) {
  form.cig--emp-job-filter,
  form.cig--emp-job-filter ul {
    display: flex;
    gap: 1rem;
    flex-direction: column;
  }
  form.cig--emp-job-filter {
    width: auto;
    align-items: stretch;
    margin: 1rem ;
  }
}
  .cig--filter-menu {
            list-style: none;
            margin: 0;
            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 18px;
            }
            .cig--dropdown-scroll-wrapper {
            max-height: 300px;
            overflow-y: scroll;
            position: relative;
            }
            .cig--search-filter {
            width: calc(100% - (2 * 10px));
            border: var(--border-grey);
            padding: 5px;
            margin: 10px;
            box-sizing: border-box;
            }
            .cig--search-filter:focus {
            outline: none;
            }
            .checkbox-container {
            display: flex;
            flex-direction: column;
            }
            .checkbox-container label {
            padding: 10px;
            margin-bottom: 0;
            display: flex;
            align-items: center;
            gap: 5px;
            }
            .checkbox-container label:hover {
            background: var(--color-blue-light-bg);
            }
            .checkbox-container label input[type="checkbox"] {
            margin: 0;
            }

            .menu__item {
            position: relative;
            }

            .menu__link {
            background: var(--color-white);
            color: var(--color-grey-mid);
            display: block;
            text-decoration: none;
            border-radius: 50px;
            border: var(--border-grey);
            padding: 4px 26px 4px 12px;
            font-size: 16px;
            width: auto;
            position: relative;
            }
            .menu__link::after {
            content: "";
            background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.45455C12.0008 5.39493 11.9878 5.33582 11.962 5.28103C11.9362 5.22623 11.8981 5.17695 11.8501 5.13636C11.6503 4.95455 11.3406 4.95455 11.1408 5.13636L6.99499 8.90909L2.85914 5.13636C2.65934 4.95455 2.34965 4.95455 2.14985 5.13636C1.95005 5.31818 1.95005 5.6 2.14985 5.78182L6.65533 9.86364C6.85513 10.0455 7.16482 10.0455 7.36462 9.86364L11.8501 5.77273C11.95 5.68182 12 5.56364 12 5.45455Z' fill='%23666666'/%3E%3C/svg%3E%0A");
            background-position: center;
            background-size: contain;
            width: 15px;
            height: 15px;
            display: block;
            position: absolute;
            right: 6px;
            top: 50%;
            transform: translateY(-50%);
            }
            .menu__link:hover,
            .menu__link:focus {
            text-decoration: none;
            color: var(--color-grey-mid);
            }

            .submenu {
            border: var(--border-grey);
            border-radius: var(--border-radius-10);
            box-shadow: var(--shadow-main);
            display: none;
            left: 0;
            top: 100%;
            list-style: none;
            margin: 0;
            padding: 0px;
            position: absolute;
            width: 300px;
            background: var(--color-white);
            z-index: 999;
            }
            .submenu--active {
            display: block;
            }

            .submenu__link {
            background-color: lightblue;
            color: black;
            display: block;
            padding: 0.5em 1em;
            text-decoration: none;
            }

            .submenu__link:hover,
            .submenu__link:focus {
            background-color: black;
            color: lightblue;
            }

/* Search form end */