/* SLIDER CONTAINTER */
.slider-container {
    position: relative;
    align-items: center;
}


/* SLIDER */
.slider-container .slider {
    display: flex;
    flex-direction: row;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    margin: auto;
}
@media screen and (max-width: 999px) { /* Mobile Size */
    .slider-container .slider {
        overflow: auto;
    }
}
@media screen and (min-width: 999px) and (max-width: 1299px) { /* Tablet Screen */
    .slider-container .slider {
        width: 500px;
        overflow: auto;
    }
}
@media screen and (min-width: 1300px) { /* Desktop Size */
    .slider-container .slider {
        width: 500px;
        /* max-width: 100%; */
        overflow-x: hidden;
        overflow-y: auto;
    }

    .slider-container .slider.big-desktop-slider {
        width: 750px !important;
    }
}


/* SLIDER ITEMS */
.slider-container .slider .slider-item {
    scroll-snap-align: center;
    margin: 15px 10px;
}


/* SLIDER ARROWS */
.slider-container .slider-arrow {
    position: absolute;
}
.slider-container .slider-arrow.right {
    right: 0;
}
.slider-container .slider-arrow.left {
    left: 0;
}
@media (max-width: 999px) and (orientation: portrait) { /* Mobile size (vertical) */
    .slider-container .slider-arrow {
        padding: 50px;
        border-radius: 35px;
        font-size: xxx-large;
    }
}
@media (max-width: 999px) and (orientation: landscape) { /* Mobile size (landscape) */
    .slider-container .slider-arrow {
        padding: 25px;
        border-radius: 35px;
        font-size: xx-large;
    }
}