.box--common--slider .swiper.swiper-autoheight .swiper-wrapper {
  transition: 0.3s linear;
}
.box--common--slider .swiper-slide {
  cursor: grab;
}
.box--common--slider .slider-control {
  display: inline-flex;
  padding: 29px;
  align-items: center;
  min-width: 328px;
  justify-content: space-between;
  border-radius: 45px;
  border: 1px solid #141720;
  margin-top: 72px;
}
.box--common--slider .slider-control .swiper-pagination {
  display: flex;
  align-items: center;
  gap: 10px;
}
.box--common--slider .slider-control .swiper-button-next,
.box--common--slider .slider-control .swiper-button-prev {
  line-height: 0;
  cursor: pointer;
}
.box--common--slider .slider-control .swiper-button-next svg path,
.box--common--slider .slider-control .swiper-button-prev svg path {
  transition: 0.3s linear;
}
.box--common--slider .slider-control .swiper-button-next:hover svg path,
.box--common--slider .slider-control .swiper-button-prev:hover svg path {
  fill-opacity: 1;
}
.box--common--slider .slider-control .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #141720;
  cursor: pointer;
}
.box--common--slider .slider-control .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #141720;
  cursor: default;
}
@media screen and (max-width: 1024px) {
  .box--common--slider .slider-control {
    min-width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .box--common--slider .slider-control {
    margin-top: 48px;
  }
}
/*# sourceMappingURL=index.css.map */