/* Arrows */
.slick-arrow{cursor: pointer; text-align: center; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; transition: all .2s ease; position: absolute; right: 4px; z-index: 10;}
.slick-arrow i{color: #000; font-size: 35px; line-height: 100%;}
.slick-arrow.slick-disabled{cursor: default; opacity: 0;}
.slick-prev{bottom: calc(50% - 50px);}
.slick-next{top: calc(50% - 50px);}
@media (hover: hover) {
    .slick-prev:not(.slick-disabled):hover, .slick-next:not(.slick-disabled):hover{opacity: 1;}
}

/* Dots */
.slick-dots{width: 100%; padding: 0; margin: 0; list-style-type: none; display: flex; justify-content: center; position: absolute; bottom: -45px; z-index: 10;}
.slick-dots li button{font-size: 0; color: transparent; line-height: 0; background: transparent; border: 0; outline: none; overflow: hidden;}

.slick-dots li button::after{cursor: pointer; content: ''; width: 12px; height: 12px; background-color: #000; border-radius: 50%; opacity: 0.2; display: inline-block; transition: all .2s ease;}
@media (hover: hover) {
    .slick-dots li button:hover::after{opacity: 0.8;}
}
.slick-dots li.slick-active button::after{background-color: #a82018; opacity: 0.9;}