/* Remove Head navbar Sticky effect for Job listing page */
.is-static,
.is-static nav.cig--navbar-mobile {
  position: static !important;
}

/* Buttons/Link Styles */
a.cig--standard-link {
  text-decoration: none;
  color: var(--color-blue-light);
  font-weight: 500;
  font-size: 16px;
  transition: var(--transition-main);
}
a.cig--standard-link:hover {
  color: var(--color-grey-dark);
}
a.cig--standard-link-sml {
  font-size: 12px;
}
.cig--jobsearch-details-head-list-wrapper li,#cig__jobSearchSocialLinks li,.cig--jobsearch-details-body-meta-list li,.cig--jobsearch-details-body-wrapper ul li{
  display: inline-block !important;
}

.cig--btn-mid-default {
  box-sizing: border-box;
  display: block;
  padding: 12px 15px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  border-radius: 50px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s ease;
}
.cig--btn-solid-primary {
  border: 1px solid transparent;
  background: var(--color-blue-light);
  color: var(--color-white);
}
.cig--btn-border-primary {
  border: 1px solid var(--color-blue-light);
  color: var(--color-blue-light);
  background: var(--color-white);
}
.cig--btn-solid-primary:hover,
.cig--btn-border-primary:hover {
  border: 1px solid transparent;
  color: var(--color-white);
  background: var(--color-grey-dark);
}

/* Hero section */
.cig--jobsearch-wrapper {
  background: var(--color-blue-light-bg);
}
.cig--jobsearch-max-width {
  box-sizing: border-box;
  margin-inline: auto;
  max-width: var(--max-width);
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cig--light-wrapper-shadow {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
}
.cig--search-form-wrapper {
  border-radius: 10px;
}
.cig--search-filter-wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: flex-start;
}
.cig--search-filter-btn-wrapper {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  padding: 15px 45px 15px 20px;
  color: var(--color-blue-dark);
  background: var(--color-white);
  white-space: nowrap;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.cig--search-filter-btn-wrapper::after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: calc(50% + 1px);
  right: 20px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.45538 3.47954C8.5297 3.39675 8.57145 3.28452 8.57145 3.16751C8.57145 3.05049 8.5297 2.93826 8.45538 2.85547H1.54465C1.47033 2.93826 1.42859 3.05049 1.42859 3.16751C1.42859 3.28452 1.47033 3.39675 1.54465 3.47954L4.71957 7.01205C4.79398 7.09474 4.89485 7.14118 5.00002 7.14118C5.10519 7.14118 5.20606 7.09474 5.28047 7.01205L8.45538 3.47954Z' fill='%23112D51'/%3E%3C/svg%3E%0A")
    center / contain no-repeat;
}
.cig--search-filter-select-wrapper {
  border-radius: 10px;
  background: var(--color-white);
}
.cig--search-filter-select-wrapper .select2.select2-container {
  display: block;
  width: auto !important;
  min-width: 160px;
  margin: 0;
}
.cig--search-results-chips ul li a.chip {
  padding: 10px 15px 10px 15px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
}
.cig--search-results-chips ul li a.chip .chip__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cig--search-results-chips ul li a.chip .chip__remove {
  color: var(--color-grey-mid);
  flex: 0 0 auto;
  font-size: 24px;
  line-height: 1;
  opacity: 0.9;
}
.cig--search-results-chips ul li a.chip:hover .chip__remove {
  opacity: 1;
}
@media (max-width: 768px) {
  .cig--jobsearch-max-width {
    padding: 40px 0 20px;
  }
  .cig--search-form-wrapper {
    margin: 0 20px;
  }
}

/* ----------------------- */
/* --- Select 2 Plugin --- */
/* ----------------------- */
/* Main select box */
#cig__singleSelect_searchWithin {
  display: none !important;
}
/* Style Select2 container */
.cig--search-filter-select-wrapper
  .select2-container--default
  .select2-selection--single {
  border: none;
  border-radius: 8px;
  padding: 10px 15px;
  height: auto;
  background: var(--color-white);
  min-width: 160px;
  overflow: hidden;
  position: relative;
}

/* Style the arrow */
.cig--search-filter-select-wrapper
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 20px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

.cig--search-filter-select-wrapper
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: var(--color-blue-dark) transparent transparent transparent;
  border-width: 5px 5px 0 5px;
}
/* Default arrow state */
.cig--search-filter-select-wrapper
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  transition: transform 0.2s ease;
  transform: rotate(0deg);
}

.cig--search-filter-select-wrapper
  .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  transform: rotate(180deg);
}

.cig--search-filter-select-wrapper
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 0px;
  padding-right: 25px;
}
.cig--search-filter-select-wrapper
  .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: var(--color-blue-dark);
  font-weight: 500;
}
/* Select2 Custom Dropdown */
.cig--single-select-dropdown {
  border: none;
  border-radius: 10px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
}

.cig--single-select-dropdown .select2-results__option {
  padding: 10px;
}
.cig--single-select-dropdown .select2-results > .select2-results__options {
  max-height: 300px;
  overflow-y: auto;
}
.cig--single-select-dropdown .select2-results__option--selected {
  background-color: rgba(213, 213, 213, 0.3) !important;
  color: #000 !important;
}
.cig--single-select-dropdown
  .select2-results__option:last-child.select2-results__option--selected {
  background-color: rgba(213, 213, 213, 0.3) !important;
  color: #000;
  border-radius: 0 0 10px 10px !important;
}
.cig--single-select-dropdown .select2-results__option:last-child:hover,
.cig--single-select-dropdown
  .select2-results__option:last-child.select2-results__option--highlighted {
  border-radius: 0 0 10px 10px !important;
}

/* ++++++++++++++++++++++++++++ */
/* +++ M O D A L  P O P U P +++ */
/* ++++++++++++++++++++++++++++ */
body.cig__modal-open {
  overflow: hidden;
}
#modal_SearchWithin {
  display: none;
}
/* Modal Styles */
.cig--modal-wrapper {
 box-sizing: border-box;
    display: none;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    right: 0px;
    border: none;
    max-width: 100%;
    max-height: 100%;
}
.cig__modal-body-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cig--modal-content-sml-wrapper,
.cig--modal-content-lrg-wrapper {
  background-color: var(--color-white);
  margin: 20px auto;
  border: 1px solid #888;
  border-radius: 10px;
  width: 100%;
  position: relative;
  animation: slideUp 0.3s ease;
}
.cig--modal-content-lrg-wrapper {
  max-width: 820px;
}
.cig--modal-content-sml-wrapper {
  max-width: 356px;
}

@keyframes slideUp {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.cig--modal-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 15px 15px 20px;
  border-bottom: 1px solid #e9e9e9;
}
.cig--modal-head h3 {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color-blue-dark);
}
.cig__modal-close {
  position: relative;
  width: 28px;
  height: 28px;
  cursor: pointer;
  transition: 0.2s ease;
}
.cig__modal-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1.61143L14.3886 0L8 6.38857L1.61143 0L0 1.61143L6.38857 8L0 14.3886L1.61143 16L8 9.61143L14.3886 16L16 14.3886L9.61143 8L16 1.61143Z' fill='black'/%3E%3C/svg%3E%0A")
    center / contain no-repeat;
}
.cig__modal-close:hover {
  transform: scale(0.9);
}

.cig--modal-cta-wrapper {
  padding: 15px 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #e9e9e9;
}
button.cig--navbar-link-rounded-modal {
  display: inline-block;
  text-decoration: none;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 50px;
  text-transform: uppercase;
  transition: 0.2s ease;
  cursor: pointer;
}
button.cig--navbar-link-rounded-modal:hover {
  filter: contrast(130%);
  transform: scale(0.95);
}

@media (max-width: 768px) {
  body.cig__modal-open {
    overflow: hidden;
    margin-right: 0px;
  }
  .cig--modal-wrapper {
    overflow: auto;
    padding: 0;
  }
  .cig__modal-body-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .cig--modal-content-sml-wrapper,
  .cig--modal-content-lrg-wrapper {
    background-color: var(--color-white);
    margin: 0;
    border: none;
    border-radius: 10px 10px 0 0;
    max-width: 100%;
  }
}

/* -------------------- */
/* --- Modal Select --- */
/* -------------------- */
.cig--modal-select {
  max-height: 0;
  overflow: hidden;
  background-color: #fff;
  transition: max-height 0.4s ease-in-out;
  max-height: 600px;
}
/* Hide the multi-select toggle button */
.cig--modal-select-select-wrapper .ms-choice {
  display: none !important;
}
.cig--modal-select-select-wrapper .ms-drop {
  box-sizing: border-box;
  position: static !important;
  display: block !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
}
.cig--modal-select-select-wrapper .ms-search {
  display: block !important;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e5e7eb;
  background-color: #ffffff;
}
.cig--modal-select-select-wrapper .ms-search input {
  box-sizing: border-box;
  width: 100% !important;
  padding: 0.5rem;
  font-size: 16px;
  padding: 15px 20px !important;
}
.cig--modal-select-select-wrapper .ms-drop ul {
  max-height: 420px !important;
  overflow-x: hidden !important;
  padding: 10px 0 !important;
}
.cig--modal-select-select-wrapper .ms-drop ul li {
  box-sizing: border-box;
  padding: 10px 20px !important;
}
.cig--modal-select-select-wrapper .ms-drop ul > li label {
  white-space: wrap;
}
.cig--modal-select-select-wrapper .ms-drop ul li input[type="checkbox"] {
  margin-right: 0.5rem;
}
.cig--modal-select-select-wrapper .ms-drop ul li:hover {
  background-color: #f9fafb;
}

.cig--modal-select-select-wrapper .ms-drop ul > li.hide-radio.selected {
  color: #fff;
  background-color: var(--color-blue-light);
  border-radius: 0;
}

.cig--list-double-col .ms-drop ul {
  display: flex;
  flex-wrap: wrap;
}

.cig--list-double-col .ms-drop ul li {
  width: 50%;
  box-sizing: border-box;
}

/* --- Mobile Modal Select --- */
@media (max-width: 768px) {
  .cig--search-filter-wrapper {
    gap: 10px;
    margin-left: 20px;
    padding: 0 20px 15px 0;
    overflow-x: scroll;
    min-height: 50px;
    scroll-snap-type: x mandatory;
    scroll-padding-right: 20px;
  }
  .cig--search-filter-wrapper > * {
    scroll-snap-align: end;
  }
  /*  */
  .cig--list-double-col .ms-drop ul li {
    width: 100%;
  }
}

/* --------------------------- */
/* +++ JOB LISTING CONTENT +++ */
/* --------------------------- */
.cig--jobsearch-main-wrapper {
  padding: 20px 0;
  min-height: 500px;
}
.cig--jobsearch-flex-wrapper {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 30px;
}
.cig--jobsearch-list-wrapper {
  flex: 0 1 460px; /* don't grow, can shrink, base width 460px */
  min-width: 360px;
  margin: 20px 0;
}
@media (max-width: 768px) {
  .cig--jobsearch-flex-wrapper {
    flex-direction: column;
  }
  .cig--jobsearch-list-wrapper {
    width: 100%;
  }
}

/* -------- */
/* JOB LIST */
/* -------- */
.cig--notification-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  background: var(--color-blue-light);
  border-radius: 10px;
  padding: 10px 10px 10px 15px;
}
.cig--jobsearch-result-count-wrapper {
  color: var(--color-white);
  font-size: 12px;
  font-weight: 500;
}
span.cig--jobsearch-result-count {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
button.cig--jobsearch-notification-btn {
  position: relative;
  background: transparent;
  padding: 8px 10px 8px 34px;
  border: 1px solid var(--color-white);
  border-radius: 6px;
  color: var(--color-white);
  text-align: start;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  cursor: pointer;
  transition: 0.2s ease;
}
button.cig--jobsearch-notification-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%) rotate(0deg);
  transform-origin: 50% 0%; /* 🔑 bell pivot */
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4247 3.75694C13.469 3.85692 13.4988 4.3114 13.5136 4.59871C13.0639 4.48896 12.5922 4.43055 12.1058 4.43055C11.6985 4.43055 11.3014 4.47152 10.919 4.54932C10.9345 4.26195 10.9634 3.85136 11.0052 3.75694C11.071 3.60817 11.1674 3.473 11.289 3.35914C11.4106 3.24528 11.555 3.15496 11.7139 3.09334C11.8727 3.03172 12.043 3 12.215 3C12.3869 3 12.5572 3.03172 12.7161 3.09334C12.8749 3.15496 13.0193 3.24528 13.1409 3.35914C13.2625 3.473 13.3589 3.60817 13.4247 3.75694Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8834 6.59277C16.9497 7.4286 17.6641 8.69653 17.6641 10.3521V14.1604L19.8427 16.7699C20.0083 16.9682 20.0467 17.2478 19.941 17.4857C19.8353 17.7237 19.605 17.8762 19.3513 17.8762H4.64866C4.38854 17.8762 4.15357 17.7158 4.05176 17.4688C3.94995 17.2218 4.00099 16.9359 4.18143 16.7425L6.61077 14.1391V10.3521C6.61077 8.69653 7.32515 7.4286 8.39144 6.59277C9.43962 5.77114 10.8046 5.38102 12.1374 5.38102C13.4702 5.38102 14.8352 5.77114 15.8834 6.59277ZM9.17614 7.65886C8.41319 8.25691 7.90807 9.13981 7.90807 10.3521V14.6789L6.17378 16.5374H17.9363L16.3668 14.6575V10.3521C16.3668 9.13981 15.8616 8.25691 15.0987 7.65886C14.3176 7.04661 13.2436 6.71979 12.1374 6.71979C11.0312 6.71979 9.95721 7.04661 9.17614 7.65886Z' fill='white'/%3E%3Cpath d='M14.162 18.7687C14.2815 18.7687 14.3794 18.8689 14.3675 18.9915C14.3464 19.2081 14.2947 19.4207 14.2137 19.6226C14.105 19.8933 13.9458 20.1393 13.745 20.3465C13.5442 20.5537 13.3058 20.718 13.0435 20.8302C12.7812 20.9423 12.5 21 12.2161 21C11.9322 21 11.651 20.9423 11.3887 20.8302C11.1264 20.718 10.888 20.5537 10.6872 20.3465C10.4864 20.1393 10.3272 19.8933 10.2185 19.6226C10.1375 19.4207 10.0858 19.2081 10.0647 18.9915C10.0528 18.8689 10.1507 18.7687 10.2702 18.7687H11.0676C11.2464 18.7687 11.3858 18.9239 11.4542 19.0944C11.4956 19.1976 11.5564 19.2915 11.633 19.3705C11.7095 19.4495 11.8005 19.5122 11.9005 19.555C12.0006 19.5977 12.1078 19.6198 12.2161 19.6198C12.3244 19.6198 12.4316 19.5977 12.5317 19.555C12.6317 19.5122 12.7227 19.4495 12.7992 19.3705C12.8758 19.2915 12.9366 19.1976 12.978 19.0944C13.0464 18.9239 13.1858 18.7687 13.3646 18.7687H14.162Z' fill='white'/%3E%3C/svg%3E%0A")
    center / contain no-repeat;
}
button.cig--jobsearch-notification-btn:hover {
  transform: scale(0.98);
  background-color: rgba(255, 255, 255, 0.15);
}
button.cig--jobsearch-notification-btn:hover::before {
  animation: bell-ring 1s ease-in-out;
}
@keyframes bell-ring {
  0% {
    transform: translateY(-50%) rotate(0);
  }
  10% {
    transform: translateY(-50%) rotate(15deg);
  }
  20% {
    transform: translateY(-50%) rotate(-15deg);
  }
  30% {
    transform: translateY(-50%) rotate(12deg);
  }
  40% {
    transform: translateY(-50%) rotate(-12deg);
  }
  50% {
    transform: translateY(-50%) rotate(8deg);
  }
  60% {
    transform: translateY(-50%) rotate(-8deg);
  }
  70% {
    transform: translateY(-50%) rotate(4deg);
  }
  80% {
    transform: translateY(-50%) rotate(-4deg);
  }
  100% {
    transform: translateY(-50%) rotate(0);
  }
}
@media (max-width: 768px) {
  .cig--notification-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 15px;
  }
  .cig--jobsearch-result-count-wrapper,
  span.cig--jobsearch-result-count {
    display: inline-block;
    padding-right: 6px;
    font-size: 16px;
    font-weight: 600;
  }
  span.cig--jobsearch-result-count {
    font-weight: bold;
  }
  button.cig--jobsearch-notification-btn {
    padding: 14px 10px 14px 34px;
    font-size: 4vw;
    font-size: clamp(16px, 4vw, 16px);
    line-height: 1.3em;
  }
  .empPorfileBtn{
    display:none
  }
}
/* -------- */
/* JOB LIST */
/* -------- */
ul.cig--jobsearch-joblist-wrapper {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
li.cig--jobsearch-joblist-item {
  background: var(--color-blue-light-bg);
  border-radius: 10px;
  padding: 15px;
  cursor: pointer;
}
li.cig--jobsearch-joblist-item.active {
  border: 1px solid var(--color-blue-light);
}
li.cig--jobsearch-joblist-item:hover h2.cig--jobsearch-joblist-title {
  text-decoration: underline;
}
.cig--jobsearch-head-wrapper {
  display: flex;
  flex-direction: row;
  gap: 15px;
  justify-content: space-between;
  margin-bottom: 10px;
}
h2.cig--jobsearch-joblist-title {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--color-blue-dark);
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  transition: color 0.2s ease;
}
h2.cig--jobsearch-joblist-title a {
  color: inherit;
  text-decoration: none;
}
h2.cig--jobsearch-joblist-title a:hover {
  color: var(--color-blue-light);
}
img.cig--jobsearch-joblist-img {
  pointer-events: none;
  width: 54px;
  height: 54px;
  padding: 5px;
  background: var(--color-white);
  border-radius: 10px;
  object-fit: contain;
}
ul.cig--jobsearch-joblist-location-wrapper {
  pointer-events: none;
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  color: var(--color-blue-light-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
strong.cig--jobsearch-joblist-price {
  pointer-events: none;
  color: var(--color-blue-dark);
  font-size: 16px;
  line-height: 1.4;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
ul.cig--jobsearch-joblist-metadata-wrapper {
  pointer-events: none;
  width: 100%;
  margin: 12px 0 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
li.cig--jobsearch-joblist-metadata-item {
  padding: 5px 10px;
  border-radius: 50px;
  background: var(--color-white);
  font-size: 12px;
  font-weight: 600;
  color: var(--color-grey-dark-text);
  white-space: nowrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.06);
}
@media (max-width: 768px) {
}
/* Load More BTN */
.cig--jobsearch-loadmore-wrapper {
  display: flex;
  justify-content: center;
}
/* Related Searches */
.cig--related-searches-wrapper {
  padding: 20px 0;
}
h3.cig--related-searches-heading {
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  color: var(--color-grey-dark-text);
}
ul.cig--related-searches-list-wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
}
.cig--related-searches-list-item {
  display: block;
  text-decoration: none;
  color: var(--color-blue-light);
  border: 1px solid rgba(40, 103, 198, 0.2);
  border-radius: 50px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
  transition: 0.2s ease;
}
.cig--related-searches-list-item span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.cig--related-searches-list-item:hover {
  transform: scale(0.98);
  border: 1px solid rgba(40, 103, 198, 0.5);
}
@media (max-width: 768px) {
}
/* Featured Jobs/Employers */
.cig--imgbox-list-border-container {
  background: var(--color-white);
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #e9e9e9;
  margin-top: 20px;
}
.cig--imgbox-list-border-container h3.cig--sub-heading-bordered {
  position: relative;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color-blue-dark);
  margin: 0;
  padding-bottom: 14px;
}
.cig--imgbox-list-border-container h3.cig--sub-heading-bordered::after {
  content: "";
  background: rgb(40, 103, 198);
  background: linear-gradient(
    90deg,
    rgba(40, 103, 198, 1) 10%,
    rgba(255, 255, 255, 1) 10%
  );
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
}
ul.cig--imgbox-list-wrapper {
  margin: 20px 0 10px;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
}
a.cig--imgbox-link-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  text-decoration: none;
}
.cig--imgbox-list-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cig--imgbox-list-border-container h4.cig--imgbox-list-heading {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4em;
  color: var(--color-blue-dark);
  transition: 0.2s ease;
}
.cig--imgbox-list-border-container h4.cig--imgbox-list-heading:hover {
  color: var(--color-blue-light);
}
.cig--imgbox-list-border-container .cig--imgbox-list-meta {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4em;
  color: var(--color-blue-light-text);
}
img.cig--thumb-img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 10px;
}
.cig--jobsearch-loadmore-wrapper {
  padding: 30px 0;
}
@media (max-width: 768px) {
}

/* Loading Indicator */
.loading__indicator {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading__indicator::after {
  content: "";
  width: 30px;
  height: 30px;
  border: 4px solid #007bff;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* ----------- */
/* JOB DETAILS */
/* ----------- */
#modal_JobSearchDetails {
  box-sizing: border-box;
  flex: 0 1 680px;
  height: calc(100vh - 40px);
  border-radius: 15px;
  background: var(--color-white);
  border: 1px solid #e9e9e9;
  margin: 20px 0;
  overflow: hidden;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  left: 0;
}
.cig--mobile-tabs-content {
  position: relative;
}
.cig__mobile-tab-panel {
  display: none;
  /* opacity: 0; */
  transform: translateY(20px);
}
.cig__mobile-tab-panel.active {
  display: flex !important;
  flex-direction: column;
  height: 100%;
  animation: fadeUp 0.75s ease forwards;
}
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Employer tab */
.cig__mobile-tab-panel[data-mobile-tab="employer"] {
  display: none;
}
.cig--jobsearch-details-list-wrapper {
  margin: 0;
  padding: 0;
}
.cig--jobsearch-details-list-item {
  position: relative;
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 40px);
}
#cig__job_tab > li.job__desc {
  display: none;
}
#cig__job_tab > li.job__desc.highlighted {
  display: flex;
}
.cig__jobsearch-detail-content {
  position: relative;
  overflow-y: scroll;
}
@media (max-width: 800px) {
  .cig--jobsearch-details-list-item {
    flex: auto;
    min-width: 100%;
    border-radius: 20px;
    border: none;
    margin: 0;
  }
  .cig__jobsearch-detail-content {
    overflow-y: visible;
  }
}
/* SECTION HEAD */
.cig__jobsearch-details-head-wrapper {
  background: var(--color-blue-light-bg);
  padding: 20px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  z-index: 50;
  transition: all 0.75s ease;
}
h2.cig--jobsearch-details-heading {
  margin: 0;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  color: var(--color-blue-dark);
  transition: font-size 0.5s ease;
}
ul.cig--jobsearch-details-head-list-wrapper {
  margin: 20px 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: var(--color-grey-dark);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.cig--jobsearch-details-head-company-wrapper {
  max-height: 150px;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 10px;
  background: var(--color-white);
  display: flex;
  flex-direction: row;
  gap: 12px;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: all 0.75s ease;
}
@media (max-width: 800px) {
  .cig__jobsearch-details-head-wrapper {
    box-shadow: none;
  }
  ul.cig--jobsearch-details-head-list-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }
  .cig__jobsearch-details-head-wrapper
    .cig--jobsearch-details-head-list-wrapper
    li:nth-child(2),
  .cig__jobsearch-details-head-wrapper
    .cig--jobsearch-details-head-list-wrapper
    li:nth-child(3) {
    padding-left: 10px;
    border-left: 1px solid var(--color-grey-dark);
  }
  h2.cig--jobsearch-details-heading {
    font-size: 22px;
    line-height: 1.3;
  }
  .cig--jobsearch-details-head-company-wrapper {
    display: none;
  }
}
.cig--jobsearch-details-head-company-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* Scrolled state - start */
.cig__jobsearch-details-head-wrapper.is-scrolled
  .cig--jobsearch-details-head-list-wrapper {
  pointer-events: none;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px 10px;
  font-size: 0.9em;
  transition: all 0.75s ease;
}
.cig__jobsearch-details-head-wrapper.is-scrolled
  .cig--jobsearch-details-head-list-wrapper
  li:nth-child(2),
.cig__jobsearch-details-head-wrapper.is-scrolled
  .cig--jobsearch-details-head-list-wrapper
  li:nth-child(3) {
  padding-left: 10px;
  border-left: 1px solid var(--color-grey-dark);
}
.cig__jobsearch-details-head-wrapper.is-scrolled
  h2.cig--jobsearch-details-heading {
  font-size: 22px;
}
.cig__jobsearch-details-head-wrapper.is-scrolled
  .cig--jobsearch-details-head-company-wrapper {
  padding: 0;
  margin-bottom: 0;
  max-height: 0;
  opacity: 0;
  /* transform: translateY(-10px); */
}
/* Scrolled state - end */

h4.cig--jobsearch-details-head-company-heading {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--color-grey-dark);
}
p.cig--jobsearch-details-head-company-desc {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-blue-light-text);
}
h4.cig--jobsearch-details-head-company-heading,
p.cig--jobsearch-details-head-company-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.cig--jobsearch-details-head-company-logo-wrapper {
  flex: 1 0 76px;
  max-width: 76px;
  max-height: 76px;
  padding: 5px;
}
img.cig--jobsearch-details-head-company-logo {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 5px;
}
.cig--jobsearch-details-head-cta-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.cig--jobsearch-details-head-btn-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
@media (max-width: 800px) {
  .cig--jobsearch-details-head-btn-wrapper,
  .cig--jobsearch-details-head-btn-wrapper a {
    width: 100%;
    text-align: center;
  }
}
.cig--jobsearch-details-head-social-wrapper span {
  display: block;
  color: var(--color-blue-dark);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  text-align: end;
}
ul.cig--jobsearch-details-head-social-list-wrapper {
  margin: 5px 0 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 10px;
}
a.cig--social-icon-blue {
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 5px;
  background-color: var(--color-white);
  cursor: pointer;
  transition: 0.2s ease;
}
a.cig--social-icon-blue:hover {
  filter: contrast(150%);
  transform: scale(1.2);
}
.cig--social-icon-fb {
  background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' fill='white'/%3E%3Cpath d='M10.415 20.5846H13.3328V14.1907H15.9617L16.2506 11.0137H13.3328V9.4092C13.3328 9.19749 13.4096 8.99445 13.5464 8.84475C13.6832 8.69505 13.8688 8.61095 14.0622 8.61095H16.2506V5.41797H14.0622C13.0949 5.41797 12.1672 5.83847 11.4832 6.58697C10.7993 7.33547 10.415 8.35066 10.415 9.4092V11.0137H8.9561L8.66724 14.1907H10.415V20.5846Z' fill='%232867C6'/%3E%3C/svg%3E%0A")
    center / contain no-repeat;
}
.cig--social-icon-x {
  background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' fill='white'/%3E%3Cpath d='M17.361 6.5H19.6869L14.6061 12.465L20.5839 20.5833H15.9039L12.2357 15.6606L8.04324 20.5833H5.71515L11.1492 14.201L5.41724 6.50111H10.2164L13.5271 10.9998L17.361 6.5ZM16.5431 19.1537H17.8322L9.51224 7.85528H8.1299L16.5431 19.1537Z' fill='%232867C6'/%3E%3C/svg%3E%0A")
    center / contain no-repeat;
}
.cig--social-icon-linkedin {
  background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' fill='white'/%3E%3Cpath d='M7.23724 9.061C8.24835 9.061 9.05724 8.23879 9.05724 7.23949C9.05724 6.24018 8.23571 5.41797 7.23724 5.41797C6.23876 5.41797 5.41724 6.24018 5.41724 7.23949C5.41724 8.23879 6.23876 9.061 7.23724 9.061ZM10.7888 10.4398V20.5846H13.9232V15.5755C13.9232 14.2473 14.176 12.9697 15.8064 12.9697C17.4368 12.9697 17.4368 14.4876 17.4368 15.6514V20.5846H20.5839V15.0189C20.5839 12.2866 20.0025 10.1868 16.8175 10.1868C15.2882 10.1868 14.2645 11.0217 13.8474 11.8186H13.8095V10.4271H10.8014L10.7888 10.4398ZM5.67001 10.4398H8.8171V20.5846H5.67001V10.4398Z' fill='%232867C6'/%3E%3C/svg%3E%0A")
    center / contain no-repeat;
}
.cig--social-icon-website {
  background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' fill='white'/%3E%3Cpath d='M12.1328 17.3346H8.6661C7.46721 17.3346 6.44541 16.912 5.6007 16.0667C4.75599 15.2214 4.33334 14.1996 4.33276 13.0013C4.33219 11.803 4.75483 10.7812 5.6007 9.9359C6.44656 9.09061 7.46836 8.66797 8.6661 8.66797H12.1328V10.4013H8.6661C7.94387 10.4013 7.32999 10.6541 6.82443 11.1596C6.31888 11.6652 6.0661 12.2791 6.0661 13.0013C6.0661 13.7235 6.31888 14.3374 6.82443 14.843C7.32999 15.3485 7.94387 15.6013 8.6661 15.6013H12.1328V17.3346ZM9.53276 13.868V12.1346H16.4661V13.868H9.53276ZM13.8661 17.3346V15.6013H17.3328C18.055 15.6013 18.6689 15.3485 19.1744 14.843C19.68 14.3374 19.9328 13.7235 19.9328 13.0013C19.9328 12.2791 19.68 11.6652 19.1744 11.1596C18.6689 10.6541 18.055 10.4013 17.3328 10.4013H13.8661V8.66797H17.3328C18.5317 8.66797 19.5537 9.09061 20.399 9.9359C21.2443 10.7812 21.6667 11.803 21.6661 13.0013C21.6655 14.1996 21.2429 15.2217 20.3982 16.0676C19.5535 16.9134 18.5317 17.3358 17.3328 17.3346H13.8661Z' fill='%232867C6'/%3E%3C/svg%3E%0A")
    center / contain no-repeat;
}
@media (max-width: 768px) {
  .cig--jobsearch-details-head-cta-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }
  .cig--jobsearch-details-footer-wrapper span {
    text-align: center;
  }
  ul.cig--jobsearch-details-head-social-list-wrapper {
    margin: 10px 0 20px 0;

    justify-content: center;
    gap: 10px;
  }
  a.cig--social-icon-blue {
    display: block;
    width: 42px;
    height: 42px;
  }
}

.cig--jobsearch-details-body-content-wrapper {
  position: relative;
  /* min-height: 100vh; */
}
.cig--jobsearch-details-body-heading-wrapper {
  padding: 30px 20px 0px;
}
.cig--jobsearch-details-body-head-wrapper {
  padding: 30px 20px;
  border-bottom: 1px solid #e9e9e9;
}
h3.cig--jobsearch-details-body-heading {
  margin: 0;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
  color: var(--color-grey-dark);
  text-transform: uppercase;
  margin-bottom: 20px;
}
ul.cig--jobsearch-details-body-meta-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
li.cig--jobsearch-details-body-meta-item {
  position: relative;
  padding-left: 30px;
  font-weight: 600;
  line-height: 1.5;
  font-size: 16px;
  color: var(--color-grey-dark);
}
li.cig--jobsearch-details-body-meta-item::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 1.5px;
  left: 0;
}
.cig--meta-item-dollar::before {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 1.875C2.70163 1.875 2.41548 1.99353 2.2045 2.2045C1.99353 2.41548 1.875 2.70163 1.875 3V17C1.875 17.6217 2.37833 18.125 3 18.125H17C17.1477 18.125 17.294 18.0959 17.4305 18.0394C17.567 17.9828 17.691 17.9 17.7955 17.7955C17.9 17.691 17.9828 17.567 18.0394 17.4305C18.0959 17.294 18.125 17.1477 18.125 17V3C18.125 2.85226 18.0959 2.70597 18.0394 2.56948C17.9828 2.43299 17.9 2.30897 17.7955 2.2045C17.691 2.10004 17.567 2.01717 17.4305 1.96064C17.294 1.9041 17.1477 1.875 17 1.875H3ZM10.625 4.58333C10.625 4.41757 10.5592 4.2586 10.4419 4.14139C10.3247 4.02418 10.1658 3.95833 10 3.95833C9.83424 3.95833 9.67527 4.02418 9.55806 4.14139C9.44085 4.2586 9.375 4.41757 9.375 4.58333V5.5025C8.94583 5.56667 8.525 5.715 8.16917 5.985C7.60833 6.41 7.29167 7.06917 7.29167 7.91667C7.29167 8.33 7.38667 8.69556 7.57667 9.01333C7.76417 9.32667 8.02167 9.5575 8.2975 9.73333C8.8075 10.0583 9.45833 10.235 9.99667 10.3817L10.0442 10.395C10.6433 10.5583 11.1142 10.6925 11.4483 10.905C11.6025 11.0033 11.7025 11.1042 11.7667 11.2108C11.8275 11.3133 11.875 11.4542 11.875 11.6667C11.875 12.175 11.6708 12.4933 11.3717 12.7025C11.0467 12.93 10.5675 13.0542 10.0217 13.035C9.18833 13.0042 8.3925 12.6483 8 12.125C7.95075 12.0593 7.88906 12.004 7.81843 11.9622C7.74781 11.9204 7.66964 11.8929 7.58839 11.8813C7.50714 11.8697 7.4244 11.8742 7.34489 11.8946C7.26538 11.9149 7.19066 11.9508 7.125 12C7.05934 12.0492 7.00402 12.1109 6.9622 12.1816C6.92039 12.2522 6.89289 12.3304 6.88128 12.4116C6.86967 12.4929 6.87418 12.5756 6.89455 12.6551C6.91492 12.7346 6.95075 12.8093 7 12.875C7.55833 13.6192 8.46417 14.0625 9.375 14.2208V15.4167C9.375 15.5824 9.44085 15.7414 9.55806 15.8586C9.67527 15.9758 9.83424 16.0417 10 16.0417C10.1658 16.0417 10.3247 15.9758 10.4419 15.8586C10.5592 15.7414 10.625 15.5824 10.625 15.4167V14.2575C11.1483 14.195 11.66 14.0275 12.0883 13.7267C12.7192 13.285 13.125 12.585 13.125 11.6667C13.125 11.2533 13.03 10.8878 12.84 10.57C12.6604 10.2761 12.4133 10.0293 12.1192 9.85C11.6092 9.525 10.9583 9.34833 10.42 9.20167L10.3725 9.18833C9.77333 9.025 9.3025 8.89083 8.96833 8.67833C8.83889 8.60384 8.72961 8.49885 8.65 8.3725C8.57231 8.23354 8.53481 8.07572 8.54167 7.91667C8.54167 7.405 8.71667 7.1375 8.92333 6.98167C9.15667 6.805 9.52 6.7025 9.98333 6.715C10.7742 6.73667 11.6175 7.085 12.0583 7.525C12.1156 7.58641 12.1846 7.63566 12.2612 7.66982C12.3379 7.70398 12.4206 7.72235 12.5046 7.72383C12.5885 7.72531 12.6718 7.70987 12.7497 7.67844C12.8275 7.647 12.8982 7.60021 12.9575 7.54086C13.0169 7.48152 13.0637 7.41082 13.0951 7.333C13.1265 7.25517 13.142 7.17182 13.1405 7.0879C13.139 7.00398 13.1206 6.92122 13.0865 6.84455C13.0523 6.76789 13.0031 6.69888 12.9417 6.64167C12.3733 6.0725 11.4992 5.6725 10.625 5.525V4.58333Z' fill='%23112D51'/%3E%3C/svg%3E%0A")
    center / contain no-repeat;
}
.cig--meta-item-bag::before {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8779 13.1111H9.2755C8.83482 13.1111 8.47427 12.7611 8.47427 12.3333H2.87369V15.4444C2.87369 16.3 3.5948 17 4.47615 17H15.6853C16.5667 17 17.2878 16.3 17.2878 15.4444V12.3333H11.6792C11.6792 12.7611 11.3186 13.1111 10.8779 13.1111ZM16.4865 6.11111H13.2816C13.2816 4.39222 11.8474 3 10.0767 3C8.30601 3 6.87181 4.39222 6.87181 6.11111H3.66691C2.78556 6.11111 2.06445 6.81111 2.06445 7.66667V10C2.06445 10.8633 2.77755 11.5556 3.66691 11.5556H8.47427V10.7778C8.47427 10.35 8.83482 10 9.2755 10H10.8779C11.3186 10 11.6792 10.35 11.6792 10.7778V11.5556H16.4865C17.3679 11.5556 18.089 10.8556 18.089 10V7.66667C18.089 6.81111 17.3679 6.11111 16.4865 6.11111ZM8.47427 6.11111C8.47427 5.25556 9.19537 4.55556 10.0767 4.55556C10.9581 4.55556 11.6792 5.25556 11.6792 6.11111H8.46626H8.47427Z' fill='%23112D51'/%3E%3C/svg%3E%0A")
    center / contain no-repeat;
}
.cig--meta-item-calendar::before {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66675 7.5013C1.66675 5.92964 1.66675 5.14464 2.15508 4.6563C2.64341 4.16797 3.42841 4.16797 5.00008 4.16797H15.0001C16.5717 4.16797 17.3567 4.16797 17.8451 4.6563C18.3334 5.14464 18.3334 5.92964 18.3334 7.5013C18.3334 7.8938 18.3334 8.09047 18.2117 8.21297C18.0892 8.33463 17.8917 8.33463 17.5001 8.33463H2.50008C2.10758 8.33463 1.91091 8.33463 1.78841 8.21297C1.66675 8.09047 1.66675 7.89297 1.66675 7.5013Z' fill='%23112D51'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66675 15C1.66675 16.5717 1.66675 17.3567 2.15508 17.845C2.64341 18.3333 3.42841 18.3333 5.00008 18.3333H15.0001C16.5717 18.3333 17.3567 18.3333 17.8451 17.845C18.3334 17.3567 18.3334 16.5717 18.3334 15V10.8333C18.3334 10.4408 18.3334 10.2442 18.2117 10.1217C18.0892 10 17.8917 10 17.5001 10H2.50008C2.10758 10 1.91091 10 1.78841 10.1217C1.66675 10.2442 1.66675 10.4417 1.66675 10.8333V15ZM5.83341 12.5C5.83341 12.1075 5.83341 11.9108 5.95508 11.7883C6.07758 11.6667 6.27508 11.6667 6.66675 11.6667H8.33341C8.72591 11.6667 8.92258 11.6667 9.04508 11.7883C9.16675 11.9108 9.16675 12.1075 9.16675 12.5C9.16675 12.8925 9.16675 13.0892 9.04508 13.2117C8.92258 13.3333 8.72508 13.3333 8.33341 13.3333H6.66675C6.27425 13.3333 6.07758 13.3333 5.95508 13.2117C5.83341 13.0892 5.83341 12.8917 5.83341 12.5ZM5.95508 15.1217C5.83341 15.2442 5.83341 15.4417 5.83341 15.8333C5.83341 16.225 5.83341 16.4225 5.95508 16.545C6.07758 16.6667 6.27508 16.6667 6.66675 16.6667H8.33341C8.72591 16.6667 8.92258 16.6667 9.04508 16.545C9.16675 16.4225 9.16675 16.225 9.16675 15.8333C9.16675 15.4417 9.16675 15.2442 9.04508 15.1217C8.92258 15 8.72508 15 8.33341 15H6.66675C6.27425 15 6.07758 15 5.95508 15.1217ZM10.8334 12.5C10.8334 12.1075 10.8334 11.9108 10.9551 11.7883C11.0776 11.6667 11.2751 11.6667 11.6667 11.6667H13.3334C13.7259 11.6667 13.9226 11.6667 14.0451 11.7883C14.1667 11.9108 14.1667 12.1075 14.1667 12.5C14.1667 12.8925 14.1667 13.0892 14.0451 13.2117C13.9226 13.3333 13.7251 13.3333 13.3334 13.3333H11.6667C11.2742 13.3333 11.0776 13.3333 10.9551 13.2117C10.8334 13.0892 10.8334 12.8917 10.8334 12.5ZM10.9551 15.1217C10.8334 15.2442 10.8334 15.4417 10.8334 15.8333C10.8334 16.225 10.8334 16.4225 10.9551 16.545C11.0776 16.6667 11.2742 16.6667 11.6667 16.6667H13.3334C13.7259 16.6667 13.9226 16.6667 14.0451 16.545C14.1667 16.4225 14.1667 16.225 14.1667 15.8333C14.1667 15.4417 14.1667 15.2442 14.0451 15.1217C13.9226 15 13.7251 15 13.3334 15H11.6667C11.2742 15 11.0776 15 10.9551 15.1217Z' fill='%23112D51'/%3E%3Cpath d='M5.8335 2.5V5M14.1668 2.5V5' stroke='%23112D51' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A")
    center / contain no-repeat;
}
.cig--jobsearch-details-body--content-container {
  padding: 20px;
  padding-top: 0px;
  background: var(--color-white);
  color: var(--color-grey-dark-text);
}
.cig--jobsearch-details-body--content-container h2,
.cig--jobsearch-details-body--content-container h3,
.cig--jobsearch-details-body--content-container h4,
.cig--jobsearch-details-body--content-container h5,
.cig--jobsearch-details-body--content-container h6 {
  color: var(--color-grey-dark);
  line-height: 1.5;
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 0 0;
}
.cig--jobsearch-details-body--content-container p,
.cig--jobsearch-details-body--content-container b,
.cig--jobsearch-details-body--content-container strong,
.cig--jobsearch-details-body--content-container ul,
.cig--jobsearch-details-body--content-container ol,
.cig--jobsearch-details-body--content-container a,
.cig--jobsearch-details-body--content-container span {
  line-height: 1.5;
  margin: 0;
}
.cig--jobsearch-details-body--content-container ul,
.cig--jobsearch-details-body--content-container ol {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}
.cig--jobsearch-details-body--content-container a {
  /* text-decoration: none; */
  color: var(--color-blue-light);
  transition: 0.2s ease;
}
.cig--jobsearch-details-body--content-container a:hover {
  color: #000;
}
/* SECTION FOOTER */
.cig--jobsearch-details-footer-wrapper {
  padding: 30px 40px;
  background: var(--color-blue-light-bg);
  text-align: center;
}
.cig--jobsearch-details-footer-wrapper span {
  color: var(--color-grey-dark);
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .cig--jobsearch-details-footer-wrapper {
    padding: 30px 20px;
  }
}

/* ------------------------- */
/* JOB SEARCH DETAILS MOBILE */
/* ------------------------- */
@media (min-width: 800px) {
  .cig__modal-header {
    display: none;
  }
}
/* Mobile full-screen modal */
@media (max-width: 800px) {
  #modal_JobSearchDetails {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    margin: 0;
    border: none;
    border-radius: 0;
    flex: none;
    z-index: 999999;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
  }
  .cig--jobsearch-details-list-wrapper {
    min-height: 100%;
    background: var(--color-white);
  }
  #cig__job_tab > li.job__desc {
    min-height: 100%;
  }

  #modal_JobSearchDetails.is-open {
    transform: translateX(0);
  }
  .cig__modal-header {
    position: sticky;
    top: 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
    z-index: 100;
  }
  .cig__modal-back {
    position: relative;
    width: 100%;
    background: none;
    border: none;
    text-align: start;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-blue-dark);
    padding: 20px 35px;
    cursor: pointer;
  }
  .cig__modal-back::before {
    content: "";
    position: absolute;
    height: 10px;
    width: 6px;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    background: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.229065 4.45975C0.0823948 4.6006 -1.41787e-07 4.79161 -1.41787e-07 4.99077C-1.41787e-07 5.18993 0.0823948 5.38094 0.229065 5.52179L4.65489 9.7707C4.72706 9.84244 4.81339 9.89966 4.90884 9.93902C5.0043 9.97839 5.10696 9.99911 5.21084 9.99997C5.31472 10.0008 5.41774 9.98183 5.51389 9.94407C5.61004 9.9063 5.69739 9.85053 5.77085 9.78001C5.84431 9.70949 5.9024 9.62563 5.94174 9.53332C5.98108 9.44102 6.00087 9.34211 5.99997 9.24238C5.99907 9.14266 5.97749 9.0441 5.93648 8.95246C5.89548 8.86083 5.83588 8.77795 5.76115 8.70866L1.88846 4.99077L5.76115 1.27288C5.90367 1.13122 5.98253 0.941495 5.98074 0.744562C5.97896 0.547629 5.89668 0.359247 5.75162 0.219989C5.60657 0.0807308 5.41034 0.00173969 5.20521 2.83931e-05C5.00007 -0.0016829 4.80245 0.0740226 4.65489 0.21084L0.229065 4.45975Z' fill='%23112D51'/%3E%3C/svg%3E%0A")
      center / contain no-repeat;
  }
}

/* +++ Job Details - Mobile UI +++ */
@media (max-width: 768px) {
  .cig--mobile-tabs .cig--mobile-tabs-nav-wrapper {
    display: block;
    margin-top: 20px;
    width: 100%;
    border-bottom: 3px solid #e9e9e9;
  }
  .cig__jobsearch-detail-content .cig--jobsearch-apply-btn-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 20px;
    background: var(--color-blue-light-bg);
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 99;
    opacity: 1;
    transform: translateY(0);
    transition:
      opacity 0.25s ease,
      transform 0.25s ease;
  }
  .cig__jobsearch-detail-content .cig--jobsearch-apply-btn-wrapper a {
    flex: 1;
    text-align: center;
  }
  .cig__jobsearch-detail-content .cig--jobsearch-apply-btn-wrapper.is-hidden {
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
  }
}
.cig--mobile-tabs-nav {
  display: flex;
  position: relative;
  margin: 0 20px;
}
.cig__mobile-tab {
  display: inline-block;
  padding: 14px 15px;
  background: none;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  color: var(--color-blue-dark);
  position: relative;
  z-index: 2;
}
.cig__mobile-tab.active {
  color: var(--color-blue-light);
}
/* Blue sliding border */
.cig__mobile-tab-indicator {
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 3px;
  background: var(--color-blue-light);

  transform: translateX(0);
  transition:
    transform 0.35s ease,
    width 0.25s ease;
}
/* Mobile Employer Desc */
.cig--mobile-employer-desc-wrapper {
  padding: 30px 20px;
}
.cig--mobile-employer-desc-wrapper,
.cig--mobile-employer-desc-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
img.cig--mobile-employer-desc-img {
  width: 100%;
  max-height: 180px;
  border-radius: 10px;
  object-fit: cover;
}
.cig--mobile-employer-desc-content-wrapper img {
  width: 100%;
  border-radius: 10px;
}
.cig--mobile-employer-desc-wrapper h2.cig--mobile-employer-desc-heading,
h2.cig--mobile-employer-desc-footer-heading {
  margin: 0;
  font-size: 22px;
  color: var(--color-grey-dark);
  line-height: 1.4;
  font-weight: bold;
  text-transform: uppercase;
}
.cig--mobile-employer-desc-content-wrapper h2,
.cig--mobile-employer-desc-content-wrapper h3,
.cig--mobile-employer-desc-content-wrapper h4,
.cig--mobile-employer-desc-content-wrapper h4,
.cig--mobile-employer-desc-content-wrapper h5,
.cig--mobile-employer-desc-content-wrapper h6 {
  margin: 20px 0 0 0;
  color: var(--color-grey-dark);
  line-height: 1.4;
  font-weight: bold;
}
.cig--mobile-employer-desc-content-wrapper p,
.cig--mobile-employer-desc-content-wrapper b,
.cig--mobile-employer-desc-content-wrapper strong,
.cig--mobile-employer-desc-content-wrapper span {
  margin: 0;
  color: var(--color-grey-dark-text);
  line-height: 1.5;
  font-size: 16px;
}
.cig--mobile-employer-desc-content-wrapper ul,
.cig--mobile-employer-desc-content-wrapper ol {
  margin: 0;
  color: var(--color-grey-dark-text);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 1.5rem;
  line-height: 1.4;
  font-size: 16px;
}
.cig--mobile-employer-desc-footer-wrapper {
  background: var(--color-blue-light-bg);
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.cig--mobile-employer-desc-footer-company-logo-wrapper {
  box-sizing: border-box;
  max-height: 110px;
  background: var(--color-white);
  padding: 10px;
  border-radius: 10px;
}
ul.cig--mobile-employer-desc-footer-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: var(--color-blue-dark);
}
img.cig--mobile-employer-desc-footer-company-logo {
  width: 90px;
  height: 90px;
  object-fit: contain;
}
.cig--mobile-employer-desc-footer-wrapper video {
  width: 100%;
  min-height: 260px;
  display: block;
}
.cig--mobile-employer-desc-footer-wrapper a {
  width: 100%;
  text-align: center;
}
/* --------------------------- */
/* +++ PC / Mobile display +++ */
/* --------------------------- */
.cig--pc-hidden {
  display: none;
}
.cig--mb-hidden {
  display: initial;
}
.cig--jobsearch-head-content a{
  text-decoration: none;
}
.myCustom-searchbar-wrapper li input{
  min-width: inherit !important;

}
@media (max-width: 768px) {
  .cig--pc-hidden {
    display: initial;
  }
  .cig--mb-hidden {
    display: none;
  }
}
@media (max-width: 992px) {
 ul.cig-searchbar-wrapper li input, ul.cig-searchbar-mobile-wrapper li input {
      min-width: inherit !important;
  }
  .cig--jobsearch-details-head-cta-wrapper{
    flex-wrap: wrap;
    justify-content: center;
  }
  .cig--jobsearch-details-head-btn-wrapper{
     flex-wrap: wrap;
  }
  .cig--jobsearch-details-head-btn-wrapper a{
    width: 100%;
        text-align: center;
  }
  .cig--jobsearch-details-head-social-wrapper span{
    text-align: center;
  }
}
