@import "https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900;1000&display=swap";@import "https://site-assets.fontawesome.com/releases/v6.4.2/css/all.css";body :not(i) {
    font-family: Cairo,sans-serif
}

:root {
    --main-color: #052b85;
    --second-color: #dadada;
    --third-color: #3986bc;
    --white-color: #fff;
    --black-color: #000;
    --back-color: #f9ecd7
}

.bg-inherit {
    background-color: #fff;
    border-radius: 0 0 22px 22px
}

[dir=rtl] .s-cart-summary-count {
    background-color: #515151
}

#mainnav {
    border-radius: 0 0 22px 22px
}

.top-navbar {
    display: ;
    background: white;
}

.leading-\[1\.2\],.main-menu li.root-level>a span,.mm-spn li a span,.s-block__title h2,[dir=rtl] .s-slider-block__title h2,h1.font-bold.text-xl.rtl\:pl-3.ltr\:pr-3 {
    color: var(--main-color);
    display: inline-block;
    font-size: 1.1rem!important
}

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

i.header-btn__icon {
    background-color: var(--second-color);
    color: var(--third-color);
    border: 2px solid var(--third-color)
}

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

section.s-block.s-block--fixed-banner.wide-placeholder:first-child {
    width: 100%;
    max-width: 100%;
    padding: 0!important
}

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

.leading-\[1\.2\],.s-block__title h2,[dir=rtl] .s-slider-block__title h2 {
}

.leading-\[1\.2\],.s-block__title h2,[dir=rtl] .s-slider-block__title h2 {
    display: flex!important;
    align-items: center;
    font-size: 1.2rem!important
}

.s-product-card-content-footer .s-button-primary-outline {
    width: 100%;
    margin-left: auto;
    border-radius: 0 20px;
    text-align: center;
    background: var(--main-color);
    justify-content: center;
    display: flex;
    align-items: center
}

.s-product-card-content-footer .s-button-primary-outline .sicon-shopping-bag:before {
    content: "";
    background-image: url(https://i.ibb.co/LgDHYLn/system-regular-64-shopping-bag.gif);
    width: 25px;
    margin-left: 5px;
    height: 25px;
    background-size: contain;
    display: inline-block
}

.s-product-card-content-footer .s-button-text {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3px
}

.s-product-card-content-footer .s-button-disabled .s-button-text {
    color: var(--main-color)
}

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

.s-product-card-entry {
    box-shadow: -1px 2px 20px 0px #d7d7d7;
    border: 0 solid transparent;
    border-image-slice: 1;
    background: linear-gradient(to bottom,#fff,#fff)!important;
    overflow: hidden;
}

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

.s-product-card-content-subtitle {
    color: var(--third-color)!important;
    display: none
}

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

.s-block--features__item {
    background: 0 0
}

.s-block--features__item p {
    display: none
}

.sicon-check-circle2:before {
    background: url("https://i.ibb.co/0KVQ65C/wired-outline-237-star-rating-morph11.gif") 0 0/contain;
    width: 50px;
    height: 50px;
    display: block;
    content: ""
}

.sicon-shipping-fast:before {
    background: url("https://i.ibb.co/NmXrq6W/wired-outline-497-truck-delivery.gif") 0 0/contain;
    width: 50px;
    height: 50px;
    display: block;
    content: ""
}

.sicon-chat-person:before {
    background: url("https://i.ibb.co/2MWVWxH/system-outline-8-account.gif") 0 0/contain;
    width: 50px;
    height: 50px;
    display: block;
    content: ""
}

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

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    10% {
        -webkit-transform: scale(.91);
        transform: scale(.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    17% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    33% {
        -webkit-transform: scale(.87);
        transform: scale(.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.store-footer a,.store-footer h3,.store-footer p.max-w-sm.leading-6.mb-6 {
    color: var(--third-color);
    text-align: center!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(--second-color)
}

.store-footer .contact-social ul,.store-footer__inner .flex {
    justify-content: center
}

.footer-is-light .store-footer .store-footer__inner .text-sm {
    color: var(--second-color)
}

@media(max-width: 992px) {
    .mm-spn.mm-spn--navbar ul {
        background:#f2f2f2
    }

    .mm-ocd--open .mm-ocd__content {
        background: var(--second-color)
    }

    .mm-ocd--open .mm-ocd__content::before {
        background: #f2f2f2 url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/vXjVAP/ocrfj895m5t0ubJLs4KE00OxR5iBEdWI8YoaE2jN.png);
        font-size: 18px;
        content: "";
        width: 100%;
        background-repeat: no-repeat;
        background-size: 50%;
        background-position: center;
        margin: auto;
        height: 30%;
        justify-content: center;
        display: flex
    }

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

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

    .mm-spn li a,.mm-spn li span {
        color: var(--main-color)!important
    }

    .sicon-menu:before {
        content: "\ed7f";
        border-radius: 50%;
        padding: 7px;
        background-color: var(--second-color);
        color: var(--third-color);
        border: 2px solid var(--third-color)
    }

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

    .mm-spn ul.main-menu li:before {
        color: var(--third-color)!important
    }

    .main-menu li.root-level>a span,.mm-spn li a span {
        display: flex!important;
        justify-content: center;
        align-items: center
    }

    .footer-is-light .store-footer .store-footer__inner .lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
        width: 100%;
        text-align: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .footer-list.store-links-items {
        display: grid!important;
        grid-template-columns: repeat(2,minmax(0,1fr))!important;
        grid-template-rows: auto!important
    }
}

footer.store-footer {
    background-color: #f3f4f6!important
}

.product-index h1.font-bold.text-xl.rtl\:pl-3.ltr\:pr-3 {
}

.navbar-brand img {
    animation: wiggle 2.5s infinite;
    transform-origin: 50% 5em;
    max-height: 4rem!important
}

.navbar-brand {
    margin-top: .9rem;
    margin-bottom: .9rem
}

.undefined {
    animation: signal 1200ms infinite
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 #92b5d0
    }

    100% {
        box-shadow: 0 0 0 10px #fff
    }
}

@keyframes wiggle {
    0%,7% {
        transform: rotateZ(0)
    }

    15% {
        transform: rotateZ(-10deg)
    }

    20% {
        transform: rotateZ(5deg)
    }

    25% {
        transform: rotateZ(-5deg)
    }

    30% {
        transform: rotateZ(6deg)
    }

    35% {
        transform: rotateZ(-4deg)
    }

    40%,100% {
        transform: rotateZ(0)
    }
}

.s-product-card-fit-height .s-product-card-image {
    height: 15rem;
    max-height: 31rem
}

.justify-between {
    padding-top: 3px
}

.navbar-brand img {
    max-width: 160px
}

.store-footer a,.store-footer h3,.store-footer p.max-w-sm.leading-6.mb-6 {
    color: var(--third-color);
    text-align: center!important
}

.footer-is-light .store-footer .store-footer__inner .text-sm {
    color: #f3f4f600
}

.footer-is-light .store-footer .store-footer__inner {
    background-color:
}

@media(max-width: 992px) {
    .sicon-menu:before {
        background-color:#e0b17540
    }
}

i.header-btn__icon {
    background-color: var(--second-color)
}

.lazy__bg.loaded {
    background-size: contain;
    background-repeat: no-repeat
}

.md\:grid-cols-2 {
    display: flex;
    gap: 6rem;
    justify-content: center
}

.banner-entry {
    background-color: #ffffff00!important;
    width: 452px
}

@media(max-width: 800px) {
    .md\:grid-cols-2 {
        gap:1rem;
        flex-direction: row;
        flex-wrap: wrap
    }

    .banner-entry {
        min-height: 130px;
        width: 47%
    }
}

@media(min-width: 1024px) {
    .banner-entry {
        height:377px
    }
}

.s-button-btn {
    padding-left: 1.1rem;
    padding-right: 1.2rem;
    padding-bottom: .4rem;
    padding-top: .4rem
}

.store-footer .bg-white {
    background-color: #e8c75166
}

.banner--fixed img {
    border-radius: 0;
    margin-top: 0;
    background: 0 0
}

.index>div.app-inner.flex.flex-col.min-h-full>section:nth-child(3) {
    background: #f9ecd700
}

@media only screen and (min-width: 1024px) {
    .main-menu .has-children.root-level>a:after {
        color:#fff;
        opacity: 1
    }
}

body,section.section {
   /* background-image: url(https://cdn.salla.sa/form-builder/bOWu6TetAmRdk3IbtIMKSij1nVUtks5K9ilSEK6V.png)!important; 
    background-size: 50%!important; */
    background-color: #fff;
}
/*
@media(max-width: 480px) {
    body,section.section {
        background-size:90%!important;
    }
}
*/
.s-product-card-content-footer .s-button-primary-outline {
    display: block;
    border: 1px solid var(--color-main)!important;
    background: linear-gradient(45deg,var(--main-color) 50%,#8babd6);
    padding-bottom: 8px;
    padding-top: 0;
    margin: auto;
    margin-bottom: 10px;
    font-weight: 700;
    border-radius: 10px!important;
    text-align: center;
    color: #fff!important;
    border: transparent solid 1px;
    height: 35px!important;
    width: 100%
}

.section-products .container {
    background: #ffffff7a!important;
    border: 1px solid #fff!important
}

.topnav-is-dark .top-navbar {
    display: none
}

.store-header {
}

.carousel-slider .swiper-wrapper>div {
    /* width: 57%!important;*/
    box-shadow: 0 2px 10px -3px #c8c8c8;
    border-radius: 10px
}

.swiper-wrapper {
    margin-bottom: 10px
}

.section-products .container {
    background: #ffffff7a!important;
    border: 1px solid #fff!important
}

#best-offers-1-slider,#best-offers-2-slider,#best-offers-3-slider,#best-offers-4-slider,#best-offers-5-slider,#best-offers-6-slider,#best-offers-7-slider,#best-offers-8-slider,#best-offers-9-slider {
    background: #ffffff7a!important;
    border: 1px solid #fff!important;
    padding-top: 1rem;
    border-radius: 10px;
    padding-bottom: 5px
}

@media(min-width: 1280px) {
    .container {
        max-width:1170px
    }
}

.header-btn__icon {
    font-size: 1rem
}

i.header-btn__icon {
    border: 0;
    background-color: var(--second-color)
}

.s-cart-summary-total {
    display: none
}

@media(max-width: 992px) {
    .sicon-menu:before {
        background-color:var(--second-color);
        border: none
    }
}

/* whatsapp */
#whatsapp-button {
position: fixed;
bottom: 20px;
right: 20px;
border-radius: 50%;
background-color: rgb(48, 191, 57);
color: white;
text-align: center;
line-height: 52px;
font-size: 20px;
cursor: pointer;
width: 50px;
height: 50px;
border-radius: 32.5px;
font-size: 32px;
box-shadow: #0000006b 2px 2px 8px;
transform: rotate(360);
transition: all .2s ease-in-out;
z-index: 99;

}

#wa-widget-send-button {
    display: none
}

.lazy__bg.loaded {
    background-size: contain;
    background-repeat: no-repeat
}

.md\:grid-cols-3 {
    display: flex;
    gap: 2rem;
    justify-content: center;
    flex-wrap: wrap
}

.banner-entry {
    width: 70px;
    height: 193px
}

@media(max-width: 767px) {
    .md\:grid-cols-3 {
        gap:;
        flex-direction: row;
        flex-wrap: wrap
    }

    .banner-entry {
        min-height: 43px;
        width: 38%
    }
}

@media(min-width: 1024px) {
    .banner-entry {
        height: 242px !important;
        width: 260px;
    }
}

.s-block--banners+.s-block--banners {
    margin-top: 0
}

.s-block--features__item:first-child {
    grid-column: 1
}

.s-block--features__item p {
    display: block
}

@media(max-width: 744px) {
    .grid-cols-\[repeat\(2\2c minmax\(0\2c 1fr\)\)\] {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }
}

.s-block--features div {
    width: 100%!important;
    background: #fff!important;
    gap: 0!important;
    color: #1f1f1f!important;
    margin-bottom: 0!important
}

.s-block--features__item h4,.s-block--features__item p {
    visibility: visible!important;
    color: #8a8a8a!important;
    margin-bottom: 0!important
}

.s-block--features__item h4 {
    font-size: 1.4rem;
    font-weight: 300;
    padding-top: 0!important;
    padding-bottom: 1rem!important
}

.s-block--features__item p {
    font-size: 1rem;
    background: linear-gradient(to left,#fff,#e2e2e2)!important;
    padding-bottom: 10px!important;
    align-self: stretch;
    min-height: 50px;
    border-radius: 0 5rem!important
}

.s-block--features__item .feature-icon i {
    color: var(--third-color)!important;
    animation: float 4s ease-in-out infinite;
    transition: all .4s ease
}

.s-block--features div {
    border-radius: 20px
}

.s-block--features__item {
    padding: .5em
}

.s-block--features__item:hover .feature-icon i {
    animation: none
}

.feature-icon i {
    animation: float 3s ease-in-out infinite!important
}

@keyframes float {
    0% {
        transform: translatey(0px)
    }

    50% {
        transform: translatey(18px)
    }

    100% {
        transform: translatey(0px)
    }
}

body.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    position: fixed;
    z-index: 99999;
    transform: scale(0);
    animation-name: pupup;
    animation-duration: 2s;
    background-size: 95px;
    background-repeat: no-repeat;
    background-position: center 3rem
}

@keyframes pupup {
    0% {
        transform: scale(1)
    }

    18% {
        transform: scale(1)
    }

    80% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

body.index:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/vXjVAP/ocrfj895m5t0ubJLs4KE00OxR5iBEdWI8YoaE2jN.png);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20%;
    animation-name: pupup_logo;
    animation-duration: 2s;
    transform: scale(0)rotate(0deg)
}

@media(max-width: 480px) {
    body.index:after {
        background-size:50%
    }
}

@keyframes pupup_logo {
    0% {
        transform: scale(1)rotate(0deg)
    }

    40% {
        transform: scale(1)rotate(0deg)
    }

    80% {
        transform: scale(1)rotate(0deg)
    }

    100% {
        transform: scale(0)rotate(0deg)
    }
}

@media(min-width: 1024px) {
    .lg\:gap-6 {
        gap:1.5rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-around
    }

    .rtl\:lg\:pl-20:where([dir=rtl],[dir=rtl] *) {
        padding-left: 0
    }

    .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: right
    }

    .rtl\:lg\:pl-20 a h3 {
        padding-right: 9em!important
    }
}

.s-product-card-image img.loaded {
    background: #fff
}

.s-slider-block__display-all {
    color: var(--main-color);
    background: var(--second-color);
    padding: 7px 10px;
    border-radius: 30px
}

.carousel-slider .swiper:where([dir=rtl],[dir=rtl] *) {
    padding-left: 3rem;
    padding-top: 20px
}


 @media (min-width: 1280px) {
  .s-block--fixed-banner  .container {
        max-width: 1570px;
    }
}

.s-products-list-vertical-cards {
    grid-template-columns: repeat(1, minmax(0, 1fr))!important;
    gap: 0.625rem;
}

@media (min-width: 1024px) {
    .s-products-list-vertical-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}








/* rtl replace*/

@media(max-width: 480px) {

   .rtl img[src='https://cdn.salla.sa/form-builder/KNRSfitZaqm6aPZTxCwOMNUVIlr07Bds0UCz0oB9.png'] {
        content:url(https://cdn.salla.sa/form-builder/OfZni0S3Sjq6TvLw8NEX3bQFkTmnZetvzlamifh5.png)
    }


   .rtl img[src='https://cdn.salla.sa/form-builder/djSpSCouzBWEiwUtl92YjMiKvwAYlEWaZsJ3uMMH.png'] {
        content:url(https://cdn.salla.sa/form-builder/xmJh2DnEkO6d2CGk5qI7iOm6t3ROt1BWVKr41ABZ.png)
    }
    
    
   .rtl img[src='https://cdn.salla.sa/form-builder/QMEWRk6FbJVqAItdvhLundMhhyyuU1PErYBwVLTk.png'] {
        content:url(https://cdn.salla.sa/form-builder/quQJkdqXwrCuCE3L7wZx6NpOaum3QohqrTKGH3b4.png)
    }
    
      .rtl img[src='https://cdn.salla.sa/form-builder/IXd4nk6A6VyT71Wo3MoPIdFaOvJ7xtf0PdJhDIHa.png'] {
        content:url(https://cdn.salla.sa/form-builder/lGpZ2HJUF8nwUmTtFfLQmJ5x9PHBYsVVaPkJMTQF.png)
    } 
    
}


/* ltr replace*/

  .ltr img[src='https://cdn.salla.sa/form-builder/KNRSfitZaqm6aPZTxCwOMNUVIlr07Bds0UCz0oB9.png'] {
        content:url(https://cdn.salla.sa/form-builder/dfo3ctPSmXfkTHJYjPjsoK7y9E1y4Y5Md0NKEsKI.png);
    }
    
  .ltr img[src='https://cdn.salla.sa/form-builder/djSpSCouzBWEiwUtl92YjMiKvwAYlEWaZsJ3uMMH.png'] {
        content:url(https://cdn.salla.sa/form-builder/BTHS7fe5vseY65T5523hgIN7e042IQR6oRWLQQLX.png);
    }
    
    
  .ltr img[src='https://cdn.salla.sa/form-builder/QMEWRk6FbJVqAItdvhLundMhhyyuU1PErYBwVLTk.png'] {
        content:url(https://cdn.salla.sa/form-builder/vRhCilrtIL0p15gSEFWv8v0gYBmOzObAO3Vx8onJ.png);
    }
    
    
      .ltr img[src='https://cdn.salla.sa/form-builder/IXd4nk6A6VyT71Wo3MoPIdFaOvJ7xtf0PdJhDIHa.png'] {
        content:url(https://cdn.salla.sa/form-builder/CxfwUiE93nuaRkItVY4JqRgW4ci6zEv5Qr7dKS7z.png);
    }



/* ltr replace for phone*/
@media(max-width: 480px) {

.ltr img[src='https://cdn.salla.sa/form-builder/KNRSfitZaqm6aPZTxCwOMNUVIlr07Bds0UCz0oB9.png'] {
        content:url(https://cdn.salla.sa/form-builder/5XWfarr2xL4YRv1Tc6eIm3F8GWQKGpTcKvyLO0vT.png);
    }
    
    
    .ltr img[src='https://cdn.salla.sa/form-builder/djSpSCouzBWEiwUtl92YjMiKvwAYlEWaZsJ3uMMH.png'] {
        content:url(https://cdn.salla.sa/form-builder/fXk2w3taCERfTlAZuWMVLuptaKYCMRzZIvxntfJ0.png);
    }
    
        .ltr img[src='https://cdn.salla.sa/form-builder/QMEWRk6FbJVqAItdvhLundMhhyyuU1PErYBwVLTk.png'] {
        content:url(https://cdn.salla.sa/form-builder/Qg8mupknlW1yhpiYfzeGHJsyDIbkOqS1hmaSBAsV.png);
    }
    
         .ltr img[src='https://cdn.salla.sa/form-builder/IXd4nk6A6VyT71Wo3MoPIdFaOvJ7xtf0PdJhDIHa.png'] {
        content:url(https://cdn.salla.sa/form-builder/2HC0v5vJ6UwWdExecWCSZ6mMdpYcvjPY0VRfSNZ3.png);
    }

}

/* الأقسام الرئيسية */
.ltr div[data-bg="https://cdn.salla.sa/form-builder/VKbQsqDB7v82sPoRiwZEyRUxRFiNMkYWkHpgmchf.png"] {
    background-image: url(https://cdn.salla.sa/form-builder/QdnBg29B0pu4moP2umpWEgOm2BEN5GcPzxmgiaLB.png)!important
}


.ltr div[data-bg="https://cdn.salla.sa/form-builder/HIq0CBUOyYrFNkYiHqx3jS8S6UIHgENEeO5EKHyL.png"] {
    background-image: url(https://cdn.salla.sa/form-builder/pI1TcH8IqCEJwXfcsDwTWlHX7sgi3nHN6y9AbXkD.png)!important
}

.ltr div[data-bg="https://cdn.salla.sa/form-builder/7TZ9KmlntTal8STX7ZOf1nRzOdzQ9wy64dcz4s4U.png"] {
    background-image: url(https://cdn.salla.sa/form-builder/mpjxkOThXZ9YbiSZPPyJ3z9kEGVly7Kl2TEn9IfW.png)!important
}

.ltr div[data-bg="https://cdn.salla.sa/form-builder/4DOOs188r7n2w98vSYKBr8ld7G0NjJyeB4bIGo4U.png"] {
    background-image: url(https://cdn.salla.sa/form-builder/ypuA9BdK66IUtgj9Omco1Tn8dp35B3aXbREpgSyo.png)!important
}




 .store-footer__inner .flex > .load-img-onclick > div {
 
 visibility: hidden;
 
 
 }
 
 
 .store-footer__inner::after{
    content: url(https://cdn.salla.sa/form-builder/9PkE83TSckgzc0ErwxzWrYW6nWvh0AsaHjYJv3ix.png);
   scale:0.3;

    position:absolute;
bottom:60px;
left:-110px;
}