/* Add custom CSS styles below*/ .s-slider-v-centered .s-slider-block__title-nav button, .main-nav-container.fixed-header .inner, .mm-spn.mm-spn--light, .bg-inherit, .top-navbar,.mm-ocd--open .mm-ocd__content, .mm-spn.mm-spn--navbar ul, .footer-is-light .store-footer, .footer-is-light .store-footer .store-footer__inner 
{background: linear-gradient(90deg, #007BFF, #002B8E);

 } 
.s-reviews-display-all-icon svg,
 .s-slider-nav-arrow svg
  { fill: #fff } 
 .items-end 
 { align-items: center;
  justify-content: center; }
  .navbar-brand img, .main-nav-container.fixed-pinned .navbar-brand img
{ border-radius: 50px; } 
.swiper-button-disabled 
{ opacity: 1; } 
.s-add-product-button-main .s-add-product-button-mini-checkout 
{ border-radius: 11px; 
border: 3px #007BFFc solid !important; 
background-color: #007BFF !important; }
 .s-slider-next.s-slider-nav-arrow, .s-slider-next.s-slider-nav-arrow.swiper-button-disabled,.s-reviews-display-all, .s-slider-block__display-all, .header-btn__icon, .s-slider-nav-arrow, .s-block__display-all, .s-slider-block__display-all
  { color:white; 
  font-size: 1rem; 
  background-color: #002B8E; 
  border-radius: 8px ;
   font-weight: 600 !important;
    padding: 10px 20px !important; 
    filter: drop-shadow(2px 4px 3px black); } .store-footer
    { color: var(--primary-color) !important; font-weight: 600;
     text-align: center !important; 
     border: 1px solid
      var(--primary-color); 
      border-radius: 10px !important;
       box-shadow: 0px 0px 10px -4px var(--primary-color); 
    background: linear-gradient(90deg, #007BFF, #002B8E);

        width: 95% !important;
         margin: 40px auto 15px auto !important; 
         }
  .store-footer__inner
         { color: var(--primary-color) !important; font-weight: 600; 
text-align: center !important;
 border-radius: 50px !important;
 background: var(--font-color) !important; 
 border-bottom-color: var(--primary-color) !important; border-bottom-width: 1px;
  padding-top: 2rem !important;
   padding-bottom: 2rem !important; } 
   
 .product__description ul, 
 .product__description li, 
 .text-sm.opacity-75 p, [dir=rtl] .mm-spn.mm-spn--navbar:before, .text-dark, .s-block--features__item h4, .mm-spn span, .mm-spn a, .mm-spn ul.main-menu li:before, [dir=rtl] .rtl\:ml-3, [dir=rtl] .topnav-link-item, .main-menu li.root-level>a, .total-price, .text-base, b, .main-menu li>a, [dir=ltr] .topnav-link-item, .sm\:p-1 p, [dir=ltr] .topnav-link-item.right-side:first-child, .max-w-sm, .copyright-text p, .leading-\[1\.2\], .flex.items-center.flex-wrap.text-sm, [dir=ltr] .topnav-link-item:last-child, .sicon-menu:before, .store-footer a, .unicode, .gap-8 div p, .duration-300,.s-contacts-topnav-link:where([dir="rtl"], [dir="rtl"] *), .s-slider-block__title h2, .text-gray-400, .s-cart-summary-total 
 { color: #fff; !important }
  s-block.s-block--best-offers.container.overflow-hidden, .lg\:shadow-default, .s-user-menu-trigger, .banner--fixed img, .xs\:p-7, .no-content-placeholder .icon, .s-block--features__item, .lg\:p-8, .footer-is-light .store-footer .store-footer__inner, .footer-is-light .store-footer .contact-social
   { border-color: transparent !important } [dir=ltr] .mm-spn.mm-spn--navbar.mm-spn--main:after, [dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main:after, [dir=rtl] .mm-spn.mm-spn--navbar:after
    { text-align: center; color: #fff; } salla-slider.photos-slider .swiper:where([dir=rtl], [dir=rtl] *), #photos-0-slider .s-slider-block__title 
    { margin: 0 auto; padding: 0 } .carousel-slider .swiper, .carousel-slider .swiper-wrapper>div 
    { margin: -5px auto 20px !important }
     .swiper-wrapper 
     { margin: 10px auto } 
     .rounded-md 
     { border-radius: 0 !important }
      .s-reviews-container .swiper-slide
      { padding: 10px; } .s-reviews-container .swiper-slide-active .s-reviews-testimonial:where([dir="rtl"], [dir="rtl"] *), .s-comment-form-input, .s-product-options-wrapper, .s-form-control, .s-product-card-vertical
       { box-shadow: rgba(0, 0, 0, .24) 0 3px 8px }
        main-nav-container.fixed-pinned .navbar-brand img 
        { max-height: 59px } 
        .overflow-auto { overflow: hidden; } 
        .s-social-list 
        { justify-content: center } 
  @media only screen and (min-width:600px) { .lg\:grid-cols-6 
  { grid-template-columns: repeat(3, minmax(0, 1fr)) }
   .lg\:col-span-2 
   { grid-column: span 1/span 1 } }
    @media only screen and (max-width:600px)
    { .salla-slider .slide--one-sixth 
    { width: 37% } 
    .slide--cat-entry
     { height: 101px; width: 106px } 
     .s-products-slider-card 
     { max-width: 185px } } 
     .navbar-brand img 
     { max-width: 117px } .flex-1.testimonial__text div { background: 0 0 !important } .md\:mb-0
      { margin-left: 17px } 
    .s-block--features__item:first-child 
      { grid-column: span 1/span 2 }
       .grid-cols-\[repeat\(2\2c minmax\(0\2c 1fr\)\)\], .lg\:grid-cols-3
      { grid-template-columns: repeat(3, minmax(0, 1fr)) !important }
       .s-block--features__item h4
        { white-space: nowrap } 
       .s-block--features__item p
        { min-width: 83px } 
  .has-overlay:after, .s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled, .sc-1au8ryl-0.dkuywW 
      { display: none !important } 
.s-product-card-fit-height .s-product-card-image 
      { max-height: initial !important } .s-product-card-image-contain 
      { object-fit: unset }
       .top-navbar .s-search-input
        { background-color: #fff } 
        .bg-inherit { padding: 10px 0 } 
        .main-nav-container { min-height: 43px } @media only screen and 
        (max-width:600px) 
        { 
        .s-button-text i, .s-button-text 
        { font-size: 12px; }
         .s-button-text i 
         { font-weight: bold; } 
         .slide--cat-entry 
         { width: 106px !important; 
         height: 106px !important; } 
         .swiper-slide.slide--one-sixth, .swiper-slide.slide--one-sixth.swiper-slide-prev, .swiper-slide.slide--one-sixth.swiper-slide-next, .swiper-slide.slide--one-sixth.swiper-slide-active
          { width: 40% } 
         .slide--cat-entry h4 
         { font-size: .775rem } 
         .slide--cat-entry i
          { font-size: 28px } } 
          .flex.mb-6, .md\:flex, .s-product-card-content-sub, .store-footer a, .s-product-card-content-title a, .store-footer .contact-social ul, .footer-is-light .store-footer .store-footer__inner
   { text-align: center !important;
    justify-content: center !important } 
     salla-slider.photos-slider 
           .swiper-slide
            { width: 100%;
             border-radius: 0; 
             margin: 0; 
             padding: 0 }
[dir=rtl] .carousel-slider .swiper
{padding-left: 0 } 
.s-block.s-block--photos-slider 
{ margin-top: 0 } 
    .main-nav-container.fixed-header .inner 
    { margin-top: 10px; 
    border-radius: 53px;
     filter: drop-shadow(-2px 0px 3px #000) } .lg\:shadow-default, .s-user-menu-trigger, .banner--fixed img, .xs\:p-7, .no-content-placeholder .icon, .s-block--features__item, .lg\:p-8 
    { background: 0 0 !important } 
    .s-product-card-vertical .s-product-card-wishlist-btn button
     { background: #002B8E!important; } .cart-item.bg-white, .duration-1000, .bg-gray-50, .s-comments-product, body 
     { background: #fff !important; } 
     .s-block__title h2,.s-reviews-header, .s-slider-block__title h2 
   { text-transform: uppercase; background-image:
      linear-gradient(-225deg, #000 40%, #000 9%, #002B8E 67%, #000 100%);
      background-size: 200% auto;
       color: #002B8E;
        font-weight: 700;
         -webkit-background-clip: text; 
         -webkit-text-fill-color: transparent; animation: textclip 2s linear infinite;
     display: inline-block; 
     line-height: 24px } 
       @keyframes textclip 
       { to { background-position: 200% center } } .store-footer h3 
     { color: #002B8E !important;
      background: #fff;
       border-radius: 8px;
        font-weight: 700; 
        padding-top: .3rem;
         width: 100%;
          padding-bottom:
           .3rem; box-shadow:
            rgba(0, 0, 0, .1) 0 4px 12px }
   .store-footer a .rtl\:ml-2\.5, .s-button-btn, .header-btn i, [dir=rtl] .header-btn__icon.icon, .s-slider-next.s-slider-nav-arrow, .s-slider-next.s-slider-nav-arrow.swiper-button-disabled 
   { background: #002B8E;
    border: none; color: #fff;
     box-shadow: rgb(255, 255, 255) 0 3px 8px } .leading-\[1\.2\]
      { margin: 10px auto } 
      ::-webkit-scrollbar { width: 10px }
       ::-webkit-scrollbar-track
        { box-shadow: inset 0 0 5px #fff; border-radius: 10px } 
        ::-webkit-scrollbar-thumb 
        { background: #002B8E; border-radius: 10px }
         ::-webkit-scrollbar-thumb:hover { background: #a74099; } 
         @media (min-width: 768px)
          { .grid-flow-row { grid-template-columns: repeat(2, minmax(0, 6fr)); }
           .gap-8 { gap: 1rem; } 
           .banner-entry { height: 220px; } } @media (max-width: 600px) 
           { .grid-flow-row { grid-template-columns: repeat(2, minmax(0, 6fr)); } 
           .gap-8 { gap: 1rem; }
        .banner-entry { height: 66px; } }
.two-row .banner-entry:first-child 
{ grid-column: span 1/span 1; grid-row: span 1/span 2; } 
.s-add-product-button-mini-checkout-content:where([dir="rtl"], [dir="rtl"] *)
 { color: black; }
 .s-slider-nav-arrow:not(:disabled):hover svg { fill: #fff; } 
 .footer-is-light .store-footer .social-link { border-color: transparent;
  box-shadow: rgb(255 255 255/24%) 0 3px 8px } 
  .s-product-card-vertical .s-product-card-wishlist-btn button i.sicon-heart:before 
  { color: #fff !important }
   #s-cart-icon i.sicon-shopping-bag:before { color: #fff!important } 
   .s-slider-block__title 
   { margin-bottom: 2rem; } 
   .banner--fixed img 
   { border-radius: 0 !important } 
   [dir=rtl] .s-slider-block__title h2
    { padding-left: 0 } .s-block.s-block--features.container:before
     { content: 'لماذا نحن ؟';
      display: block; 
      text-align: center; 
      font-size: 28px; 
      font-weight: 600; 
      color: #000; } 
      .sub-menu.w-56 ul li>a span 
      { color: #000 } 
      .s-slider-block__title h2 
      { color: #000 } [dir=rtl] .header-btn__icon.icon, .header-btn i
       { background: #002B8E!important } 
       .s-block--features__item .feature-icon { height: 5.2rem; width: 5.2rem;
        background: #d7cbe0; 
        animation: signal 1200ms linear infinite; } 
      @keyframes signal
       { 0% { box-shadow: 0 0 0 0 #fff; } 100% 
        { box-shadow: 0 0 0 2px #921589; } } .footer-is-light .store-footer .store-footer__inner:before, .navbar-brand img, .main-nav-container.fixed-pinned .navbar-brand img { filter: drop-shadow(2px 1px 0px #fff); } 
        .navbar-brand img, .main-nav-container.fixed-pinned .navbar-brand img
         { max-height: 57px; } 
         .footer-is-light .store-footer .store-footer__inner:before
          { text-align: center; content: ""; display: block;
           border-radius: 96px;
            height: 103px;
             width: 103px; margin:
              auto auto 20px; 
              background-image: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/XnzDN/MW3AdddHIi8Hk0wNW0Sn7eiHUefzxJdBdKPW5fnf.jpg); 
      background-repeat: no-repeat !important; background-size: contain;
       background-position: center; } 
   .s-contacts-icon:where([dir=rtl], [dir=rtl] *) 
       { border: none;
        background: #002B8E;
         color: #fff; 
     box-shadow: rgb(255 255 255/24%) 0 3px 8px } .s-button-btn:before
  { content: "";
   background: linear-gradient(45deg, #96158c, #24003d, #96158c, #fff, #fff, #96158c, #96158c); position: absolute; 
   top: -2px; left: -2px;
    background-size: 400%; 
    z-index: -1; 
    filter: blur(5px);
     -webkit-filter: blur(5px); 
     width: calc(100% + 4px);
      height: calc(100% + 4px);
       animation: glowing-button-85 20s linear infinite; 
       transition: opacity .3s ease-in-out; border-radius: 10px }
        @keyframes glowing-button-85 { 0% { background-position: 0 0 } 50% 
    { background-position: 400% 0 } 100% { background-position: 0 0 } } 
    .s-button-btn:after 
    { z-index: -1; 
    content: ""; 
    position: absolute;
     width: 100%;
      height: 100%;
     background: #002B8E; 
     left: 0; top: 0; 
     border-radius: 10px } 
     .s-button-btn 
     { padding: .6em 2em; 
     border: none;
      outline: none;
       color: #fff;
        background: #002B8E; cursor: pointer; position: relative;
         z-index: 0; 
         border-radius: 10px;
          user-select: none;
           -webkit-user-select: none; touch-action: manipulation } /*********************************/ .s-reviews-container .swiper-slide-active .s-reviews-testimonial::after 
     { content: ""; 
     position: absolute;
      inset: 2px;
       background: #fff;
      z-index: -1;
       border-radius: 12px }
      @property --a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
       .s-reviews-container .swiper-slide-active .s-reviews-testimonial
       { position: relative; 
       background: repeating-conic-gradient(from var(--a), #24003d 0%,#24003d 5%, transparent 5%, transparent 40%,#24003d 50%);
    z-index: 9;
     animation: animate 5s linear infinite; border-radius: 12px }
      @keyframes animate { 0% { --a: 0deg } 100% { --a: 360deg } } 
      .mm-spn li a span
      { margin: 0px auto; }
       .mm-spn li { background:#002B8E;
        width: 80%; 
        margin: 10px auto; 
        border-radius: 186px; }
         .mm-spn li a
         { border-radius: 186px; } 
         .mm-ocd--open .mm-ocd__content:before { text-align: center;
          content: ""; display: 
          block; border-radius: 34px; 
          height: 61px;
           width: 109px;
            margin: 0 29% 0 8px;
             background-image: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/XnzDN/MW3AdddHIi8Hk0wNW0Sn7eiHUefzxJdBdKPW5fnf.jpg); 
             background-repeat: no-repeat;
              background-size: contain; background-position: center; }
               .slide--cat-entry { background:#d7cbe0; } /**************************************/ .slide--cat-entry i.sicon-packed-box:before
     { content: ''; 
     display: block;
      width: 200px; 
      height: 53px; 
      background-image: url(https://iili.io/3JYK8WQ.png);
       background-repeat: no-repeat;
        background-position: center;
         background-size: contain; }
  .slide--cat-entry i.sicon-fabric-swatch:before
          { content: ''; display: block; width: 200px; height: 53px;
     background-image: url(https://iili.io/3JYq1P2.png); 
     background-repeat: no-repeat; 
     background-position: center;
      background-size: contain; }
.slide--cat-entry i.sicon-game-controller-alt:before
       { content: '';
        display: block;
         width: 200px;
          height: 53px;
           background-image: url(https://iili.io/3JYCnrN.png); 
           background-repeat: no-repeat; background-position: center;
            background-size: contain; } 
           .slide--cat-entry i.sicon-barcode-scan:before
           { content: ''; 
           display: block;
            width: 200px; 
            height: 53px; background-image: url(https://iili.io/3JYxYCJ.png);
             background-repeat: no-repeat; background-position: center; 
             background-size: contain; } .slide--cat-entry i.sicon-cake:before
             { content: ''; 
             display: block;
              width: 200px; 
              height: 53px; background-image: url(https://iili.io/3JYooOX.png); 
              background-repeat: no-repeat; background-position: center;
               background-size: contain; } 
               .slide--cat-entry i.sicon-inbox-full:before{ content: '';
                display: block;4
                 width: 200px; height: 53px; background-image: url(https://iili.io/3JYIqUQ.png); 
           background-repeat: no-repeat; background-position: center;
            background-size: contain; }
   .slide--cat-entry i.sicon-calendar-date:before{ content: ''; 
   display: block; 
   width: 200px;
    height: 53px; background-image: url(https://iili.io/3JYTWj1.png);
     background-repeat: no-repeat;
      background-position: center;
       background-size: contain; }
        .slide--cat-entry i.sicon-add_row_before:before{ content: '';
       display: block;
        width: 200px; 
        height: 53px;
       background-image: url(https://iili.io/3JYAxbS.png);
           background-repeat: no-repeat; background-position: center; 
       background-size: contain; }
        .slide--cat-entry i.sicon-italic:before
        { content: ''; 
        display: block; 
        width: 200px;
         height: 53px;
          background-image: url(https://iili.io/3JY5jNp.png);
           background-repeat: no-repeat; background-position: center;
            background-size: contain; }
         .slide--cat-entry i.sicon-redo:before
         { content: ''; 
         display: block; 
         width: 200px; 
         height: 53px;
          background-image: url(https://iili.io/3JYY03g.png); 
          background-repeat: no-repeat; background-position: center; 
          background-size: contain; } 
          .slide--cat-entry i.sicon-table:before{ content: ''; 
          display: block; 
          width: 200px; 
          height: 53px; background-image: url(https://iili.io/JV0rLV2.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .slide--cat-entry i.sicon-quote:before{ content: ''; display: block; width: 200px; height: 53px; background-image: url(https://iili.io/3JYaD0X.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .slide--cat-entry i.sicon-mention:before{ content: ''; display: block; width: 200px; height: 53px; background-image: url(https://iili.io/3JY0rJe.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .s-block--features__item .feature-icon i.sicon-delivery-parcel2:before{ content: ''; display: block; width: 200px; height: 53px; background-image: url(https://iili.io/3Jzd64p.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .s-block--features__item .feature-icon i.sicon-dollar-coin-stack:before{ content: ''; display: block; width: 200px; height: 53px; background-image: url(https://iili.io/3JYWBOF.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .s-block--features__item .feature-icon i.sicon-paper-send:before{ content: ''; display: block; width: 200px; height: 53px; background-image: url(https://iili.io/3JYhES2.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .index::before{ content: ''; width: 100%; height: 100%; border: 2px solid var(--primary-color) !important; background:#ffffff1c url(https://iili.io/3JIPp4a.png); position: fixed; z-index: 9999999999999 !important; transform: scale(0); background-size: 22% !important; background-repeat: no-repeat; background-position: center !important; animation-name: splash; animation-duration: 2s; } @keyframes splash{ 0% { transform: scale(1); } 20% { transform: scale(1); } 80% { transform: scale(1); } 100% { transform: scale(0) rotate(360deg); } }