@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap');

body {
    font-family: 'Noto Kufi Arabic', sans-serif!important;
    background-color: #fdfdfd!important;
}


.special-product--2 > .container > .home-block-title > .s-block__title-right > h2{
    font-size: 20px;
    font-weight: 600 !important;
    background-image: linear-gradient(180deg, #0291f56b 5%, #0291f5 100%);
    background-repeat: no-repeat;
    background-size: 21% 30%;
    background-position: 50% 78%;
}

#best-offers-3-slider > div > h2{
    font-size: 20px;
    font-weight: 600 !important;
    background-image: linear-gradient(180deg, #0291f5 0%, #0291f5 100%);
    background-repeat: no-repeat;
    background-size: 100% 30%;
    background-position: 50% 78%;
}

#best-offers-3-slider > div > p{
    font-size: 13px;
    line-height: 22px;
    width: 32%;
    color: #727272 !important;
}

.text-store-text-secondary {
    color: #727272!important;
}



#best-offers-3-slider > div:first-child{
    display: flex
    ;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-bottom: 1rem!important;
}

body.trans_header .store-header .main-nav-container, body.trans_header .store-header .top-navbar, body.trans_header .store-header .main-menu-row{
    background-color: #fff!important;
}
.main-nav-container .inner{
    padding-top: 0!important;
    padding-bottom: 0!important;
}


@media (max-width: 991px) {
    .simplified-products .s-products-slider-card, .simplified-products .offer-slide {
        /* width: 166px; */
    }
    .special-product--2 > .container > .home-block-title > .s-block__title-right > h2{
        font-size: 20px;
        font-weight: 600 !important;
        background-image: linear-gradient(180deg, #0291f56b 5%, #0291f5 100%);

        background-repeat: no-repeat;
        background-size: 83% 30%!important;
        background-position: 50% 78%;
    }
    
    .square-links-6 > div > .home-block-title  > h2{
        font-size: 20px;
        font-weight: 600 !important;
        background-image: linear-gradient(180deg, #0291f56b 5%, #0291f5 100%);
        background-repeat: no-repeat;
        background-size: 33% 30%!important;
        background-position: 50% 78%;
    }
    .square-links-8 > div > .home-block-title  > h2{
        font-size: 20px;
        font-weight: 600 !important;
        background-image: linear-gradient(180deg, #0291f56b 5%, #0291f5 100%);
        background-repeat: no-repeat;
        background-size: 64% 30%!important;
        background-position: 50% 78%;
    }
   
}
.square-links-6 > div > .home-block-title  > h2{
    font-size: 20px;
    font-weight: 600 !important;
    background-image: linear-gradient(180deg, #0291f56b 5%, #0291f5 100%);
    background-repeat: no-repeat;
    background-size: 12% 30%;
    background-position: 50% 78%;
}
.square-links-8 > div > .home-block-title  > h2{
    font-size: 20px;
    font-weight: 600 !important;
    background-image: linear-gradient(180deg, #0291f56b 5%, #0291f5 100%);
    background-repeat: no-repeat;
    background-size: 19% 30%;
    background-position: 50% 78%;
}




.s-block--enhanced-features > div:first-child{
    gap: 0.2rem!important;
}
.s-block--enhanced-features >
    .group:hover .group-hover\:scale-y-100{
     
   transform: none!important;
}

.s-block--enhanced-features > div .s-block--enhanced-features__item{
    border: none!important;
   
}

.s-block--enhanced-features > div .s-block--enhanced-features__item:hover{
    border: none!important;
   
}

.s-block--square-links > div > ul > .group  > a > div > img{
    object-fit: contain;
    padding: 4rem 4rem 0rem 4rem;
}



.s-block--square-links > div > .home-block-title  > p{
    font-size: 13px;
    line-height: 22px;
    color: #727272 !important;
}



.fixed-products--7 > div > div > h2{
    font-size: 20px;
    font-weight: 600 !important;
    background-image: linear-gradient(180deg, #0291f56b 5%, #0291f5 100%);

    background-repeat: no-repeat;
    background-size: 11% 30%;
    background-position: 50% 78%;
}

.promotion-banner, .animated-text {
    padding: 5px 0;
    position: relative;
    margin-top: 0 !important;
  
}

#about-6{
    text-align: right!important;
}
#about-3{
    text-align: right!important;
}
#about-3 > .index .anime-item > li{
    direction: rtl!important;
}

.advanced-slider {
    position: relative;
    top: 0px!important;
}

body.trans_header .store-header {
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 42px;
}

@media  (max-width: 992px)
{
    #best-offers-2-slider > div > p{
        font-size: 12px;
        line-height: 22px;
        width: 100%!important;
        color: #727272 !important;
    }

    .square-links-12 > div > .home-block-title  > h2{
        font-size: 22px!important;
        font-weight: 600 !important;
        background-image: linear-gradient(180deg, #0291f56b 5%, #0291f5 100%);

        background-repeat: no-repeat;
        background-size: 65% 30%!important;
        background-position: 50% 78%;
    }
    .fixed-products--7 > div > div > h2{
        font-size: 20px!important;
        font-weight: 600 !important;
        background-image: linear-gradient(180deg, #0291f56b 5%, #0291f5 100%);

        background-repeat: no-repeat;
        background-size: 41% 30%!important;
        background-position: 50% 78%;
    }
    body.trans_header .store-header .main-nav-container, body.trans_header .store-header .top-navbar, body.trans_header .store-header .main-menu-row {
        background-color: transparent !important;
        box-shadow: none !important;
    }
    
    .s-block--square-links > div > ul > .group > a > div > img{
    object-fit: contain!important;
    padding: 2.5rem  2.5rem 0.5rem  2.5rem!important;
}

#best-offers-2-slider >     .simplified-products .s-products-slider-card, .simplified-products .offer-slide {
    width:53%!important;
}
salla-slider[type]:not(.hydrated) > div:where([dir="rtl"], [dir="rtl"] *), salla-slider[type]:not(.hydrated) .swiper > div > div:where([dir="rtl"], [dir="rtl"] *), .carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *){
    padding-left: 0!important;
}


.simplified-products .s-products-slider-card .product-card--simplified .product-card__promotion, .landing-page .s-products-slider-card .product-card__promotion, .simplified-products .s-products-list-wrapper .product-card--simplified .product-card__promotion, .landing-page .s-products-list-wrapper .product-card__promotion, .simplified-products .offer-slide .product-card--simplified .product-card__promotion {
    top: auto;
    top: initial;
    bottom: 0rem!important;
    left: auto;
    left: initial;
    right: 0;
    width: -webkit-fill-available!important;
}
.square-links-9 > div > .home-block-title > h2 {
    background-size: 55% 30% !important;
}

.square-links-7 > div > .home-block-title > h2{
    background-size: 31% 30%!important;
}

/*****menu-header ***/
.sicon-user:before {
    color: #0e2c8f !important;
}
.sicon-menu:before{
    color: #0e2c8f !important;
}
.sicon-search:before{
    color: #0e2c8f !important;
}
.sicon-cart:before{
    color: #0e2c8f !important;
}
body.trans_header .store-header .main-nav-container, body.trans_header .store-header .top-navbar, body.trans_header .store-header .main-menu-row {
    background-color: transparent!important;
    box-shadow: none !important;
}
.main-nav-container.fixed-pinned .inner{
    backdrop-filter: blur(78px)!important;
}
.text-primary{
    font-size: 18px!important;
}


.special-product--2 > .container> .home-block-title .s-block__title-right > .enhanced-title-border {
    border: none !important;
    width: 90%!important;
    margin-bottom: 4rem !important;
    text-align: center !important;
    margin-top: 0.9rem !important;
}


salla-slider .slide--one-sixth {
    width:60.666667%!important;
   
}

salla-slider[type]:not(.hydrated) > div:where([dir="ltr"], [dir="ltr"] *), salla-slider[type]:not(.hydrated) .swiper > div > div:where([dir="ltr"], [dir="ltr"] *), .carousel-slider .swiper:where([dir="ltr"], [dir="ltr"] *)
{
        padding-right: 0!important;
}

}

.special-product--2 > .container> .home-block-title .s-block__title-right > .enhanced-title-border{
    border: none !important;
    width: 32% ;
    text-align: center;
    margin-bottom: 59px;
}


.enhanced-title-border::before{
    display: none!important;
}
.enhanced-title-border::after{
    display: none!important;
}


.special-product--2 > .container> .home-block-title .s-block__title-right > .enhanced-title-border{
    font-size: 13px;
    line-height: 19px!important;
    width: 32%;
    color: #727272 !important;
}

.enhanced-title-border{
    border:none!important;
    margin: auto!important;
    height: 0!important;
}


.sicon-quote:before{
    color: #0e2c8f!important;
    opacity: 1!important;
}
.opacity-10{
    opacity: 1!important;
}
.product-card__price .total-price{
    color: #00b33c!important;
    font-size: 22px!important;
}

.product-card__price .starting-or-normal-price, .product-card__price .before-price {
    font-size: 15px;
    color: #ff0000 !important;
    line-height: 99%;
    margin-left: 5px;
    font-weight: 600 !important;
}

#swiper-wrapper-37649fea67858e64 > .swiper-slide{
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
     var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)!important;
}
#swiper-wrapper-bd287263f910197bd {
    padding: 8px 11px;
}
#swiper-wrapper-92b3ab10f4091037110 > .swiper-slide-next > a > div > img{
    height: 168px!important;
}




.force-center salla-slider .swiper-wrapper {
    gap: 10px!important;
}
@media (min-width: 1024px) {
    salla-slider .slide--one-sixth {
        width: 25%!important;
    }
}
salla-slider .slide--one-sixth {
    padding-bottom: 1rem!important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-radius: 1rem !important;
    box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.07), 0 3px 8px -5px rgba(0, 0, 0, 0.02) !important;
    margin: auto 10px;
}
.slide--one-sixth > a > div{
    border-radius: 1rem!important;
}

.force-center salla-slider .swiper-wrapper {
    padding: 12px!important;
}
.aspect-\[3\/4\] {
    aspect-ratio: inherit!important;
}