/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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!./source/scss/components/copy-media-content-8col.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
html {
  --blue-100: #1C63B6;
  --blue-75: #558AC8;
  --blue-50: #8EB1DA;
  --blue-25: #C6D8ED;
  --grey-100: #444;
  --grey-75: #737373;
  --grey-50: #A1A1A1;
  --grey-25: #D0D0D0;
  --grey-10: #ECECEC;
  --grey-5: #F9F9F9;
  --black-100: #202020;
  --black-90: #363636;
  --white-100: #ffffff;
}

.content-8col .content-8-col-header {
  color: #1C63B6;
  color: var(--blue-100);
  font-feature-settings: "clig" off, "liga" off;
  font-family: "Roboto Slab";
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.1666;
}
@media (min-width: 1024px) {
  .content-8col .content-8-col-header {
    font-size: 6.25rem;
    line-height: 1.04;
  }
}
@media (max-width: 767.98px) {
  .content-8col.content-12col {
    padding: 0 24px 12px !important;
  }
}
.content-8col .timeline-header,
.content-8col .timeline-subheader {
  color: #1C63B6;
  color: var(--blue-100);
}
.content-8col .pictures-container {
  margin-top: 1.5rem;
  position: relative;
  gap: 1rem;
}
.content-8col .pictures-container .picture-holder {
  position: relative;
}
.content-8col .pictures-container img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .content-8col .pictures-container {
    margin-top: 3rem;
    gap: 1.5rem;
  }
  .content-8col .pictures-container.grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .content-8col .pictures-container.grid-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 1024px) {
  .content-8col .pictures-container {
    gap: 2.5rem;
  }
}
.content-8col .pictures-container.pictures-variant-2 .deco-element {
  position: absolute;
  right: -15%;
  top: -15%;
  width: 50%;
}
.content-8col .pictures-container.pictures-variant-2 .deco-element img {
  width: 100%;
  height: auto;
}
.content-8col .pictures-container.pictures-variant-2 .picture-item {
  position: relative;
}
@media (max-width: 767.98px) {
  .content-8col .pictures-container.pictures-variant-2 .caption {
    position: absolute;
    top: 100%;
    left: 0;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .content-8col .pictures-container.pictures-variant-2 .picture-item {
    position: relative;
  }
  .content-8col .pictures-container.pictures-variant-2 .picture-item.item-1 {
    z-index: 2;
    grid-area: 1/1/1/6;
  }
  .content-8col .pictures-container.pictures-variant-2 .picture-item.item-2 {
    z-index: 1;
    grid-area: 1/6/1/8;
  }
}
.content-8col .pictures-container.pictures-variant-3 .deco-element {
  position: absolute;
  right: -15%;
  bottom: -20%;
  width: 50%;
}
.content-8col .pictures-container.pictures-variant-3 .deco-element img {
  width: 100%;
  height: auto;
}
@media (max-width: 767.98px) {
  .content-8col .pictures-container.pictures-variant-3 .picture-item.item-1 {
    grid-area: 2/1/3/13;
  }
  .content-8col .pictures-container.pictures-variant-3 .picture-item.item-2 {
    grid-area: 1/1/1/7;
  }
  .content-8col .pictures-container.pictures-variant-3 .picture-item.item-2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .content-8col .pictures-container.pictures-variant-3 .picture-item.item-3 {
    grid-area: 1/7/1/13;
  }
  .content-8col .pictures-container.pictures-variant-3 .picture-item.item-3 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 768px) {
  .content-8col .pictures-container.pictures-variant-3 {
    grid-template-rows: auto 1fr;
  }
  .content-8col .pictures-container.pictures-variant-3 .picture-item {
    position: relative;
  }
  .content-8col .pictures-container.pictures-variant-3 .picture-item.item-1 {
    z-index: 2;
    grid-area: 1/1/3/6;
  }
  .content-8col .pictures-container.pictures-variant-3 .picture-item.item-3 {
    grid-area: 2/6/3/8;
  }
}
.content-8col .pictures-container.pictures-variant-4 .deco-element {
  position: absolute;
  right: -50%;
  bottom: -2.5rem;
  width: 100%;
  top: -4rem;
}
.content-8col .pictures-container.pictures-variant-4 .deco-element img {
  width: 100%;
  height: auto;
  max-height: 100%;
  position: absolute;
  top: 0;
}
.content-8col .pictures-container.pictures-variant-4 .deco-element img:last-child {
  margin-top: -50%;
  margin-left: -0.625rem;
  top: auto;
  bottom: 0;
}
@media (min-width: 768px) {
  .content-8col .pictures-container.pictures-variant-4 {
    grid-template-rows: auto 1fr;
  }
  .content-8col .pictures-container.pictures-variant-4 .picture-item {
    position: relative;
  }
  .content-8col .pictures-container.pictures-variant-4 .picture-item.item-1 {
    grid-area: 1/1/3/5;
  }
  .content-8col .pictures-container.pictures-variant-4 .picture-item.item-2 {
    grid-area: 1/5/2/8;
  }
  .content-8col .pictures-container.pictures-variant-4 .picture-item.item-3 {
    z-index: 2;
    grid-area: 2/5/3/7;
  }
}

a.col8 {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #444;
  color: var(--grey-100);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

a.col8::after {
  display: inline-block;
  position: relative;
  top: 1px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYm94LWFycm93LXVwLXJpZ2h0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguNjM2IDMuNWEuNS41IDAgMCAwLS41LS41SDEuNUExLjUgMS41IDAgMCAwIDAgNC41djEwQTEuNSAxLjUgMCAwIDAgMS41IDE2aDEwYTEuNSAxLjUgMCAwIDAgMS41LTEuNVY3Ljg2NGEuNS41IDAgMCAwLTEgMFYxNC41YS41LjUgMCAwIDEtLjUuNWgtMTBhLjUuNSAwIDAgMS0uNS0uNXYtMTBhLjUuNSAwIDAgMSAuNS0uNWg2LjYzNmEuNS41IDAgMCAwIC41LS41Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYgLjVhLjUuNSAwIDAgMC0uNS0uNWgtNWEuNS41IDAgMCAwIDAgMWgzLjc5M0w2LjE0NiA5LjE0NmEuNS41IDAgMSAwIC43MDguNzA4TDE1IDEuNzA3VjUuNWEuNS41IDAgMCAwIDEgMHoiLz48L3N2Zz4=");
  width: 16px;
  height: 16px;
  margin-left: 16px;
  content: "";
  font-weight: 600;
}

.dates-range-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  position: relative;
}

.dates-range-container::after {
  content: "";
  background: url("../../Images/ink_1.png") left/contain no-repeat;
  width: 100px;
  height: 100px;
  position: absolute;
  transform: scaleX(3) scaleY(2);
  left: 30px;
  top: 20px;
  opacity: 0.4;
}

.with-ink-col8 {
  position: relative;
  color: #737373;
  color: var(--grey-75);
}

.timeline-paragraph:first-child {
  padding-top: 0;
}

.picture-alt {
  color: #737373;
  color: var(--grey-75);
}

@media (max-width: 575.98px) {
  .dates-range-container::after {
    width: 100px;
    transform: scaleX(2) scaleY(1.5);
  }
  .timeline-paragraph {
    margin-top: 16px;
  }
}

/*# sourceMappingURL=copy-media-content-8col.css.map*/