@media only screen and (max-width: 768px) {
    .section-box-product-mobile .slider-container {
        display   : flex;
        background: linear-gradient(to bottom, #30A6DFd9, #2F3888d9);
        height    : 100vh;
        width     : 100%;
    }

    .section-box-product-mobile .slider {
        width        : 100%;
        height       : 100%;
        text-align   : center;
        border-radius: 0px;
        overflow     : hidden;
        position     : relative;
    }

    .section-box-product-mobile .slides {
        display         : flex;
        overflow-x      : scroll;
        position        : relative;
        scroll-behavior : smooth;
        scroll-snap-type: x mandatory;
        overflow        : hidden;
        width           : 100%;
        height          : 100%;
    }

    .section-box-product-mobile .slide:nth-of-type(even) {
        
    }

    .section-box-product-mobile .slide {
        display          : flex;
        flex-shrink      : 0;
        width            : 100%;
        height           : fit-content;
        scroll-snap-align: center;
        margin-right     : 0px;
        box-sizing       : border-box;
        transform-origin : center center;
        transform        : scale(1);
        padding-bottom   : 20px;
    }

    .section-box-product-mobile .slide__text {}

    .section-box-product-mobile .slide a {
        background: none;
        border    : none;
    }

    .section-box-product-mobile a.slide__prev,
    .slider::before {
        transform        : rotate(135deg);
        -webkit-transform: rotate(135deg);
        left             : 5%;
    }

    .section-box-product-mobile a.slide__next,
    .slider::after {
        transform        : rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        right            : 5%;
    }

    .section-box-product-mobile .slider::before,
    .slider::after,
    .slide__prev,
    .slide__next {
        position  : absolute;
        top       : 48%;
        width     : 35px;
        height    : 35px;
        box-sizing: border-box;
    }

    .section-box-product-mobile .slider::before,
    .slider::after {
        content       : "";
        z-index       : 1;
        background    : none;
        pointer-events: none;
    }

    .section-box-product-mobile .slider__nav {
        box-sizing      : border-box;
        width           : 100%;
        text-align      : center;
    }

    .section-box-product-mobile .slider__navlink {
        display         : inline-block;
        height          : 10px;
        width           : 10px;
        border-radius   : 50%;
        background-color: #FFFFFF;
        margin          : 0px 5px 0px 5px;
    }

    .section-box-product-mobile .slider__navlink:active {
        background-color: #30A6DF;
    }

    #btn-slides-1::before {
        background-color: #30A6DF;
    }
}