/*==========Products Shadows===========*/
.products-grid.eq-height .product, .products-grid.eq-height .thumbnail, .products-listing.eq-height .product, .products-listing.eq-height .thumbnail, body.salla-default #products_div.eq-height .product, body.salla-default #products_div.eq-height .thumbnail {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    margin: 0;
    border: 9px solid red;
    /* height: auto !important; */
   margin: 0% 0% 0% 0%;
    border: 1px solid #e7ebf2;   
     box-shadow: 0px 4px 20px 7px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    overflow: hidden;
}
 
/*=======Remove product Container for mobile phone ==========*/
@media (max-width: 992px) {
    .section-products .container {
        width: 100% !important;
    }
}

/* ====================================== Sections Images ======================================= */
/* Adjusts the bottom margin and padding for the main slider on all screen sizes */
.main-slider.slick-dotted.slick-slider {
       margin-bottom: 0 !important;
    padding: 0px 0px 0px 0px !important;
}

/* Removes padding in the section on all screen sizes */
section.section {
    padding: 0 !important;
}


section.section > .container > .row:not(.products-grid):not(.products-listing) {
    display: grid !important;
    column-gap: 0 !important;
    grid-template-columns: repeat(3, 1fr); /* Default: Four columns on larger screens */
    place-items: center;
    margin-top: 14px;
  }
  
  /* Remove content before and after the row */
  section.section > .container > .row:not(.products-grid):not(.products-listing)::before,
  section.section > .container > .row:not(.products-grid):not(.products-listing)::after {
    content: none;
  }
  
  /* Ensure columns take up full width and have appropriate padding */
  section.section > .container > .row:not(.products-grid):not(.products-listing) > .col-md-4 {
    width: 100%;
    padding: 0 6px !important;
  }
  
  /* Category image styling */
  .category-featured img.cat-featured-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important; /* Ensures image retains its aspect ratio */
    margin-top: 0 !important;
    border-radius: 8px 8px 0 0; /* Optional: Rounded corners at the top */
  }
  
  /* Default styling for larger screens */
  .category-featured h3 {
    margin: 0 !important;
    padding: 20.6px 0 !important;
    text-align: center !important;
    font-size: 1.1em !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    color: #fff !important;
    width: 100%;
    border-radius: 0 0 8px 8px;
    margin-top: 10px !important;
    display: block;
  }
  
  /* Adjustments for screens smaller than 1024px (tablet) */
  @media only screen and (max-width: 1024px) {
    .category-featured h3 {
      padding: 15px 0 !important; /* Slightly smaller padding */
      font-size: 1em !important; /* Smaller font */
    }
  }
  
  /* Adjustments for screens smaller than 768px (mobile) */
  @media only screen and (max-width: 768px) {
    .category-featured h3 {
      padding: 10px 0 !important; /* Reduced padding for mobile */
      font-size: 0.9em !important; /* Even smaller font size */
    }
  }
  
  
  /* ===================== Responsive Adjustments ===================== */
  
  /* For screens smaller than 768px (both portrait and landscape on mobile devices) */
  @media only screen and (max-width: 768px) {
    section.section > .container > .row:not(.products-grid):not(.products-listing) {
      grid-template-columns: 1fr 1fr !important; /* Two columns on mobile in both orientations */
    }
  
    .category-featured h3 {
      padding: 8px 0 !important;
      font-size: 1em !important; /* Slightly smaller font size */
      margin-top: 10px !important; /* Space between image and title */
    }
  
    .category-featured img.cat-featured-img {
      width: 100% !important;
      height: auto !important;
      margin-top: 0 !important; /* Ensure images align properly with titles */
    }
  }
  
  /* For screens smaller than 1024px in landscape (tablets in landscape mode) */
  @media only screen and (max-width: 1024px) and (orientation: landscape) {
    section.section > .container > .row:not(.products-grid):not(.products-listing) {
      grid-template-columns: 1fr 1fr 1fr !important; /* Three columns for tablets in landscape */
    }
  }
  
  /* ====================================== Custom Styles for Specific Theme ======================================= */
  
  /* Apply these styles only when the body does not have the 'salla-theme_6' class */
 body:not(.salla-theme_6) .category-featured {
 height: auto !important;
    padding: 70% 2% 9% 1%;
    border: 1px solid #e7ebf2; /* Category image border */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Soft shadow */
    border-radius: 8px; /* Optional: Rounds the corners for a softer look */
    overflow: hidden; /* Ensures shadow follows rounded corners */
}

  
  
  
  
  */
  
  
  @font-face {
      font-family: "DINNextLTW23";
      src: url("https://cdn.salla.sa/PyXjn/1IlsJ1mfkzbuk8H0t1NA3pIIIj1P0oZKGAlkwskF");
      src: url("https://cdn.salla.sa/PyXjn/dNdQNhejQELbUTLdaQ3aigSkCysbcO594LEo8Ci5");
      font-weight: normal;
    }
    @font-face {
      font-family: "DINNextLTW23";
      src: url("https://cdn.salla.sa/PyXjn/iCYiPesiC9tJyeKs50xMDQ1mC3Q9cNlZNMTlRWST");
      font-weight: bold;
    }
    body,
    *:not(i) {
      font-family: "DINNextLTW23" !important;
    }
    body.store-home:after {
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        position: fixed;
        z-index: 999999;
        background: #1b2b4d url(https://www7.0zz0.com/2023/11/20/12/363683664.png);
        left: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 135px;
        transform:scale(0);
        animation-name: pupup_logo;
        animation-duration: 2s;
        backdrop-filter: blur(4px);
    }@keyframes pupup_logo{
        0% {
    transform:scale(0);
        }    
        18% {
    transform:scale(1);
        }    
        75% {
    transform:scale(1);
        }
       95% {
    transform:scale(0);
        }
           100% {
    transform:scale(0);
        }}
        section {background: #fff !important;}
    .sub-nav-header::before {
        content: "";
        text-align: center !important;
        display: block;
        height: 70px !important;
        background-image: url(https://cdn.salla.sa/PODxe/HNMXKtbG5izt6himMiS3DXN9Ufjq7RyiUVhMmvJF.jpg);
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
    }.sub-nav-header img {
        display: none;
    }
    /* ====================================== Header ======================================= */
    .login-link {
      margin-bottom: -6px !important;
    }
    .header-wrapper .login-link,
    .header-wrapper .toggle-search,
    .circle-action.dropdown-toggle,
    .btn.btn-primary {
      border-radius: 10px;
      background-color: #f49f04 !important;
      color: #fff !important;
      transition: all 0.3s ease-in-out;
      border: none;
      box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
    }
    .header-wrapper .site-header__cart,
    .salla-theme_1 header.site-header #cl_switcher #cl_toggle {
      border-radius: 10px !important;
      background-color: #1b2b4d !important;
      color: #fff !important;
      transition: all 0.3s ease-in-out;
      border: none;
      box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
    }
    .header-wrapper .login-link:hover,
    .header-wrapper .toggle-search:hover,
    .header-wrapper .site-header__cart:hover,
    .circle-action.dropdown-toggle:hover,
    .btn.btn-primary:hover {
      transform: translatey(-2px);
      color: #fff !important;
      border: none;
    }/* أيقونة الإشعارات */
    .circle-action.dropdown-toggle.notification-header-icon {
      padding: 6px;
    }
    /* أيقونة السلة */
    .header-wrapper .site-header__cart {
      background-color: #ffffff !important;
      border: 1px solid #fcfcfc;
      color: #1b1e23 !important;
    }
    .header-wrapper .site-header__cart:hover {
      color: #1b2b4d !important;
    }
    .site-header__cart .badge {
      background: #f49f04;
      color: #fff;
    }
    
    /* ====================================== Login ======================================= */
    .icon-object.border-yellow-dark.text-yellow-dark {
      border: none;
      border-radius: 0;
      background-image: url("https://www5.0zz0.com/2023/11/20/19/871420071.png");
      background-size: 94%;
      background-repeat: no-repeat;
      width: 215px;
      height: 130px;
      margin-top: 10px;
      background-position: center;
    }
    .icon-object.border-yellow
  
  section.section > .container > .row:not(.products-grid):not(.products-listing) {
    display: grid-dark.text-yellow-dark i {
      display: none;
    }
    
    /* ====================================== Navigation Desktop ======================================= */
    .sub-nav .main-menu > li > a:not(.offers-link) {
      color: #e7e7e7 !important;
      font-weight: bold;
      box-shadow: none;
      transition: all 0.3s ease-in-out;
      opacity: 1;
    }
    .sub-nav .main-menu > li > a:hover {
      color: #f49f04 !important;
    }
    /* two lines */
    
    .main-menu > li:before,
    .main-menu > li:after {
      position: absolute;
      opacity: 0;
      width: 0%;
      height: 2px;
      content: "";
      background: #1b1e23;
      transition: all 0.3s;
    }
    .main-menu > li:before {
      left: 0px;
      top: 10px;
    }
    .main-menu > li:after {
      right: 0px;
      bottom: 10px;
    }
    
    .main-menu > li:hover:before,
    .main-menu > li:hover:after {
      opacity: 1;
      width: 100%;
    }
    
    /* ====================================== Navigation Mobile ======================================= */
    /* الفئات */
    .sub-nav .main-menu li.sub-menu-header.categories-holder > span {
      font-size: 1.2rem;
      font-weight: bold;
      color: #1b2b4d;
      text-align: center;
    }
    .sub-nav .main-menu li.sub-menu-header.categories-holder > span i {
      /* display: none; */
      color: #1b2b4d;
    }
    
    .sub-menu-header .store-categories > li > a:not(.offers-link) {
      color: #1b1e23 !important;
      font-weight: bold;
      box-shadow: none;
      transition: all 0.3s ease-in-out;
    }
    
    /*  الخلفية والزر */
    .sub-nav-header {
      background: #ffffff;
    }
    .sub-nav-header a {
      background-color: #1b2b4d;
      border-radius: 10px !important;
      color: #fff !important;
      padding: 3px 15px 1px;
    }
    .btn {
      border-radius: 4px !important;
    }
  
  
    /* ====================================== Section ======================================= */
    
    section.section > .container > .row:not(.products-grid):not(.products-listing) {
      display: grid !important;
      column-gap: 0px !important;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      place-items: center;
    }
    
    section.section
      > .container
      > .row:not(.products-grid):not(.products-listing):before,
    section.section
      > .container
      > .row:not(.products-grid):not(.products-listing):after {
      content: none;
    }
    section.section
      > .container
      > .row:not(.products-grid):not(.products-listing)
      > .col-md-4 {
      width: 100%;
      padding-left: 6px !important;
      padding-right: 6px !important;
    }
    .category-featured a:before {
      content: "";
      border: 1px solid #1b1e23;
      transition: all 0.3s ease-in-out;
      border-radius: 24px;
      margin: 5%;
      display: none;
    }
    section:nth-of-type(1).py-4.py-md-3 {
      padding-bottom: 0 !important;
    }
    
    /* أرتفاع صور الأقسام */
    body:not(.salla-theme_6) .category-featured {
      padding-top: 100% !important;
      margin-bottom: 12px !important;
    }
    
    /*   ###############    الأقسام في الشاشات الصغيرة  #################  */
    
    @media only screen and (max-width: 991px) {
      section.section
        > .container
        > .row:not(.products-grid):not(.products-listing) {
        grid-template-columns: 1fr 1fr !important;
      }
    }
    /* ====================================== Section ======================================= */
    
    /*   عرض البنرات ملئ الشاشة */
    .banner img {
      margin: 0px auto !important;
      /* margin-top: -16px !important; */
    }
    section:nth-of-type(1) {
      margin-top: 0px !important;
    }
    .section-header.d-flex.justify-content-between.align-items-center.mb-4 {
      margin-top: 5px !important;
    }
    section:nth-of-type(1) .container.container.p-0.px-md-3,
    section:not(:nth-of-type(4)) > .container.banner {
      padding: 0px !important;
      margin: auto !important;
      width: 100vw;
    }
    
    /* ################# First Banner ################# */
    section.section[data-type="banner"]:first-of-type {
      margin-top: -1px !important;
      padding-top: 0px !important;
    }
    section.section[data-type="banner"] {
      padding-bottom: 0px !important;
      padding-top: 0px !important;
    }
    
    section.section[data-type="banner"] > .container.banner {
      padding: 0px !important;
      width: auto !important;
    }
    section.section[data-type="banner"] .banner img {
      margin-bottom: 0px !important;
      margin-top: 0px !important;
    }
    /* ################# Last Banner ################# */
    section.section[data-type="banner"]:last-of-type {
      padding-bottom: 0px !important;
      padding-top: 0px !important;
    }
    
    section.section[data-type="banner"]:last-of-type > .container.banner {
      padding: 0px !important;
      width: auto !important;
    }
    section.section[data-type="banner"]:last-of-type .banner img {
      margin-bottom: 0px !important;
      margin-top: 0px !important;
    }
    
    /* ====================================== Product ======================================= */
    
    .products-listing.eq-height .slick-track {
      padding-top: 5px !important;
    }
    .product {
      background-color: #fff !important;
      border: none;
      border-radius: 14px;
      box-shadow: 0px 0px 14px 0 rgba(34, 41, 47, 0.1);
    }
    .product-add:active {
      -moz-transform: scale(0.95);
      -webkit-transform: scale(0.95);
      -o-transform: scale(0.95);
      -ms-transform: scale(0.95);
      transform: scale(0.95) !important;
    }
    body .product .product-footer {
      display: block;
      border: none;
    }
    .not-available {
      background-color: rgba(245, 81, 87, 0.12);
      font-size: 1rem;
      margin: 10px 5% !important;
      font-size: 1.2rem;
      display: block !important;
      text-align: center;
      font-weight: bold;
      border-radius: 10px !important;
      padding: 8px 0 10px !important;
    }
    .product-add {
      font-size: 1rem;
      background-color: #1b2b4d;
      color: #fff;
      margin: 10px 5% !important;
      padding: 0.35rem 0 !important;
      display: block;
      text-align: center;
      border-radius: 10px;
    }
    .product-add:before {
      content: "أضف للسلة";
      border-left: solid 2px white;
      padding-left: 1rem;
      padding-top: 0.9vh;
      padding-bottom: 0.9vh;
      color: white;
      font-weight: bold;
      line-height: 1.4;
    }
    .product-add span::before {
      color: transparent;
    }
    .product-add span {
      background-image: url("https://www9.0zz0.com/2023/11/20/11/191406909.png");
      background-repeat: no-repeat;
      background-size: 100%;
      margin: 0px 20px 0px -5px;
      padding: 6px 5px;
    }
    .product-add * {
      vertical-align: -4px;
    }
    
    /* ************* End with icon ************* */
    body .product > a .product-title {
      text-align: center !important;
      /* color: #1b1e23 !important; */
      font-size: 1.2rem;
    }
    .price-before {
      color: #828282;
    }
    .product-subtitle {
      text-align: center !important;
      color: #191919;
    }
    .product-footer > .product-price {
      direction: rtl;
      font-weight: bold;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: row-reverse;
      color: #1b1e23 !important;
    }
    .product-footer > .product-price .price-before {
      direction: rtl !important;
      float: none !important;
      font-weight: normal;
      text-align: center;
      margin-right: 0.5rem;
    }  .testimonials-item {
      margin: 3px;
      background: #fff    url("https://www5.0zz0.com/2023/11/20/19/908634869.png")    top 2.5rem left 1rem/35px no-repeat !important;
      border: 1px solid #b1b7c2;
      border-radius: 30px !important;
      box-shadow: 3.4px 5px 5px -3px rgb(0 0 0 / 9%);
    }.testimonials-item p {
      background: #fff;
      border-radius: 12px;
      color: #1b1e23;
      width: 88%;
      padding: 3rem 1rem 0.5rem;
      margin-bottom: 0px !important;
      text-align: right;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .testimonials-item p:before {
      border-top-color: #0f0f0f;
      display: none;
    }
    .testimonials-item cite {
      color: #000;
    }
    .testimonials-item img {
      display: none;
    }
    .testimonials-item__location {
      margin-right: 10px;
    }
    span.testimonials-item__author {
      color: #1b2b4d;
      margin-right: 26px;
    }
    .testimonials-item .rating {
      display: block;
      position: absolute;
      top: 13px;
      right: 106px;
      font-size: 19px;
      letter-spacing: 5px;
    }
    
    /* box shap */
    cite.d-flex.pr-4 > div {
      margin-bottom: 8px;
    }
    .text-right {
      text-align: right !important;
      display: flex;
      align-items: center;
    }
    /* ===  لون   خلفية المنتج  ==== */
    body > section.u-light.py-5.text-center > div > h2 {
      font-size: 0;
    }/* مميزات المتجر */
    .feature-item {
      flex: 0 0 28.333333%;
      max-width: 28% !important;
      border: none;
      border-radius: 4px;
      margin: 0px 2.5%;
      padding: 20px;
      margin-bottom: 10px;
    }.feature-item .feature-item__icon {
      background: transparent !important;
      color: #1b1e23;
    }
    .feature-item h3 {
      color: #f49f04;
      margin-top: 10px;
      font-size: 18px;
      text-shadow: 0px 0px 19px #1b2b4d5e;
      margin-top: 100px;
    }
    .feature-item p {
      color: #1b2b4d;
      font-size: 1.2rem;
    }
    /* أيقونااات متحركة للمميزات */
    
    .feature-item .feature-item__icon {
      background-color: transparent !important;
      border: none;
      overflow: visible;
    }
    .feature-item .feature-item__icon:after {
      background-color: transparent;
    }
    .feature-item .feature-item__icon {
      background-size: contain !important;
      background-repeat: no-repeat !important;
      border-radius: unset !important;
    }.feature-item:nth-of-type(1) .feature-item__icon {
      opacity: 1 !important;
      background-image: url("https://www7.0zz0.com/2023/11/19/14/305673598.gif") !important;
      content: "" !important;
      background-position: 50% !important;
      background-size: 55px !important;
    }.feature-item:nth-of-type(2) .feature-item__icon {
      opacity: 1 !important;
      background-image: url("https://www7.0zz0.com/2023/11/19/14/394048293.gif") !important;
      content: "" !important;
      background-position: 50% !important;
      background-size: 55px !important;
    }.feature-item:nth-of-type(3) .feature-item__icon {
      opacity: 1 !important;
      background-image: url("https://www7.0zz0.com/2023/11/19/14/870788911.gif") !important;
      content: "" !important;
          background-position: 50% !important;
        background-size: 55px !important;
    }.feature-item .feature-item__icon i:before {
      content: none !important;
    }.bounce:before {
      content: " ";
      position: absolute;
      top: 86%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #1b2b4d transparent;
      -webkit-animation: fadeOut 7s;
      animation: fadeOut 7s;
      animation-fill-mode: forwards;
    }/* ====================== in product page ============= */
    .cart-number {
      display: inline-grid;
      place-items: center;
    }/* أضافة للسلة */ /* اتمام الطلب */ /*  عودة للرئيسية */
    .cart-fav .add-cart-large.add_to_cart_large_btn,
    .page-container-cart .cart-next-button a,
    .page-container-cart .cart-nav a {
      border-radius: 10px !important;
      border: 1px solid #1b1e23;
      background: #1b1e23 !important;
      color: #fff;
      font-weight: bold;
    }
    /* أزرار داخل السلة */
    .cart-nav-submit,
    .cart-nav-more,
    .cart-nav-solid,
    .cart-fav .add-cart-large.add_to_cart_large_btn {
      border: 1px solid #1b2b4d;
      background: #1b2b4d !important;
      color: #fff;
      transition: all 0.1s ease-in-out;
      font-weight: bold;
    }
    .cart-nav-submit:hover,
    .cart-nav-more:hover,
    .cart-nav-solid:hover,
    .cart-fav .add-cart-large.add_to_cart_large_btn:hover,
    .page-container-cart .cart-next-button a:hover,
    .page-container-cart .cart-nav a:hover {
      border: 1px solid #1b2b4d;
      background: #9b3947 !important;
      color: #fff;
    }/* إكمال الدفع */
    .btn--submit.wide:after,
    button#submit-form-btn {
      color: #fff !important;
    }/* in search page */
    .products-grid.eq-height {
      margin-bottom: 15px;
    }
    
    /* ====================================== Footer ======================================= */
    .footer-main .footer-item .footer-title span {
      color: #ffffff;
      font-size: 1.6rem;
      font-weight: bold;
    }.footer-main,
    .footer-main .store-contact {
      text-align: center;
    }
    .footer-main .store-contact:first-of-type {
      margin-top: 1.2rem !important;
    }
    /*  تواصل معنا وتس  */
    .store-contact a {
      color: #ffffff !important;
      padding: 2px 15px 6px;
      border-radius: 10px;
      transition: all 0.4s ease-in-out;
      border: 1px solid #fff !important;
      background: transparent !important;
      font-weight: bold;
    }
    .store-contact a:hover {
      color: #fff !important;
      background: #1b2b4d !important;
    }
    /* روابط */
    .footer-links a {
      color: #ffffff;
      text-decoration: none;
    }
    .footer-links a:hover {
      color: #1b1e23;
      text-decoration: underline;
    }/* icons شبكات التواصل */
    .social__item a {
      color: #fff;
      border: 1px solid #f49f04 !important;
      background-color: #f49f04;
      border-radius: 10px !important;
      transition: all 0.3s ease-in-out;
      box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
    }.social__item a:hover {
      color: #1b2b4d !important;
      border: 1px solid #f7ce83 !important;
      background-color: #f7ce83 !important;
    }/* إخفاء صنع من سلة */
    .footer-sub .footer-wrapper > p > span {
      display: none;
    }
    
    /* ====================================== Meadia Queries ======================================= */
    /* login */
    @media (max-width: 767px) {
      .site-header {
        background-size: 40%;
      }
      .salla-theme_1 header.site-header .logo-wrapper .logo img {
        height: auto !important;
        max-height: 2px !important;
        margin-right: 18px;
        height: auto;
        max-height: 45px;
        max-width: 186px;
        width: auto;
    
        
      }body .section-header h2.section--title span {
        font-size: 1.4rem !important;
      }.modal .modal-dialog.modal-sm {
        width: auto !important;
        min-width: 300px;
        
      }
      .footer-main .footer-item .footer-title,
      .footer-main .footer-item .footer-title span {
        border: none;
        color: #fff;
        padding-bottom: 7px;
        margin-right: 8px;
      }
      .footer-links {
        columns: 1;
      }
      .product {
        border-radius: 12px;
      }
      .product-add {
        margin: 0.2rem 0.2rem 0.5rem !important;
      }
      .product-add:before {
        padding-left: 0.5rem;
      }
      .product-add span {
        margin: 5px;
      }
      .product .product-footer .product-price * {
        font-size: 16px !important;
      }/* مميزات المتجر */
      .feature-item {
        flex: 0 0 100%;
        max-width: 90% !important;
        margin: 0px 5%;
        padding: 15px 10px;
        margin-bottom: 20px;
      }
    }#toform a {
        margin: auto !important;
        background: #E57680;
        color: white !important;
        text-decoration: none;
        padding: 10px 24px 8px;
        border-radius: 24px;
        font-size: 1.1em !important;
        text-align: center;
    }.sub-nav__menu svg {
      background: #ffffff;
      border-radius: 6px;
      fill: #1b2b4d;
    }body > footer > div.footer-sub > div > div > div > div:nth-child(3) img {
        margin: 5px;
        background: #fff;
        border-radius: 5px;
        outline: 3px solid #fff;
    }.footer-sub {
        background: #1b2b4d;
    }.footer-item p {
        font-weight: bold;
        color: #ffffff;
    }.footer-main {
        background: #1b2b4d;
    }.product-add:hover {
        background: #1d283c !important;
    }.u-light {
        background: #fff;
    }.product-form {
        border-radius: 23px;
        margin-top: 30px;
        border: none !important;
        box-shadow: 0px 0px 10px #1b2b4d26;
    }.tamara-product-widget {
        background: #fff;
        border-radius: 16px !important;
        border-bottom: 4px solid #f7c487 !important;
    }.btn-group-vertical>.btn, .btn-group>.btn {
        background: #1b2b4d;
        color: #fff;
    }.site-header{
        background: #1b2b4d;
        animation: ShineAnimation 5s infinite;
        overflow: hidden;
        animation-timing-function: cubic-bezier(0.6, -0.28, 0.74, 0.05);
        box-shadow: none;
    }@keyframes ShineAnimation
    {
    0%{
          background-repeat: no-repeat;
          background-image: -webkit-linear-gradient( top left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.0) 45%, rgba(255, 255, 255, 0.2) 48%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 52%, rgba(255, 255, 255, 0.0) 57%, rgba(255, 255, 255, 0.0) 100% );
          background-position: -250px -250px;
          background-size: 600px 600px;
        }
        100%
        {
          background-repeat: no-repeat;
          background-position: 250px 250px;}}@media (max-width: 766px){
         body > header > div > div > div.col-lg-4.header-row.logo-wrapper:before {
        content: "";
        position: absolute;
        display: block;
        width: 270px;
        height: 84px;
        background: #fff;
        z-index: -1;
    }}@media (max-width: 766px){
         body > header > div > div > div.col-lg-4.header-row.logo-wrapper:before {
        content: "";
        position: absolute;
        display: block;
        width: 270px;
        height: 84px;
        background: #fff;
        z-index: -1;
    }}.footer-title span{background: transparent !important;}
    .feature-item__content {
        background: none;
        border-radius: 28px;
        font-weight: bold;
    }.feature-item__icon {
        height: 135px;
    }.col-sm-6.col-md-4.feature-item.mb-md-0 {
        padding: 7px !important;
        margin: 5px auto;
    }.salla-theme_4 .product-footer .product-add {
        width: 90%;
        border-radius: 12px;
        height: 40px;
        line-height: 31px;
        margin: auto !important;
    }.salla-theme_4 .product-footer .product-add:hover {
        background: #f49f04 !important;
    }.product img {
        border-radius: 18px;
    }.footer-main:before {
        content: " ";
        background-image: url("https://raw.githack.com/cheikhoumou/icons/main/img%20(2).svg")!important;
        display: block !important;
        background-position: center !important;
        background-repeat: no-repeat;
        background-size: cover !important;
        width: 100%;
        height: 110px;
        background: #1b2b4d;
        margin-top: -30px;
    }ul.footer-links {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }ul.footer-links li {
        padding: 7px;
        background: #ffffff24;
        margin: 5px;
        border-radius: 8px;
    }h2.footer-title {
        text-align: right;
        margin-top: 20px;
        position: relative;
    }h2.footer-title:before {
        position: absolute;
        content: '';
        background-color: #f49f04;
        width: 62px;
        height: 5px;
        bottom: -3px;
        right: 8px;
        border-radius: 10px;
    }h2.footer-title:after {
        position: absolute;
        content: '';
        background-color: #5f6683;
        width: 30px;
        height: 6px;
        bottom: -4px;
        right: 73px;
        border-radius: 15px;
    }body > footer > div.footer-main > div > div > div:nth-child(1) > div:nth-child(4) {
        display: none;
    }body > footer > div.footer-main > div > div:before {
        content: "";
        display: block;
        width: 100px;
        height: 69px;
        background: url(https://www7.0zz0.com/2023/11/20/12/363683664.png) no-repeat;
        background-size: contain;
        margin: auto;
    }.box {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: center;
        align-items: center;
    }.box .mb {
        width: 98%;
        margin: auto;
    }.box .mb img {
        width: 100%;
    }@keyframes rotateIn {
        0% {
            transform-origin: center;
            -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
            opacity: 0
        }0%,to {
            -webkit-transform-origin: center
        }to {
            transform-origin: center;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }.kism:before {
        position: absolute;
        content: "";
        top: 30%;
        width: 14px;
        height: 14px;
        display: block;
        right: -19px;
        margin-top: 3px;
        -webkit-animation: rotateIn 3s infinite;
        -moz-animation: rotateIn 3s infinite;
        box-shadow: 3px 3px 0px 0px #f49f04;
        border-radius: 4px;
    }.kism:before {
        background: #1b2b4d !important;
    }.kism {position: relative;
        position: relative;
        margin-right: 38px;
        color: #1b2b4d;
        font-family: inherit;
        font-weight: bold;
        font-size: 23px;
    }.salla-theme_4 .site-header .logo-wrapper .logo img {
        max-width: 180px;
    }.main-slider img {padding: 6px;border-radius: 20px;
    }.main-slider.slick-dotted.slick-slider .slick-dots {bottom: 18px;}.logo img {
        zoom: 80%;
    }.salla-theme_4 .site-header .container.py-3 {padding: 10px !important;
    }header.site-header {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;
    }.main-slider.slick-dotted.slick-slider {padding: 0px;
    }.sub-nav__close svg {fill: #f49f04;}
    .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li:before {content: "";background: url(https://www4.0zz0.com/2023/11/24/12/134065128.png) no-repeat;display: block;width: 21px;height: 21px;background-size: contain;position: absolute;right: -8px;top: 10px;
  }.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li,.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li:last-child {position: relative;margin-right: 12px;
  }.main-menu > li:hover:before, .main-menu > li:hover:after {display: none;
  }p.mb-4.mb-md-0 {font-size: 0;}.footer-payment img {max-width: 63px;max-height: 63px;}
  p.mb-4.mb-md-0:before {content: " جميع الحقوق محفوظة ";font-size: 18px;}.salla-theme_4 .footer-header .footer-payment .icons {margin-bottom: 20px;
  }body > footer > div.footer-header > div > div > div > div > div:nth-child(2) > img:nth-child(4) {max-width: 52px;}
  .footer-payment img {
      margin: 3px;
      border-radius: 8px;
      box-shadow: 0px 0px 9px #b1b7c2;
      outline: 1px solid #fff;
  }.product-form .product-form, .product-options .product-form {
      box-shadow: none;
  }body > footer > div.footer-header > div > div > div > div > div:nth-child(2) > a > img {
      max-width: 47px;
      max-height: 47px;
  }.footer-payment img {
      padding: 5px;
  }