/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/blocks/teaser-box/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/*
$input-btn-padding-y-lg: $input-btn-padding-y * 2;
$input-btn-padding-x-lg: $input-btn-padding-x * 2;
*/
:root {
  --bs-container-half: 100%;
  --bs-container-half: calc(960px * 0.5);
  --bs-container-half: calc(1140px * 0.5);
  --bs-container-half: calc(1320px * 0.5);
}

.tease-container {
  padding-right: var(--par-gap-container);
  padding-left: var(--par-gap-container);
}
.tease-container + .tease-container {
  margin-top: 2px;
}
.tease-container * + .btn {
  margin-top: 2rem;
}

.tease-start-container,
.tease-end-container {
  --par-gap-container: 1rem;
}
@media (min-width: 768px) {
  .tease-start-container,
  .tease-end-container {
    --par-gap-container: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .tease-start-container,
  .tease-end-container {
    width: calc(100% - (100vw - 960px) / 2 + var(--par-gap-container) / 2 + var(--par-width-scroll, 0px) / 2) !important;
  }
}
@media (min-width: 1200px) {
  .tease-start-container,
  .tease-end-container {
    width: calc(100% - (100vw - 1200px) / 2 + var(--par-gap-container) / 2 + var(--par-width-scroll, 0px) / 2) !important;
  }
}

@media (min-width: 992px) {
  .tease-start-container {
    padding-left: 0;
    margin-right: auto;
  }
  .tease-start-container[data-size=small] {
    margin-right: 0;
    padding-right: 0;
    margin-left: auto;
  }
  .tease-end-container {
    padding-right: 0;
    margin-left: auto;
  }
  .tease-end-container[data-size=small] {
    margin-left: 0;
    padding-left: 0;
  }
}
.box-padding {
  padding: var(--box-padding);
}

.start-box-image,
.end-box-image {
  position: relative;
}
.start-box-image .box-info,
.end-box-image .box-info {
  padding: var(--box-padding);
}
@media (max-width: 991.98px) {
  .start-box-image .box-info,
  .end-box-image .box-info {
    --box-padding: 60px var(--par-gap-container);
  }
}
@media (min-width: 992px) {
  .start-box-image .box-img,
  .start-box-image .img-box-parallax,
  .end-box-image .box-img,
  .end-box-image .img-box-parallax {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
  }
  .start-box-image[data-size=small] .box-img,
  .start-box-image[data-size=small] .img-box-parallax,
  .end-box-image[data-size=small] .box-img,
  .end-box-image[data-size=small] .img-box-parallax {
    position: absolute;
    height: 80%;
    left: 0;
    top: 10%;
  }
}

.img-box-parallax {
  min-height: 60vh;
}
@media (min-width: 768px) {
  .img-box-parallax {
    min-height: 80vh;
  }
}
@media (min-width: 992px) {
  .img-box-parallax {
    min-height: auto;
    min-height: initial;
  }
}

.start-box-image,
.end-box-image {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}
.start-box-image .box-img img,
.end-box-image .box-img img {
  position: absolute;
  height: 100%;
  pointer-events: none;
  will-change: transform;
  width: 100%;
}
.start-box-image .box-info,
.end-box-image .box-info {
  margin-top: calc(1.525rem + 3.3vw);
  margin-bottom: calc(1.525rem + 3.3vw);
  background-color: rgba(20, 20, 20, 0.85);
  position: relative;
  width: 100%;
}
@media (min-width: 1200px) {
  .start-box-image .box-info,
  .end-box-image .box-info {
    margin-top: 4rem;
  }
}
@media (min-width: 1200px) {
  .start-box-image .box-info,
  .end-box-image .box-info {
    margin-bottom: 4rem;
  }
}
.start-box-image .box-info .list-item .icon,
.end-box-image .box-info .list-item .icon {
  color: #ddc5af;
}
.start-box-image .box-info.text-bg-info.bg-opacity-10,
.start-box-image .box-info.text-bg-info.bg-opacity-10 > *,
.end-box-image .box-info.text-bg-info.bg-opacity-10,
.end-box-image .box-info.text-bg-info.bg-opacity-10 > * {
  color: #fff !important;
}
.start-box-image .box-img,
.end-box-image .box-img {
  position: absolute;
  height: 100%;
  width: 100%;
}
@media (min-width: 992px) {
  .start-box-image,
  .end-box-image {
    --box-padding: 80px;
  }
  .start-box-image .box-img,
  .end-box-image .box-img {
    width: 70%;
    z-index: 1;
  }
  .start-box-image .box-info,
  .end-box-image .box-info {
    background-color: rgba(20, 20, 20, 0.95);
    width: 40%;
    margin-left: auto;
    margin-top: 0;
    margin-bottom: 0;
    z-index: 2;
  }
  .start-box-image .section-margin,
  .end-box-image .section-margin {
    margin-bottom: calc(1.625rem + 4.5vw);
    margin-top: calc(1.625rem + 4.5vw);
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .start-box-image .section-margin,
  .end-box-image .section-margin {
    margin-bottom: 5rem;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .start-box-image .section-margin,
  .end-box-image .section-margin {
    margin-top: 5rem;
  }
}
.start-box-image .item-category,
.end-box-image .item-category {
  font-size: 1.125rem;
  color: #aead9a;
  font-family: "Catamaran", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9em;
  color: inherit;
}
.start-box-image .item-category + *,
.end-box-image .item-category + * {
  margin-top: 0rem;
}
.start-box-image .text-bg-info .list-circle,
.end-box-image .text-bg-info .list-circle {
  --bs-list-marker-bg: #fff;
}

@media (min-width: 992px) {
  .start-box-image .box-img, .start-box-image[data-size=small] .box-img {
    left: auto;
    right: 0;
  }
  .start-box-image .box-info {
    width: 40%;
    margin-left: 0;
    margin-right: auto;
    z-index: 2;
  }
  .start-box-image[data-size=small] .box-img {
    width: 33.3333333333%;
    z-index: 10;
  }
  .start-box-image[data-size=small] .box-info {
    padding-left: 15.625vw;
    width: 70%;
  }
}

@media (min-width: 992px) {
  .end-box-image[data-size=small] .box-img {
    width: 33.3333333333%;
    z-index: 10;
  }
  .end-box-image[data-size=small] .box-info {
    padding-right: 15.625vw;
    width: 70%;
  }
}

.box-under-bottom-img {
  position: relative;
  overflow: hidden;
}
.box-under-bottom-img .content {
  border-radius: 0;
}
@media (min-width: 992px) {
  .box-under-bottom-img .content {
    margin-top: -130px;
  }
}

.box-under-img {
  position: relative;
  overflow: hidden;
}
.box-under-img .content {
  position: absolute;
  top: 0;
}
@media (min-width: 992px) {
  .box-under-img .content {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .box-under-img .content {
    right: 0;
    width: 65%;
  }
}

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