.recommended-products {
  display: block;
  padding-block: 4rem;
  overflow: hidden;
}

.recommended-products__carousel swiper-slide {
  width: 18.75rem;
}

.recommended-products__carousel {
  margin-block: 2.5rem 2rem;
}

@media (max-width: 1456px) {
  .recommended-products {
    overflow: hidden;
  }
}

@media (max-width: 767px) {

  .recommended-products__carousel {
    margin-inline: -1rem;
  }

}