/* Add custom CSS styles below */ 
html.dark #app {
    background-color: #000 !important;
}
.to-transparent {
    --tw-gradient-to: unset;
}

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--fixed-banner.wide-placeholder.s-block--anime > div{
 padding: 0px !important;
  margin: 0px !important;
  width: 100% !important;
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    width: 100%;
}

section.s-block.s-block--photos-slider .carousel-slider .swiper-wrapper > div {
    padding: 0 !important;
}

section:first-of-type.s-block.s-block--photos-slider {
    margin-top: 0;
}

[dir="rtl"] salla-slider.photos-slider .swiper {
    padding: 0;
}

section.s-block.s-block--photos-slider .s-slider-block__title-nav {
    display: none !important;
}
.text-primary {
    color: #A3783A;
}
.w-full.lg\:w-1\/2.pb-10.lg\:py-20.px-10.flex-center {
    background: #a3783a !important;
}
.bg-area.lazy.absolute.w-screen.lg\:w-\[50vw\].h-full.top-0.z-0.bg-no-repeat.bg-cover.bg-left.left-0.\}\}.entered {
    BACKGROUND: #000 ! IMPORTANT;
}
.header--boxed #main-nav:not(.fixed-pinned) {
    background-color: #0000005c !important;
    color: #ffffff !important;
}
.content-area.relative.flex.flex-col.gap-2\.5.lg\:gap-5.max-w-lg.lg\:max-w-none.px-10.lg\:px-32 {
    color: #fff !important;
}