/* Add custom CSS styles below */ 
.fixed-header .inner {
    background: #fff;
}
   /*****************مميزات المتجر ********/
.sodo .feature {
    background: linear-gradient(276deg,rgba(138, 18, 15, 1) 0%, rgba(0, 0, 0, 1) 100%);
    padding: 50px;
}
.my-banner-photo{
  margin-bottom: 0px !important ;
}
    .my-banner-photo a{
    color:#fff;
    }
   .my-banner-photo .container.image-container {
    justify-content: end;
     height: 44rem;
}
.my-banner-photo p {
    color: #fff;
}
    .my-banner-photo .text-head-res {
      font-size: 40px;
      line-height: 60px;
      color: #fff;
  }
  .my-banner-photo img {
    width: 83%;
}
    /* -----مهمه جدا  */
    .my-banner-photo .md\:text-nowrap {
      text-wrap: wrap;
  }
  
    .my-banner-photo .cont{
        justify-content: center ;
    }
    @media screen and (max-width:768px){
      .my-banner-photo .container.image-container {
    justify-content: center;
    height: 20rem;
}
.my-banner-photo .text-head-res {
    font-size: 11px;
    line-height: 0px;
}

 .my-banner-photo p {
    margin-bottom: 20px;
    font-size: 12px;
}
    .my-banner-photo .md\:text-nowrap {
        text-align: center;
        margin-bottom: 30px;
    }
     .my-banner-photo  .containt {
    width: 50%;
    margin-right: auto;
}
    }
/**********************/
  /*********صور تعبيريه***-***/
    .space{
    margin-bottom: 30px !important;
    }
.content_absolute {
    background: #8a120f6b !important;
    gap: 20px;
}
    .my-show-photo span{
    color:#fff;
    }
    .space .btn_outline {
      background: linear-gradient(276deg,rgba(138, 18, 15, 1) 0%, rgba(0, 0, 0, 1) 100%);
    color:#4A180C;
    padding-right: 15px;
        border:none;
        padding-left:40px
        
    }
    @media screen and (max-width:768px){
    .my-show-photo span {
        font-size: 11px;
    }
    }
/*****************/
.s-button-btn.s-button-outline , .s-button-btn s-button-solid {
    background: linear-gradient(276deg,rgba(138, 18, 15, 1) 0%, rgba(0, 0, 0, 1) 100%)!important ;
}
#product-offers .product-grid .one-product-card .containt .last_buttons .s-button-btn {
    background: linear-gradient(276deg,rgba(138, 18, 15, 1) 0%, rgba(0, 0, 0, 1) 100%)!important;
}
/*------my-offer----------------*/
    .my-offer .font-bold {
    color:#4A180C;
    font-size:30px;
    }
    .my-offer .font-semibold {
        font-size: 20px ;
    }
    .my-offer .s-button-btn {
        color: #fff;
    }
li.s-count-down-item {
    background: linear-gradient(180deg, rgb(123 124 168) 0%, rgb(185 185 185 / 33%) 69%) !important;
}
li.s-count-down-item *{
  color: #000 !important
}
/***********/
.image-two  .container.image-container {
    justify-content: start;
    
}
.image-two  .text-head-res {
    font-size: 40px;
    color: #fff;
    text-wrap: wrap;
  line-height: 60px
}
.image-two  .containt.md\:text-nowrap {
    width: 35% !important;
    text-align: center;
}
.image-two a{
    background: linear-gradient(276deg,rgba(138, 18, 15, 1) 0%, rgba(0, 0, 0, 1) 100%)!important ;
color: #fff
}
 @media screen and (max-width:768px){
   .image-two .container {
     height: 220px;
   }
 .image-two  .containt.md\:text-nowrap {
    width: 60% !important;
    text-align: center;
    margin-left: auto;
}
   .image-two  .text-head-res {
    font-size: 15px;
    line-height: 30px;
}
   .image-two  .container.image-container {
    justify-content: center;
}
      footer *{
    margin-left:auto;
    margin-right:auto ;
    text-align: center;
    }
 }
/*************/
 .store-footer__inner {
           background: linear-gradient(276deg,rgba(138, 18, 15, 1) 0%, rgba(0, 0, 0, 1) 100%)!important ;
    }
/*******************/
.swiper-slide.swiper-slide-active {
    padding: 0px !important;
    margin: 0px !important;
}
.swiper.s-slider-container.swiper-initialized {
    padding: 0px;
}
#customer_review .one-review *:not(i) {
    color: #000000 !important;
}

/* Fix: text color in "All testimonials / reviews" page */
.testimonials,
.testimonials * ,
.testimonial,
.testimonial * ,
.reviews,
.reviews * ,
.customer-reviews,
.customer-reviews * ,
.salla-testimonials,
.salla-testimonials * {
  color: #111 !important;
}

/* أحياناً النص يكون داخل p أو div محدد */
.testimonials p,
.testimonial p,
.reviews p,
.customer-reviews p,
.salla-testimonials p {
  color: #111 !important;
}

/* إعادة لون النجوم للذهبي */
.testimonials .rating i,
.testimonial .rating i,
.reviews .rating i,
.customer-reviews .rating i,
.salla-testimonials .rating i,
.fa-star {
    color: #f5b301 !important;
}

/* في حال النجوم SVG */
.testimonials svg,
.testimonial svg,
.reviews svg,
.customer-reviews svg,
.salla-testimonials svg {
    fill: #f5b301 !important;
}

/* إجبار لون النجوم للذهبي في صفحة آراء العملاء */
.testimonials i,
.testimonial i,
.reviews i,
.customer-reviews i,
.salla-testimonials i,
.testimonials svg,
.testimonial svg,
.reviews svg,
.customer-reviews svg,
.salla-testimonials svg {

  color: #f5b301 !important;
  fill: #f5b301 !important;
  stroke: #f5b301 !important;
}
.comment *:not(i) {
    color: #000
}