/* Add custom CSS styles below */ 
/custom css by ddandesign/

body{
background-image: url(https://i.postimg.cc/vHWkk9G3/9-A8-E69-D9-E5-CB-45-D0-A924-A829674-C9-E69.png);
background-size: contain;
}

.product.cover{
background: none !important ;} 

.product::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    height: 70%;
    width: 100%;
    background: #f2cbc9;
    border: 1px solid #FAF0EE;
    border-radius: 20px;
   box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    transform: translateY(-97%);
    z-index: -1;
}




.product:hover {
    box-shadow: unset !important;
}

body.salla-theme_1 .product .product-footer {
    border-top: 0;
}


/store background/


div.main-slider.slick-initialized.slick-slider.slick-dotted, html > body > section:nth-child(14) > div, html > body > section:nth-child(14) > div > div{
background-image: url(https://i.postimg.cc/vHWkk9G3/9-A8-E69-D9-E5-CB-45-D0-A924-A829674-C9-E69.png);
background-size: contain;
}

/* S change banner size*/
/بديلك الارخص/
img[src="https://cdn.salla.sa/form-builder/oU3ikYNZPRYk6gKkUGVMzuoGojaZ0HDSDiZfqMlp.png"]{
content: url(https://i.postimg.cc/BnKCP15Q/8477-F506-0834-410-D-9-E86-A8244-E142442.png);
}

img[src="https://cdn.salla.sa/form-builder/QGcDI8piTSSoYUenl52vkVpd4KawBWh1hx98nhWX.png"]{
content: url(https://i.postimg.cc/vBc4MW9s/88-B3057-C-3-BDA-423-B-8-ABC-2-D2388-FF225-A.png);
}
/* E change banner size*/


/another home/ 

div.container{
background: none !important;}
.section-products .container{
background: none !important;
box-shadow: none !important;
border: 0px solid black;
}
/price color/
span.product-price{
color: #fff;
}
/price before color/
span.price-before{
color: #999;
}
/titles/
.section-header .section--title span{
background: #f2cbc9;
border-radius: 20px 20px 0px 20px;
}

/* ====start header===== */
.site-header{
background: #f2cbc9;
height: 80px;
border-radius: 0px 0px 25px 25px;
box-shadow: none;
} 
/center circle of serach, login &cart/
.circle-action{
vertical-align: middle;
} 
/change header icons/
html > body > header > div > div > div:nth-child(1) > a > svg > path,
html > body > header > div > div > div:nth-child(3) > a:nth-child(4) > span:nth-child(1){
opacity: 0;
border: none;
}
html > body > header > div > div > div:nth-child(1) > a{
background-image: url(https://i.postimg.cc/FscBg7qP/2.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
a.circle-action.site-header__cart{
background-image: url(https://i.postimg.cc/52SKTDfL/8.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
border: none;
border-radius: 0px;
}


button.circle-action.ml-md-2.toggle-search{
background-image: url(https://i.postimg.cc/Ls4Qpvs7/9.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
border: none;
border-radius: 0px;
}
span.sicon-search{
opacity: 0;
}
/notification icon/ 
i#bell{
opacity: 0;
}

div.circle-action.dropdown-toggle.notification-header-icon{
background-image: url(https://i.postimg.cc/rFGT4C0Q/06-B8-A035-BF83-446-C-8084-80655-C37487-F.png);
background-size: 32px;
background-repeat: no-repeat;
background-position: center;
border: none;
}
/remove person icone/
a.login-link.circle-action {  
display: none;  
} 
/ايقونة تسجيل الدخول في شاشات الكبيرة/
html > body > header > div > div > div:nth-child(3) > a:nth-child(2), a.circle-action.dropdown-toggle{
background-image: url(https://i.postimg.cc/zfCTZQVT/38-E11-C50-F6-D7-4-AC8-97-DA-B93115-C39-E89.png);
background-size: 42px;
background-repeat: no-repeat;
background-position: center;
border: none;
}
span.sicon-user{
opacity: 0;
}

/* justify logo */
@media only screen and (max-width: 991px){
html > body > header > div > div > div:nth-child(1) > h1 > a, div.logo{
opacity: 0;
}
.site-header{
background-image: url(https://i.postimg.cc/Th8dFHCd/IMG-3245.png);
background-size: 65px;
background-repeat: no-repeat;
background-position: center top;
}}
/====endheader===*/

/==start cateogries====/

div.category-featured.category-featured--no-label{
border-radius: 25px;
}
/الاقسام في الشاشات الكبيرة/
@media (min-width: 992px) {
html > body > section:nth-child(7) > div > div{
display: flex;
}
}
/*product add to cart/
.product-add{
background-color: transparent;

background-image: url(https://i.postimg.cc/NMWhYcVV/CA38-F808-2-AE6-4-BA9-9023-86-E1832336-CE.png);
background-size: 38px;
background-repeat: no-repeat;
background-position: center;

}
span.sicon-cart{
opacity: 0;
}

/end product/

/*start feature*/
.feature-item__content {  background: none;  box-shadow: none;  border: none;  } 

div.feature-item__icon {  width: 200px;  border-radius: 14px;  } 
i.sicon-packed-box, i.sicon-shipping-fast, i.sicon-fire{
opacity: 0;
}
/ضمان لمدة سنة/
html > body > section:nth-child(14) > div > div > div:nth-child(1) > div > div{
background-image: url(https://i.postimg.cc/zvzRXJvS/74.gif);  
background-size: 60px;
background-repeat: no-repeat;
background-position: center top;
}
/توصيل سريع/
html > body > section:nth-child(14) > div > div > div:nth-child(2) > div > div{
background-image: url(https://i.postimg.cc/t4s8fpBf/74.gif);  
background-size: 70px;
background-repeat: no-repeat;
background-position: center top;
}
/اسعار تنافسية/
html > body > section:nth-child(14) > div > div > div:nth-child(3) > div > div{
background-image: url(https://i.postimg.cc/FsKCqHVN/74.gif);  
background-size: 60px;
background-repeat: no-repeat;
background-position: center top;
}

/end features/


/*start footer*/

footer > div.footer-sub.text-center > div > div > div > p.mb-md-0::after {  
content: "Designed by: ddandesign";  
display: block;  
color: rgba(255, 255, 255, 0.67);  
font-size: 10px;  
} 

div.footer-main{
background: #f2cbc9;
border-radius: 25px 25px 0px 0px;
box-shadow: none;
color: #fff;
text-align: center;
font-weight: normal;
} 
/center whatsapp and email/
.store-contact{
color: #fff !important;
text-align: center;
}
/whatsapp email color/ 
html > body > footer > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(3) > a:nth-child(1), html > body > footer > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(3) > a:nth-child(2){
color: #fff;
}
.footer-title{
color: #fff !important;
}
.footer-links li a, .footer-item p a {
color: rgb(255, 255, 255) !important;  
  } 
  @media only screen and (max-width: 768px) {
  /من نحن/
  html > body > footer > div:nth-child(2) > div > div > div:nth-child(1) > h2 > span{
opacity: 0;
}
/maroof/
div.store-certificate {  background-image: url("https://i.postimg.cc/ydPt0K1R/7229-D7-C3-F6-FC-4-B3-E-BDD7-96-D2-B38-F6-C35.png");  background-size: 200px;  padding: 20px;  background-position: center;  background-repeat: no-repeat;  }

  /add logo to footer top/
html > body > footer > div:nth-child(2) > div > div > div:nth-child(1) > h2{
background-image: url(https://i.postimg.cc/Th8dFHCd/IMG-3245.png);background-size: 90px;background-position: center;background-repeat: no-repeat;padding: 30px;}

html > body > footer > div:nth-child(2) > div > div > div:nth-child(1) > div:nth-child(5) > a{
opacity: 0;
}}

.social__item a{
color: #fff;
border-color: #fff;
}
/payment method/ 
html > body > footer > div:nth-child(1) > div > div{
opacity: 0;
}
div.footer-header{
background: none;
background-image: url(https://i.postimg.cc/PJS33C6f/5686-DFF0-0154-4567-99-D1-CA8369-F92-B8-C.png);
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center;
}

/main menu*/
.sub-nav-header img {  content: url("https://i.postimg.cc/Th8dFHCd/IMG-3245.png");  border: none;
} 

  @media only screen and (max-width: 991px){
div.sub-nav-content.is-active{
border-radius: 40px 0px 0px 40px;
background: #f2cbc9;

}}




    
body:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    z-index: 999999;
    transform:scale(0);

    animation-name: pupup;
    animation-duration: 1s;
}

@keyframes pupup{
    0% {
transform:scale(1);
    }    
    18% {
transform:scale(1);
    }    
    80% {
transform:scale(1);
    }
    100% {
transform:scale(0);
    }
}

body:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background: url(https://i.postimg.cc/NfBTzppq/FAC58-DD2-6634-4496-A6-F0-DE99-D19-EC802.png);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 160px;
    transform:scale(0);
        animation-name: pupup_logo;
    animation-duration: 1s;
}


@keyframes pupup_logo{
    0% {
transform:scale(0);
    }    
    18% {
transform:scale(1);
    }    
    75% {
transform:scale(1);
    }
   95% {
transform:scale(0);
    }
       100% {
transform:scale(0);
    }