.Frame > .Content > .Main {
    background-color: #184754 !important;
}

.unPrevious {
    transform: perspective(800px) rotateY(-90deg) scale(0.45,0.35);
    transform-origin: 50% 5%;
    will-change: transform, opacity;
    opacity: 0;
}

.unNext {
    transform: perspective(800px) rotateY(90deg) scale(0.45,0.35);
    transform-origin: 50% 5%;
    will-change: transform, opacity;
    opacity: 0;
}

.neighbour {
    min-width: 62%;
}

.onload {
    pointer-events: none;
}

.leftInvisible {
    transform: perspective(800px) rotateY(-45deg) scale(0.45,0.35);
    transform-origin: 99% 5%;
    pointer-events: none;
    will-change: transform, opacity;
    opacity: 0;
}

.leftProduct {
    transform: perspective(800px) rotateY(-45deg) scale(0.45,0.35);
    transform-origin: 99% 5%;
    pointer-events: none;
    will-change: transform, opacity;
    opacity: 1;
    transition: 0.5s ease;
}

.rightInvisible {
    transform: perspective(800px) rotateY(45deg) scale(0.45,0.35);
    transform-origin: 1% 5%;
    pointer-events: none;
    will-change: transform, opacity;
    opacity: 0;
}

.rightProduct {
    transform: perspective(800px) rotateY(45deg) scale(0.45,0.35);
    transform-origin: 1% 5%;
    pointer-events: none;
    will-change: transform, opacity;
    opacity: 1;
    transition: 0.5s ease;
}

.arrowLeft {
    position: absolute;
    opacity: 0;
    transition: 0.5s ease;
}

.arrowRight {
    position: absolute;
    opacity: 0;
    transition: 0.5s ease;
}

@media screen and (max-width:767px) {
    .ProductsPage {
        left: -185%;
    }

    .containerMain {
        min-width: 94%;
    }

    .leftProduct {
        transform-origin: 95% 5%;
    }

    .rightProduct {
        transform-origin: 5% 5%;
    }

    .neighbour {
        min-width: 94%;
    }

    .translatePrevious {
        transform: translateX(100%);
    }

    .translateNext {
        transform: translateX(-100%);
    }

    .arrowLeft {
        position: absolute;
        opacity: 0.5;
        left: 185%;
        top: 50%;
        z-index: 1;
        width: 50px;
    }

    .arrowRight {
        position: absolute;
        opacity: 0.5;
        top: 50%;
        right: -185%;
        z-index: 1;
        width: 50px;
    }
}