/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/styles/acf-blocks/homepage/homepage-hero-banner.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.homepage-hero-banner {
  position: relative;
  z-index: 1;
}
.homepage-hero-banner.is-negative-margin {
  margin-top: -40px;
  margin-bottom: -40px;
}
@media screen and (min-width: 1024px) {
  .homepage-hero-banner.is-negative-margin {
    margin-top: -65px;
    margin-bottom: -67px;
  }
}
@media screen and (min-width: 1680px) {
  .homepage-hero-banner.is-negative-margin:has(.max-height-unset) {
    margin-top: -3.5vw;
    margin-bottom: -4.2vw;
  }
}
@media screen and (min-width: 1921px) {
  .homepage-hero-banner.is-negative-margin:has(.max-height-unset) {
    margin-top: -110px;
    margin-bottom: -110px;
  }
}
.homepage-hero-banner .container-image {
  max-width: unset;
}
.homepage-hero-banner__background.bg-position-mobile-left img {
  -o-object-position: left;
     object-position: left;
}
.homepage-hero-banner__background.bg-position-mobile-center img {
  -o-object-position: center;
     object-position: center;
}
.homepage-hero-banner__background.bg-position-mobile-right img {
  -o-object-position: right;
     object-position: right;
}
@media screen and (min-width: 1024px) {
  .homepage-hero-banner__background.bg-position-desktop-left img {
    -o-object-position: left;
       object-position: left;
  }
  .homepage-hero-banner__background.bg-position-desktop-center img {
    -o-object-position: center;
       object-position: center;
  }
  .homepage-hero-banner__background.bg-position-desktop-right img {
    -o-object-position: right;
       object-position: right;
  }
}
.homepage-hero-banner__background img {
  min-height: 309px;
  max-height: 309px;
}
@media screen and (min-width: 440px) {
  .homepage-hero-banner__background img {
    min-height: 400px;
    max-height: 410px;
  }
}
@media screen and (min-width: 768px) {
  .homepage-hero-banner__background img {
    min-height: 400px;
  }
}
@media screen and (min-width: 1024px) {
  .homepage-hero-banner__background img {
    min-height: 600px;
    height: 100%;
  }
}
@media screen and (min-width: 1680px) {
  .homepage-hero-banner__background img {
    min-height: 700px;
  }
}
@media screen and (min-width: 1921px) {
  .homepage-hero-banner__background img {
    min-height: 870px;
  }
}
@media screen and (min-width: 1024px) {
  .homepage-hero-banner__background.max-height-600 img {
    min-height: 600px;
    max-height: 600px;
  }
  .homepage-hero-banner__background.max-height-800 img {
    min-height: 600px;
    max-height: 800px;
  }
  .homepage-hero-banner__background.max-height-unset img {
    max-height: unset;
  }
}
.homepage-hero-banner__app {
  max-width: 154px;
  position: absolute;
  top: 12px;
  right: 5.33%;
  max-height: 309px;
}
[dir=rtl] .homepage-hero-banner__app {
  left: 5.33%;
  right: auto;
}
@media screen and (min-width: 440px) {
  .homepage-hero-banner__app {
    max-width: 200px;
    max-height: 402px;
  }
}
@media screen and (min-width: 520px) {
  .homepage-hero-banner__app {
    max-width: 33vw;
  }
}
@media screen and (min-width: 768px) {
  .homepage-hero-banner__app {
    max-width: 190px;
  }
}
@media screen and (min-width: 1024px) {
  .homepage-hero-banner__app {
    top: 0;
    max-width: 297px;
  }
  .homepage-hero-banner__app .img {
    max-width: 297px;
  }
}
@media screen and (min-width: 1200px) {
  .homepage-hero-banner__app {
    right: 14.79%;
  }
  [dir=rtl] .homepage-hero-banner__app {
    left: 14.79%;
    right: auto;
  }
}

/*# sourceMappingURL=homepage-hero-banner.css.map*/