/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/modules/hero-frontpage/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.cbp-hero-frontpage {
  position: relative;
  padding-block: 3rem;
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
.cbp-hero-frontpage:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--color-overlay);
  opacity: 0.75;
}
@media screen and (min-width: 2500px) {
  .cbp-hero-frontpage {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 1024px) {
  .cbp-hero-frontpage {
    padding-block: 4rem;
    margin-inline: var(--gutter-mobile);
  }
}
@media screen and (max-width: 767px) {
  .cbp-hero-frontpage {
    flex-direction: column;
  }
}
.cbp-hero-frontpage > .cbp-container:nth-child(1) {
  margin-left: 5rem;
  width: 40%;
  z-index: 7;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 2500px) {
  .cbp-hero-frontpage > .cbp-container:nth-child(1) {
    grid-column: 2;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .cbp-hero-frontpage > .cbp-container:nth-child(1) {
    width: auto;
    margin-inline: var(--gutter-mobile);
  }
}
.cbp-hero-frontpage > .cbp-container:nth-child(1) .cbp-heading {
  color: var(--color-heading, unset);
  font-size: 2.25rem;
}
.cbp-hero-frontpage > .cbp-container:nth-child(1) .cbp-body {
  color: var(--color-heading, unset);
}
.cbp-hero-frontpage > .cbp-container:nth-child(2) {
  display: grid;
  grid-template-columns: repeat(20, 1fr);
  grid-template-rows: repeat(16, minmax(2rem, auto));
  gap: 2rem;
  width: 60%;
  z-index: 8;
}
.cbp-hero-frontpage > .cbp-container:nth-child(2) .cbp-button {
  background: transparent;
  border: none;
  color: var(--color-primary);
  font-weight: 900;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 0;
}
.cbp-hero-frontpage > .cbp-container:nth-child(2) .cbp-button::after {
  content: "";
  display: inline-block;
  width: 4rem;
  height: 1rem;
  margin-left: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%2716%27 viewBox=%270 0 100 16%27 fill=%27none%27%3E%3Cpath d=%27M99.7071 8.70711C100.098 8.31658 100.098 7.68342 99.7071 7.29289L93.3431 0.928932C92.9526 0.538408 92.3195 0.538408 91.9289 0.928932C91.5384 1.31946 91.5384 1.95262 91.9289 2.34315L97.5858 8L91.9289 13.6569C91.5384 14.0474 91.5384 14.6805 91.9289 15.0711C92.3195 15.4616 92.9526 15.4616 93.3431 15.0711L99.7071 8.70711ZM0 8V9H99V8V7H0V8Z%27 fill=%27black%27/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1441px) {
  .cbp-hero-frontpage > .cbp-container:nth-child(2) .cbp-button::after {
    margin-left: 1rem;
  }
}
@media screen and (min-width: 2500px) {
  .cbp-hero-frontpage > .cbp-container:nth-child(2) {
    grid-template-columns: repeat(16, minmax(4rem, auto));
    grid-column: 4;
  }
}
@media screen and (max-width: 1024px) {
  .cbp-hero-frontpage > .cbp-container:nth-child(2) {
    grid-template-columns: repeat(12, minmax(1rem, 1fr));
    grid-template-rows: repeat(8, minmax(1rem, auto));
    margin-inline-end: var(--gutter-mobile);
  }
}
@media screen and (max-width: 767px) {
  .cbp-hero-frontpage > .cbp-container:nth-child(2) {
    width: auto;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, minmax(5rem, auto));
    margin-inline: var(--gutter-mobile);
  }
}
.cbp-hero-frontpage .cbp-card-featured {
  background-color: var(--color-card-background, var(--color-container));
}
.cbp-hero-frontpage .cbp-card-featured:nth-child(1) {
  grid-column: 1/9;
  grid-row: 2/8;
}
@media screen and (max-width: 1441px) {
  .cbp-hero-frontpage .cbp-card-featured:nth-child(1) {
    grid-column: 1/10;
    grid-row: 2/8;
  }
}
@media screen and (max-width: 1024px) {
  .cbp-hero-frontpage .cbp-card-featured:nth-child(1) {
    grid-column: 1/6;
    grid-row: 1/2;
  }
}
@media screen and (max-width: 767px) {
  .cbp-hero-frontpage .cbp-card-featured:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.cbp-hero-frontpage .cbp-card-featured:nth-child(2) {
  grid-column: 9/22;
  grid-row: 1/8;
}
@media screen and (max-width: 1441px) {
  .cbp-hero-frontpage .cbp-card-featured:nth-child(2) {
    grid-column: 10/22;
    grid-row: 1/8;
  }
}
@media screen and (max-width: 1024px) {
  .cbp-hero-frontpage .cbp-card-featured:nth-child(2) {
    grid-column: 6/13;
    grid-row: 1/2;
  }
}
@media screen and (max-width: 767px) {
  .cbp-hero-frontpage .cbp-card-featured:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.cbp-hero-frontpage .cbp-card-featured:nth-child(3) {
  grid-column: 3/11;
  grid-row: 8/14;
}
@media screen and (max-width: 1441px) {
  .cbp-hero-frontpage .cbp-card-featured:nth-child(3) {
    grid-column: 1/10;
    grid-row: 8/14;
  }
}
@media screen and (max-width: 1024px) {
  .cbp-hero-frontpage .cbp-card-featured:nth-child(3) {
    grid-column: 2/13;
    grid-row: 2/7;
  }
}
@media screen and (max-width: 767px) {
  .cbp-hero-frontpage .cbp-card-featured:nth-child(3) {
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
.cbp-hero-frontpage .cbp-card-featured:nth-child(4) {
  grid-column: 11/22;
  grid-row: 8/16;
}
@media screen and (max-width: 1441px) {
  .cbp-hero-frontpage .cbp-card-featured:nth-child(4) {
    grid-column: 10/22;
    grid-row: 8/16;
  }
}
@media screen and (max-width: 1024px) {
  .cbp-hero-frontpage .cbp-card-featured:nth-child(4) {
    grid-column: 1/13;
    grid-row: 7/12;
  }
}
@media screen and (max-width: 767px) {
  .cbp-hero-frontpage .cbp-card-featured:nth-child(4) {
    grid-column: 1/2;
    grid-row: 4/5;
  }
}

/*# sourceMappingURL=style-index.css.map*/