.custom-carousel .carousel-items {
max-width: 220px;
}
.custom-carousel .slick-dots {
display: flex;
justify-content: center;
align-items: center;
color: grey;
gap: 16px;
cursor: pointer;
}
.custom-carousel .slick-dots li button {
display: none;
}
.custom-carousel img{
width: 200px;
height: 200px;
transition: 0.3s;
}
.custom-carousel img:hover{
opacity: 0.6;
}
.carousel-items:hover::after {
content: attr(data-title);
position: absolute;
color: #000;
bottom: 10px;
font-size: 16px;
font-weight: 700;
transform: translateX(-190px);
}
.custom-carousel .slick-active{
color: black
}
.custom-carousel .carousel-wrapper i.fa.fa-arrow-left.slick-arrow {
float: left;
margin-top: 120px;
right: 22px;
position: relative;
}
.custom-carousel .carousel-wrapper .fa .fa-arrow-right .slick-arrow{
float: right !important;
}
.custom-carousel .carousel-wrapper i.fa.fa-arrow-right.slick-arrow {
float: right;
margin-top: -120px;
position: relative;
z-index: 999;
left: 45px;
}