@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&display=swap');


@import url(https://site-assets.fontawesome.com/releases/v6.4.0/css/all.css);

:not(i),
body {
    font-family: Cairo, sans-serif
}

:root {
    --main-color: #31AC7D;
    --second-color: #E04684;
    --third-color: #f7f7f7;
    --white-color: #fff;
    --black-color: #000
}

.top-navbar {
    background-image: radial-gradient(var(--main-color), var(--third-color))
}

.bg-inherit,
.main-menu .sub-menu {
    background: var(--third-color) !important
}

.main-menu li.root-level>a span,
.main-menu li>a,
.mm-spn a,
.mm-spn li a,
.mm-spn li span,
.s-block_title h2,
[dir=rtl] .s-slider-block_title h2,
h2.mb-4.mr-2.text-lg.font-bold.leading-\[1\.2\] {
    font-size: 18px;
    padding-left: 7px;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-size: cover;
    background-image: linear-gradient(to left, #e04684, #31ac7d, #a30e4a)
}

@keyframes textclip {
    to {
        background-position: 100% center
    }
}

[dir=rtl] .s-cart-summary-count,
i.header-btn__icon {
    background: var(--third-color);
    color: var(--main-color)
}

i.header-btn__icon {
    border: 3px solid var(--main-color)
}

.s-cart-summary-total {
    color: var(--main-color);
    font-weight: 800
}

.testimonials-slider .testimonial {
    background-image: linear-gradient(45deg, var(--third-color), #E35991)

}

.salla-advertisement {
    background-color: var(--third-color) !important;
    color: var(--white-color) !important
}

[dir=rtl] .topnav-link-item {
    border-left-width: 1px;
    color: var(--third-color) !important
}

section.s-block.s-block--fixed-banner.wide-placeholder .container {
    width: 100%;
    max-width: 100%;
    padding: 0
}

.index>div.app-inner.flex.flex-col.min-h-full>section:nth-child(3) {
    margin-top: 0
}

.s-product-card-content-footer .s-button-primary-outline {
    text-align: center;
    background: var(--second-color);
    justify-content: center;
    display: flex;
    align-items: center
}

.s-product-card-content-footer .s-button-primary-outline .sicon-shopping-bag:before {
    content: "";
    width: 25px;
    margin-left: 5px;
    height: 25px;
    background-size: contain;
    display: inline-block
}

.s-product-card-content-footer .s-button-text,
.s-product-card-content-sub {
    color: var(--main-color) !important;
    display: flex;
    justify-content: Left;
    align-items: center
}

.s-product-card-content-footer .s-button-text {
    color: var(--third-color) !important
}

.s-product-card-content-subtitle,
.s-product-card-sale-price span,
.s-product-card-wishlist-btn .s-button-text {
    text-align: center;
    color: var(--main-color) !important
}

.s-product-card-entry {
    border: 3px solid transparent;
    border-image: linear-gradient(to bottom, #31ac7d, var(--main-color), #f089a7, transparent);
    border-image-slice: 1;
    overflow: hidden
}

.s-product-card-content-footer .s-button-primary-outline,
.s-product-card-content-footer salla-add-product-button[product-status=out] {
    width: 90% !important;
    margin-left: auto;
    left: 2rem;
    bottom: -3px;
    border-radius: 20px 0 0
}

.s-product-card-entry,
.s-product-card-image img.loaded {
    background: linear-gradient(to top, #f7f7f7, #e7e7e7) !important
}

.s-product-card-content-title a {
    color: var(--main-color);
    justify-content: center;
    align-items: center;
    color: var(--main-color) !important;
    white-space: nowrap;
    color: var(--main-color);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.s-product-card-rating {
    color: #ff9300 !important
}

.s-product-card-content {
    padding-bottom: 0;
    margin-bottom: 0
}

.s-product-card-content-footer .s-button-primary-outline:before,
.s-product-card-content-footer salla-add-product-button[product-status=out]:before {
    content: "";
    background-image: url("https://i.ibb.co/tJvS2Hh/wired-lineal-1574-spa-flower.gif");
    width: 35px;
    margin-left: 5px;
    position: absolute;
    left: -4rem;
    height: 35px;
    background-size: contain;
    display: inline-block
}

.s-product-card-content-footer salla-add-product-button[product-status=out] {
    position: relative
}

.index section.s-block.s-block--banners.container  >div>a:first-child,
.index section.s-block.s-block--banners.container  >div>a:nth-child(3),
section.s-block.s-block--banners.container>div>a:first-child,
section.s-block.s-block--banners.container>div>a:nth-child(3) {
    grid-column: span 1/span 1;
    grid-row: span 2/span 2 !important
}

@media(min-width:992px) {


.index section.s-block.s-block--banners.container    div>a:first-child,
.index section.s-block.s-block--banners.container    >div>a:nth-child(3),
.index section.s-block.s-block--banners.container    >div>a:first-child,
.index section.s-block.s-block--banners.container    >div>a:nth-child(3) {
        height: 100%
    }
}

@media(max-width:992px) {
    .mm-ocd--open .mm-ocd__content {
        background: var(--second-color)
    }

    .sicon-menu:before,
    .mm-spn.mm-spn--navbar ul {
        background: var(--third-color)
    }

    .mm-ocd--open .mm-ocd__content::before {
        background: var(--third-color) url("https://cdn.salla.sa/zdDyO/xJ3kMHEQ8onZDDEgS8Zz2loJl4TmKrWKy6t1yTBn.png");
        border-radius: 100% 0 0 100%/100% 0;
        font-size: 18px;
        content: "";
        width: 100%;
        background-repeat: no-repeat;
        background-position: center;
        margin: auto;
        height: 35%;
        background-size: 50%;
        justify-content: center;
        display: flex
    }

    :is([dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main):after {
        border: none !important;
        background: var(--second-color);
        color: var(--main-color);
        text-align: right
    }

    .mm-spn li {
        background: 0 0 !important
    }

    .mm-spn li a {
        display: flex;
        align-items: center
    }

    .mm-spn li a:before {
        background-image: url("https://i.ibb.co/tJvS2Hh/wired-lineal-1574-spa-flower.gif");
        width: 30px;
        height: 30px;
        display: inline-block;
        content: "";
        background-size: contain
    }

    .sicon-menu:before {
        content: "\ed7f";
        border-radius: 50%;
        padding: 5px;
        color: var(--main-color);
        border: 3px solid var(--main-color)
    }

    .mm-spn.mm-spn--navbar:after {
        opacity: 1
    }

   .index section.s-block.s-block--banners.container   >div {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 0.5rem;
    }

   .index section.s-block.s-block--banners.container   >div>a {
        height: 67px;
    }

   .index section.s-block.s-block--banners.container   >div>a:nth-child(1) {
        grid-area: 1/1/3/3 !important;
        height: 100% !important;
    }

   .index section.s-block.s-block--banners.container   >div>a:nth-child(2) {
        grid-area: 1/3/1/5;
    }

   .index section.s-block.s-block--banners.container   >div>a:nth-child(3) {
        grid-area: 1/5/2/8;
        height: 100%;
    }

   section.s-block.s-block--banners.container >div>a:nth-child(4) {
        grid-area: 2/3/2/5;
    }

   .index section.s-block.s-block--banners.container  >div {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 0.5rem;
    }

   .index section.s-block.s-block--banners.container  >div>a {
        height: 56px;
    }

   .index section.s-block.s-block--banners.container  >div>a:nth-child(1) {
        grid-area: 1/1/3/3 !important;
        height: 100% !important;
    }

   .index section.s-block.s-block--banners.container  >div>a:nth-child(2) {
        grid-area: 1/3/1/5;
    }

   .index section.s-block.s-block--banners.container  >div>a:nth-child(3) {
        grid-area: 1/5/2/8;
        height: 100%;
    }

   .index section.s-block.s-block--banners.container  >div>a:nth-child(4) {
        grid-area: 2/3/2/5;
    }
}

.s-product-card-content-footer salla-add-product-button[product-status=out] .s-button-wide {
    background: var(--second-color)
}

.s-product-card-content {
    padding: 0.2rem 1.25rem;
}

.s-product-card-content-title a,
.s-product-card-content-subtitle,
.s-product-card-content-sub {
    margin-bottom: .25rem;
}

@media(max-width:772px) {
    .index .s-product-card-content-footer .s-button-text {
        font-size: 10px !important;
        color: var(--third-color) !important;
    }

    .index .s-products-slider-card.swiper-slide {
        width: 188px !important;
    }

    .index .carousel-slider .swiper {
        padding-left: 0px !important;
    }

    .index .s-products-slider-card.swiper-slide {
        width: 180px !important;
    }
}

.salla-advertisement {
    background-color: #31ac7d !important;
}

.store-footer a.flex.items-center.m-0,
.store-footer a.mb-4.last\:mb-0.flex.items-center.text-sm.leading-none {
    justify-content: center;
    color: var(--white-color)
}

.store-footer .social-link {
    animation: 2s ease-in-out infinite both heartbeat
}

.footer-is-light .store-footer .store-footer__inner{background:var(--color-primary);color:white;border-radius:18px;} div#mainnav{background:var(--bg);color:white;

}