/* Aquí la clase de como se llame el contenador del slider */
.slider_container {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  margin: 0 auto;

  display: flex;
  align-items: center;
  gap: 8px;

  padding: 0 50%;
  height: fit-content;
  max-height: 260px;
  width: 100%;

  z-index: 401;
  background-color: transparent;

  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;

  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}

.slider_container::-webkit-scrollbar {
  width: 0;
}

.singleSlide {
  width: 292px;
  max-height: 260px;
  scroll-snap-align: center;
}

.singleSlide p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}