.slider {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}
.slider::-webkit-scrollbar {
  display: none;
}

.slider section {
    min-width: 100%;
    scroll-snap-align: start;
    width: 100%;
}

.slider-container {
    position: relative;
    transition: all 0.2s ease 0s;
}

.slider-container .left-arrow, .slider-container .right-arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
}

.slider-container .left-arrow {
    left: -56px;
}

.slider-container .right-arrow {
    right: -56px;
}

@media (max-width: 768px) {
    .slider-container .left-arrow {
        display: none;
    }

    .slider-container .right-arrow {
        right: 16px;
        top: 6.3%;
    }
}

.slider-control {
    z-index: 100;
}

.slider-control[disabled] {
    opacity: 0.38;
}