body {
    /*font-family: 'Work Sans', 'Roboto', sans-serif;*/
    font-weight: 400;
    font-size: 16px;
    color: var(--body-color);

}

/* --- Colors --- */

:root {
    --main: #ff3d9b;
    --main-light: #00bbec;
    --main-dark: #ffdd02;
    --accent: #f8eede;
    --body-color: #212529;
    --cta-green: #18992c;
    --cta-green-dark: #06AA98;
    --grey: #ced4da;
    --grey-dark: #333333;
    --grey-light: #fafafa;
    --nav-link: #f2f2f2;
    --icons: #58acc6;
    --bg-category: #011826;
    --btn-main: #ff3d9b;
    --btn-main-hover: #58acc6;

    /*--footer-bg-color: ;*/
}
.bg-gray {
    background-color: #fffadd!important;
}
.nav-style-1 > span:hover {
    background-color: var(--main);
}
.dot-style-1 ul li.slick-active button {
    background-color: var(--main);
}
.header-action .same-style-2 a span.pro-count {
    color: var(--main);
}
.logo a img , .footer-logo img {
    max-width: 200px
}
.banner-wrap .banner-content-1 h2 {
    color: var(--main-dark);
}