/* Add custom CSS styles below */ 
.s-button-element {
    background-color:#c99b3f; 
    color:#fff; 
    border-radius:20px;
    border: none;
}

body.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(10) > div > div > div.feature-icon.has-image {
   
    height: 8rem !important;
    width: 8rem !important;
    border-radius: 50% !important;
    background: #c99b3f!important;
   
}
body.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(10) > div {
    gap:5rem  !important;
       display:flex !important;
    justify-content:center !important;
    align-items:center !important;
}

body.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(10) > div > div {
   border-radius: 0rem !important;
   border-width: 0px !important;
   padding: 0 !important;
   text-align: center;
   box-shadow: 0 0 !important;
   flex-grow: 0 !important;
}
@media(max-width:767px){
body.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(10) > div > div > div.feature-icon.has-image {
   
    height: 6rem !important;
    width: 6rem !important;
  
   
}
body.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section:nth-child(10) > div {
    gap:1rem  !important;
       
}
}
.s-block--special-products-slider img {

    object-fit:contain  !important;

}
.s-products-slider-card.swiper-slide {
    margin-right: 5px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;   margin-top:10px;
    margin-bottom:10px; 
    margin-top:10px;
    border-radius:20px;
}
h2.total-price {
    color:red ;
}