/* 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;
    margin-bottom: 4rem;
}
button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock ,button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock{
    display: none;
}
.s-block--fixed-banner.s-block  {
    margin-top: 0rem;
    margin-bottom: 4rem;
}
@media (max-width:767px){
  div#mainnav ,.the-logo {
    height: 100px !important;
}
.s-block:first-of-type ,
.s-block--fixed-banner.s-block  {
    margin-bottom: 2rem;
}
  .GL-promotional-banner .container >.flex{
    height: clamp(200px, 160vw, 522px) !important;
  }
}