@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=El+Messiri:wght@400..700&family=Mirza:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@100..900&family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap');


:root {
    --font-main: "Alexandria", serif;
    --font-secondary: "Alexandria", serif;
    }


body {
    font-family: "Alexandria", serif;
    font-weight: 300;
    line-height: 1.6;
    color: #333;
}





.s-product-card-sale-price h4 {
    background: rgb(var(--colour-commercial-message-bti-yellow,255,219,0));
    box-shadow: .08em .08em 0 rgb(var(--colour-commercial-message-bti-red,204,0,8));
    color: rgb(var(--colour-static-black,17,17,17));
    display: inline-block;
    font-style: normal;
    padding: .2em .3em;
}


.s-product-card-entry {
border: none;
}

.s-product-card-content-footer.rounded-lg button {
background: transparent;
border: none;
color: var(--color-primary);
    box-shadow: 1px 1px 1px var(--color-primary);
}

.is-sticky-product-bar .sticky-product-bar salla-add-product-button button[quick-buy] {
    background: transparent;
    border: none;
    color: var(--color-primary);
    box-shadow: 1px 1px 1px var(--color-primary);
}

.text-red-400 {
    background: rgb(var(--colour-commercial-message-bti-yellow,255,219,0));
    box-shadow: .08em .08em 0 rgb(var(--colour-commercial-message-bti-red,204,0,8));
    color: rgb(var(--colour-static-black,17,17,17));
    display: inline-block;
    font-style: normal;
    padding: .2em .3em;
}

.main-nav-container.fixed-pinned .inner {
opacity: 1;
    background: transparent;
    backdrop-filter: blur(40px);
}


.s-product-card-promotion-title {
    text-wrap: nowrap;
    font-weight: bold !important;
    background-color: #ee193b!important;
    color: #fff;
    letter-spacing: 0.05em;
    text-align: center;
    border-radius: 0px !important;
    line-height: 1.4;
    margin: 2px;
    clip-path: border-box;
}

.s-product-card-discount {
    margin: 2px;
    padding-bottom: 12px;
    font-size: 1em;
    background-color: #E14059!important;
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
background: #00ff1114;
}


.target-section .box-img img {
    width: 200px !important;
    height: 200px !important;
}

.s-block.s-block--banners.target-section h3 {
        font-size: 1.5em;
        padding: 5px;
        font-weight: 600;
        color: #07297C;
}

.s-block.s-block--banners.target-section h2 {
        font-size: 1.5em;
        padding: 5px;
        font-weight: 600;
        color: #07297C;
}


@media (max-width: 768px) {
   .s-block.s-block--features.angel-features.bg-gray-100.da-bgg.py-8.mask-block 
  .grid.grid-cols-3.items-baseline {
      display: flex;
    flex-direction: column;
   }
}

@media (max-width: 768px) {
   .s-block.s-block--features.angel-features.bg-gray-100.da-bgg.py-8.mask-block 
  .grid.grid-cols-3.items-baseline p {
    padding: 0 10px;
        color: rgb(0 0 0);
   }
}



@media (max-width: 768px) {
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden {
    padding-right: 10px;
    padding-left: 10px;
}
}


.s-block.s-block--banners.target-section h3 {
    line-height: 1.25em;
}

.target-section .box-img img {
    height: auto !important;
}





.s-angel--divider.xl-title .divider-url {
        font-size: 1rem;
        line-height: 1.5rem;
        background: #07297E;
        color: #fff;
        padding: 5px;
    }
    a.s-block__display-all.flex-center.divider-url:hover {
        background: #fff;
        color: #07297E;
}


.angel-ad__slider {
 animation-duration: 15s!important;
}

@media (max-width: 768px) { 
.angel-ad__slider {
 animation-duration: 5s!important;
}
}






@media (max-width: 768px) {
  salla-slider#main-links-1 .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    height: auto !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    transform: none !important; /* stop swiper from shifting content */
    width: 100% !important;
  }

  salla-slider#main-links-1 .swiper-slide {
    width: 33.33% !important;
    flex: 0 0 33.33% !important;
    height: auto !important;
    display: flex !important;
    justify-content: center !important;
  }

  salla-slider#main-links-1 .swiper {
    overflow: hidden !important;
    /* Critical to prevent horizontal scroll */
    width: 100% !important;
  }
}


a.sc-sbsi7l-0.cLcbjv {
    display: none;
}