/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.slick-prev,  
.slick-prev:focus,  
.slick-next,  
.slick-next:focus {
    border: 0;  
    outline: none;  
    display: block;  
    z-index: 10;  
    font-size: 0;  
    cursor: pointer;  
    transition: all .3s ease-out;  
    background-color: transparent;  
}

.slick-prev, .slick-prev:focus {
    left: 0;    
}
.slick-prev::after, .slick-prev:focus::after{
    content: "\2190";  
    font-size: 2rem;  
    color: #fff; 
}
.slick-next, .slick-next:focus {
    right: 0;    
}
.slick-next::after, .slick-next:focus::after {  
    content: "\2192";
    font-size: 2rem;
    color: #fff;    
}