/* ============================================== */
/* TESTIMONIALS BANNER */
/* ============================================== */

.slick-track, .slick-dots{
    display: flex;
}
.slick-dots{
    justify-content: center;
}
.slick-dots li:not(:last-child){
    margin-right: 0.5em;
}
.slick-dots li button{
    padding: 5px;
    border-radius: 16px;
    background-color: var(--color-dark);
    opacity: 0.5;
    font-size: 0;
    transition: background-color, opacity;
    transition: 0.2s ease;
}
.slick-dots li.slick-active button,
.slick-dots li:hover button{
    opacity: 1;
    background-color: var(--color-green);
}

.slick-slider, .slick-list{
    position: relative;
}
.slick-list{
    z-index: 0;
}
.slick-prev, .slick-next{
    --w: 40px;
    width: var(--w);
    height: var(--w);
    border-radius: var(--w);
    background-color: var(--color-black);
    opacity: 0.5;
    position: absolute;
    top: calc(50% - var(--w)*0.5);
    transition: opacity 0.2s ease;
    z-index: 2;
    
    color: white;
    font-size: 20px;
}
.slick-prev:hover, .slick-next:hover{
    opacity: 1;
}
.slick-prev{
    left: 0;
}
.slick-next{
    right: 0;
}
.slick-prev::before, .slick-next::before{
    content: url(../../images/icons/body/arrow_white.svg);
}
.slick-prev::before{
    transform: rotate(180deg);
}