@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Cairo:wght@200;300;400;500&display=swap');
@import url("https://site-assets.fontawesome.com/releases/v6.4.2/css/all.css");

body *:not(i) {
     font-family: 'Almarai' !important;
}

:root {
     --main-color: #703852;
     --second-color: #f5f5f5;
     --white-color: #fff;
     --normal-box-shadow: -8px 10px 15px -3px rgba(0, 0, 0, 0.1);
}

body {
     background: #f3f4f6 !important;
}

.inner.bg-inherit {
     background: transparent;
}

.top-navbar:not(.topnav-has-bg) {
     background-color: transparent;
}

.main-nav-container {
     background-color: transparent;
}

.header-btn__icon {
     color: #ffffff;
     background: #703852;
     padding: 6px;
     border-radius: 22px;
}

section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--0 {
     margin: 0 !important;
}

section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--0>.container {
     padding: 0 !important;
     margin: 0 !important;
     width: 100% !important;
     max-width: unset !important;
}

.product-card {
     border-radius: 15px !important;
     overflow: hidden;
     box-shadow: var(--normal-box-shadow);
     border: 2px solid #703852;
}

.swiper .swiper-wrapper>div {
     padding-bottom: 20px !important;
}

.product-card__price {
     color: red !important;
     font-size: 16px !important;
     font-weight: bold;
}

.product-card__addToCart__btn salla-button button .s-button-text .sicon-shopping:before {
     content: '';
     display: inline-block;
     background-image: url(https://i.ibb.co/L0K4zL3/wired-outline-139-basket-2.gif) !important;
     background-size: contain;
     background-repeat: no-repeat;
     width: 30px;
     height: 30px;
     margin-left: 9px;
}

.product-card__title a {
     padding-bottom: 20px;
     font-size: 15px;
     font-weight: bold !important;
}

.s-slider-block__title h2 {
     text-transform: uppercase;
     background-image: linear-gradient(-225deg, #9c9090 0%, #703852 9%, #703852 67%, #eeeeee 100%);
     background-size: auto auto;
     background-clip: border-box;
     background-size: 200% auto;
     color: #fff;
     font-weight: bold;
     background-clip: text;
     text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: textclip 2s linear infinite;
     display: inline-block;
     font-size: 21px;
}

@keyframes textclip {
     to {
          background-position: 200% center;
     }
}

.s-slider-block__display-all {
     color: #703852;
     background-image: linear-gradient(to left, transparent, transparent 50%, #703852 50%, #703852);
     background-position: 100% 0;
     background-size: 200% 100%;
     transition: all .25s ease-in;
     transition: 0.5s;
     border-color: #703852;
}

.s-slider-block__display-all:hover {
     background-position: 0 0;
     color: white;
}

section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--2>.container {
     padding: 0 !important;
     margin: 0 !important;
     width: 100% !important;
     max-width: unset !important;
}

section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--4>.container {
     padding: 0 !important;
     margin: 0 !important;
     width: 100% !important;
     max-width: unset !important;
}

section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--6>.container {
     padding: 0 !important;
     margin: 0 !important;
     width: 100% !important;
     max-width: unset !important;
}

.banner--fixed img {
     border-radius: 0 !important;
}

.testimonials-item .p-2\.5.md\:p-5.h-full.text-center {
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px #703852;
     border-radius: 20px;
     margin-top: 15px;
}

.footer-is-custom .store-footer .store-footer__curve {
     color: #703852;
}

@media (min-width: 1024px) {
     .navbar-brand img {
          max-height: 5rem !important;
          height: 95px !important;
     }

     .main-menu li.root-level>a,
     .main-menu li.root-level>a:after {
          transition: all .5s;
     }

     .main-menu li.root-level>a {
          position: relative;
          z-index: 1;
          color: black;
          padding-bottom: 20px;
          padding-top: 7px;
          font-size: 15px;
     }

     .main-menu li.root-level>a:hover {
          color: white !important;
     }

     .main-menu li.root-level>a:after {
          background: #703852 !important;
          content: "";
          inset: 0;
          position: absolute;
          transform: scaleX(0);
          transform-origin: right;
          transition: transform 0.5s ease-in-out;
          z-index: -1;
          border-radius: 5px;
     }

     .main-menu li.root-level>a:hover:after {
          transform: scaleX(1);
          transform-origin: left;
     }

     .navbar-brand {
          margin-right: 3rem;
     }
}

@media (max-width: 768px) {
     .index >div.app-inner.flex.flex-col.min-h-full.bg-storeBG>div>div>div {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 1rem !important;
     }

   .index >div.app-inner.flex.flex-col.min-h-full.bg-storeBG>div>div>div>div:nth-child(3) {
          grid-area: 2/1/2/4;
          margin: 0 !important;
     }

     i.sicon-menu.text-primary.text-2xl {
          color: #ffffff;
          background: #703852;
          padding: 6px;
          border-radius: 22px;
     }

     .product-card__addToCart__btn salla-button button {
          background: #703852;
     }


     .mm-spn.mm-spn--navbar.mm-spn--main {
          background: transparent;
          color: #f5f5f5;
          border-radius: 35px 0;
     }

     .mm-spn.mm-spn--navbar:after {
          text-align: center !important;
          background: #703852 !important;
     }

     .mm-spn.mm-spn--navbar ul:before {
          border: 0px !important;
     }

     .mm-spn ul,
     :is([dir=rtl] .mm-spn.mm-spn--navbar):after {
          background: #fff !important;
     }

     .carousel-slider .swiper {
          padding-left: 0px !important;
     }

     .index .s-products-slider-card.swiper-slide {
          width: 180px !important;
     }

     .mm-spn a {
          position: relative;
          padding-right: 40px !important;
     }

     .mm-spn a::before {
          content: "";
          background-image: url(https://i.ibb.co/K5dL9d6/wired-lineal-412-gift-1.gif);
          background-size: cover;
          height: 30px;
          width: 30px;
          font-family: fontawesome;
          position: absolute;
          right: 0;
     }

     .mm-ocd__content {
          background: #ddd;
     }
}

@media(min-width:992px){
.two-row .banner-entry:first-child>a {
    opacity: 1;
    height: 400px;
}
.two-row .banner-entry:first-child>a {
    opacity: 1;
    height: 400px;
}

.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--banners.container > div > div:nth-child(3){
    grid-area: 2/2/3/3;

    
}
.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--banners.container > div > div:nth-child(4){
    grid-area: 1/3/3/4;
    height:100%;
    

}
.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--banners.container > div > div:nth-child(1){
    grid-area: 1/1/3/2;
    height:100%;
    
    

}
.lazy__bg {

    background-size: contain;

    background-position: center;
background-repeat:no-repeat;
    
    
}
}

@media(max-width:992px){
    .index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--banners.container > div > div:nth-child(3){
        grid-area: 2/2/3/3;
    
        
    }
    
    .index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--banners.container > div > div:nth-child(3),
    .index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--banners.container > div > div:nth-child(2){
        height:100px;
    
        
    }

    .lazy__bg {
    
        background-position: center;
    background-repeat:no-repeat;
        
        
    }
        .index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--banners.container > div > div:nth-child(4){
        grid-area: 1/3/3/4;
        height:200px;
        
    
    }
    .index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--banners.container > div > div:nth-child(1){
        grid-area: 1/1/3/2;
        height:200px;
        
        
    
    }
    
    @media(max-width:767px){
    .index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.relative.special-cats-with-bg.special-cats-with-bg--5 > section > div {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 5rem;
    justify-content: space-between;
}
.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.relative.special-cats-with-bg.special-cats-with-bg--5 > section > div > div {
    width: 31%;
    height: 170px;
}
    .index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--banners.container > div > div:nth-child(1) {
        grid-area: 1/1/3/2;
        height: 120px;
    }
    .index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--banners.container > div > div:nth-child(3), .index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--banners.container > div > div:nth-child(2) {
        height: 56px;
    }
    .index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--banners.container > div > div:nth-child(4) {
        grid-area: 1/3/3/4;
        height: 117px;
    }
    }
    
    }
    
.lazy__bg.loaded {
    background-color: #FFF;
    opacity: 1;
}

section.relative.-mt-96.sm\:mt-0 .group.relative.h-96.rounded-lg.bg-white.shadow-xl p {
    display: none;
}
                        @media(min-width:992px){
                          .index  section.relative.-mt-96.sm\:mt-0 .absolute.inset-0.overflow-hidden.group-hover\:opacity-75 img.lazy.loaded {
height:400px;
      opacity: 1;
    transform: scale(1);
    object-fit: contain;
}

                                                      .index  section.relative.-mt-96.sm\:mt-0 .group.relative.h-96.rounded-lg.bg-white.shadow-xl {
background:#6c788f6b !important;
                                                          
              
                        }}


header.store-header {
    background: transparent;
    z-index: 2;
}

 @media (min-width: 1024px) {
 .s-block.banners-slider.banners-slider--0.slide {
    margin-top: -11rem !important;
    z-index: 1;
}
    .navbar-brand img {
        max-height: 10rem !important;
        height: 160px !important;
        position: relative;
        bottom: -45px;
        margin-top: -70px;
    }
 }
@media (max-width: 992px) {
 .s-block.banners-slider.banners-slider--0.slide {
    margin-top: 0 !important;
    z-index: 1;
}
.navbar-brand img {
    height: 100% !important;
}
    .mm-spn li a, .mm-spn li span {
        color: #703852;
    }
    :is([dir=rtl] .mm-spn.mm-spn--navbar):after {
        color: #703852;
    }
}


.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--testimonials.overflow-hidden.relative.enhanced > div > div > div > div{
display:none
    
}
@media(max-width:992px){

    .index> div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--testimonials.overflow-hidden.relative.enhanced > div > div > div > h2{
font-size:16px;
    
}
.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.relative.special-cats-with-bg.special-cats-with-bg--5 > div.relative.mx-auto.max-w-3xl.px-4.pb-96.text-center.sm\:px-6.sm\:pb-0.lg\:px-8 {
    height: 200px !important;
}
.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.relative.special-cats-with-bg.special-cats-with-bg--5 > section > div {
    margin-top: 8rem !important;
}
}

.s-block--faq.has-bg:before, .s-block--custom-reviews.has-bg:before, .special-product.has-bg:before, .s-block--testimonials.enhanced:before {
display:none;
}
.special-cats-with-bg .opacity-50{
    opacity: 1 !important;
}
.special-cats-with-bg .relative img{
    object-fit: contain !important;
}
.index section.relative.-mt-96.sm\:mt-0 .absolute.inset-0.overflow-hidden.group-hover\:opacity-75 img.lazy.loaded{
    height: auto !important;
}
.special-cats-with-bg .bg-gray-900,
.special-cats-with-bg .bg-gray-800{
    background: transparent !important;
    background-color: transparent !important;
}
 div.product-single__info.col-lg-5.col-md-12.col-12.lg\:\!w-2\/5.md\:w-full.w-full.rtl\:px-2.ltr\:md\:pl-\[15px\].rtl\:md\:px-\[15px\].mt-5.sm\:mt-0 > div.mb-3{


}

.special-cats-with-bg .group{
     background: transparent !important;
    background-color: transparent !important
}
.special-cats-with-bg .group .category-name{
    display: none; !important;
}