/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/hero/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.hero__animation-wrapper {
  width: 100%;
  opacity: 0;
}
.hero__bg-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  height: 115%;
  z-index: 0;
}
.hero__bg-wrapper figure img.desktop {
  display: block;
}
@media (max-width: 768px) {
  .hero__bg-wrapper figure img.desktop {
    display: none;
  }
}
.hero__bg-wrapper figure img.mobile {
  display: none;
}
@media (max-width: 768px) {
  .hero__bg-wrapper figure img.mobile {
    display: block;
  }
}
.hero__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.6;
  background: linear-gradient(180deg, #000 9.42%, rgba(5, 15, 21, 0) 152.09%);
}
.hero__swiper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0 !important;
}
.hero__swiper .swiper-slide figure {
  width: 100%;
  height: 100%;
  display: flex;
  margin: 0;
}
.hero__swiper .swiper-slide figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero__swiper.align-top img {
  -o-object-position: center top;
     object-position: center top;
}
.hero__swiper.align-bottom img {
  -o-object-position: center bottom;
     object-position: center bottom;
}
.hero__bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  margin: 0;
  display: flex;
}
.hero__bg-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero__bg-image.align-top img {
  -o-object-position: center top;
     object-position: center top;
}
.hero__bg-image.align-bottom img {
  -o-object-position: center bottom;
     object-position: center bottom;
}
.hero__content {
  height: 100%;
  position: relative;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.hero__content__title {
  margin-bottom: var(--wp--preset--spacing--50);
}
.hero__content__icon {
  display: block;
  width: 65px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .hero__content__icon {
    width: 50px;
    position: absolute;
    bottom: var(--wp--preset--spacing--100);
  }
}
.hero__content__icon svg {
  width: 100%;
  height: auto;
}
.hero__content__icon svg path {
  fill: var(--block-text-color);
}
.hero__content__icon svg circle {
  stroke: var(--block-text-color);
}
.hero__content__sub-title {
  margin-bottom: 50px !important;
}
.hero__content h4 {
  margin: 0;
}
.hero__content .link {
  margin-top: var(--wp--preset--spacing--75);
}
.hero__content--top-content, .hero__content--bot-content {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
}
.hero__content--top-content {
  align-items: flex-end;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  padding-bottom: var(--wp--preset--spacing--100);
}
@media (max-width: 768px) {
  .hero__content--top-content {
    align-items: center;
  }
}
.hero__content--top-content.no-images {
  height: auto;
  min-height: 75vh;
  min-height: calc(var(--vh, 1vh) * 75);
}
.hero__content--top-content__image {
  margin: 0;
  display: flex;
  position: absolute;
  bottom: 0;
  right: calc(var(--section-padding-inline) * -1);
  height: 70%;
}
@media (max-width: 992px) {
  .hero__content--top-content__image {
    height: 55%;
  }
}
@media (max-width: 768px) {
  .hero__content--top-content__image {
    height: auto;
    max-width: 70%;
  }
}
@media (max-width: 576px) {
  .hero__content--top-content__image {
    max-width: 90%;
  }
}
.hero__content--top-content__image img,
.hero__content--top-content__image svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero__content--top-content__image img,
.hero__content--top-content__image svg path {
  transform: translateY(100%);
  opacity: 0;
}
.hero__content--bot-content {
  flex: 1;
  padding-top: var(--wp--preset--spacing--50);
  padding-bottom: var(--wp--preset--spacing--150);
}
@media (max-width: 768px) {
  .hero__content--bot-content > .container-fluid > .row {
    gap: var(--wp--preset--spacing--100);
  }
}
.hero__content--full-height {
  align-items: center;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  flex: auto;
}

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