/* Add custom CSS styles below */ 
.NG-hero-section .swiper.s-slider-container .swiper-slide:not(:first-child) {
display:none;}
.banner  .text-wrapper {
    width: 50% !important;;
    margin-left: 0 !important;
}
.banner.swiper-slide {
    align-items: flex-end  !important;
}
.NG-hero-section .subtext {
 
    display: none !important;
}
  [dir=rtl] .NG-hero-section .wrapper {
    margin-right: 0;
    margin-left: clamp(1rem, -0.7985rem + 7.6735vw, 6.875rem);
    right: 54% !important;
    width: 40% !important;
    text-align: center;
    align-items: center;
    top: 20%;
} 

@media (max-width:1024px){
  .banner  .text-wrapper {
    width: 59% !important;;
    margin-left: 0 !important;
}
 .banner .max-w-\[142px\] {
     max-width: 100%;
}
[dir=rtl] .NG-hero-section .wrapper {
    width: 60% !important;
    top: 5%;
    right: 42% !important;
} 
  .NG-hero-section .text-\[clamp\(1\.5rem\2c 1\.0408rem\+1\.9592vw\2c 3rem\)\] {
    font-size: clamp(.6rem,1rem + 1vw,1rem);
}
  .NG-hero-section .s-slider-thumbs {
    bottom: 5.5%;
}
}