.mSliderContent {
    display: flex;
    padding: .25rem 0;
    overflow: scroll;
    gap: 1.5rem;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
}

.mSliderContent::-webkit-scrollbar {
    display: none;
}
.mSlider{
    position: relative;
}

.mSliderContent > div {
    scroll-snap-align: start;
    margin: 0 auto;
}

.mSlider .prev > *, .mSlider .next > * {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
}

.mSlider .prev, .mSlider .next {
    background: rgba(0, 0, 0, 0.2);
    border: none;
    color: white;
    border-radius: 2px;
}

.mSlider .prev:hover, .mSlider .next:hover {
    background: rgba(0, 0, 0, 0.4);
}

.mSlider .prev {
    left: 0;
    z-index: 2;
    top: calc(50% - 1.5rem);
}

.mSlider .next {
    right: 0;
    z-index: 2;
    top: calc(50% - 1.5rem);
}

.mSlider .prev.hidden, .mSlider .next.hidden{
    display: none;
}

@media (min-width: 1024px) {
    .mSlider .prev {
        left: -1rem;
    }

    .mSlider .next {
        right: -1rem;
    }
}

@media (min-width: 1350px) {
    .mSlider .prev {
        left: -2.5rem;
    }

    .mSlider .next {
        right: -2.5rem;
    }
}