/* ===================== slide ============================ */

.autoplay img {
    width: 100%;
}

.container-slide {
    max-height: 100% !important;
    height: 55vh !important;
    overflow: hidden;
    margin: 0 auto;
}

.container-slide .slide {
    height: 100%;
    width: 100%;
}

.container-slide img {
    height: 100%;
    width: 100vw;
}

.slick-prev {
    left: 50px !important;
    top: 50% !important;
    opacity: .3;
    z-index: 999;
}

.slick-next {
    z-index: 999;
    top: 50% !important;
    right: 50px !important;
    opacity: .3;
}

.slick-prev::before,
.slick-next::before {
    font-size: 3rem !important;
}





/* ----------------------------------------------- */
@media only screen and (max-width: 600px) {
    .container-slide {
        overflow: hidden;
        margin: 0 auto;
        height: 25vh !important;
    }

    .container-slide img {
        height: 100vw !important;
        object-fit: cover;
    }


    .slick-next,
    .slick-prev {
        top: 45%;
        font-size: 10px !important;
    }

    .slick-prev::before,
    .slick-next::before {
        font-size: 1.5rem !important;
    }
}

@media only screen and(max-width: 768px) {
    .container-slide {
        overflow: hidden;
        margin: 0 auto;
        height: 10vh !important;
    }

    .slick-next,
    .slick-prev {
        top: 50%;
    }
}



/* ----------------------------------------------- */
@media only screen and (min-width: 1024px) {
    .container-slide {
        height: 30vh;
        overflow: hidden;
        margin: 0 auto;
        height: 50vh !important;
    }

    .slick-next,
    .slick-prev {
        top: 28% !important;
    }
}