/* Add custom CSS styles below */ 
header .navbar-brand img {
    width: 160px;
    object-fit: cover;
}
.rtl\:pl-4:where([dir=rtl],[dir=rtl] *) {
    padding-left: 1rem;
    display: none;
}

.header--mini .main-nav__content .right-side {
    max-width: 57% !important;
    justify-content: space-between;
    flex-grow: 1;
}
.header--mini:not(.header--transparent) .main-nav {
  background-color: #000 ;
}
section.s-block.s-block--fixed-banner.wide-placeholder.s-block--anime.s-block--0 .container {
    padding-inline: 0 !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder.s-block--anime.s-block--0 {
    margin-top: 0;
}
section.s-block.s-block--fixed-banner.wide-placeholder.s-block--anime.s-block--0 .container {
    margin-inline: 0 !important;
    max-width: 100%;
}
.s-block--marquee.is-mini {
    margin: 0 !important;
    max-width: 100%;
}

@media (max-width: 1024px) {
    salla-slider.carousel-slider .swiper:where([dir=rtl],[dir=rtl] *), salla-slider[type]:not(.hydrated) .swiper>div>div:where([dir=rtl],[dir=rtl] *), salla-slider[type]:not(.hydrated)>div:where([dir=rtl],[dir=rtl] *) {
        padding-right: 0px;
    }
}
@media (max-width: 1024px) {
    salla-slider.carousel-slider .swiper, salla-slider[type]:not(.hydrated) .swiper>div>div, salla-slider[type]:not(.hydrated)>div {
        margin-left: 0px; 
         margin-right: 0px;
    }
}
.carousel-slider .swiper:where([dir=rtl],[dir=rtl] *), salla-slider[type]:not(.hydrated) .swiper>div>div:where([dir=rtl],[dir=rtl] *), salla-slider[type]:not(.hydrated)>div:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0rem;
}
.flex.whitespace-nowrap.price-wrapper.gap-4.items-center {
    justify-content: center;
}
span.total-price.font-bold.text-base.inline-block {
    text-align: center;
}
.more-link--arrowed {
    height: 2rem;
    line-height: 2rem;
    transform: translateY(86px);
}

  .flex.items-center.w-full.lg\:w-1\/2.relative.py-12.\32 xl\:py-12 {
    height: 300px ;
  }
@media (min-width: 769px)  {
  .flex.items-center.w-full.lg\:w-1\/2.relative.py-12.\32 xl\:py-12{
    height: 500px;
  }
}
.flex.flex-col.justify-center.gap-8.lg\:gap-12{
  gap: 4px;
}