/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700;800&display=swap');
body *:not(i, span) {
font-family: 'Almarai', sans-serif !important ;
}
body{
background-color: white !important ;
}
.banner--fixed img {
    border-radius: 0px !important;
}
body.index > div.app-inner > section:nth-child(3) > .container {
padding: 0px !important ;
width: 100%;
max-width: 100%;
}
body.index > div.app-inner > section:nth-child(3) {
    margin-top: 0px !important;
}
@media (min-width: 992px) {
body.index > div.app-inner > section:nth-child(3) {
    margin-top: -140px !important;
}

.top-navbar {
    z-index: 9;
    position: relative;
}
}

i.header-btn__icon.sicon-user-circle,
i.header-btn__icon.icon.sicon-shopping-bag,
i.sicon-menu {
    background: #783898;
    border: 0px !important;
    color: white;
    box-shadow: 0 0 10px #8c77a9a8;
}
i.sicon-menu {
border-radius: 50% !important ;
padding: 8px !important ;
}
.topnav-is-dark .top-navbar {
    background-color: #441b58 !important;
}
.main-menu #offers a {
    color: black !important ;
}
body.index > div.app-inner > section.s-block.s-block--banners.container > div {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    grid-template-rows: 1fr 1fr !important;
}
body.index > div.app-inner > section.s-block.s-block--banners.container > div > a.banner-entry:nth-child(1) {
    grid-row: span 1/span 1 !important ;
}
body.index > div.app-inner > section.s-block.s-block--banners.container > div > a.banner-entry {
background-color:transparent !important;
}
@media (min-width: 767px) {
body.index > div.app-inner > section.s-block.s-block--banners.container > div > a.banner-entry {
    height: 258px !important ;
}
}
@media (max-width: 767px) {
body.index > div.app-inner > section.s-block.s-block--banners.container > div > a.banner-entry {
    height: 90px !important ;
}
}
body.index > div.app-inner > section.s-block.s-block--banners.container > div > a.banner-entry > div {
background-size: contain  !important ;
background-repeat: no-repeat !important ;
}
.section--title, .s-slider-block__title h2, .s-block__title h2, .s-slider-block__title h2 {
    text-transform: uppercase;
    background-image: linear-gradient( -225deg, #2c2056 0%, #541a99 29%, #b62626 67%, white 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    display: inline-block;
    font-weight: 800;
}
@keyframes textclip {
    100% {
        background-position: 200% center;
    }
}
.s-product-card-image {
    background-color: transparent !important;
}
.s-product-card-entry {
    box-shadow: -5px -5px 9px rgba(255,255,255,.45),4px 4px 9px rgba(94,104,121,.3)!important;
    border-radius: 25px !important;
}
salla-products-slider .swiper {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
 .s-product-card-wishlist-btn {
     box-shadow: -5px -5px 9px rgba(255,255,255,.45),4px 4px 9px rgba(94,104,121,.3)!important;
 }
 button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    border-radius: 30px !important;
    background: linear-gradient(to top, #783898, #5898a8) !important;
    border: 0px !important;
    box-shadow: -5px -5px 9px rgba(255,255,255,.45),4px 4px 9px rgba(94,104,121,.3)!important;
    color: white !important;
}
.s-block--features__item {
border-radius: 25px !important;
    box-shadow: -5px -5px 9px rgba(255,255,255,.45),4px 4px 9px rgba(94,104,121,.3)!important;
}
.s-block--features__item p {display: none !important ;}
i.sicon-store2 {
    content: url("https://i.postimg.cc/Hsb7JdfV/Group-14.png");
    width: 100%;
}
.s-block--features__item .feature-icon {
width: 5rem !important;
height: 5rem !important ;
}
i.sicon-shipping-fast {
    content: url("https://i.postimg.cc/mrpcxDF6/Group-15.png");
    width: 100%;
}
i.sicon-fire {
    content: url("https://i.postimg.cc/cJCHcS57/Group-16.png");
    width: 100%;
}
.s-product-card-content-title a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s-product-card-content-sub {
justify-content: center !important ;
}
.store-footer__inner {
    background: linear-gradient(45deg, #783898, #5898a8) !important;
}
.bg-white.py-2\.5.mb-5.rounded-md.inline-flex.text-sm {
    display: none !important;
}