/* https://www.youtube.com/watch?v=j1-Ak3WWV_g */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

/* body tag */
.reviews-slider-container {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100PX; */
    /* background: #000; */
}

.reviews-box {
    position:relative;
    width: 250px;
    height: 350px;
    margin-top:70px;
    transform-style: preserve-3d;
    animation: animate-reviews 30s linear infinite;
}

@keyframes animate-reviews {
    0% {
        transform:perspective(1500px) rotateY(0deg);
    }
    100% {
        transform:perspective(1500px) rotateY(360deg);
    }
}

.reviews-box span {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 90%;
    transform-origin:center;
    transform-style:preserve-3d;
    transform:rotateY(calc(var(--i) * 45deg)) translateZ(400px);
    -webkit-box-reflect: below 0px linear-gradient(transparent, transparent, #0004);
}

.reviews-box span img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:5px;
}

@media(min-width:1800px) {
    .reviews-slider-container {
        margin-top:120px;
    }
}

@media  screen and (max-width: 1440px) {
    .reviews-box span img {
        width: 90%;
        height: 90%;
    }
}

@media screen and (max-width: 768px) {
    /*.reviews-slider-container {*/
    /*    display: none;*/
    /*}*/
    
    .rotating-imgs-btn {
        bottom:20px !important;
    }

}

@media screen and (max-width: 435px) {
    .reviews-box span img {
        width: 90%;
        height: 90%;
    }
}

@media screen and (max-width: 412px) {
    /* .reviews-box {
        width: 250px;
        height: 350px;
    } */
}

@media screen and (max-width: 360px) {
    .reviews-box span img {
        width: 65%;
        height: 65%;
    }
}