/* 
Developed by أيمن لطف
+966 503 603 150
 design Package
 
 

 *//* Add custom CSS styles below */ 
 
 .breadcrumbs li a {
    color: #414042;
   
}
 @import url(https://db.onlinewebfonts.com/c/76683971bd968c98d94ecfc15e782651?family=AraEtabAlMonie_ee+Medium);
 
 @font-face {
    font-family: "AraEtabAlMonie_ee";
    src: url("https://db.onlinewebfonts.com/t/76683971bd968c98d94ecfc15e782651.eot");
    src: url("https://db.onlinewebfonts.com/t/76683971bd968c98d94ecfc15e782651.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/76683971bd968c98d94ecfc15e782651.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/76683971bd968c98d94ecfc15e782651.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/76683971bd968c98d94ecfc15e782651.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/76683971bd968c98d94ecfc15e782651.svg#AraEtabAlMonie_ee Medium")format("svg");
}


 
 
 
 
 .px-4 .swiper-slide{
     padding: 0px !important;
    border-radius: 0px !important;
 }
 /*for ayman */
 .f_special-offer-container .f_offer-content{
 
 }
 
  .f_special-offer{
    margin-top: -0.4rem;
       }
 .f_special-offer .f_offer-content h2{
     font-size: 1.1rem;
    margin-bottom: -3%;
    margin-top: 10%;
    color: black;
     }
.f_special-offer-container .f_offer-counter .s-count-down-wrapper ul.s-count-down-list li.s-count-down-item{
    margin-right: 0.4rem;
    margin-left: 0.4rem;
    color: white;
    background-color: #af844e;
    /* width: 2rem; */
    border-radius: .5rem;
    height: 4.4rem;
    }
 
 .f_special-offer-container .f_offer-counter .s-count-down-wrapper ul.s-count-down-list li.s-count-down-item .s-count-down-item-value {
       font-size: 2rem;
    line-height: 2rem;
   }
 
 .f_special-offer-container .f_offer-counter .s-count-down-wrapper ul.s-count-down-list li.s-count-down-item .s-count-down-item-label{
    font-size: .7rem;
    color: white;
     }

 .f_special-offer-container .f_offer-counter{
        margin-bottom: 1.5rem;
    margin-top: 0.4rem;
    margin-right: 3rem;
    margin-left: 3rem;
    } 
 .f_special-offer-container
 {
     padding-left: 2rem;
     padding-left: 2rem;
    padding-right: 2rem;
     border: 0rem solid #b80000;
     border-radius: 0rem;
 }
 
 .f_special-offer-container{
     display: flex;
    flex-direction: column;
    gap: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    --tw-shadow: 5px 10px 30px #2B2D340D;
    --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
    box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow);
 }
 
 .s-block {
    padding-bottom: 0rem;
    padding-top: 0rem;
}
.s-login-modal-header-icon {
    border-width:0px;
    }
    .testimonials-slider .testimonial{
    border-radius:0.8rem;
    }
    
  /*  .flex .f_features-item{
    padding-top:1rem;
    border-radius:0.1rem 2.1rem 0.1rem 2.1rem;
    margin:1rem;
    width:18.5rem;
      box-shadow: 5px 0 12px rgba(0, 0, 0, 0.1);
  
    }
    */
    
    
    
    .leading-6{
    margin-top:10px;
    }
    .flex .f_features-item p{
    padding:2px;
  
    }
    
    .f_enhanced-square-photos .f_image-one-sixth .f_image-entry .f_image-entry__title{
    
    margin-top:-2rem;}
    
    .f_enhanced-square-photos .f_image-one-sixth .f_image-entry img{
    border-radius:12rem;
    height:5.8rem;
    width:5.8rem;
    margin-right: 1.4rem;
    margin-left: 1.4rem;
    background-color:transparent;
    }
     .f_enhanced-square-photos .f_image-one-sixth .f_image-entry{
     margin-bottom:1rem}
  
  /* Your existing styles for .s-login-modal-sub-title */
  .s-login-modal-sub-title {
    overflow: hidden;
    text-align: center;
    color:white;
    position: relative;
    padding: 0 20px; /* Adjust the padding as needed to control the distance of lines from the text */
    line-height: 1.5; /* Adjust the line-height to control the space between text and lines */
  }
  
  
  /* Left line */
  .s-login-modal-sub-title::before {
    margin-left: -50%; /* Push the line to the left, making it centered */
  }
  
  /* Right line */
  .s-login-modal-sub-title::after {
    margin-right: -50%; /* Push the line to the right, making it centered */
  }
    
  
  
    
    
    .s-modal-header-inner {
        width: 100%;
    
      flex-direction: column;
      align-items: center;
      /* Add any other styles you want for the container div */
    }
    
    /* Optional styling for the icon/image element */
    .s-login-modal-header-icon img {
      max-width: 100%;
      height: auto;
      
    }
    
    
    [dir=rtl] .testimonials-slider .swiper-slide-active .testimonial__avatar{
    margin-left:0;
    margin-top: -3.5rem;
    }
    
    .swiper .swiper-pagination{
    visibility:hidden}
    
    
      .s-block{
          padding-bottom:.2rem;
          padding-top:0rem;
          }
    .s-block h2
    {
    margin-right:1rem;
    margin-left:1rem;
    margin-bottom:2.2rem;
    margin-top:3.5rem;
    font-size:1.3rem;
    text-align:center;
    
    }
    
    
    
    #mainnav .inner .f_logo img  {
    height: 6rem;
    width: auto;
    }
    .navbar-brand{
    
    }
    
    .banner--fixed img{
    border-radius:0rem;
    }
    .container
    {
    padding-right:0rem;
    padding-left:0rem;
    }
    
    
    .s-block .s-slider-wrapper .s-slider-block__title{
    justify-content:center;
    }
    
    .slide--one-fourth .product-entry  .f_product-footer .product-entry__title a {
    //color:red;
    }
    
    
    //////////
    
    .f_enhanced-store-features .myslider-container {
      width: 40%;
       /* Adjust the width as needed */}
    
      @media (min-width: 768px) 
      {
     .f_enhanced-store-features{
display: grid;
          justify-content: center;
  }
  .s-block__title{
      display: flex;
    justify-content: center;
  }
  
  .f_enhanced-square-photos .f_image-one-sixth .f_image-entry img
  {
      border-radius: 12rem;
    height: 7.8rem;
    width: 7.8rem;
    margin-right: 1.4rem;
    margin-left: 1.4rem;
    background-color: transparent;
  }
      }
    .f_enhanced-store-features .myslider {
      display: flex;
    overflow-x: auto; 
     /* animation: slide 10s linear infinite; /* Adjust the sliding duration as needed */
    }
    .f_enhanced-store-features .myslider::-webkit-scrollbar {
      display: none;
    }
    
    .f_features-item {
      /* Add any styles for the individual items here if needed */
    }
    
    .s-block .s-slider-block__title .s-slider-block__title-right h2{
    padding-left:0;
    }
    
    salla-slider .s-slider-block__title{
    padding-left:0rem;
    }
    
    .s-block__title h2{
    margin-bottom:2.2rem;
    }  
    .loading-screen1 {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #ffffff; /* White background */
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }
    
   
   .float {
      position: fixed;
      width: 50px;
      height: 50px;
      bottom: 30px;
      right: 30px;
      background-color: #25d366;
      color: #FFF;
      border-radius: 50px;
      margin-bottom: 4rem;
        margin-right: -20px;
    
    }
    
    .my-float {
      margin-top: 16px;
    }
    
    .float img {
      width: 45px;
      height: 45px;
    }
    
    #f_slider-7{
    background-color:#eff2ee;
    }
    
    .f_slider-container{
    padding-top:0rem;
    background-color:#eff2ee;
    
    }
    #mainnav{
    height:6rem;
    }
    
    .thick-header .main-nav-container{
    border-bottom-right-radius:1rem;
    border-bottom-left-radius:1rem;
    background-color: white;
  
    }
    .navbar-brand img{
    max-height:4rem
    }
    
   #mobile-menu .main-menu{
    background-color: black;
    color: white;
    }
    
    #mobile-menu[data-mm-spn-title] {
    background-color: black;
    color: white;
    }
    
    .main-nav-container .f_user-icon-button>i{
      color: black;
    }
    .main-nav-container button i, .main-nav-container .mburger>i{
       color: black;
    }
   .mm-spn ul.main-menu li:before{
    color:white}
    
    /*Features*/
    .custom-icon{
    margin-top: 1rem;
    margin-bottom: 1rem;
    }
    
    .custom-icon i{
    font-size:2.5rem;
    color:#b18450
    }
    
    .f_enhanced-store-features .f_features-item 
    {
    display:inline;
    }
     .f_enhanced-store-features .f_features-item h4
    {
    font-size:1rem;
    color:#b18450
    }
   .f_enhanced-store-features .f_features-item p {
    font-size:0.8rem;
    }
    
    .f_enhanced-square-photos .f_image-entry img
    {
    --tw-shadow: none;
    margin-bottom: 1.5rem;
    }
    
    
    .custom-category{
        width: 1.5rem;
      height: 1.5rem;
      margin-top: -2.5rem;
    }
    
    
    /* Login*/ 
    
    .s-modal-body,.s-modal-close{
    background-color:white;
    }
    
    .s-modal-close span{
    background-color:black;
  
    }
    
    .s-login-modal-main-btn
    {
    color:black;
    background-color:white;
    }
    
     .s-login-modal-main-btn:hover
    {
    color:white;
    background-color:black;
    }
  .s-login-modal-main-btn-icon svg{
  fill:#fff;}
  
  .s-login-modal-main-btn-arrow svg{
  fill:black;}
    
    .s-login-modal-main-btn-icon{
      background-color:black;
    }
     .s-login-modal-main-btn-icon img{
      max-width:none;
    }
    
    .s-modal-title
    {    color:black;
  }
  
  .s-modal-header .s-modal-header-inner{
  padding-left:0rem;
  margin-bottom:1rem;
  margin-top:-2rem;
  }
  
  .s-login-modal-header-icon{
  width:8rem;
  height:8rem;
  }
    /*Loading page*/
    
  .white-screen {
              background-color: #ffffff;
              height: 100vh;
              display: flex;
              justify-content: center;
              align-items: center;
    background-repeat: no-repeat;
    background-size: contain;
      transition: opacity 0.5s;
  
          }
          
          .white-screen img
          {
              max-width: 55%;
               animation: fadeLoop 1.5s infinite;
  
          }
          
          
          
 
@keyframes fadeLoop { 
0% {
        opacity: 0;
    }

    5% {
        height: 0.4em;
    }

    10% {
        height: 0.8em;
    }

    15% {
        height: 1.2em;
    }

    20% {
        height: 1.6em;
    }

    25% {
        height: 2em;
    }

    30% {
        height: 2.4em;
    }

    35% {
        height: 2.8em;
    }

    40% {
        height: 3.2em;
    }

    45% {
        height: 3.6em;
    }

    50% {
        height: 4em;
    }

    55% {
        height: 4.4em;
    }

    60% {
        height: 4.8em;
    }

    65% {
        height: 5.2em;
    }

    70% {
        height: 5.6em;
    }

    75% {
        height: 6em;
    }

    80% {
        height: 6.4em;
    }

    85% {
        height: 6.8em;
    }

    90% {
        height: 7.2em;
    }

    95% {
        height: 7.6em;
    }

    100% {
        height: 8em;
        opacity: 1;
    }
}

  .loading-icon{
              max-width: 50px;
              height: 40px;
              width:40px;
          }
          
          
          .topimage{
      transition: opacity 500ms;
  }
  .topimage.fadeOut{
      opacity: 0;
  }
  
  
  .white-screen.fade-out {
    opacity: 0;
  }
  
  @keyframes fade-out {
    from {
      opacity: 1;
      transform: scale(3);
    }
  
    to {
      opacity: 0;
      transform: scale(0);
    }
  }
  
  .main-content .mb-1{
      margin-bottom: .25rem;
      margin-left: 1rem;
      margin-right: 1rem;
  }
  
  
  /*Products */
  .product-entry .product-entry__image .f_promotion-title 
  {
  font-size:0.6rem;
  }
  
  
  /*Bottom Nav*/
  
  .thick-header .f_bottom-menu>ul>li {
  height:3rem;
  }
  
  .f_bottom-menu>ul>li i{
  font-size:1.3rem;
  }
  .s-cart-summary-count
  {
  height:0.9rem;
  width:0.9rem;
  }
  
  .is-sticky-product-bar.thick-header .sticky-product-bar
  {
  bottom:3rem;
  }
  
  
  /* Animation Bordered*/
  
  
  *, *::before, *::after {
      box-sizing: border-box;
  }
  
  @keyframes rotate {
      100% {
          transform: rotate(1turn);
      }
  }
  
  
  
  /*Whatsapp*/
  
  .floating{
      position:fixed;
      width: 3.5rem; height: 3.5rem; bottom: 4rem; right: 0.7rem; 
      background-color:#25d366;
      color:#FFF;
      border-radius:50px;
      text-align:center;
    font-size:30px;
      box-shadow: 2px 2px 3px #999;
    z-index:100;
  }
  
  .my-floating{
      margin-top:16px;
  }
  
  .bounce {
      animation: bounce 2s ;
  }
  
  @keyframes bounce {
      0%,
      25%,
      50%,
      75%,
      100% {
          transform: translateY(0);
      }
      40% {
          transform: translateY(-20px);
      }
      60% {
          transform: translateY(-12px);
      }
  }
  
  /*Comments*/
  
  
  .f_comments-container .comment, .f_comments-container .reply
  {
  align-items:start;
  }
  
  
  
  .f_comments-container .f_user-mini-card
  {
  flex-direction:row;
  }
  .f_comments-container .comment .f_user-mini-card img
  {
      width: 2rem;
      height: 2rem;
      
      }
  
  .f_comments-container .comment .text-sm{
      top: 0.2rem;
      left: 0.7rem;
      position: absolute;
      font-size: .7rem;
      
  }
  
  .f_comments-container .comment .f_has-order span
  {
  font-size:0.7rem;
  }
  .f_comments-container .comment .f_has-order{
      text-align: center;
      right: 45%;
      width: 5rem;
      border-bottom-right-radius: 9999px;
      border-top-right-radius: 9999px;
      border-bottom-left-radius: 9999px;
      border-top-left-radius: 9999px;
      justify-content:start;
      padding-right:0rem;
      }
      
      .f_comments-container .reply:after
      {
      transform:none;
      }
      
     .f_comments-container .comment h3
     {
     font-size:0.9rem;
     }
     
       .f_comments-container .comment .nested-comment p
     {
      margin-right: 1.4rem;
     }
     #testing{
     position: fixed;
      width: 50px;
      height: 50px;
      bottom: 30px;
      right: 30px;
      background-color: #25d366;
      color: #FFF;
      border-radius: 50px;
      margin-bottom: 4rem;
        margin-right: -20px;
     }   
     
       @media (min-width: 768px) {
       .f_enhanced-store-features
       {
       
       
              }
       }
     
     /* */ 
     .s-rating-stars-wrapper{
  margin-right:.9rem;

     }
     
     
     /*New Loading*/
     
      .loading-container {
    position: absolute;
    top: 0;
    height: 100vh;
    width: 100vw;
    display: flex; /* Use flexbox to center content */
    align-items: center;
    justify-content: center;
    background-color: #fff;
    opacity: 1;
    z-index: 1001;
         animation: fadeOut .7s ease-in-out 2s forwards; 
  }




.logo {
    width: auto;
    height: 25%;
    background-color: black;
    color: #fff;
    font-size: 24px;
    text-align: center;
    position: absolute;
    top: 40%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust to center properly */
      animation: fadeLoop .9s ease-in ; 
      /*fadeLogoOut 1s ease-in-out 2s forwards,fadeLoop .9s ease-in ; */

}




@keyframes fadeOut {
    0% {
        opacity: 1;
        height: 100vh;
        width: 100vw;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    5% {
        opacity: 1;
        height: 95vh;
        width: 95vw;
        top: 2.5vh;
        right: 2.5vw;
        bottom: 2.5vh;
        left: 2.5vw;
    }

    10% {
        opacity: 1;
        height: 90vh;
        width: 90vw;
        top: 5vh;
        right: 5vw;
        bottom: 5vh;
        left: 5vw;
    }

    15% {
        opacity: 1;
        height: 85vh;
        width: 85vw;
        top: 7.5vh;
        right: 7.5vw;
        bottom: 7.5vh;
        left: 7.5vw;
    }

    20% {
        opacity: 1;
        height: 80vh;
        width: 80vw;
        top: 10vh;
        right: 10vw;
        bottom: 10vh;
        left: 10vw;
    }

    25% {
        opacity: 1;
        height: 75vh;
        width: 75vw;
        top: 12.5vh;
        right: 12.5vw;
        bottom: 12.5vh;
        left: 12.5vw;
    }

    30% {
        opacity: 1;
        height: 70vh;
        width: 70vw;
        top: 15vh;
        right: 15vw;
        bottom: 15vh;
        left: 15vw;
    }

    35% {
        opacity: 1;
        height: 65vh;
        width: 65vw;
        top: 17.5vh;
        right: 17.5vw;
        bottom: 17.5vh;
        left: 17.5vw;
    }

    40% {
        opacity: 1;
        height: 60vh;
        width: 60vw;
        top: 20vh;
        right: 20vw;
        bottom: 20vh;
        left: 20vw;
    }

    45% {
        opacity: 1;
        height: 55vh;
        width: 55vw;
        top: 22.5vh;
        right: 22.5vw;
        bottom: 22.5vh;
        left: 22.5vw;
    }

    50% {
        opacity: 1;
        height: 50vh;
        width: 50vw;
        top: 25vh;
        right: 25vw;
        bottom: 25vh;
        left: 25vw;
    }

    55% {
        opacity: 1;
        height: 45vh;
        width: 45vw;
        top: 27.5vh;
        right: 27.5vw;
        bottom: 27.5vh;
        left: 27.5vw;
    }

    60% {
        opacity: 1;
        height: 40vh;
        width: 40vw;
        top: 30vh;
        right: 30vw;
        bottom: 30vh;
        left: 30vw;
    }

    65% {
        opacity: 1;
        height: 35vh;
        width: 35vw;
        top: 32.5vh;
        right: 32.5vw;
        bottom: 32.5vh;
        left: 32.5vw;
    }

    70% {
        opacity: 1;
        height: 30vh;
        width: 30vw;
        top: 35vh;
        right: 35vw;
        bottom: 35vh;
        left: 35vw;
    }

    75% {
        opacity: 1;
        height: 25vh;
        width: 25vw;
        top: 37.5vh;
        right: 37.5vw;
        bottom: 37.5vh;
        left: 37.5vw;
    }

    80% {
        opacity: 1;
        height: 20vh;
        width: 20vw;
        top: 40vh;
        right: 40vw;
        bottom: 40vh;
        left: 40vw;
    }

    85% {
        opacity: 1;
        height: 15vh;
        width: 15vw;
        top: 42.5vh;
        right: 42.5vw;
        bottom: 42.5vh;
        left: 42.5vw;
    }

    90% {
        opacity: 1;
        height: 10vh;
        width: 10vw;
        top: 45vh;
        right: 45vw;
        bottom: 45vh;
        left: 45vw;
    }

    95% {
        opacity: 1;
        height: 5vh;
        width: 5vw;
        top: 47.5vh;
        right: 47.5vw;
        bottom: 47.5vh;
        left: 47.5vw;
    }
  
  
    99% {
        opacity: 1;
        height: 3vh;
        width: 3vw;
        top: 47.8vh;
        right: 47.8vw;
        bottom: 47.8vh;
        left: 4.8vw;
    }


    100% {
        opacity: 0;
        display: none;
    }
    
}
@keyframes fadeLogoOut {
    0% {
        height: 8rem;
    }

    5% {
        height: 7.6rem;
    }

    10% {
        height: 7.2rem;
    }

    15% {
        height: 6.8rem;
    }

    20% {
        height: 6.4rem;
    }

    25% {
        height: 6rem;
    }

    30% {
        height: 5.6rem;
    }

    35% {
        height: 5.2rem;
    }

    40% {
        height: 4.8rem;
    }

    45% {
        height: 4.4rem;
    }

    50% {
        height: 4rem;
    }

    55% {
        height: 3.6rem;
    }

    60% {
        height: 3.2rem;
    }

    65% {
        height: 2.8rem;
    }

    70% {
        height: 2.4rem;
    }

    75% {
        height: 2rem;
    }

    80% {
        height: 1.6rem;
    }

    85% {
        height: 1.2rem;
    }

    90% {
        height: 0.8rem;
    }

    95% {
        height: 0.4rem;
    }

    100% {
        opacity: 0;
        display: none;
    }
}





 
 
 
 

.f_enhanced-store-features .s-block__title
{
margin-bottom: 0rem;
margin-top: 1rem;
}


 .px-4 .swiper-slide{
     padding: 0px !important;
    border-radius: 0px !important;
    padding-left: 0rem;
    padding-right: 0rem;
 }
 .px-4.swiper-slide.swiper-slide-active {
    padding: 0px;
}
img.w-full.rounded-\[2rem\].md\:rounded-\[3rem\].lg\:rounded-\[4rem\] {
    border-radius: 0px;
}

.f_enhanced-square-photos:not(.f_rounded-photos) .f_image-entry img {
    border-radius: 0rem;
     padding: 0px;
     margin: 0rem;
         border-radius: 0rem;
    padding: 0px;
    margin: 0rem;
    height: 100%;
    width: 100%;
}


#E_square_photos_sec_2 div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0rem;
    padding: 0px;
    margin: 0 !important;
}

 #E_square_photos_sec_3 div {
        display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0rem;
    padding: 0px;
    margin: 0 !important;
   }

@media (min-width: 768px) {

  #E_square_photos_sec_2 div {
     
    grid-template-columns: repeat(3, minmax(0, 1fr));
    
   }
  #E_square_photos_sec_3 div {
     
    grid-template-columns: repeat(2, minmax(0, 1fr));
    
   }
   
}
@media (min-width: 1280px) {
    .container {
        max-width: 100%;
        width: 100%;
    }
}

.s-rating-stars-wrapper {
    margin-right: .9rem;
    /* display: none; */
}
.f_enhanced-square-photos .f_image-one-sixth .f_image-entry {
    margin-bottom: 0rem;
    }
    
    .f_enhanced-store-features .f_features-item .feature-icon i {
   
    color: #414042;
}
.text-xxs {
    font-size: 1.3rem;
}


h3.f_image-entry__title {
    text-align: center;
    left: 20%;
    right: 20%;
    /* width: 100%; */
    /* height: 100%; */
    top: 60%;
    display: flex
;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding: 2px;
    border-radius: 0rem;
}
.f_enhanced-square-photos .f_image-entry.f_title-on-image .f_image-entry__title:where([dir="rtl"], [dir="rtl"] *) {
font-weight: 500;

 font-size: 1.5rem;
}


.f_enhanced-square-photos .f_image-entry.f_title-on-image .f_image-entry__title {
    position: absolute;
    z-index: 1;
    margin-top: 0.75rem;
    border-radius: 0rem;
    padding: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.95rem;
    line-height: 1rem;
    background-color: var(--color-primary-faded);
    color: var(--foreground-color);
     font-family: 'AraEtabAlMonie_ee', 'Scheherazade New', 'Traditional Arabic', serif;
}

#mainnav .inner .f_logo img {
    height: 3rem;
    width: auto;
}

#mainnav {
     height: 4rem; 
}



button.s-button-primary {
    border-width: 0;
    background-color: #c1a47f;
    color: white;
    /* background-color: var(--color-primary); */
    padding: 0.75rem;
    /* color: var(--foreground-color); */
    border-radius: var(--small-curve);
     margin:2px;
    
}


.curved-xl {
    border-radius: 0.7rem;
    padding: 0;
}




.product-entry .product-entry__image {
    border-radius: 0.7rem;
    
}

.btn--wishlist {
    display: none;
    /* margin: 0px; */
}


   
salla-add-product-button.btn--add-to-cart.hydrated {
    padding-left: 1rem;
    padding-right: 1rem;
    /* padding-bottom: 5px; */
}
body.font-dinnextltarabic-regular .btn--add-to-cart {
    padding-top: 7px !important;
    padding-bottom: 6px !important;
}


.s-slider-block__title-right  {
            position: relative;
            display: inline-block;
            color: white;
            font-size: 32px;
            padding: 0 70px;
            z-index: 2;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

.s-slider-block__title-right , .right-side {
  position: relative; /* لتحديد سياق التموضع للأيقونات */
  display: inline-block; /* لاحتواء العناصر الزائفة */
  padding: 0 30px; /* إضافة مساحة للأيقونات */
}

.s-slider-block__title-right h2::before,
.s-slider-block__title-right h2::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); /* توسيط عمودي */
  font-size: 1.2em; /* حجم الأيقونة */
}

/* الأيقونة اليسرى */
.s-slider-block__title-right::after ,.right-side::after {
    content: "";
    width: 20px;
    height: 25px;
    background-image: url('https://i.postimg.cc/ydZQ6g3W/icon-5.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: scaleX(-1); /* عكس الصورة للجانب الآخر */
    position: absolute;
 left: -20%;
}

 
        
  .s-slider-block__title-right::before , .right-side::before {
    content: "";
    width: 20px;
    height: 25px;
    background-image: url(https://i.postimg.cc/ydZQ6g3W/icon-5.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* transform: scaleX(-1); */
    right: -10%;
    position: absolute;
    top: 50%;
}

.s-slider-block__title-right::after {
    content: "";
    width: 20px;
    height: 25px;
    background-image: url(https://i.postimg.cc/ydZQ6g3W/icon-5.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: scaleX(-1);
    left: -10%;
    position: absolute;
    top: 50%;
}

salla-slider .s-slider-block__title h2,.s-block__title h2 {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.3rem;
    line-height: 1.5rem;
    color: #075366;
     font-family: 'AraEtabAlMonie_ee', 'Scheherazade New', 'Traditional Arabic', serif;
     
     font-size: 1.9rem;
    font-weight: 500;
}
.f_enhanced-store-features .f_features-item h3 {
 color: #075366;
}
.f_enhanced-store-features .f_features-item {
   
    background-color: #faebd700;
   
}

.flex.flex-wrap.justify-center.gap-4.sm\:gap-6.xl\:gap-8.py-4.md\:py-6 {
    flex-wrap: nowrap;
}

.s-slider-block__title-left {
    display: none;
  
}

.right-side::before ,.right-side::after{
top:0px;
}

.f_enhanced-store-features .f_features-item h3 {
   
    /* font-size: 2.5rem; */
    margin-top: 1.5rem;
    font-size: 1rem;
   line-height: 1.25rem;
}

.f_enhanced-square-photos .f_image-entry.f_title-on-image .f_image-entry__title{
font-size: 1.0rem;
color: #075366;
 line-height: 1.25rem;
}

@media (min-width: 768px) {

 .f_enhanced-square-photos .f_image-entry.f_title-on-image .f_image-entry__title{
font-size: 1.51rem;
}
   
}

[dir="rtl"] .testimonials-slider .swiper {
  
    padding-top: 32px;
}

.f_enhanced-store-features .f_features-item{

     padding: 0rem;}
     
     #mainnav .inner .f_logo img {
    height: 2.2rem;
    width: auto;
}


.page-content-section.s-block h2
{
     margin:0px;
}

.page-content-section.s-block__title .right-side:where([dir="rtl"], [dir="rtl"] *) {
   
    margin: auto;
    margin-top: 71px;
    padding-bottom:15px
}


.s-slider-block__title-right, .right-side {
    margin-bottom: 32px;
    }
    
    .s-block .s-slider-block__title .s-slider-block__title-right h2 {
    padding-left: 0;
    padding-top: 27px;
}

.s-block__title .right-side:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 2rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 41px;
}

.s-products-list-wrapper.s-products-list-vertical-cards {
    padding: 8px;
}