/* Add custom CSS styles below */ 
#app.hide-search-header .hdr-srch {
    display: inline-block !important;
}
.line-through{
    color: #f50505 !important;    
    font-size: 16px !important;
}
footer .w-12 {
    width: 5rem !important;
}
i.header-menu-icon.flex.py-5.sicon-indent.text-primary.text-xl.lg\:text-2xl.rtl\:ml-2.ltr\:mr-2:after {
    content: "الأقسام" !important;
    font-family: 'Cairo' !important;
    font-size: 13px !important;
    font-weight: bold;
    padding-right: 4px !important;
    padding-top: 3px !important;
}
#app.product-card-bg-on custom-salla-product-card {
    background-color: #fff !important;
}
footer .grid-cols-3 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.floating-contact-widget,
#mainnav > div > div > div > div.header-innerRight.flex.items-center > button.search-btn.header-btn.hdr-srch.hdr-srch-right.\!hidden.text-primary.text-xl.lg\:text-2xl,#app > div.app-inner.flex.flex-col.min-h-full > header > div.top-navbar.bg-inherit.text-inherit > div > div.flex-1.flex.items-center.rtl\:space-x-reverse.space-x-2 > div > salla-search > div > div > div.s-search-input-wrapper > input {
    display: none !important;
}
salla-slider.photos-slider .swiper-slide 
{ margin-left: 0PX !important; margin-right: 0px !important; }
.s-block.s-block--photos-slider 
{ margin-top: 0px !important; }

salla-slider.photos-slider .swiper-slide 
{  width: 100% !important; }
@media only screen and (max-width: 600px) {
#app.hide-search-header .hdr-srch {
    display: none !important;
}
salla-slider.photos-slider .swiper {
padding:0px !important;
}
}