section#testimonials {
    padding-left: 0;
    padding-right: 0;
}

.testimonials-container {
    position: relative;
}

.testimonials-container:before {
    content: "";
    background: linear-gradient(to left, transparent 0%, var(--livui-blue) 90%);
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 70%;
    z-index: 2;
}

.testimonials-container:after {
    content: "";
    background: linear-gradient(
        to right,
        transparent 0%,
        var(--livui-blue) 90%
    );
    position: absolute;
    left: 70%;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 2;
}

.testimonials {
    margin-top: 12vw;
    display: flex;
    transition: transform 0.3s ease-in-out;
}

.testimonial {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 3vw;
    font-size: 1.4vw;
    position: relative;
}

.testimonial-content {
    display: flex;
    align-items: flex-start;
}

.testimonial-img-wrapper {
    margin-inline-end: 3vw;
    background-image: url(/img/testimonial-mask-border.png?v=9);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.testimonial-img-mask {
    mask-image: url(/img/testimonial-mask.png?v=9);
    mask-size: 94%;
    mask-repeat: no-repeat;
    mask-position: center;
}

.testimonial-img {
    width: 10vw;
}

.testimonial-text {
    width: 20vw;
    color: #fff;
    text-align: justify;
    hyphens: auto;
}

.testimonial-more {
    margin-top: 1em;
    text-align: end;
}

.testimonial-more a {
    font-family: OpenSansHebrew-Bold, sans-serif;
    color: #fff;
    text-decoration: none;
    opacity: 0.6;
}

.testimonial-more a:hover {
    opacity: 1;
}

.testimonials-dots {
    display: flex;
    justify-content: center;
    margin: 2vw;
}

.testimonials-dot {
    width: 1.5vw;
    height: 1.5vw;
    margin: 0 0.5vw;
    border-radius: 50%;
    background: #fff6;
    cursor: pointer;
}

.testimonials-dot:hover {
    background: #fff9;
}

.testimonials-dot.current {
    background: #fffd;
}

.testimonials-controls {
    display: flex;
    justify-content: space-between;
    position: absolute;
    z-index: 1000;
    width: 80%;
    left: 10%;
    top: 5vw;
}

.testimonials-controls-button {
    margin: 0 1vw;
    cursor: pointer;
    opacity: 0.75;
}

.testimonials-controls-button:hover {
    opacity: 1;
}

.testimonials-controls-button img {
    width: 2vw;
}

@media only screen and (max-width: 1440px) {   
}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 992px) {
    .testimonials-container:before {
        right: 80%;
    }

    .testimonials-container:after {
        left: 80%;
    }

    .testimonials {
        margin-top: 24vw;
    }

    .testimonial {
        margin: 0 8vw;
        font-size: 3vw;
    }

    .testimonial-content {
        flex-direction: column;
        align-items: center;
    }

    .testimonial-img-wrapper {
        margin-inline-end: 0;
        margin-block-end: 5vw;
    }

    .testimonial-img {
        width: 20vw;
    }

    .testimonial-text {
        width: 40vw;
    }

    .testimonial-more {
        margin-top: 2em;
    }

    .testimonials-controls {
        top: 10vw;
    }

    .testimonials-controls-button img {
        width: 10vw;
    }

    .testimonials-dots {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .testimonials-container:before {
        right: 80%;
    }

    .testimonials-container:after {
        left: 80%;
    }

    .testimonials {
        margin-top: 24vw;
    }

    .testimonial {
        margin: 0 8vw;
        font-size: 4vw;
    }

    .testimonial-content {
        flex-direction: column;
        align-items: center;
    }

    .testimonial-img-wrapper {
        margin-inline-end: 0;
        margin-block-end: 5vw;
    }

    .testimonial-img {
        width: 30vw;
    }

    .testimonial-text {
        width: 70vw;
    }

    .testimonial-more {
        margin-top: 2em;
    }

    .testimonials-controls {
        top: 10vw;
    }

    .testimonials-controls-button img {
        width: 12vw;
    }
}

@media only screen and (max-width: 430px) {
    .testimonials-container:before {
        right: 80%;
    }

    .testimonials-container:after {
        left: 80%;
    }

    .testimonials {
        margin-top: 24vw;
    }

    .testimonial {
        margin: 0 8vw;
        font-size: 4vw;
    }

    .testimonial-content {
        flex-direction: column;
        align-items: center;
    }

    .testimonial-img-wrapper {
        margin-inline-end: 0;
        margin-block-end: 5vw;
    }

    .testimonial-img {
        width: 30vw;
    }

    .testimonial-text {
        width: 70vw;
    }

    .testimonial-more {
        margin-top: 2em;
    }

    .testimonials-controls {
        top: 10vw;
    }

    .testimonials-controls-button img {
        width: 12vw;
    }
}

@media (hover: none) {
    .testimonial-more a:hover {
        opacity: 0.6;
    }

    .testimonials-dot:hover {
        background: #fff6;
    }

    .testimonials-controls-button:hover {
        opacity: .75;
    }
}