.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
  display: flex;
}

.carousel-inner .carousel-item-right.active, .carousel-inner .carousel-item-next {
  transform: translateX(25%);
}

.carousel-inner .carousel-item-left.active, .carousel-inner .carousel-item-prev {
  transform: translateX(-25%);
}

.carousel-inner .carousel-item-right, .carousel-inner .carousel-item-left {
  transform: translateX(0);
}

@media (max-width: 992px) and (min-width: 576px) {
  .d-block.col-3.img-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 576px) {
  .d-block.col-3.img-fluid {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.box {
  overflow: hidden;
}

.carousel-item img {
  padding: 0px 5px;
  width: 100%;
  height: auto;
}

.carousel-item {
  margin-right: 5px;
  margin-left: 5px;
}

.carousel-control-next, .carousel-control-prev {
  background-color: black;
  width: 12.5%;
}