/* =================================================================
   Homepage "New Slider" template — scoped to .new-slider-container
   ================================================================= */

/* ---------- Slide image stack (base + overlay) ---------- */
.home-banner .new-slider-container .home-slick-slider-img {
    position: relative;
    overflow: hidden;
    height: 100%;
    transform: none;
    transition: none;
}
/* Disable the theme's Ken Burns zoom-in on active slide */
.home-banner .new-slider-container .owl-item.active .home-slick-slider-img {
    transform: none;
}
/* Lock base AND overlay to the same box — prevents mis-alignment across breakpoints.
   Overrides theme's `.sliderContainer .owl-item img { height: 1080px/850px/... }`. */
.home-banner .new-slider-container .home-slick-slider-img img.slide-image-base,
.home-banner .new-slider-container .home-slick-slider-img img.slide-image-overlay {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.home-banner .new-slider-container .slide-image-overlay {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    pointer-events: none;
}
.home-banner .new-slider-container .owl-item.active .slide-image-overlay.is-visible {
    opacity: 1;
}

/* Tablet/mobile: theme switches .home-banner to height:auto, so size the slide via aspect-ratio to prevent collapse */
@media only screen and (max-width: 991px) {
    .home-banner .new-slider-container .home-slick-slider-img {
        height: auto;
        aspect-ratio: 16 / 9;
    }
}
@media only screen and (max-width: 767px) {
    .home-banner .new-slider-container .home-slick-slider-img {
        aspect-ratio: 4 / 3; /* taller crop on phones so the text has room */
    }
}

/* ---------- Left-side text overlay — responsive width ---------- */
.home-banner .new-slider-container .banner_in .banner-text {
    width: 100%;
    max-width: 550px;
    box-sizing: border-box;
}
/* Heading: render as-typed (global h1 has text-transform: capitalize) */
.home-banner .new-slider-container .banner_in .banner-text .slider-title-text h1 {
    text-transform: none;
}
.home-banner .new-slider-container .banner_in .banner-text p {
    width: 100%;
}
@media only screen and (max-width: 1024px) {
    .home-banner .new-slider-container .banner_in .banner-text {
        max-width: 420px;
        left: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .home-banner .new-slider-container .banner_in .banner-text {
        top: 12%;
        left: 24px;
        right: auto;
        width: 60%;
        max-width: none;
    }
    .home-banner .new-slider-container .banner_in .banner-text .slider-title-text h1 {
        font-size: clamp(18px, 4.5vw, 22px);
        line-height: 1.3;
    }
    .home-banner .new-slider-container .banner_in .banner-text p {
        width: 100%;
        font-size: 14px;
        padding: 8px 0 16px 0;
    }
}