/* breakpoints */
.heroelement {
  position: relative;
  background: var(--secondary-40);
}
.heroelement.element {
  padding: 0;
}
.heroelement .swiper-slide-active .hero__content--area {
  opacity: 1;
  transition: opacity 1s ease 0ms;
  -webkit-transition: opacity 1s ease 0ms;
  -moz-transition: opacity 1s ease 0ms;
  -ms-transition: opacity 1s ease 0ms;
  -o-transition: opacity 1s ease 0ms;
  transition-delay: 0.1s;
  visibility: visible;
}
.heroelement .hero__slide {
  --headline-clr: var(--white);
  position: relative;
  height: min(70vh, 1440px);
  overflow: clip;
}
@media (max-width: 1199.98px) {
  .heroelement .hero__slide {
    height: 70vh;
  }
}
@media (max-width: 991.98px) {
  .heroelement .hero__slide {
    height: 60vh;
  }
}
.heroelement .hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.heroelement .hero__media img, .heroelement .hero__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.heroelement .hero__content--area {
  position: relative;
  color: var(--white);
  background: var(--secondary-40);
  z-index: 1;
  padding-bottom: 50px;
  opacity: 0;
}
@media (max-width: 767.98px) {
  .heroelement .hero__content--area {
    padding-bottom: 40px;
  }
}
.heroelement .hero__content--area p, .heroelement .hero__content--area p * {
  margin-bottom: 0;
}
.heroelement .hero__content--area .hero__content {
  position: relative;
  margin-top: -100px;
  z-index: 2;
}
@media (max-width: 1199.98px) {
  .heroelement .hero__content--area .hero__content {
    margin-top: -80px;
  }
}
@media (max-width: 991.98px) {
  .heroelement .hero__content--area .hero__content {
    margin-top: -60px;
  }
}
@media (max-width: 767.98px) {
  .heroelement .hero__content--area .hero__content {
    margin-top: -46px;
  }
}
.heroelement .hero__content--area .hero__content .hero__title, .heroelement .hero__content--area .hero__content .hero__title span, .heroelement .hero__content--area .hero__content .hero__title strong {
  color: var(--white);
  font-size: 6.25rem;
  line-height: 1.05;
  margin-bottom: 4rem;
  transition: var(--transition-default-duration);
  font-weight: 500;
}
@media (max-width: 1199.98px) {
  .heroelement .hero__content--area .hero__content .hero__title, .heroelement .hero__content--area .hero__content .hero__title span, .heroelement .hero__content--area .hero__content .hero__title strong {
    font-size: 5rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 991.98px) {
  .heroelement .hero__content--area .hero__content .hero__title, .heroelement .hero__content--area .hero__content .hero__title span, .heroelement .hero__content--area .hero__content .hero__title strong {
    font-size: 3.75rem;
  }
}
@media (max-width: 767.98px) {
  .heroelement .hero__content--area .hero__content .hero__title, .heroelement .hero__content--area .hero__content .hero__title span, .heroelement .hero__content--area .hero__content .hero__title strong {
    font-size: 2.625rem;
    line-height: 1.1;
    margin-bottom: 2rem;
  }
}
.heroelement .hero__content--area .hero__controls--group {
  display: flex;
  gap: 1.5rem;
}
.heroelement .hero__content--area .hero__controls--group .hero-swiper-controls {
  display: flex;
  gap: 0.75rem;
}
.heroelement .hero__content--area .hero__controls--group .hero-swiper-controls .hero-next, .heroelement .hero__content--area .hero__controls--group .hero-swiper-controls .hero-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--white);
  width: 60px;
  height: 60px;
  user-select: none;
  border-radius: var(--border-radius-full);
  cursor: pointer;
  transition: var(--transition-default-duration);
}
@media (max-width: 1199.98px) {
  .heroelement .hero__content--area .hero__controls--group .hero-swiper-controls .hero-next, .heroelement .hero__content--area .hero__controls--group .hero-swiper-controls .hero-prev {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 991.98px) {
  .heroelement .hero__content--area .hero__controls--group .hero-swiper-controls .hero-next, .heroelement .hero__content--area .hero__controls--group .hero-swiper-controls .hero-prev {
    width: 50px;
    height: 50px;
  }
}
.heroelement .hero__content--area .hero__controls--group .hero-swiper-controls .hero-next i, .heroelement .hero__content--area .hero__controls--group .hero-swiper-controls .hero-prev i {
  font-size: 2.5rem;
}
.heroelement .hero__content--area .hero__controls--group .hero-swiper-controls .hero-next:hover, .heroelement .hero__content--area .hero__controls--group .hero-swiper-controls .hero-prev:hover {
  background: var(--primary-hover) !important;
}
.heroelement .hero__content--area .hero__controls--group .hero-swiper-controls .hero-next:hover *, .heroelement .hero__content--area .hero__controls--group .hero-swiper-controls .hero-prev:hover * {
  color: var(--white) !important;
}
.heroelement .hero__content--area .content__area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-top: 30px;
}
.heroelement .hero__content--area .content__area .pagination__clone--area {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 991.98px) {
  .heroelement .hero__content--area .content__area .pagination__clone--area {
    justify-content: flex-start;
  }
}
.heroelement .hero__content--area .content__area .pagination__clone--area .swiper-pagination-clone .swiper-pagination {
  position: relative;
  text-align: right;
  bottom: 4px;
}
.heroelement .hero__content--area .content__area .pagination__clone--area .swiper-pagination-clone .swiper-pagination .swiper-pagination-bullet {
  width: 60px;
  height: 4px;
  border-radius: 0;
  background: var(--primary);
  opacity: 0.15;
  margin: 0 0 0 12px;
  transition: var(--transition-default-duration);
}
@media (max-width: 991.98px) {
  .heroelement .hero__content--area .content__area .pagination__clone--area .swiper-pagination-clone .swiper-pagination .swiper-pagination-bullet {
    width: 40px;
    height: 3px;
  }
}
@media (max-width: 991.98px) {
  .heroelement .hero__content--area .content__area .pagination__clone--area .swiper-pagination-clone .swiper-pagination .swiper-pagination-bullet {
    margin: 0 12px 0 0;
  }
}
.heroelement .hero__content--area .content__area .pagination__clone--area .swiper-pagination-clone .swiper-pagination .swiper-pagination-bullet:hover {
  opacity: 0.25;
}
.heroelement .hero__content--area .content__area .pagination__clone--area .swiper-pagination-clone .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--primary);
  opacity: 1;
}
.heroelement .hero__content--area .content__area .pagination__clone--area .custom__fraction * {
  font-size: 1.875rem;
}
@media (max-width: 1199.98px) {
  .heroelement .hero__content--area .content__area .pagination__clone--area .custom__fraction * {
    font-size: 1.5rem;
  }
}
.heroelement .hero__content--area .content__area .pagination__clone--area .custom__fraction .custom__fraction--active {
  color: var(--primary);
}
.heroelement .hero__content--area .content__area .pagination__clone--area .custom__fraction .custom__fraction--count {
  color: var(--primary);
  opacity: 0.5;
}
.heroelement .swiper__controls * {
  font-size: inherit;
  color: var(--white);
  transition: var(--transition-default-duration);
}
.heroelement .swiper__controls .swiper-pagination-fraction {
  color: rgba(45, 75, 40, 0.5);
  font-size: 1.875rem;
}
.heroelement .swiper__controls .swiper-pagination-fraction .swiper-pagination-current {
  color: #2d4b28;
}
.heroelement .swiper__controls .swiper-pagination-fraction .swiper-pagination-total {
  color: rgba(45, 75, 40, 0.5);
}
.heroelement .swiper__controls.centered .next, .heroelement .swiper__controls.centered .prev {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  width: 100px;
  height: 100%;
  user-select: none;
  transition: var(--transition-default-duration);
}
@media (max-width: 1199.98px) {
  .heroelement .swiper__controls.centered .next, .heroelement .swiper__controls.centered .prev {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 991.98px) {
  .heroelement .swiper__controls.centered .next, .heroelement .swiper__controls.centered .prev {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 767.98px) {
  .heroelement .swiper__controls.centered .next, .heroelement .swiper__controls.centered .prev {
    top: 30%;
  }
}
.heroelement .swiper__controls.centered .next *, .heroelement .swiper__controls.centered .prev * {
  font-size: 3.125rem;
}
@media (max-width: 767.98px) {
  .heroelement .swiper__controls.centered .next *, .heroelement .swiper__controls.centered .prev * {
    font-size: 1.875rem;
  }
}
.heroelement .swiper__controls.centered .next:hover *, .heroelement .swiper__controls.centered .prev:hover * {
  color: var(--white) !important;
}
.heroelement .swiper__controls.centered .next {
  right: 0;
  opacity: 0.5;
}
.heroelement .swiper__controls.centered .next:hover {
  opacity: 1;
}
.heroelement .swiper__controls.centered .prev {
  left: 0;
  opacity: 0.5;
}
.heroelement .swiper__controls.centered .prev:hover {
  opacity: 1;
}
.heroelement .pagination__area {
  --bs-gutter-x: 1.5rem;
  position: relative;
  right: 12px;
  bottom: 170px;
}
@media (max-width: 1199.98px) {
  .heroelement .pagination__area {
    bottom: 100px;
  }
}
@media (max-width: 991.98px) {
  .heroelement .pagination__area {
    bottom: 70px;
  }
}
@media (max-width: 767.98px) {
  .heroelement .pagination__area {
    bottom: 120px;
  }
}
.heroelement .pagination__area .swiper-pagination {
  position: relative;
  left: unset;
  bottom: unset;
  transform: unset;
}
.heroelement .pagination__area .swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  width: 14px;
  height: 14px;
  border: 2px solid var(--white);
  border-radius: 50%;
  margin: 0 5px;
  display: inline-block;
  transition: var(--transition);
}
@media (max-width: 1199.98px) {
  .heroelement .pagination__area .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
}
.heroelement .pagination__area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--white);
  border-color: var(--white);
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Frombach%2Fscss%2Fcomponents%2F_hero.scss%22%2C%22%2Fthemes%2Frombach%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACtBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADkCE%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACvCF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADsDI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACtDJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD%2BEE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACvFN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD6GQ%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAUR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACrIJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADgJQ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACrJV%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADqKY%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAASJ%3BAAAA%3BAAAA%3BAClLR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADyLQ%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAcR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC5NF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADqPI%3BAAAA%3BAAAA%3BACrPJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD6PM%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAON%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACvRE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADsSA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC5SF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADyTI%3BAAAA%3BAAAA%3BAAAA%22%7D */