.Hero {
  position: relative;
  margin: 0 auto var(--sizeModuleHorizontalOffset);
  max-width: var(--sizeContentFullHd);
}

.Hero-swiper {
  position: relative;
  overflow: hidden;
}

.Hero-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  transition-property: transform;
  transform: translate3d(0, 0, 0);
}

.Hero-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  bottom: var(--spaceSm);
  left: 50%;
  transform: translateX(-50%);
}

.Hero-pagination .swiper-pagination-bullet {
  width: .8em;
  height: .8em;
  border-radius: 50%;
  margin-left: var(--spaceXs);
  background: var(--colorSecondaryBg);
  transition: var(--animationBase);
  outline: none;
  cursor: pointer;
}

.Hero-pagination .swiper-pagination-bullet-active, .Hero-pagination .swiper-pagination-bullet:hover {
  background: var(--colorBrand);
}

/*# sourceMappingURL=hero.min.css.map */