.hero-slider {
  position: relative;
  z-index: 2;
  background: linear-gradient(45deg, #1c0a22, #2c1036);
}
.hero-slider__title {
  font-size: var(--font-size-72);
  line-height: 1.1;
  color: var(--color-white);
}
.hero-slider__title strong {
  color: var(--color-primary);
}
.hero-slider__title em {
  font-style: normal;
  color: var(--color-secondary);
}
.hero-slider__text {
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  max-width: 900px;
  margin-top: 1em;
  margin-bottom: 2em;
}
.hero-slider .swiper-slide {
  padding: 12em 0 6em;
  min-height: 50vh;
}
.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
  --swiper-navigation-size: 32px;
  color: var(--color-white);
}
@media screen and (max-width: 768px) {
  .hero-slider__image {
    object-position: 65% 0%;
  }
  .hero-slider .swiper-slide {
    min-height: 40dvh;
    padding: 8em calc(var(--padding-on-side) * 2) 2em;
  }
}