/* Add any additional CSS here */
    .categories_post {
        position: relative;
    }

    .categories_post img {
        width: 100%;
    }

    .categories_details {
        position: absolute;
        bottom: 20px;
        left: 20px;
        color: white;
    }

    .slick-prev:before,
    .slick-next:before {
        color: #521138;
    }

    /* Change color of active dot */
    .slick-dots li.slick-active button:before {
        color: #521138;
        /* Active dot color */
    }

    /* Change color of inactive dots */
    .slick-dots li button:before {
        color: #000;
        /* Inactive dot color (light gray) */
    }

    /* Optional: Change dot size */
    .slick-dots li button:before {
        font-size: 13px;
        margin-top: -15px;
        border: #521138 1px solid;
        border-radius: 50%;
    }