/* Importation du font */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
:root {
--font-medium: "Cairo" !important;
}
:lang(ar) *:not(i),
body *:not(i)
 {
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.article p strong {
  color: #544b4b !important;
  border-bottom: #e6e6e6 dotted 1px;
  padding-bottom: 5px !important;
    margin-right: 25px !important;
}
.tabs-heads .tab-head .btn--grey.active{
    
    color: #ffffff;
 }
 
 /* */
 
 @-webkit-keyframes circle {
  0% {
   opacity: 1;
  }
  40% {
   opacity: 1;
  }
  100% {
   width: 300%;
   height: 300%;
   opacity: 0;
  }
 }
 @keyframes circle {
  0% {
   opacity: 1;
  }
  40% {
   opacity: 1;
  }
  100% {
   width: 100%;
   height: 200%;
   opacity: 0;
  }
 }
 
 @keyframes mvt {
  0% {
  transform: scale(0.8)
  }
  40% {
   transform: scale(1.1)
  }
  100% {
   transform: scale(1)
  }
 }
 .product {
     -webkit-transition: all .2s ease-out;
     transition: all .2s ease-out;
 }
 .product:hover {
     transform: scale(1.08);
 }
 
 @keyframes animate {
   0% {
     background-position: -400%;
   }
   100% {
     background-position: 400%;
   }
 }
 
 
 @keyframes social2 {
   0% {
     transform:  rotate(180deg)
   }
   100% {
     transform: rotate(-180deg)
   }
 }
 
 @keyframes zoomme {
   0% {
     transform:  scale(1.1)
   }
   100% {
     transform: scale(1)
   }
 }
 
 
 
 /* body */
 
 .home-block {
    
     background: #F6F6F6 !important;
 }
 
 
 /* */
 .btn--add-to-cart {
     padding: 8px 15px 8px 10px;
     position: relative;
     width: 100%;
     border-radius: 0 !important;
     margin-top: 10px !important;
     margin-bottom: 0 !important;
     padding: 10px !important;
     border-radius: 0px;
     color: #fff;
     
     background-size: contain;
     background-color: #000;
 }
 .btn--add-to-cart i::before {
   content: "إضافة للسلة";
   
   font-size: 15px
 }
 
 
 /* le produit  */
 .product-block h2 {
     font-size: 14px;
     padding: 0 15px 15px;
   
 }
 
 .product-block {
     border-radius: 0px;
     border: 1px solid #000;
   padding-bottom: 0 !important;
 }
 .product-block .btn--add-to-cart {
     left: 0 !important;
     bottom: 0 !important;
    
 }
 
 
 /* */
 .product-block__thumb .badge.badge--ribbon {
     display: block;
     width: auto;
     position: absolute;
     top: 0;
     left: 0;
     right: auto;
     PADDING: 3PX;
     background-color: #000;
     border-right: 2px solid #000 !important;
     border-bottom: 2px solid #000 !important;
     color: #fff;
     font-size: 12px;
     border-radius: 0;
 }
 
 .product-block__info {
     padding: 15px 0px 15px 0 !important;
 }
 .product-block h2, .product-block__info .product-title p, .price-wrapper {
       text-align: center !important;
 }
 
 
 
 
 .home-block .title--primary {
     text-align: right !important;
     padding-right: 10px !important;
 }
 
 
 
 .sta-product .badge {
     display: block;
     width: auto;
     position: absolute;
     top: 0;
     left: 0;
     right: auto;
     padding: 3PX;
     background-color: #000 !important;
     border-right: 2px solid #fff !important;
     border-bottom: 2px solid #fff !important;
     color: #fff !important;
     font-size: 12px;
     border-radius: 0;
     padding: 10px !important;
 }
 
 
 /* mazaya */
 
 .home-block--store-features {
     background: #000 !important;
 }
 
 .home-block--store-features .container::before {
   content: "مميزات متجرنا";
   display: block;
   width: 100%;
   color: #fff !important;
   text-align: center !important;
   font-size: 35px;
   text-shadow: 1px 1px 0px #000;
   margin-bottom: 25px !important;
 }
 
 
 /* testemonial  */
 .home-block--testimonials .splide__slide {
    
     border: #000 solid 1px !important;
 }
 
 
 
 
 .product-sections-wrapper {
     border: 1px solid #000 !important;
     border-radius: 0px;
 }
 
 .qty {
    border: 1px solid #000 !important;
 }
 
 .product-details__title .brand-logo img {
   max-height:  65px !important;
 }
 
 
 .product-block .btn--add-to-cart {
     left: 0 !important;
     bottom: 0 !important;
     transform: unset !important;
     width: 85% !important;
     margin: 10px auto !important;
     border-radius: 10px !important;
 }
 
 
 
 
 .footer {
     border-top: none !important;
     background: #000 !important;
     color: #fff !important;
 }
 .footer .footer-list li a {
     display: block;
     width: 100%;
     height: auto;
     padding: 10px 0;
     color: #fff !important;;
     transition: color .5s cubic-bezier(.2,1,.3,1);
 }
 .footer .footer-list.store-links-items a {
   color: #fff !important;
 }
 .title--has-dash  {
     position: relative;
     padding-right: 15px;
   color: #000 !important;
   border-bottom: #000 dotted 1px !important;
 }
 footer .title--has-dash  {
     position: relative;
     padding-right: 15px;
   color: #fff !important;
   border-bottom: #fff dotted 1px !important;
 }
 
 .footer .footer-list.more-links a i {
   color: #fff !important;
 }
 
 .footer__mid {
     padding-top: 15px;
     padding-bottom: 15px;
     border-top: 1px dotted #fff !important;
   text-align: center !important;
   align-items: center !important;
   align-content: center !important;
   align-self: center !important;
   
 }
 
 .footer .payment-methods-wrap {
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 
 .footer__bottom {
   color: #000 !important;
 }
 
 
 
 .footer__mid * {
   text-align: center !important;
   
 }
 
 
 
   .footer .footer-list--row.footer-list--social-links li {
     border: #000 solid 1px !important;
     border-radius: 50% !important;
   }
   
 
 
   /*
 ===================
   // media query
 ===================
 */
 
 
 
   @media screen and (max-width: 767px) {
   
     .footer * {
       text-align: center !important;
     }
   
    .footer__block > :first-child {
       flex: 100% !important;
       width: 100% !important;
     align-items: center !important;
       justify-content: center !important;
   }
     .footer__block {
       display: flex;
       align-items: center !important;
       justify-content: center !important;
       flex-direction: column;
       height: 100%;
   }
     .title--has-dash {
       text-align: center !important;
       width: 100% !important;
       padding-right: 0 !important;
      
     }
     .footer__block > :first-child {
       flex: 100% !important;
       width: 100% !important;
       align-content: center !important;
       display: flex;
       flex-direction: column;
       align-items: center;
   }
     .footer .footer-list {
       margin: 20px auto !important;
     }
     
     .footer .footer-list--row  {
       width: auto;
       margin-left: 10px;
       margin: 20px auto !important;
   }
 
 
     .store-feature__icon {
     
         float: right !important;
     }
     .store-feature .title {
         margin: 0 0 5px;
         color: #fff !important;
         text-align: right !important;
     }
     .store-feature p {
         color: #fff !important;
         text-align: right !important;
     font-size: .7rem
     } 
     .splide--products-slider .splide--draggable > .splide__track > .splide__list > .splide__slide {
         width: 50vw !important;
     }
 
     footer .title--primary {
         text-align: center !important;
        
     }
 
     .store-certificate__text {
         display: flex !important;
         flex-direction: column !important;
     }
     
     .tabs-heads--center {
   display: block !important;
 
  
 }
 /*
 .tabs-heads--center li   {
   margin: 1px !important;
   width: auto !important;
   border-radius: 0 !important;
   background: var(--color-grey-darkest) !important;
   width: 48% !important;
 }
 .tabs-heads .tab-head .btn, .tabs-heads .tab-head a {
   border-radius: 0 !important;
   width: 100%
 }*/
     
   }
   
 
   /* DES MODIFICATIONS */
   .splide--products-slider .splide__arrows {
     left: 90px;
     top: -60px !important;
     transform: none;
     width: 82px;
     height: 26px !important;
     position: absolute;
 }
 
 .home-block--fixed-products.show-all .title.title--x-large .btn,
 .home-block--slide-products.show-all .title.title--x-large .btn
 {
     background-color: #000;
     
   border-radius: 0 !important;
   height: 26px !important;
   padding: 0 13px !important;
   margin-top: -1px !important;
   color: #fff !important;
 }
 
 .product-block .btn--add-to-cart {
     left: 0 !important;
     bottom: 0 !important;
     transform: unset !important;
 }
 .top-header {
   background: #000 !important;
   border-bottom: #545454 dotted 1px !important;
   color: #fff !important;
 }
 
 
 .btn--padded.less {
   background: transparent !important;
 }
 
 
  
  .store-feature .title--primary {
   color: #fff !important;
   text-align: center !important;
 }
 
 .btn--padded.less {
   background: transparent !important;
 }
 
 .store-feature > p {
   color: #fff !important;
   text-align: center !important;
   font-size: 13px
 }
 
 .product-block__info .product-title .title--primary {
  text-align: center !important; 
 }
 
 .sta-product {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     flex-direction: column;
     height: 100%;
     max-height: calc(100% - 60px);
     position: relative;
     border-radius: 12px;
     overflow: hidden;
     box-shadow: 0 4px 20px 5px hsla(0,0%,93.3%,.6);
     border: #000 solid 1px !important;
 }
 .sta-product .badge {
    display: block;
 width: auto;
 position: absolute;
 top: 0;
 left: 0;
 right: auto;
 padding: 3PX;
 background-color: #000d4;
 border-right: 2px solid #000 !important;
 border-bottom: 2px solid #000 !important;
 color: #000;
 font-size: 12px;
 border-radius: 0;
 }
 
 .pie-wrapper .pie-svg circle.circle_bar {
     stroke: #000;
     stroke-linecap: round;
 }
 
 .sta-product {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     flex-direction: column;
     height: 100%;
     max-height: calc(100% - 60px);
     position: relative;
     border-radius: 12px;
     overflow: hidden;
     box-shadow: 0 4px 20px 5px hsla(0,0%,93.3%,.6);
     border: #000 solid 1px !important;
 }
 .sta-product .badge {
    display: block;
 width: auto;
 position: absolute;
 top: 0;
 left: 0;
 right: auto;
 padding: 3PX;
 background-color: #000d4;
 border-right: 2px solid #000 !important;
 border-bottom: 2px solid #000 !important;
 color: #000;
 font-size: 12px;
 border-radius: 0;
 }
 .pie-wrapper .pie-svg circle.circle_bar {
     stroke: #000;
     stroke-linecap: round;
 }
 .pie-wrapper {
     display: block;
     height: 72px;
     width: 72px;
     border-radius: 100%;
     position: relative;
     margin-bottom: 10px;
 }
 
 .home-block--main-slider .splide--main-slider .splide__pagination {
   display: none !important;
 }
 
 header.fixed-pinned .theme-logo img {
     max-height: 80px !important;
     height: 65px !important;
     width: auto !important;
 }
 @media screen and (max-width: 767px) {
     header .site-header .theme-logo img {
     max-height: 55px !important;
 }
 }
 
 .store-certificate__text .number {
     color: #fff !important;
   font-size: 15px !important;
   margin-top: 5px !important;
 }
 
 .footer .footer-list.footer-list--payment-methods li:not(:last-of-type) {
   background: #ffffff !important;
   border-radius: 5px !important;
   filter: grayscale(120%)
 }
 .footer .footer-list.footer-list--payment-methods li:not(:last-of-type):hover {
   background: #000 !important;
   border-radius: 5px !important;
   filter: unset !important;
 }
 
 .store-feature__icon {
    
     color: #fff !important;
 }
 
 header .form--search .form-group .form-control {
     background: transparent !important;
     border: #000 solid 1px !important;
     color: #000 !important;
 }
 
 .home-block--fixed-products.show-all .title.title--x-large .btn, .home-block--slide-products.show-all .title.title--x-large .btn {
     background-color: #000;
     
     border-radius: 0 !important;
     height: 26px !important;
     padding: 0 13px !important;
     margin-top: -1px !important;
     color: #fff !important;
     border-radius: 2rem !important;
     border: none !important;
 }
 
 .product-block {
     border-radius: 10px !important;
     border: 1px solid #e6e6e6;
     padding-bottom: 0 !important;
 }
 .splide--products-slider .splide__slide {
     height: auto;
     padding: 15px 0;
         padding-bottom: 15px;
     padding-bottom: 15px;
     max-width: 40vw !important;
 }
 
 .splide--products-slider .splide__arrows {
     background-color: #000;
     border-radius: 2rem !important;
 }
 
 .store-feature__icon {
 
     border-radius: 0 !important;
   
     align-items: flex-start !important;
 }
 
 .footer .footer-list.footer-list--payment-methods li:not(:last-of-type) {
     background: #ededed !important;
     border-radius: 5px !important;
     filter: unset !important;
 }
 
 .store-feature__icon {
     border-radius: 0 !important;
     align-items: flex-end !important;
     width: 100%;
 }
 
 .product-block .btn--add-to-cart.disabled {
   background: red !important;
 }
 
 .btn--add-to-cart.disabled i::before {
   content: "نفذت الكمية";
   color: #fff !important;
 }
 
 .btn--add-to-cart.disabled::before {
   display: none !important;
 }
 
 .home-block:last-of-type {
   background: #F5EFEB !important;
 }
 
 .home-block:last-of-type {
     background: #f5f5f5 !important;
 }
 
 .store-feature *,
 .store-feature .title--primary,
 .store-feature > p
 {
     color: #545454 !important;
 }
 
 
 .tabs-heads--center {
   display: block !important;
 
  
 }
 
 .tabs-heads--center li   {
   margin: 1px !important;
   width: auto !important;
   border-radius: 0 !important;
   background: var(--color-grey-darkest) !important;
   width: 48.9% !important;
 }
 .tabs-heads .tab-head .btn, .tabs-heads .tab-head a {
   border-radius: 0 !important;
   width: 100%;
   line-height: 30px !important;
 }
 .tabs-heads--center .tab-head {
     text-align: center;
     max-height: 40px;
     overflow: hidden;
     line-height: 30px !important;
 }
 
 .tabs-heads--center {
     display: block !important;
     background: #e6e6e6 !important;
   margin-bottom: 25px !important;
 }
 .tabs-heads--center::after {
     display: block !important;
    
   content: "";
   width: 20px !important;
   height: 20px !important;
   
   position: absolute;
   right: calc(50% - 10px);
   border-right: transparent solid 10px !important;;
    border-left: transparent solid 10px !important;;
   border-top: #e6e6e6 solid 10px !important;
 }
 .sta-product .badge {
     display: block;
     width: auto;
     position: absolute;
     top: 0;
     left: 0;
     right: auto;
     
     border-right: 2px solid #e6a713 !important;
     border-bottom: 2px solid #e6a713 !important;
     color: #000;
     font-size: 12px;
     border-radius: 0 0rem 1rem 0 !important;
     background: #e6a713 !important;
 }
 
 .pie-wrapper .pie-svg circle.circle_bar {
     stroke: #e6a713 !important;
     
 }
 .sta-product__qty {
      color: #e6a713 !important;
 }
 
 .nav-mobile * {
     display: block;
     background: #f6f6f6 !important;
 }
 
 
 footer .title--has-dash {
     overflow: hidden;
     background: linear-gradient( -45deg , #fff, #fff);
         background-size: auto;
         background-clip: border-box;
     background-size: auto;
     background-clip: border-box;
     background-size: 90%;
     animation: animate 3s linear infinite;
     -webkit-background-clip: text;
     -webkit-text-fill-color: rgba(227, 168, 91, 0);
 }
 
 .product-block__info .product-title .title--primary {
   color: #545454 !important;
 }
 
 
 .footer .footer-list li a:hover {
   background: transparent !important;
 }
 
 .footer .footer-list.footer-list--social-links li,
 .footer .footer-list.footer-list--social-links li a
 {
   position: relative !important;
   height: 40px !important;
   width: 40px !important;
  
 }
 .footer .footer-list.footer-list--social-links li::before  {
   content: "";
   width: 40px;
   height: 40px;
   background: transparent !important;
   display: block;
   position: absolute !important;
   border-left: #fff solid 1px !important;
   border-right: #e6a713 solid 1px !important;
   border-radius: 50% !important;
   animation: social 2s  infinite !important;
 }
 .pie-wrapper {
   animation: zoomme .8s  infinite !important;
 }
 
 
 section.home-block:nth-of-type(3) .btn--add-to-cart {
   /* background: #e6a713 !important; */
 }
 
 .grid-block .sta-product {
   background: #000 !important;
 }
 
 .grid-block .sta-product .title--primary {
   color: #fff !important;
 }
 
 .sta-product__qty span {
   color: #545454 !important;
 }
 .sta-product__qty span b {
   color: #fff !important;
 }
 
 .btn--add-to-cart i::after {
   content:"\ef36";
   margin-right: 10px;
 }
 
 @media screen and (min-width: 767px) {
     .tabs-heads--center .tab-head {
    
     max-width: 120px !important;
 }
 }
 
 .store-feature  {
  
    clip-path: circle(100% at 100% 0%) !important;
    margin-bottom: 15px !important;
 }
 
 .store-feature::before {
   content:"";
   display: block;
   height: 100%;
   width: 50%;
   background: #f5f5f5 !important;
   
   position: absolute;
   z-index: -5;
   opacity: 0.6;
 }
 
 .splide--products-slider .splide__arrows button {
     height: 32px !important;
     width: 32px !important;
 }
 
 .splide--products-slider .splide__arrows {
    background-color: #000;
    border-radius: 2rem !important;
    display: none;
}
.home-block--store-features {
  display: none !important;
}

.footer .footer-list li a img[src="https://assets.salla.cloud/themes/y/images/maroof-footer.png?v2.10-theme-utils-googletag10"] {
  display: none !important;
}

.footer .footer-list.footer-list--payment-methods li:not(:last-of-type) {
    background: transparent !important;
    border-radius: 5px !important;
    filter: brightness(100%) !important;
}
.footer .footer-list.footer-list--payment-methods li img {
  background: #a1a1a1 !important;
}

.footer .footer-list.footer-list--social-links li::before {
   display: none !important;
}

.footer .footer-list.footer-list--social-links li::before {
   display: none !important;
}

.footer__mid {
  background: #fff !important;
  border-radius: 3rem !important;
  margin-bottom: 10px !important;
  padding: 5px !important;
}
.footer__mid  .col-md-8 {
  min-width: 100% !important;
}
.footer .footer-list.footer-list--payment-methods li img {
    border: #a1a1a1 dotted 1px !important;
  border-radius: 10px !important;
  background: #fff !important;
}
.footer .footer-list.footer-list--payment-methods li img:hover,
.footer .footer-list.footer-list--payment-methods li :hover
{
  background: #fff !important;
}


.footer .footer-list--payment-methods {
    justify-content: center !important;
    align-items: center;
    overflow: hidden;
    width: auto;
}
.footer .payment-methods-wrap {
    display: flex;
    justify-content: center !important;
    align-items: center;
}
.top-header * {
    color: unset !important;
}

.switcher-toggler .btn,
.dropdonw-menu-wrap .dropdown-menu a
{
  color: #545454 !important;
}

:lang(en) .btn--add-to-cart i::before {
    content: "Add To Cart";
    font-size: 15px;
}
.footer .footer-list.footer-list--payment-methods li img[src="https://assets.salla.cloud/themes/y/images/maroof-footer.png?v2.15-theme-utils"] {
  display: none !important;
}
.footer .footer-list.footer-list--payment-methods li img {
    border: none !important;
    border-radius: 10px !important;
    background: #fff !important;
}

:lang(en) .home-block--slide-products.show-all .title.title--x-large {
  text-align: left !important;
}

.nav-desktop--horizontal ul .menu-item.dropdown .sub-menu ul li a[href="https://iamlmo.com/category/ZYjZmy"] {
  pointer-events: none !important;
}
.product-block .btn--add-to-cart .s-button-element {
  border-radius: 50px 0 0 50px;
  width: 100% !important;
}
:lang(en) .home-block .title--primary {
  text-align: left !important;
  padding-right: 10px !important;
}
.products-list-container {
  width: 100%;
  grid-template-columns: repeat(auto-fill,minmax(280px,4fr));
  grid-gap: 20px;
}

.btn.btn--oval.btn--grey.btn--dropdown-toggle.dropdown-trigger.grey.no-p {
  color: #000 !important;
}
.btn.btn--oval.btn--grey.d-flex.algin-items-center.grey.btn--padded.mr-3 {
  color: #000 !important;
}
.avatar.icon.lazy {
  opacity: 1 !important;
}
/* 
section.home-block:nth-child(11) {
  display: none !important;
}
*/