@charset "UTF-8";
.slick-slider { position: relative; }
.slick-slider:hover .slick-prev, .slick-slider:hover .slick-next { opacity: 1; }

.slick-prev, .slick-next { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); font-size: 0; background: var(--textcolor); padding: 20px 15px; border: none; cursor: pointer; opacity: 0; transition: ease-in-out opacity 0.3s 0.1s; }
.slick-prev:before, .slick-next:before { font-size: 20px; color: white; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.5; }

.slick-prev { left: 0; border-radius: 0 4px 4px 0; }
.slick-prev:before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; font-smoothing: antialiased; }

.slick-next { right: 0; border-radius: 4px 0 0 4px; }
.slick-next:before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; font-smoothing: antialiased; }

.slick-dots { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; }
.slick-dots li button { font-size: 0; background: none; padding: 5px; border: none; cursor: pointer; }
.slick-dots li button:before { content: ''; display: inline-block; width: 12px; height: 12px; border-radius: 12px; background-color: var(--textcolor); }
.slick-dots li.slick-active button:before { background: var(--primary); }