/* --- Colors --- */

:root {
   --main: #5b689d;
    --main-light: #febd4f;
    --main-dark: #fa8a7b;
    --nav-hover: rgba(0, 0, 0, 0.7);



}
.slick-slider h1, .slick-slider p {
    color: #000!important;
}
.slick-dots-light .slick-dots li.slick-active span {
    border-color: #000;
    background: transparent;
}
.slick-dots-light .slick-dots li span {
    background: #000;
}
.logo-footer {
    width: 200px;
}
.btn-primary:hover {
    background-color: var(--main-dark);
    border-color: var(--main-dark);
}