/* --------------- */
/* --- GLOBALS --- */
/* --------------- */

.cig--card-border-mid {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.cig--card-border-mid::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 3px;
  background: linear-gradient(330deg, #f5f5f5, #a47e62);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 2;
}
.cig-index-top {
  position: relative;
  z-index: 2;
}

/* -------------------------------------------- */
/* --- JOB HERO  - ------------- -------------- */
/* -------------------------------------------- */
#cig__job_top {
  padding-top: 2rem;
}
.cig-feat-image-wrapper {
  position: relative;
  width: 100%;
  height: 350px;
}
img.cig-feat-image {
  position: relative;
  height: inherit;
  width: 100%;
  object-fit: cover;
}
.cig-job-emp-logo {
  background: rgb(255, 255, 255);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 30%,
    rgba(255, 255, 255, 0.5) 100%
  );
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cig-job-emp-logo img {
  width: auto;
  height: 65px;
  padding: 6px 12px;
  background: #fff;
  border-radius: 5px;
}
.cig-job-emp-share-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  z-index: 2;
}
@media (max-width: 768px) {
  .cig-job-emp-logo {
    box-sizing: border-box;
    background: rgb(255, 255, 255);
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.95) 50%,
      rgba(255, 255, 255, 0.4) 100%
    );
    padding: 10px 20px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    margin: 10px;
    border-radius: 10px;
    width: fit-content;
  }
  .cig-job-emp-share-wrapper {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin-top: 10px;
  }
}

/* JOB DETAILS - HEAD */
.cig-job-emp-body {
  padding: 1rem 2rem;
  background: var(--color-blue-light-bg);
}
.cig-job-emp-body h1 {
  color: var(--color-blue-dark);
  font-size: 36px;
  margin: 0;
}
.cig-job-emp-flex-wrapper {
  margin: 5px 0;
  padding-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  color: var(--color-blue-dark);
  border-bottom: 1px solid #ddd;
  font-weight: 500;
}
.cig-job-emp-flex-wrapper a {
  color: var(--color-blue-light);
  text-decoration: none;
  transition: 0.2s ease;
}
.cig-job-emp-flex-wrapper a:hover {
  color: var(--color-blue-dark);
  text-decoration: none;
}
.cig-job-emp-posted-date span {
  color: var(--color-blue-light-text);
}
.cig-job-emp-content-wrapper {
  position: relative;
  display: flex;
  gap: 2rem;
  margin: 1rem 0;
  z-index: 3;
}
.cig-job-emp-content-wrapper ul {
  margin: 0;
  padding: 0;
  flex: 1;
  font-weight: 500;
}
.cig-job-emp-content-wrapper ul li {
  list-style: none;
}

/* Salary and Deadline */
.cig--infomation-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: var(--color-grey-dark-text);
}
.cig--infomation-list strong {
  color: var(--color-blue-dark);
  font-weight: 700;
  min-width: 80px;
}
.cig--conditional-wrapper {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

/* Chips */
.cig-infomation-chips-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cig-infomation-chips-list li {
  padding: 3px 10px;
  border-radius: 100px;
  border: 1px solid #ddd;
  display: inline-block;
  background: #fff;
  height: 23px;
  color: var(--color-grey-mid);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Apply CTA */
.cig-job-cta-wrapper {
  display: flex;
  gap: 12px;
  margin-bottom: 1rem;
}
a.cig--apply-cta-light {
  position: relative;
  text-decoration: none;
  padding: 10px 40px 10px 20px;
  display: inline-block;
  background: var(--color-blue-light);
  color: var(--color-white);
  border-radius: 50px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  max-width: 170px;
  transition: 0.2s ease;
}
a.cig--apply-cta-light::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/apply-white.svg);
  position: absolute;
  background-size: contain;
  background-position: center;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  transition: 0.2s ease;
}
a.cig--apply-cta-light:hover {
  background: var(--color-blue-dark);
}
/* Save CTA */
.cig--search-result-save-cta a {
  text-decoration: none;
  padding: 10px 20px 10px 35px;
  background: var(--color-blue-dark);
  border-radius: 50px;
  color: var(--color-white);
  transition: 0.2s ease;
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-size: 18px;
}
.cig--search-result-save-cta a::before {
  content: "";
  width: 12px;
  height: 22px;
  background: url(../images/svg/save-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 53%;
  left: 15px;
  transform: translateY(-50%);
}
.cig--search-result-save-cta a:hover {
  background: var(--color-grey-dark);
}
.cig--search-result-save-cta a.save--toggle {
  background: #747474;
}

@media (max-width: 768px) {
  .cig-job-emp-body h1 {
    font-size: 28px;
  }
  .cig-job-emp-flex-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 6px;
  }
  .cig-job-emp-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .cig-job-emp-content-wrapper ul {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
  }
  .cig-feat-image-wrapper {
    height: 280px;
  }
}

/* -------------------------------------------- */
/* --- ACCORDION - ------------- -------------- */
/* -------------------------------------------- */
#cig__job_accordion {
  padding-bottom: 2rem;
}
ul.cig-flex-ul {
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 20px;
}
.cig--accordion {
  list-style: none;
  background: #fff;
}
.accordion-head-bordered {
  background: #f8f8f8;
  border-bottom: 2px solid var(--color-white);
  color: var(--color-grey-dark);
  cursor: pointer;
  position: relative;
  font-weight: bold;
}
.accordion-heading {
  z-index: 9;
  display: block;
  font-size: 20px;
  margin: 0;
  padding: 1rem 3rem 1rem 2rem;
  position: relative;
}
.accordion--body {
  display: none;
}
.accordion-body-bordered {
  padding: 0.5rem 2rem 2rem;
  position: relative;
  z-index: 3;
}
.accordion-chev {
  content: "";
  width: 20px;
  height: 20px;
  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");
  display: block;
  background-size: contain;
  position: absolute;
  top: calc(50% - 10px);
  right: 15px;
  transition: 0.3s;
}

li.cig--accordion.open .accordion--head .accordion-chev {
  transform: rotate(180deg);
  transition: 0.3s;
}

/* Company Info primary */
ul.cig-company-info-primary-wrapper {
  padding: 0;
  display: flex;
  gap: 2rem;
}
ul.cig-company-info-primary-wrapper li {
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}
h3.cig-company-info-name {
  font-size: 24px;
  color: var(--color-blue-dark);
  margin: 0;
}
span.cig-company-info-address {
  color: var(--color-blue-light-text);
}
img.cig-company-info-img {
  width: 125px;
  height: 125px;
  object-fit: contain;
}
/* Company info secondary*/
ul.cig-company-info-secondary-wrapper {
  margin: 1rem 0;
  padding: 0;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
ul.cig-company-info-secondary-wrapper li {
  list-style: none;
}
ul.cig-company-info-secondary-wrapper li a {
  list-style: none;
  color: var(--color-blue-light);
  padding-left: 30px;
  position: relative;
  text-decoration: none;
}
ul.cig-company-info-secondary-wrapper li:first-child a {
  color: var(--color-grey-mid);
}
ul.cig-company-info-secondary-wrapper li:first-child a::before {
  content: "";
  background-image: 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='M17.5 13.6833V16.63C17.5001 16.841 17.4202 17.0441 17.2763 17.1985C17.1325 17.3528 16.9355 17.4469 16.725 17.4617C16.3608 17.4867 16.0633 17.5 15.8333 17.5C8.46917 17.5 2.5 11.5308 2.5 4.16667C2.5 3.93667 2.5125 3.63917 2.53833 3.275C2.5531 3.06454 2.64715 2.86751 2.8015 2.72367C2.95585 2.57984 3.15902 2.4999 3.37 2.5H6.31667C6.42003 2.4999 6.51975 2.53822 6.59644 2.60752C6.67313 2.67682 6.72133 2.77215 6.73167 2.875C6.75083 3.06667 6.76833 3.21917 6.785 3.335C6.95061 4.49077 7.29 5.61486 7.79167 6.66917C7.87083 6.83583 7.81917 7.035 7.66917 7.14167L5.87083 8.42667C6.97038 10.9887 9.01212 13.0305 11.5742 14.13L12.8575 12.335C12.91 12.2617 12.9865 12.2091 13.0737 12.1864C13.161 12.1637 13.2535 12.1723 13.335 12.2108C14.3892 12.7116 15.513 13.0501 16.6683 13.215C16.7842 13.2317 16.9367 13.2492 17.1267 13.2683C17.2294 13.2789 17.3245 13.3271 17.3936 13.4038C17.4628 13.4805 17.5001 13.5801 17.5 13.6833Z' fill='%235A607A'/%3E%3C/svg%3E%0A");
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
ul.cig-company-info-secondary-wrapper li:last-child a::before {
  content: "";
  background-image: 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%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.98701 4.18C7.68792 4.92934 7.46383 5.70647 7.31801 6.5H12.682C12.5359 5.70643 12.3115 4.92929 12.012 4.18C11.711 3.447 11.364 2.886 11.004 2.517C10.646 2.149 10.307 2 10 2C9.69301 2 9.35401 2.149 8.99601 2.517C8.63601 2.887 8.28901 3.447 7.98701 4.18ZM7.89101 2.281C7.57701 2.707 7.30101 3.222 7.06301 3.799C6.74301 4.579 6.48301 5.493 6.30101 6.5H2.80401C3.30351 5.47572 4.01556 4.56964 4.89272 3.84215C5.76988 3.11466 6.79201 2.58246 7.89101 2.281ZM12.11 2.281C12.423 2.707 12.7 3.222 12.937 3.799C13.257 4.579 13.517 5.493 13.699 6.5H17.196C16.6965 5.47572 15.9845 4.56964 15.1073 3.84215C14.2301 3.11466 13.209 2.58246 12.11 2.281ZM17.602 7.5H13.85C13.948 8.295 14 9.134 14 10C14 10.866 13.948 11.705 13.85 12.5H17.602C17.8666 11.6931 18.001 10.8492 18 10C18.0007 9.15084 17.8663 8.30697 17.602 7.5ZM17.196 13.5H13.699C13.517 14.507 13.258 15.422 12.937 16.2C12.7235 16.7378 12.4458 17.2478 12.11 17.719C13.2088 17.4174 14.2307 16.8852 15.1077 16.1577C15.9847 15.4302 16.6966 14.5242 17.196 13.5ZM10 18C10.307 18 10.646 17.851 11.004 17.483C11.364 17.113 11.711 16.553 12.012 15.82C12.3115 15.0707 12.5359 14.2936 12.682 13.5H7.31801C7.48601 14.373 7.71501 15.157 7.98801 15.82C8.28901 16.553 8.63601 17.114 8.99601 17.483C9.35401 17.851 9.69301 18 10 18ZM7.89001 17.719C6.79138 17.4173 5.76964 16.885 4.89284 16.1575C4.01604 15.43 3.30429 14.5241 2.80501 13.5H6.30201C6.48401 14.507 6.74301 15.422 7.06401 16.2C7.30101 16.778 7.57801 17.293 7.89201 17.719H7.89001ZM2.39901 12.5H6.15001C6.04916 11.6705 5.99907 10.8356 6.00001 10C6.00001 9.134 6.05201 8.295 6.15001 7.5H2.39801C2.13338 8.3069 1.99903 9.15082 2.00001 10C2.00001 10.873 2.14101 11.713 2.39901 12.5ZM7.00001 10C7.00001 9.125 7.05601 8.285 7.15801 7.5H12.842C12.944 8.285 13 9.125 13 10C13 10.875 12.944 11.714 12.842 12.5H7.15801C7.05164 11.6709 6.99887 10.8359 7.00001 10Z' fill='%235A607A'/%3E%3C/svg%3E%3C/svg%3E%0A");
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 768px) {
  ul.cig-company-info-primary-wrapper {
    padding: 0;
    display: flex;
    gap: 1rem;
    flex-direction: column;
  }
  img.cig-company-info-img {
    width: 80px;
    height: 80px;
    object-fit: contain;
  }
}

/* APPLY NOW - FLOATING WRAPPER */
.cig-floating-apply-wrapper {
  z-index: 99;
  background: rgba(232, 241, 255, 0.8);
  backdrop-filter: blur(3px);
  /* background: var(--color-blue-light-bg); */
  color: #fff;
  position: static;
  padding: 14px 0;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.cig-floating-apply-wrapper::before {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  background: #dfc5b3;
  background: linear-gradient(
    80deg,
    rgba(164, 126, 98, 0.7) 0%,
    rgba(236, 224, 215, 0.7) 45%
  );
  position: absolute;
  top: 0;
  left: 0;
}

.cig-floating-apply-content-wrapper {
  max-width: var(--max-width);
  margin-inline: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.cig-floating-apply-wrapper.sticky {
  position: sticky;
  bottom: 0;
  opacity: 1;
  visibility: visible;
}

.cig--attribution {
  position: relative;
  max-width: 400px;
  color: var(--color-grey-dark);
  font-size: 14px;
  padding-left: 34px;
}

.cig--attribution-mobile {
  display: none;
}

.cig--attribution a,
.cig--attribution-mobile a {
  text-decoration: none;
  color: var(--color-blue-light);
}

@media (max-width: 768px) {
  .cig-floating-apply-content-wrapper {
    padding: 0 20px;
    gap: 14px;
    flex-direction: row-reverse;
    align-items: flex-end;
  }

  .cig--attribution {
    display: none;
  }

  .cig--attribution-mobile {
    display: block;
    background: rgba(232, 241, 255, 1);
    color: var(--color-grey-dark);
    font-size: 14px;
    padding: 10px 20px;
  }
}

@media (max-width: 400px) {
  /* Apply CTA */
  a.cig--apply-cta-light {
    padding: 12px 20px;
    font-size: 16px;
  }
  a.cig--apply-cta-light::after {
    display: none;
  }
}