/* breakpoints */
.heroelement {
  overflow-x: clip;
}
.heroelement .hero__slide {
  width: 100vw;
  min-height: 75vh;
  padding: 2rem 2rem 4rem 2rem;
  border-radius: 2rem 0 0 2rem;
  display: flex;
  align-items: end;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), #0000 67%), var(--bg-img);
}
@media (min-width: 768px) {
  .heroelement .hero__slide {
    margin-left: -2rem;
    padding: 4rem;
  }
}
.heroelement .hero__slide h1, .heroelement .hero__slide .h1 {
  color: var(--white);
}
.heroelement .hero__slide h1 *, .heroelement .hero__slide .h1 * {
  color: inherit;
}
.heroelement .swiper-creative .swiper-slide {
  overflow: visible;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fcirclehub%2Fscss%2Felements%2F_hero.scss%22%2C%22%2Fthemes%2Fcirclehub%2Fscss%2Felements%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAEA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACoCA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADlBI%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%22%7D */