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

}

/* --- Colors --- */

:root {
    --main: #c29958;
    --main-light: #eecd98;
    --main-dark: #7e643b;
    --accent: #f8eede;
    --body-color: #212529;
    --cta-green: #18992c;
    --cta-green-dark: #06AA98;
    --grey: #ced4da;
    --grey-dark: #333333;
    --grey-light: #fafafa;
    /*--footer-bg-color: ;*/
}
.draka-proceed-to-checkout .checkout-button {
    background-color: var(--main-dark);
}
.draka-proceed-to-checkout .checkout-button:hover {
    background-color: var(--main);
}
#register-form .button-wrap .button::before , #cart-form .button-wrap .button::before, .login-form .button-wrap .button::before{
    background-color: var(--main);
}
.header-logo-nav img {
    max-width: 250px!important;
}
.draka-banner .button:hover, .button-wrap .button span:hover {
    color: var(--main-light);
}
.draka-tabs.style-01 .tab-link li a:hover, .draka-tabs.style-01 .tab-link li.active a {
    background-color: var(--main-light);
    border: 1px solid var(--main-light);
}
.draka-tabs.style-01 .tab-link li.active a::before {
    border-color: var(--main-light) transparent transparent transparent;
}
.add-to-cart a:not(:hover) {
    background-color: var(--main-light);
    color: var(--main-dark)
}
.slide-wrap img {
    object-fit: none;
    height: 694px;
}
.draka-banner.style-11 .banner-label {
    color: #000;
}
.slide-home-04 .slick-dots {
    bottom: 6rem;
}

@media (max-width: 480px) {
    .slide-wrap img {
        height: auto;
    }
    .slide-home-04 .slick-dots {
    bottom: -2rem;
}
}
.logo-footer img {
    max-width: 300px;
}