.homepage-hero-wrapper .swiper-button-prev svg,
.homepage-hero-wrapper .swiper-button-next svg {
  display: none;
}
.homepage-hero-wrapper .swiper-button-prev,
.homepage-hero-wrapper .swiper-button-next {
  display: none;
  width: fit-content;
  height: fit-content;
}
.homepage-hero-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 15px;
}
.homepage-hero-wrapper .swiper-pagination-bullet {
  background-color: transparent;
  border: 2px solid var(--white-light);
  width: 15px;
  height: 15px;
  opacity: 1;
  transition: all 100ms ease;
}
.homepage-hero-wrapper .swiper-pagination-bullet:hover {
  background-color: var(--white-light);
  border: 2px solid var(--white-light);
  transition: all 100ms ease;
}
.homepage-hero-wrapper .swiper-pagination-bullet-active {
  background-color: var(--white-light);
}
.homepage-hero-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.homepage-hero-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.homepage-hero-wrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.80);
}
@media all and (min-width: 1200px) {
  .homepage-hero-wrapper .swiper-button-prev,
  .homepage-hero-wrapper .swiper-button-next {
    display: flex;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    box-shadow: 2px 6px 12px rgba(0,0,0,0.25);
  }
  .homepage-hero-wrapper .swiper-button-prev {
    margin-left: 50px;
  }
  .homepage-hero-wrapper .swiper-button-next {
    margin-right: 50px;
  }
  .homepage-hero-wrapper .swiper-button-prev::after,
  .homepage-hero-wrapper .swiper-button-next::after {
    all: unset;
    content: '';
    background-image: url(../../images/arrow-swiper.svg);
    display: block;
    width: 90px;
    height: 90px;
    transition: scale 150ms ease-out;
    margin: -20px;
  }
  .homepage-hero-wrapper .swiper-button-next::after {
    transform: rotate(180deg);
  }
  .homepage-hero-wrapper .swiper-button-prev:hover::after,
  .homepage-hero-wrapper .swiper-button-next:hover::after {
    scale: 1.05;
    transition: scale 150ms ease-in;
  }
}
@media all and (min-width: 1700px) {
  .homepage-hero-wrapper .swiper-button-prev {
    margin-left: 94px;
  }
  .homepage-hero-wrapper .swiper-button-next {
    margin-right: 94px;
  }
}