/* Slider container */
.wcs-slider {
    position: relative; /* for absolute arrows */
}

/* Slider item */
.wcs-slider .wcs-slide {
    text-align: center;
    padding: 10px;
}
.wcs-slider .wcs-slide h3{text-transform:capitalize;}

/* Round image container */
.wcs-slide-link {
    display: inline-block;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 10px;
    width: 189px;
    height: 189px;
}

/* Image inside circle */
.wcs-slide-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Zoom image inside circle on hover */
.wcs-slide-link:hover img {
    transform: scale(1.1);
}

/* Category title */
.wcs-slider .wcs-slide h3 {
    margin: 0;
    font-size: 16px;
}

/* Slick arrows */
.wcs-slider .slick-prev,
.wcs-slider .slick-next {
    width: 40px;
    height: 40px;
    z-index: 10;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #585f63;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    cursor: pointer;
    transition: background 0.3s;
    font-size: 22px;
    color: #fff; border:none;
}

/* Background on hover */
.wcs-slider .slick-prev:hover,
.wcs-slider .slick-next:hover {
    background: #000;
    opacity: 1;
}

/* Left and Right positions */
.wcs-slider .slick-prev { left: -20px; }
.wcs-slider .slick-next { right: -20px; }

/* Remove default Slick text */
.wcs-slider .slick-prev:before,
.wcs-slider .slick-next:before {
    content: ''; /* hides default "prev"/"next" text */
}

/* Add custom arrow symbols */
.wcs-slider .slick-prev::after {
    content: '❮';
    font-size: 22px;
    color: #fff;
}

.wcs-slider .slick-next::after {
    content: '❯';
    font-size: 22px;
    color: #fff;
}