/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 

/*Edit categories slider images*/
.index salla-slider .swiper-wrapper{
     padding:15px 0;
   
}
.index salla-slider .swiper-wrapper .swiper-slide{
     transition:all .4s ease-in-out;
}
.index .s-block--categories salla-slider .swiper-wrapper .swiper-slide a{ background: #FFF;  border:2px solid transparent; padding: 0; 
   border-radius: 15px;  transition:all .4s ease-in-out;}
.index .s-block--categories salla-slider .swiper-wrapper .swiper-slide:hover{     
    transform:translateY(-10px);
}
.index .s-block--categories salla-slider .swiper-wrapper .swiper-slide a img{
    border-radius: 50%;
    /* border: 2px solid #4aba57; */
    width: 90px;
    height: 90px;
    padding: 5px;
    box-shadow: 0 0 17px #f1eaea;
}
.index .s-block--categories salla-slider .swiper-wrapper .swiper-slide a:hover{
    background:#FFF;
    box-shadow: none;
    border:2px solid #4aba57;
    
} 
button.s-slider-prev.s-slider-nav-arrow,
button.s-slider-next.s-slider-nav-arrow {
    background: #4aba57;
    color: #FFF;
}
button.s-slider-prev.s-slider-nav-arrow svg ,
button.s-slider-next.s-slider-nav-arrow svg {
    fill: #FFF;
}
button.s-slider-prev.s-slider-nav-arrow:hover svg,
button.s-slider-next.s-slider-nav-arrow:hover svg {
    fill: #FFF;
}
@media(max-width:500px){
    section.s-block.s-block--categories .container {
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}
section.s-block.s-block--categories .container  .swiper-slide {
    width: calc(50% - 10px);
    margin-bottom:20px;
}
.index .s-block--categories .container .swiper-slide a{ background: #FFF;  border:2px solid transparent; padding: 0; 
   border-radius: 15px;  transition:all .4s ease-in-out;}
.index .s-block--categories salla-slider .swiper-wrapper .swiper-slide:hover{     
    transform:translateY(-10px);
}
.index .s-block--categories  .container .swiper-slide a img{
    border-radius: 50%;
    /* border: 2px solid #4aba57; */
    width: 90px;
    height: 90px;
    padding: 5px;
    box-shadow: 0 0 17px #f1eaea;
}
.index .s-block--categories  .container .swiper-slide a:hover{
    background:#FFF;
    box-shadow: none;
    border:2px solid #4aba57;
    
} 
}
/*
**
***Start *Edit product Card
**
**
*/
.s-products-list-wrapper.s-products-list-vertical-cards {
    padding: 20px 0;
}
custom-salla-product-card {
    padding: 10px;
    border-radius: 16px 16px 65px 16px !important;
    box-shadow: 0 9px 12px #eaeaeab8;
    transition:all .4s ease-in-out !important;

}
custom-salla-product-card:hover{
transform:translatey(-10px);

}
.s-product-card-image {
    border-radius: 12px;
    overflow: hidden;
}    
.s-product-card-promotion-title {
    top: 10px;
    right: 10px;
    left: auto;
    border-radius: 3px;
    padding: 5px 15px;
    background: #e00606;
    color: #272a32;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 600;
    max-width: 75%;
    clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
}




.s-product-card-image::before {
    position: absolute;
    top: 71%;
    left: -200%;
    display: block;
    content: var(--tw-content);
    background: linear-gradient(45deg, #ffffff36, transparent);
    width: 1000px;
    transform: rotate(37deg);
    height: 40px;
    visibility: visible;
    opacity: 1;
    z-index: 9;
    transition:all .4s ease-in-out !important;
} 
.s-product-card-image::after {
    position: absolute;
    top: 71%;
    left: 300%;
    display: block;
    content: var(--tw-content);
    background: linear-gradient(45deg, #ffffff36, transparent);
    width: 1000px;
    transform: rotate(37deg);
    height: 40px;
    visibility: visible;
    opacity: 1;
    z-index: 9;
     transition:all .6s ease-in-out !important;
}    


custom-salla-product-card:hover .s-product-card-image::after{
        left: -300%;


}
salla-add-product-button  .s-button-text span{
       transition: all .5s linear;
 }

salla-add-product-button .s-button-text i{
       transition: all .3s linear;
           display: inline-block;


}
salla-add-product-button:hover  .s-button-text i{ 
    display: inline-block;
    transform: translate(-37px,2px) !important;

}
salla-add-product-button:hover  .s-button-text span{ 
       transition: all .3s linear;
       opacity:0;

    visibility:hidden;

}
@keyframe display_none{
    0%{
       display:block;
    }
    100%{
        display:none;
    }
    
}
custom-salla-product-card.s-product-card-horizontal .s-product-card-image {
    border-radius: 0 0 55px 0;
}
/*End Edit product card*/


/*Edit Product Slider*/

.swiper.s-slider-container {
    padding: 20px 0;
}




/*Change cart icon*/
custom-salla-product-card .sicon-shopping-bag:before{
content: "\ea70";


}


/*Edit Product Slider*/

.swiper.s-slider-container {
    padding: 20px 0;
}







/*Edit Footer background*/
.store-footer {
background-image: linear-gradient(30deg, #4aba578a 0%, #4aba57 100%), url(https://cdn.salla.sa/form-builder/HFDbh4VzsgQZBhAs6tnBSEPaqB8OBVGYeAU0ZA5v.jpg);
      background-attachment: fixed;
    background-size: cover;
    border-radius: 70px 70px 0 0;

}
.store-footer__inner {
  
   background: transparent;

}
/*Edit Footer Background*





/*Start Blog page Style*/
 .blog-index nav#filters-menu,.blog-index-category nav#filters-menu { background-color: #FFF; padding: 25px 10px; border-radius: 16px; box-shadow: 0 0 17px #EEE;  height: max-content; text-align:center}
 
  .blog-index .main-content, .blog-index-category .main-content { background-color: #FFF; padding: 25px 25px; border-radius: 16px; box-shadow: 0 0 17px #EEE;    }
@media (max-width:768px){
    .blog-index .main-content, .blog-index-category .main-content { background-color: #FFF; padding:10px; border-radius: 16px; box-shadow: 0 0 17px #EEE;    }
}
 
 
  .blog-index nav#filters-menu ul li a, .blog-index-category nav#filters-menu ul li a{
   background: #6b98710d;
    padding:15px;
    margin-bottom: 20px;
    border-radius: 56px;
    font-size:20px;
    transition:all .4s ease-in-out;
    position:relative;
  }
  
  .blog-index nav#filters-menu ul li::after, .blog-index-category nav#filters-menu ul li::after{
   content:"url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M0 15V5H2V11.6L13.6 0L15 1.4L3.4 13H10V15H0Z" fill="%234ABA57"/></svg>')"
 position:absolute;
 top:0;  
}  
    .blog-index nav#filters-menu ul li a:hover, .blog-index-category nav#filters-menu ul li a:hover{
   background: var(--color-primary);
   color:#FFF !important;
  }
  
  .list-block.post-entry {
    padding: 10px;
    /* background: #4aba573b; */
    box-shadow: 0 0 17px #e5e2e2d1;
    border-radius: 22px;
    border: 1px solid var(--color-primary);
}
  .list-block.post-entry img{
    border-radius: 12px;
}
.swiper.s-slider-container {
    padding: 0 !important;
}
.blog-slider .swiper-slide img {
    height: 450px !important;
    max-height: 680px;
}
#blog-home-slider .swiper-slide{
    border-radius:10px;
    overflow: hidden;
}
/*End Blog Page Style*/



/*Start Whatsapp icon */

.whatsapp-icon {
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #57bb63;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99999;
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px #57bb63;
  }
  100% {
    box-shadow: 0 0 0 15px #57bb6300;
  }
}
.whatsapp-icon img{
    transition: all .3s ease-in-out;
}
.whatsapp-icon img:hover{
    transform: scale(1.1);
}

/*End  Whatsapp icon */



/*Edit product details page*/

v.product-single .swiper-wrapper {height:500px }
.product-single .swiper-wrapper img {height:500px;
    object-fit: cover;
}
.product-single .swiper-wrapper.s-slider-swiper-wrapper{
     padding:0 0 30px 0;
}