:root {
  --grid-gutter-width: 30px;
  --border-opacity: 1;
}

@media (max-width: 767px) {
  :root {
    --grid-gutter-width: 40px;
  }
}
.community-job-titles__title {
  margin-bottom: 6rem;
  position: relative;
  z-index: 2;
}
.community-job-titles__list {
  width: 100%;
  position: relative;
  z-index: 3;
}
.community-job-titles__list-title {
  color: #b4bd9a;
  margin-bottom: 1.7rem;
  margin-left: 0 !important;
}
.community-job-titles__list-title--1 {
  margin-left: 4.5%;
}
.community-job-titles__list-title--2 {
  margin-left: 13.5%;
}
.community-job-titles__list-title--3 {
  margin-left: 20%;
}
.community-job-titles__list-title--4 {
  margin-left: 28%;
}
.community-job-titles__list-title--5 {
  margin-left: 20%;
}
.community-job-titles__list-title--6 {
  margin-left: 3%;
}
.community-job-titles__images {
  width: 33%;
  box-sizing: border-box;
  padding-right: 4%;
  margin: 0 0 -35rem -33%;
  overflow: hidden;
  position: relative;
}
.community-job-titles__images::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  height: 8rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
}
.community-job-titles__image {
  width: 19rem;
  height: 24rem;
  position: relative;
  float: left;
  clear: both;
  margin-top: -6rem;
  transition: opacity 0.1s;
}
.community-job-titles__image[data-val="0.7"] {
  opacity: 0.3 !important;
}
.community-job-titles__image[data-val="0.4"] {
  opacity: 0.2 !important;
}
.community-job-titles__image[data-val="0.1"] {
  opacity: 0.1 !important;
}
.community-job-titles__image[data-val="-0.2"], .community-job-titles__image[data-val="-0.5"] {
  opacity: 0 !important;
}
.community-job-titles__image::after {
  position: absolute;
  inset: 0;
  content: "";
  background: rgba(0, 0, 0, 0.3);
}
.community-job-titles__image--1 {
  margin-top: 0;
}
.community-job-titles__image--2 {
  margin-left: 8rem;
}
.community-job-titles__image--3 {
  margin-left: 16rem;
}
.community-job-titles__image--4 {
  margin-left: 24rem;
}
.community-job-titles__image--5 {
  margin-left: 16rem;
}
.community-job-titles__image--6 {
  margin-left: 8rem;
}
.community-job-titles__image img {
  position: absolute;
  inset: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.community-job-titles__summary {
  margin-left: 52%;
  width: 32%;
}

@media (max-width: 1300px) {
  .community-job-titles__images {
    width: 52%;
    margin-left: -52%;
  }
  .community-job-titles__image {
    width: 13rem;
    height: 16rem;
  }
}
@media (max-width: 1024px) {
  .community-job-titles__summary {
    width: 43%;
  }
}
@media (max-width: 768px) {
  .community-job-titles__title {
    max-width: 80%;
    margin: 0 auto 2rem;
  }
  .community-job-titles__images {
    width: 45%;
    margin-left: -45%;
  }
  .community-job-titles__list-title {
    margin-bottom: 1rem;
  }
  .community-job-titles__list-title--1 {
    margin-left: 0;
  }
  .community-job-titles__list-title--2 {
    margin-left: 5.5%;
  }
  .community-job-titles__list-title--3 {
    margin-left: 11%;
  }
  .community-job-titles__list-title--4 {
    margin-left: 0;
  }
  .community-job-titles__list-title--5 {
    margin-left: 5.5%;
  }
  .community-job-titles__list-title--6 {
    margin-left: 0;
  }
  .community-job-titles__image {
    width: 7rem;
    height: 8.8rem;
    margin-top: -2rem;
  }
  .community-job-titles__image--1 {
    margin-top: 0;
  }
  .community-job-titles__image--2 {
    margin-left: 3rem;
  }
  .community-job-titles__image--3 {
    margin-left: 6rem;
  }
  .community-job-titles__image--4 {
    margin-left: 9rem;
  }
  .community-job-titles__image--5 {
    margin-left: 6rem;
  }
  .community-job-titles__image--6 {
    margin-left: 3rem;
  }
  .community-job-titles__image img {
    position: absolute;
    inset: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
  .community-job-titles__summary {
    margin-left: 0;
    width: auto;
  }
}

/*# sourceMappingURL=job-titles.css.map */