.zo-slider-section {
    position: relative;
    overflow: visible;
    cursor: grab
}

.zo-slider-section .zo-slides {
    height: 250px;
    position: relative
}

.zo-slider-section .zo-slides .zo-slide {
    width: 300px;
    height: 250px;
    position: absolute;
    left: 50%;
    top: 0;
    text-align: center;
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.5s ease;
    transform-origin: center center;
    z-index: 1
}

.zo-slider-section .zo-slides .zo-slide figure {
    width: 100%;
    height: 100%
}

.zo-slider-section .zo-slides .zo-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
    box-shadow: 0 5px 10px 0 rgba(70, 165, 175, 0.10), 0 0 5px 0 rgba(0, 0, 0, 0.08)
}

.zo-slider-section .zo-slides .zo-slide.active {
    transform: translateX(-50%) scale(1);
    z-index: 5;
    opacity: 1
}

.zo-slider-section .zo-slides .zo-slide.left {
    transform: translateX(-135%) scale(0.8);
    z-index: 2;
    opacity: 1
}

.zo-slider-section .zo-slides .zo-slide.right {
    transform: translateX(35%) scale(0.8);
    z-index: 2;
    opacity: 1
}

@media (max-width: 1430px) {

    .zo-slider-section .zo-slides .zo-slide {
        width: 250px
    }
}

@media (max-width: 990px) {

    .zo-slider-section {
        overflow: hidden
    }

    .zo-slider-section .zo-slides .zo-slide {
        width: 100%
    }
}