.sliderLayoutContainer--carousel {
  width: 100%;
  padding: 0 16px 0 16px;
  display: flex;
  justify-content: center;
  margin-bottom: 64px;

  .paginationDotsContainer {
    display: flex;
    align-items: center;
  }
  .paginationDot {
    background: black;
  }
  .paginationDot--isActive {
    background: white;
    border: 0.5px solid black;
  }
}


@media (min-width:768px) and (max-width:1024px) {
.sliderLayoutContainer--carousel {
  padding: 24px 62px;
}
}