.slider {
    cursor: default !important;
}

.slider .slider-controls>div {
    width: 38px;
    height: 38px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--Colors-forms, #334A63);
    cursor: pointer;
}

.slider-content {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    /* o auto si querés scroll manual */
    scroll-snap-type: none;
    -webkit-overflow-scrolling: touch;
}

.slider-content.snap {
    scroll-snap-type: x mandatory;
}

.slider__slide {
    flex: 0 0 auto;
    scroll-snap-align: start;
}