@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900;1000&display=swap);
@import url(https://site-assets.fontawesome.com/releases/v6.4.2/css/all.css);
.salla-advertisement,
.top-nav {
    background: #3cbccb!important
}

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

:root {
    --main-color: #3cbccb;
    --second-color: #f4960a;
    --third-color: #030303;
    --white-color: #fff;
    --black-color: #000
}

.header-mainbar .search-bar,
.header-mainbar .search-bar .s-search-input {
    border-radius: 30px!important;
    background-color: none!important;
    box-shadow: none!important;
    border: 1px solid var(--main-color)!important
}

.salla-advertisement .center-between {
    justify-content: center!important;
    align-items: center;
    text-align: center!important
}


.header-icon-button .icon {
    background: var(--white-color);
    color: var(--main-color);
    font-weight: 700;
    border: 2px solid var(--main-color)
}

span.s-cart-summary-count {
    background: var(--main-color)!important;
    color: var(--white-color);
    font-weight: 700
}

.header-icon-button .text span:first-child,
.s-cart-summary-wrapper .s-cart-summary-total:before {
    color: var(--main-color)!important;
    font-weight: 600
}

footer.store-footer {
    background-image: url(https://i.ibb.co/V2fCLns/img-noise-1000x250.png)
}


.index>div>section:nth-child(4) {
    margin-top: 0!important
}


.s-product-card-entry,
.product-entry {
    border:2px solid #DDD ;
    border-radius:15px;
    padding:10px;
}
#mainnav li.root-level a {
    font-weight: 700
}


.page-single>div>div.container.page-container>div>div>div.content-entry>p:nth-child(3)>a[target=_blank] iframe {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 95%;
    max-width: 100%!important;
    height: 50vw;
    background: var(--main-color)
}

.grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-2-photos a.lazy__bg.loaded,
.grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-1-photos a.lazy__bg.loaded,
.grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-3-photos a.lazy__bg.loaded {
    background-size: contain;
    background-repeat: no-repeat;
}

.grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-1-photos .banner-entry,
.grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-2-photos .banner-entry,
.grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-3-photos .banner-entry {
    height: 280px;
    background-color: #FFF !important;
}

@media(max-width:992px) {
    .grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-3-photos {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-2-photos {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-1-photos .banner-entry,
    .grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-2-photos .banner-entry,
    .grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-3-photos .banner-entry {
        height: 120px;
        background-color: #FFF !important;
    }
    .s-block--banners .banner-entry:nth-child(5n+1),
    .has-2-photos .banner-entry:nth-child(n),
    .has-4-photos .banner-entry:nth-child(n),
    .has-5-photos .banner-entry:nth-child(n+4) {
        grid-column: span 1/ span 1;
    }
}

@media(min-width:992px) {

    .index>div.app-inner.flex.flex-col.min-h-screen.relative>section:nth-child(15)>div>div>div:nth-child(1),
    #app>div.app-inner.flex.flex-col.min-h-screen.relative>section:nth-child(15)>div>div>div:nth-child(2),
    #app>div.app-inner.flex.flex-col.min-h-screen.relative>section:nth-child(15)>div>div>div:nth-child(3) {
        grid-column: span 1/ span 1;
    }
    .index>div.app-inner.flex.flex-col.min-h-screen.relative>section:nth-child(15) .md\:grid-cols-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.index .slide--cat-entry i {
    background-color: var(--main-color)!important
}

.index section.s-block.s-block--brands-grid img.max-h-full.loaded {
    width: 80%!important;
    height: auto!important
}

.index section.s-block.s-block--brands-grid .max-h-full {
    max-height: unset!important
}
.s-block--categories .slide--cat-entry i {
 
    height: 9rem;
    width: 8rem;
    background-color: #ffffff !important;
   
}
.page-header {
    color: var(--white-color)!important;
    font-weight: 700;
    background: #39bbc6!important
}

[dir="rtl"] .product-entry .s-button-icon {
    margin-right: 0.5rem;
    border-radius: 5px !important;
}

.border-primary {
    border: none;
}

[dir="rtl"] .product-entry .s-button-icon {
    border: 2px solid #3CBCCB;
    border-radius: 5px !important;
}

[dir=rtl] .s-slider-block__title h2 {
    padding-left: 2rem;
    color: var(--third-color)!important
}

.product-entry__content .line-clamp-2 {
    -webkit-line-clamp: 1!important
}

@media(max-width:992px) {
    /*.slide--cat-entry h4 {
        font-size: .9rem!important
    }*/
    .footer-is-light .store-footer .col-span-12.sm\:col-span-6.lg\:col-span-3.flex.flex-col.flex-1.space-y-6 {
        justify-content: center;
        align-items: center
    }
    .footer-is-light .store-footer .col-span-6.sm\:col-span-3.lg\:col-span-3 {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column
    }
    .footer-is-light .store-footer .col-span-12.sm\:col-span-6.lg\:col-span-3 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }
    .footer-is-light .store-footer p.max-w-\[75\%\].leading-6.mb-4 {
        text-align: center
    }
    .s-block__title h2,
    .s-slider-block__title h2,
    [dir=rtl] .rtl\:pl-3 {
        font-size: 1.1rem!important
    }
    .header-mainbar .sides-wrap .rtl\:ml-4 {
        margin-left: 0!important
    }
    .s-block--slider-with-bg .content-wrap {
        padding: 0!important
    }
    .product-entry button.s-button-btn {
        padding-left: .5rem;
        padding-right: .5rem;
        width: 98%;
        margin: 0 2px
    }
    .page-single>div>div.container.page-container>div>div>div.content-entry>p:nth-child(3)>a[target=_blank] iframe {
        height: 150vw
    }
    .brands-single salla-infinite-scroll.md\:grid-cols-auto-fill.mb-8.products-container.gird-view.grid.sm\:grid-cols-2.grid-flow-row.gap-6.hydrated {
        grid-template-columns: repeat(2, 1fr)
    }
    .brands-single .product-entry {
        margin: 0!important;
        max-width: 100%!important
    }
}

@media(min-width:1024px) {
    .product-entry__title a,
    .s-product-card-content-title a {
        color: var(--third-color)!important;
        padding-right: 2px
    }
}

@media(max-width:1082px) {
section.s-block--photos-slider .carousel-slider .swiper {
    margin-left: 0!important;
    margin-right: 0!important;
    padding-left: 0!important;
        padding-right: 0!important;

}
    #mainnav .inner {
        background-image: url(https://i.ibb.co/V2fCLns/img-noise-1000x250.png)
    }
    .main-menu li.root-level>a span,
    .mainmenu-is-light #mainnav li>a,
    .mm-spn li a span {
        font-weight: 600!important
    }
    .mainmenu-is-light .all-cats {
        color: var(--third-color)
    }
    .sicon-menu:before {
        content: "\f0c9";
        border-radius: 50%;
        padding: 7px;
        font-size: 25px;
        background: var(--white-color);
        color: var(--main-color);
        font-family: fontawesome;
        border: 2px solid var(--main-color)
    }
    [dir=rtl] .menu-is-open .close-menu {
        background: var(--second-color)!important
    }
    .header-mainbar .search-bar--mobile .s-search-input {
        border-radius: 30px!important;
        border: 1px solid var(--main-color)!important
    }
    a.topnav-link-item {
        background: #fff;
        border-radius: 18px
    }
    .product-entry__title a,
    .s-product-card-content-title a {
        color: var(--third-color)!important;
        padding-right: 2px
    }
}

@media(max-width:772px) {
    .navbar-brand img {
        max-height: 2rem;
        max-width: min(170px, 36vmin)
    }
}

.index .brand-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
    box-shadow: 3px 3px 5px rgba(60, 188, 203, .67)
}

salla-slider#testimonials-11-slider .duration-300 {
    box-shadow: 3px 3px 5px rgba(60, 188, 203, .67)!important
}

.store-footer h3 {
    color: va(--main-color)!important
}

.footer-is-light .store-footer .leading-6,
.footer-is-light .store-footer .social-link:not(:hover),
.footer-is-light .store-footer span.text-unicode.unicode,
[dir=rtl] .footer-list a {
    color: va(--third-color)!important
}

@media(min-width:1082px) {
    #mainnav li.root-level:last-child {
        background-color: var(--third-color)!important
    }
    #mainnav li.root-level:last-child>a,
    #mainnav li:first-child>a {
        color: var(--white-color)!important;
        font-weight: 700!important
    }
    #mainnav li:first-child {
        margin-bottom: .9rem;
        background-color: #367c60  !important
    }
    .fixed-header .inner {
        display: none!important
    }
}
@media(max-wdth:772px) {
    .header-mainbar .sides-wrap .rtl\:pr-4 {
        padding-right: 0!important
    }
}

.product-entry .btn--add-to-cart button:disabled .s-button-text {

    color: red !important;
    opacity:1 !important;
}

.product-entry .btn--add-to-cart:not(.deal) button:not(:hover)
{    background: var(--main-color)!important;
    color: var(--white-color)!important;
    border-radius: 5px;
}
body.font-apple .btn--add-to-cart span.s-button-text {
        color: var(--white-color)

}
@media(min-wdth:1024px) {
 .product-entry .btn--add-to-cart:not(.deal) button:not(:hover) , salla-add-product-button.btn--add-to-cart.flex.hydrated
{    background: var(--main-color)!important;
    color: var(--white-color)!important;
    border-radius: 5px;
}
 
}
salla-button .s-button-btn  {
    background: var(--main-color) !important;
    color: var(--white-color)!important;border-radius: 5px;}