/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700;800&display=swap');
body *:not(i, span, img) {
font-family: 'Almarai' !important ;
}
body.index > div.app-inner> section:nth-child(3) {
    margin-top: 0px !important;
}
body.index > div.app-inner> section:nth-child(3) > div.container {
    padding: 0px !important;
    width: 100%;
    max-width: 100%;
}
.banner--fixed img {
border-radius: 0px !important ;
background-color: transparent  !important;
}
.s-product-card-entry {
    border-radius: 25px !important;
    text-align: center;
    box-shadow: -5px -5px 9px rgba(255,255,255,.45),5px 5px 9px rgba(94,104,121,.3)!important;
}
.s-product-card-content-sub {
    justify-content: center;
}
salla-products-slider.s-products-slider-wrapper .swiper {
    padding-bottom: 20px !important;
}
.topnav-is-dark .top-navbar {background-color: black !important ;}
i.header-btn__icon.sicon-user-circle,
i.header-btn__icon.icon.sicon-shopping-bag,
i.sicon-menu {
    background: black;
    color: white;
    border: 0px;
        box-shadow: -5px -5px 9px rgba(255,255,255,.45),5px 5px 9px rgba(94,104,121,.3)!important;
}
i.sicon-menu {padding: 8px !important ; border-radius: 50%;}
@media (min-width: 1024px) {
.main-menu li.root-level>a {
    background: black;
    padding: 15px !important;
    color: white !important;
    margin-left: 15px;
    border-radius: 30px;
    box-shadow: -5px -5px 9px rgba(255,255,255,.45),5px 5px 9px rgba(94,104,121,.3)!important;
}
ul.main-menu.mm-spn--open {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin: 4px auto; */
    padding-top: 1rem !important ;
    padding-bottom: 1rem !important;
}
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background: black !important;
    color: white !important;
    border-radius: 30px !important;
    box-shadow: -5px -5px 9px rgba(255,255,255,.45),5px 5px 9px rgba(94,104,121,.3)!important;
    border: 0px !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder .container {
    padding: 0px !important;
    width: 100%;
    max-width: unset;
}
.store-footer__inner {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
    background-color: transparent  !important ;
}
@media (max-width: 992px ) {
.store-footer__inner * {
text-align: center !important ;
justify-content: center !important ;
}
}
footer.store-footer {
    width: 97%;
    margin: auto;
    border-radius: 40px 40px 0px 0px !important;
    overflow: hidden;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1113%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(18%2c 18%2c 18%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c444.34C95.643%2c432.051%2c200.85%2c490.819%2c283.409%2c440.994C366.163%2c391.051%2c376.3%2c278.061%2c419.11%2c191.401C463.522%2c101.498%2c544.452%2c22.576%2c539.583%2c-77.58C534.608%2c-179.906%2c456.457%2c-260.129%2c393.239%2c-340.744C326.999%2c-425.212%2c267.248%2c-529.258%2c163.57%2c-557.067C60.283%2c-584.771%2c-44.719%2c-528.283%2c-142.224%2c-484.369C-228.98%2c-445.296%2c-304.838%2c-390.044%2c-367.078%2c-318.075C-429.27%2c-246.161%2c-492.492%2c-166.603%2c-499.06%2c-71.754C-505.48%2c20.957%2c-426.703%2c93.963%2c-401.809%2c183.5C-370.499%2c296.112%2c-432.464%2c456.734%2c-334.426%2c520.377C-236.556%2c583.911%2c-115.733%2c459.21%2c0%2c444.34' fill='%230c0c0c'%3e%3c/path%3e%3cpath d='M1440 1081.62C1570.819 1094.452 1708.5720000000001 1221.018 1820.016 1151.316 1931.054 1081.868 1886.785 906.271 1922.031 780.136 1950.766 677.3 1998.871 584.702 2008.0700000000002 478.324 2019.4589999999998 346.616 2051.118 203.13400000000001 1981.652 90.656 1909.905-25.51400000000001 1773.935-96.01400000000001 1639.305-118.76999999999998 1510.826-140.486 1388.8-75.69799999999998 1266.705-30.187999999999988 1153.1100000000001 12.15300000000002 1020.793 37.363000000000056 952.217 137.33300000000003 885.026 235.284 939.812 368.448 913.759 484.33799999999997 884.496 614.505 749.796 729.559 790.517 856.6089999999999 830.65 981.825 980.8109999999999 1038.1390000000001 1105.056 1081.183 1212.733 1118.487 1326.588 1070.495 1440 1081.62' fill='%23181818'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1113'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
    background-position: 50%;
}
a.mb-4.last\:mb-0.flex.items-center.text-sm.leading-none > i,
.store-footer .social-link  {
    background: white !important;
    border: 0px !important;
    color: black !important;
    font-size: 17px !important;
    width: 4rem !important;
}
.s-product-card-fit-height .s-product-card-image {
    height: 11rem;
    max-height: 25rem;
}
.s-product-card-image img {    object-fit: cover !important ;}
section#featured-products-style2-5,
section#featured-products-style2-7 {
    margin-top: 0px !important;
}
@media (max-width: 767px) {
.s-product-card-fit-height .s-product-card-image {
    height: 20rem;
    max-height: 28rem;
}}