body {
    /*font-family: 'Work Sans', 'Roboto', sans-serif;*/
    font-weight: 400;
    font-size: 16px;
    color: var(--body-color);

}

/* --- Colors --- */

:root {
    --main: #ec1c24;
    --main-light: #cfcfcf;
    --main-dark: #000000;
    --accent: #a4b5a8;
    --body-color: #212529;
    --cta-green: #18992c;
    --cta-green-dark: #06AA98;
    --grey: #ced4da;
    --grey-dark: #333333;
    --grey-light: #fafafa;
    /*--footer-bg-color: ;*/
}
.mg-btn.mg-btn-white {
    border: 1px solid var(--main);
}
.mg-btn:hover, .mg-btn:focus, .mg-btn:active {
    background-color: #000!important;
    color: #fff!important;
}
.mg-footer-style2-menu ul li a:hover {
    color: var(--main) !important;
}
.mg-dark-bg-banner .mg-home-banner-main-heading::before, .mg-dark-bg-banner .mg-home-banner-main-heading::after, .mg-dark-bg-banner .mg-home-banner-main-heading-inner::after, .mg-dark-bg-banner .mg-home-banner-main-heading-inner::before {
    filter: invert(1)!important;
    z-index: 20;
}
.mg-dark-bg-banner .home-slider .slick-dots li.slick-active button {
    border: 1px solid var(--main);
}
.mg-dark-bg-banner .home-slider .slick-dots li.slick-active button::before {
    background-color: var(--main);
}
.slick-dots li button {
    background: #f6f6f6;
    border-radius: 50px;
}
.mg-dark-bg-banner .home-slider .slick-prev::before, .mg-dark-bg-banner .home-slider .slick-next::before {
    filter: brightness(0.5);
}
.mg-footer-outer {
    background-color: #1E1E1E;
}
.mg-btn.mg-light-bg-btn:hover {
    background-color: var(--main-dark);
}
.list-unstyled a:hover,.mg-footer-outer a:hover, .mg-footer-outer a:focus, .mg-footer-outer a:active,.mg-home-banner-main-heading h2, .mg-home-banner-main-heading h3 {
    color: var(--main-dark)!important;
}
.mg-btn.mg-btn-white:hover {
    background-color: var(--main-dark)!important;
    background
}
.mg-home-banner-main-heading-inner-tittles {
    background-color: rgb(255 255 255 / 80%);
}
.mg-info-banner-variant3:hover .mg-info-bannner-tittles-outer {
    background: var(--main)!important;
    background-color: #161616b0;
}
.mg-info-banner-variant4:hover .mg-info-bannner-tittles-outer {
    background: var(--main-dark)!important;
}
.mg-btn.mg-outlined-btn {
    border: 1px solid var(--main-dark);
    color: var(--main-dark);
    background-color: white;
}
.mg-collection-list-grid:hover .mg-collection-list-tittles {
    background-color: var(--main-light);
}
footer {
    background-color: #e1e1e1;
}
.mg-transparent-header .mg-menu > ul.mg-menu-outer > li > a {
    color: #000;
}
.mg-header-icon-style2.header-icons-outer ul li.mg-search-icon img , .header-icons-outer ul li img {
    filter: brightness(0.1);
}
.mg-search-box input, .mg-search-box .btn, .mg-search-box input:focus {
    border: 1px solid #000;
}
.form-outline .form-control::placeholder , .mg-header-icon-style2 .mg-search-box input {
    color: #000!important;
}