/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 1;
    top: 30px;
    color: var(--w3-white);
    font-size: 20px;
    opacity: 0.75;
    transition: opacity .2s ease;
}

.slick-next {
    right: 50px;
}

.slick-prev {
    left: calc(50% + 60px);
}

.slick-prev:hover,
.slick-next:hover {
    opacity: 1;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}

.slick-prev:before {
    content: '\f177';
}

.slick-next:before {
    content: '\f178';
}

/* Dots */