/* Add custom CSS styles below 
@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: #46321b;
    --second-color: #f5f5f5;
    --white-color: f;
    --normal-box-shadow:  -8px 10px 15px -3px rgba(0,0,0,0.1);
}
        /* headerrrr */    

    body {
        background: #f5f5f5 !important;
    }
  .top-navbar .s-search-input {
    background-color: rgb(239 242 253);
    border: 1px solid #3a57a826;
}

i.header-btn__icon.sicon-user-circle,
i.header-btn__icon.icon.sicon-shopping-bag {
  color: #11151b;
   background-image: linear-gradient(to left,
    transparent,
    transparent 50%,
    #46321b 50%,
    #46321b);
      background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
  border-radius: 50%!important;
  transition: 0.5s;
    border-color: #46321b;
}
 i.header-btn__icon.sicon-user-circle:hover,
i.header-btn__icon.icon.sicon-shopping-bag:hover {
    background-position: 0 0;
  color: white;
}
.s-cart-summary-count {
    background-color: #7d2d11;
}
  .s-cart-summary-total {
    color: white !important;
  }
header.store-header {
    margin-bottom: 0px;
  box-shadow:  -8px 10px 15px -3px rgba(0,0,0,0.1);
  z-index: 2;
    background: #000000; !important;
    
}
.main-nav-container.fixed-header .inner {
    padding-top: 10px;
    padding-bottom: 20px;
    background: white  !important;
    border-radius: 0 0 20px 20px;
}

.top-navbar {
      border-radius: 0 0 15px 15px !important;
  box-shadow:  -8px 10px 15px -3px rgba(0,0,0,0.1);
    padding-top: 15px;
    background-color: #e3bf7a; !important;
    color: white !important;
}

###################################################

div#mainnav,
.inner.bg-inherit {
  background-color: transparent;
}


.inner.bg-inherit {
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  /* title-hover */

    .s-block__title h2 {
      position: relative;
      display: inline-block;
      font-size: 20px;
      font-weight: bold;
      color: black !important;
      transition: color .2s ease;
      padding: 3px 0;
      margin-bottom: 15px;
      
      &:hover {
        color: #ec5a28ad;
         
        &::after,
        &::before {
          width: 100%;
          left: 0;
        }
        
      }
       &::after,
      &::before {
        content: ''; 
        position: absolute;
        top: calc(100% + 5px);
        width: 0;
        right: 0;
        height: 3px;
      }
      
      &::before {
        transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;
        background: #e3bf7a;
      }
       &::after {
        transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
        background: #e3bf7a;
      }
    }
    .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: #e3bf7a !important;
    }
    .main-menu li.root-level>a:hover {
        color: white !important;
    }
    .main-menu li.root-level>a:after {
        display: block;
    position: absolute;
    top: -20px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    content: '.';
    color: transparent;
    background: #e3bf7a !important;
    visibility: none;
    opacity: 0;
    z-index: -1;
    }
    
    
    
    
     .main-menu li.root-level>a:hover:after {
        opacity: 1;
    visibility: visible;
    height: 90%;
    }
    .footer-is-light .store-footer .store-footer__inner {
        border-radius: 250px 250px 0px 0px;
    }
    .navbar-brand {
        margin-right: 2rem;
    }
}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(14) > div > a > img {
    content: url(----/6.gif);
        content: url(----/6.gif);
}

/* products-section */
.s-product-card-entry {
    border-radius: 15px !important;
    overflow: hidden;
    box-shadow: var(--normal-box-shadow);
}
.s-product-card-content-sub {
    justify-content: center;
}
.s-product-card-price {
    color: red !important;
    font-size: 16px !important;
    font-weight: bold;
}
.s-button-btn {
    font-weight: bold !important;
    border-radius:  25px 5px 25px 5px !important;
    margin: 0 5px;
    color: white!important;
    background: #e3bf7a !important;
}
.s-button-text {
    display: flex;
    justify-content: center;
    align-items: center;
}
.s-button-btn .s-button-text .sicon-shopping-bag:before {
    content: '';
    display: inline-block;
    background-image: url(https://i.ibb.co/51h2RjT/system-regular-18-autorenew.gif) !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin-left: 9px;
}
.s-product-card-content-title a {
    text-align: center;
    padding-bottom: 20px;
    font-size: 16px;
  font-weight: bold !important;
  color: black !important;
}


@media (min-width: 1024px) {
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(3) {
    z-index: 1;
    margin-top: -20px !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 0px !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0px !important;
    width: 100% !important;
    max-width: unset;
}
.banner--fixed img {
    border-radius: 0px !important;
}



.s-product-card-entry {
    --c: #dbad4f; /* the border color */
    --b: 3px;    /* the border thickness*/
    --g: 5px;     /* the gap on hover */
    
    padding: calc(var(--g) + var(--b));
    --_g: #0000 25%,var(--c) 0;
    background: 
      conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g))
       var(--_i,200%) 0  /200% var(--_i,var(--b))  no-repeat,
      conic-gradient(            at bottom var(--b) left  var(--b),var(--_g))
       0   var(--_i,200%)/var(--_i,var(--b)) 200%  no-repeat;
    transition: .3s, background-position .3s .3s;
    cursor: pointer;

  }
  .s-product-card-entry:hover {
        --_i: 100%;
    transition: .3s, background-size .3s .3s;
  }

}


.product-single .s-products-slider-card.swiper-slide {
  padding-bottom: 15px;
}
.store-footer {
    background: #e3bf7a  !important;
}

.footer-is-light .store-footer .store-footer__inner {
background-image: url("https://ibb.co/D9x0D4N/Footer.png");
    background-size: cover;
    color:  !important;
  position: relative;

}


#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a {
  justify-content: center;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > p {
  text-align: center;
}
  .s-block__display-all {
  color: #f5f5f5;
    font-weight: bold !important;
  font-size: 16px;
}





.s-block--features__item {
  box-shadow: -10px 20px 15px -10px #dbad4f;
}

.s-block--features__item .feature-icon {
  height: 5rem !important;
  width: 5rem !important;
  background-color: #e3bf7a; !important;
}






.s-block--features__item p {
  display: none !important;
}
.s-block--features__item h4 {
  margin-top: 0.25rem !important;
  font-size: 17px !important;
  line-height: 1.5rem !important;
}
.testimonials-slider .testimonial {
    background-image: url(https://ibb.co/D9x0D4N/Footer.png);
    background-size: cover;
    color: #e3bf7a;
    border-radius: 20px 0 50px 0;
    
}


.testimonials-slider .testimonial__icon {
    color: #e3bf7a; !important;
}

.s-block--testimonials .s-slider-block__title-nav button {
    background: #e3bf7a;
    box-shadow: 0 15px 35px rgb(169 169 169 / 50%);
}
.testimonials-slider .s-slider-nav-arrow svg {
    fill: #e3bf7a !important;
}