.slick-dots{
    bottom : -40px !important;
}

.slick-dots li{
    margin: 0px !important;
}

.slick-dots li button:before{
    font-size: 8px !important;
}

.slick-dots li button:before {
    color: var(--color-oceanBlue-200) !important; /* your color */
}


.slick-dots li.slick-active button:before {
    color: var(--color-primary) !important;
}