.category-carousel {
    border: 2px solid orange;
    margin-bottom: 40px;
    padding: 10px;
}

.product-slide {
    text-align: center;
    padding: 10px;
}

.product-slide h3 {
    font-size: 15px;
    margin: 10px 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.slick-dots li button:before {
    color: orange;
}

.slick-dots li.slick-active button:before {
    color: orangered;
}