/* Add custom CSS styles below */
:root {
    --font-main: 'cairo';
    --font-secondary: 'cairo';
    --color-primary: #ed1c24;
    --color-primary-dark: #c70000;
    --color-primary-light: #ff424a;
    --color-primary-reverse: #ffe8f0;
  }
 


#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(14) > div > div > div > h2 {
  color: #fff;
}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(14) > div > div > div > p {
  color: #ffffffad;
}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(7) {
  margin-top: -10%;
  }
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(16) {
   margin-top: -10%;
  }
.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(157 157 157);
}
h4.has-num.text-center.text-base.md\:text-lg.da-tm {
    color: #fff;
}
i.sicon-chat-person-alt.text-4xl.md\:text-5xl.text-primary {
    color: #FFC638;
}
i.sicon-gold-badge.text-4xl.md\:text-5xl.text-primary {
    color: #FFC638;
}
i.sicon-star.text-4xl.md\:text-5xl.text-primary {
    color: #FFC638;
}
h2.w-full.da-cp.text-center {
    color: #fff;
}
p.w-full.text-center.\!p-0.text-gray-400.da-ts {
    color: #bdbdbd;
}
.bg-gray-100 {
    background-color: rgb(255 255 255);
    border: solid 1.5px #B10016;
}

.bg-white {
    background-color: rgb(255 255 255);
    color: #000000;
}
#squares-8 .swiper-wrapper {
  display: flex;
  justify-content: center;
}
.s-product-card-content-footer salla-add-product-button .s-button-outline {
    border-color: var(--color-primary);
    background: #FB0B2A;
    color: #000;
}
.s-block__title h2 {
        font-size: 24px;
        font-size: var(--title-size-desktop, 1.75rem);
        align-items: center !important;
        justify-content: center !important;
        display: flex;
    }
.s-slider-block__title h2 {
    font-size: 24px;
}
    .carousel-slider .s-slider-block__title-nav {
        display: none;
    }
    .s-slider-block__title {
        margin-bottom: 2rem;
        display: flex;
        justify-content: center;
    }
.s-slider-block__title-right:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0px;
}
.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0px !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--faqs > div > div.s-block__title > div > h2 {
color: #000;
}
.p--features__item.flex.flex-center.gap-2.px-2.py-3.bg-white.da-bgg.rounded-md {
    background: unset;
    border: solid 1.5px #ed1c24;
}
li.pay-mada,
li.pay-mastercard,
li.pay-visa,
li.pay-stc_pay,
li.pay-apple_pay,
li.pay-mahally_customer_wallet,
li.pay-cod {
    background-color: #ffffff !important; 
    border: solid 1.5px #ed1c24;

    
}

li.pay-mahally_customer_wallet.w-12.h-7.bg-white.rounded.flex.items-center.p-1 {
    display: none;
}

.s-cart-summary-total {
    color: #000;
}
i.sicon-add.text-base.text-black.da-tm {
    color: #000;
}
i.sicon-user.text-base.text-black.da-tm {
    color: #000;
}
.carousel-slider .swiper:where([dir=rtl],[dir=rtl] *), salla-slider[type]:not(.hydrated) .swiper>div>div:where([dir=rtl],[dir=rtl] *), salla-slider[type]:not(.hydrated)>div:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0rem;
}

.carousel-slider .swiper, salla-slider[type]:not(.hydrated) .swiper>div>div, salla-slider[type]:not(.hydrated)>div {
    display: flex;
    margin-left: 0.375rem;
    margin-right: 0.375rem;
}