.split-hero-slider {
    width: 100%;
    /* Base height will be set by Elementor's inline styles */
    position: relative;
    overflow: hidden;
}

/* Add scaling above 1440px */
@media (min-width: 1440px) {
    .split-hero-slider {
        /* Use the pixel value for scaling */
        height: calc(var(--base-height-px, 100) * (100vw / 1440)) !important;
        max-height: 100vh;
    }
}

/* Background Slider Styles */
.background-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Add the gradient overlay */
.background-slider::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(30deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    z-index: 1;
}

.background-slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 0;
}

.background-slide.active {
    opacity: 1;
}

.background-media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    background-position: center;
}

.elementor-shape-bottom {
  z-index: 1;
}

/* Text Content Styles */
.text-content {
    position: relative;
    z-index: 2;
    height: 100%;
    width: 100%;
	max-width: 2560px;
	margin: 0 auto;
    display: flex;
    align-items: center;
    color: white;
    opacity: 0; /* Hide entire text content initially */
    transition: opacity 0.3s ease-out;
}

.text-content.initialized {
    opacity: 1;
}

.text-group {
    position: absolute;
    opacity: 0;
    transform: translateY(0%) translateX(0px);
    visibility: hidden;
    transition: opacity 0.4s ease-out;
}

@media (max-width: 768px) {
    .text-group {
        bottom: 12vh;
    }
}

@media (min-width: 769px) {
  .text-group {
    transform: translateY(-50%) translateX(55px);
  }
}

.text-group.active {
    opacity: 1;
    visibility: visible;
}

.overflow-hidden {
    overflow: hidden;
}

.hero-line {
    margin: 0rem 0;
    transform: translateY(100%);
    opacity: 0;
}

.text-group.active .hero-line {
    transform: translateY(0);
    opacity: 1;
}

/* Single text item behavior */
.text-content:only-child .text-group {
    opacity: 1;
    visibility: visible;
}

.text-content:only-child .hero-line {
    transform: translateY(0);
    opacity: 1;
    transition: transform 0.8s ease-out, opacity 0.8s ease-out;
}


/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;height:100%;touch-action:pan-y}.flickity-slider{position:absolute;width:100%;height:100%;left:0}.flickity-rtl .flickity-slider{left:unset;right:0}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-cell{position:absolute;left:0}.flickity-rtl .flickity-cell{left:unset;right:0}.flickity-button{position:absolute;background:#ffffffbf;border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:none;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dot{display:block;width:10px;height:10px;padding:0;margin:0 8px;background:#33333340;border-radius:50%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;text-indent:-9999px;overflow:hidden}.flickity-rtl .flickity-page-dot{text-indent:9999px}.flickity-page-dot:focus{outline:none;box-shadow:0 0 0 5px #19f}.flickity-page-dot.is-selected{background:#333}