/* Add custom CSS styles below */ 
[dir=rtl] salla-slider.photos-slider .swiper{
    padding: 0 !important;
}
.s-block salla-slider.photos-slider .swiper-slide {
    margin: 0;
    width: 100%;
}
 .carousel-slider .swiper-wrapper>div:first-of-type {
    padding: 0;
}
.s-block:first-of-type {
    margin-top: 0;
}
section.s-block.s-block--photos-slider ,section.s-block.s-block--fixed-banner {
    margin-bottom: 4rem;
}

@media (max-width:767px){
  .NG-categories .lg\:grid-cols-4 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
}
  .NG-categories .card-inner {
    height: clamp(13.188rem, 2.6920rem + 19.1830vw, 21.875rem);
}
.GL-promotional-banner .container >div {
    height: clamp(335px, 215vw, 600px) !important;
}
  #my-product_category-7 img[alt="banner-img"] {
    object-fit: contain;
}
  #my-product_category-7 .max-h-\[300px\] {
    max-height: 350px;
}
  .NG-main-banner .min-h-\[clamp\(10rem\2c 6\.1735rem\+16\.3265vw\2c 22\.5rem\)\] {
    min-height: clamp(20rem,6.1735rem + 16.3265vw,22.5rem) !important;
}
  .NG-main-banner-10 .banner_grid {
        min-height: 800px !important;
}
  
}