:root{

--one: #215A61;
--two:#fff;
--logo: url(https://cdn.salla.sa/ePjgOp/cICzfhMQmnVo0269yXVSZJYv34HSA3RDbKij4sNJ.png);
--back: white;
--back2:linear-gradient(to left, #215A61, #548085) ;
}
.s-block--hero-slider .swiper-slide .swiper-lazy:after,
.main-menu li:hover>.sub-menu,
.flex-col,
.s-block,
.s-comments-product,
.footer-is-light .store-footer,
.footer-is-light .store-footer .store-footer__inner,
.top-navbar,
.main-nav-container.fixed-pinned .inner,
.main-nav-container {
   background: var(--back)!important;
}

body{
background-color:#fff;

}

@media only screen and (max-width: 1024px) {
    .mm-spn.mm-spn--light {
        color: var(--one);
        background: var(--two);
    }
}


.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--back) var(--logo);
    position: fixed;
    top: 0;
    z-index: 99999999999999999 !important;
    background-size: 250px !important;
    background-repeat: no-repeat;
    background-position: center !important;
    animation-name: logobg;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    bottom: 0;
    left: 0;
    right: 0;

}
@keyframes logobg {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}