.latest-jobs {
  --section-padding: 2.5rem var(--content-inline-padding);
  --row-gap: 1.5rem;
  padding-bottom: 80px;
}

.listed-job__tags {
  bottom: 1.4rem !important;
  top: unset !important;
  left: 0.75rem !important;
}

.listed-job__tag {
  padding: 8px 16px !important;
  height: auto;
  display: flex;
  align-items: center;
}

.latest-jobs__content-wrapper {
  position: relative;
  display: grid;
  padding-bottom: 48px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-columns: var(--page-grid);
  width: 100%;
  max-width: 1366px;
  max-width: var(--content-max-width);
  margin: 0 auto;
  padding: var(
    --section-padding,
    calc(var(--content-inline-padding) * 2) var(--content-inline-padding)
  );
  grid-row-gap: 0;
  row-gap: 0;
  grid-row-gap: var(--row-gap, 0);
  row-gap: var(--row-gap, 0);
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  grid-column-gap: var(--page-grid-gutter);
  -moz-column-gap: var(--page-grid-gutter);
  column-gap: var(--page-grid-gutter);
}

.latest-jobs__title {
  margin-bottom: 3.2rem;
  font-weight: 700;
  font-size: 2.25rem;
  font-size: var(--title-section-header-font-size);
  line-height: 1.25;
  letter-spacing: 0;
}

.latest-jobs__top-wrapper {
  grid-column: 1/7;
}

.latest-jobs__info {
  margin-bottom: 48px;
  grid-column: 1/-1;
  font-size: 1rem;
  font-size: var(--title-section-para-font-size);
  line-height: 1.25;
  line-height: var(--title-section-para-line-height);
}

.latest-jobs__info strong,
.latest-jobs__side strong {
  color: #000;
  color: var(--true-black);
}

.latest-jobs__info p:not(:last-child),
.latest-jobs__side p:not(:last-child) {
  margin-bottom: 1.5rem;
}

.latest-jobs .slick-list {
  padding-left: 0 !important;
}

@media (min-width: 40rem) {
  .latest-jobs {
    --section-padding:2.5rem var(--content-inline-padding);
  }

  .latest-jobs__info,
  .latest-jobs__title {
    grid-column: 1/4;
  }

  .latest-jobs__title {
    margin-bottom: 0;
  }

  .latest-jobs .slick-list {
    padding-left: 20px !important;
  }

  .latest-jobs__side {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1.5rem;
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
  }

  .listed-job__tag {
    height: 30px;
  }

  .latest-jobs__side__block {
    grid-column-end: span 2;
  }

  .slick-arrow {
    width: 64px;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .latest-jobs .prev {
    margin-right: 24px !important;
    margin-left: 17px;
    background-image: url("/wp-content/uploads/2024/03/prev.svg");
  }

  .latest-jobs .next {
    margin-right: 32px !important;
    background-image: url("/wp-content/uploads/2024/03/next.svg");
  }

  .latest-jobs .next,
  .latest-jobs .prev {
    width: 64px;
    height: 64px;

    svg {
      width: 64px !important;
      height: 64px !important;
    }
  }

  .latest-jobs__top-wrapper {
    display: flex;
    justify-content: space-between;
  }

  .latest-jobs__info-wrapper {
    /* padding: 0 !important; */
  }

  .latest-jobs__info-wrapper {
    padding: 0 24px;
  }

  .latest-jobs .prev {
    margin-left: 28px !important;
  }
}

@media (min-width: 60rem) {
  .latest-jobs__side {
    margin-top: 1.5rem;
  }

  .latest-jobs__side {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .latest-jobs__top-wrapper {
    grid-column: 1 / 13;
  }

  .latest-jobs__dots {
    display: block !important;
  }
}

@media (min-width: 85.375rem) {
  .latest-jobs__info,
  .latest-jobs__title {
    grid-column:0;
  }

  .latest-jobs {
    --section-padding: 5rem var(--container-inline-padding) 10rem;
    --small-header-margin: 1.75rem;
  }

  .latest-jobs__top-wrapper {
    grid-column: 3 /13;
  }

  .latest-jobs .slick-list {
    padding-left: 0 !important;
  }
}

@media (max-width: 640px) {
  .latest-jobs__title {
    margin-bottom: 1rem;
  }
}

.listed-job.listed-job--featured {
  filter: none !important;
  border: 1px solid #f4f4f4 !important;
  min-height: 410px;
}

.latest-jobs__arrows-wrapper {
  display: flex;
  align-items: center;
}

.slick-arrow {
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.latest-jobs .prev {
  margin-right: 8px;
  margin-left: 14px;
  background-image: url("/wp-content/uploads/2024/03/prev.svg");
}

.latest-jobs .next {
  margin-right: 32px;
  background-image: url("/wp-content/uploads/2024/03/next.svg");
}

/* Slick dots */
.slick-dots {
  display: flex;
  flex-wrap: wrap;
}

.slick-dots li {
  display: block;
  margin-right: 16px;
}

.slick-dots li button {
  height: 9px !important;
  width: 52px !important;
  border: none !important;
  color: transparent;
  padding: 0;
  background: #f4f4f4 !important;
  border-radius: 0 !important;
}

.slick-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.slick-dots .slick-active button {
  background: #666 !important;
}

.latest-jobs__dots {
  display: none;
}

.latest-jobs__nav {
  display: flex;
  align-items: center;
}

.latest-jobs__all-jobs a {
  padding: 22px 56px !important;
}

.latest-jobs .slick-active::after {
  display: none;
}

.latest-jobs .slick-initialized .slick-slide {
  margin: 0 10px !important;
}

.latest-jobs .slick-track {
  padding-bottom: 30px;
}

.latest-jobs__info-wrapper {
  margin-left: auto;
  padding: 0 12px;
}

.latest-jobs .prev svg {
  transform: rotate(180deg);
}