/* customize prev or next button */
.slick-prev{
    left: 40px;
    z-index: 2;
}
.slick-next{
    right: 40px;
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before{
    opacity: 1;
}
.slick-next:before, .slick-prev:before{
    font-size: 2rem;
}

/* customize circle button */
.slick-dots li button:before{
    color: rgb(255 255 255);
    font-size: 1.5rem;
    opacity: .6;
}
.slick-dots li.slick-active button:before{
    color: rgb(250 204 21);
    opacity: 1;
}