/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/work-details/work-details.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
/*
A simple little SCSS mixin for creating scrim gradients
Inspired by Andreas Larson - https://github.com/larsenwork
https://css-tricks.com/easing-linear-gradients/
*/
.work-details-section {
  background: var(--background-gradient, unset) !important;
  position: relative;
}
.work-details-section:before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--background-pattern, unset);
  background-repeat: no-repeat;
  background-size: var(--background-pattern-size, auto);
  background-position: var(--background-pattern-position, unset);
  opacity: var(--background-pattern-opacity, 0.25);
  mix-blend-mode: var(--background-pattern-blend-mode, overlay);
  z-index: -1;
}
.work-details-section__inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  column-gap: 3rem;
}
.work-details-section__top-link {
  color: #1D252C !important;
  margin-bottom: 4.375rem;
  grid-column: 1;
  max-width: fit-content;
}
.work-details-section__bottom-link {
  color: #1D252C !important;
  margin-top: 70px;
  grid-column: 1;
  max-width: fit-content;
}
.work-details-section__company-logo {
  display: block;
  grid-column: 1;
  grid-row: 2;
}
@media (max-width: 767px) {
  .work-details-section__company-logo {
    max-width: 400px;
  }
}
.work-details-section__company-logo img {
  height: 55px;
}
.work-details-section__sub-title {
  font-size: 1rem;
  font-weight: 900;
  margin-bottom: 0;
  color: #FFFFFF;
  color: #1D252C;
  font-weight: 400;
  padding-bottom: 15px;
  border-bottom: 1px solid #0099A8;
  display: block;
  max-width: 440px;
  width: 100%;
  margin-top: 90px;
  margin-bottom: 100px;
  grid-column: 1;
}
@media (max-width: 1024px) {
  .work-details-section__sub-title {
    margin-top: 26px;
    margin-bottom: 36px;
  }
}
.work-details-section__content {
  grid-column: 1;
  min-height: fit-content;
}
.work-details-section__content h2 {
  color: #1D252C;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .work-details-section__content h2 {
    font-size: 20px;
  }
}
.work-details-section__content p {
  color: #1D252C;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 30px;
}
.work-details-section__categories-list {
  list-style-type: disc;
  align-self: center;
}
@media (max-width: 767px) {
  .work-details-section__categories-list {
    margin: 1.875rem 0;
    padding: 0 0 0 1rem;
  }
}
.work-details-section__categorie-link {
  font-size: 1rem;
  font-weight: 900;
  margin-bottom: 0;
  color: #FFFFFF;
  color: #1D252C;
  font-weight: 300;
}

/*# sourceMappingURL=work-details.min.css.map*/