.job-landing-description__bg::after {
  content: "";
  background: var(--gradient-left);
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: calc(70vw - 586px)
}
.job-landing-bottom__content {
  background-color: var(--theme-color)
}
.job-landing-bottom__content::after {
  content: "";
  background: var(--gradient-left);
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%
}
.job-landing-banner .job-banner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: inherit;
  background-image: var(--gradient-left);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
  z-index: -1
}
.job-landing-banner .job-banner__inner-content {
  padding-bottom: 14rem;
  position: relative
}
.job-landing-banner .job-banner__date {
  margin-bottom: var(--md-4);
  margin-right: 0
}
.job-landing-banner .job-banner__cta .cta {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start
}
.job-landing-banner .job-banner__bottom-image {
  aspect-ratio: 328/250
}
.job-landing-banner .job-banner--no-description-image:after {
  height: 100%
}
.job-landing-description__bg{margin-top: var(--md-1);}
@media (min-width:768px) {
  .job-landing-banner .job-banner::after {
    height: 100%
  }
  .job-landing-banner .job-banner__bottom-image {
    aspect-ratio: 608/433
  }
  .job-landing-banner .job-banner__bottom-content-wrapper {
    bottom: -22.5rem;
    top: auto
  }
  .job-landing-banner .job-banner--fullWidthImage .job-banner__bottom-image {
    aspect-ratio: 1028/433
  }
  .job-landing-banner .job-banner__date {
    margin-bottom: 0;
    margin-right: var(--md-4)
  }
  .job-landing-banner .job-banner__text-wrapper {
    padding-top: var(--xs-1)
  }
  .job-landing-banner .job-banner__share {
    position: absolute;
    top: 0;
    right: 4.8rem;
    z-index: 2;
    width: 4.8rem
  }
  .job-landing-description__bg{margin-top:0;}
}
@media (min-width:768px) and (max-width:1399.98px) {
  .job-landing-banner .job-banner::after {
    max-height: 100%
  }
  .job-landing-banner .job-banner__bottom-content-wrapper {
    bottom: auto;
    top: auto;
    position: relative
  }
  .job-landing-banner .job-banner__inner-content {
    padding-bottom: inherit
  }
}
@media (min-width:992px) {
  .job-landing-banner .job-banner {
    max-height: 100%
  }
  .job-landing-banner .job-banner::after {
    max-height: 100%
  }
}
@media (min-width:1400px) {
  .job-landing-banner .job-banner {
    max-height: 100%;
    margin-bottom: 12.9rem
  }
  .job-landing-banner .job-banner::after {
    max-height: 100%
  }
  .job-landing-banner .job-banner__bottom-content-wrapper {
    position: absolute
  }
  .job-landing-banner .job-banner__share {
    right: calc((100% - 1240px)/ 2)
  }
}
@media (min-width:1400px) and (max-width:991.98px) {
  .job-banner[class*=pb-] {
    padding-bottom: 0
  }
  .job-banner--no-description-image {
    padding-bottom: var(--md-1)
  }
}
@media (max-width:1199.98px) {
  .job-landing-description__bg::after {
      width: 100vh;
  }
}




.job-cards__background {
  content: "";
  background: var(--gradient-left);
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%
}
.job-cards .swiper {
  margin-top: var(--md-4)
}
.job-cards__navigation {
  margin-top: var(--md-2)
}
.job-cards__bottom-links {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: -5rem
}
@media (min-width:768px) {
  .job-cards .swiper {
    margin-top: -9rem;
    margin-left: 18rem
  }
  .job-cards__navigation {
    margin-top: 0
  }
  .job-cards__bottom-links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: var(--md-4)
  }
  .job-cards .background-video__overlay {
    top: 50%;
    left: calc((100% - 1240px)/ 2)
  }
}