/* Page Components - Split Panel Push Scroll */

section.split-panel-push-scroll .push-scroll-row > .split__container { margin-top: 3rem; padding-bottom: 4rem; }
section.split-panel-push-scroll .push-scroll-row .split__media { flex-direction: column; justify-content: center; align-items: flex-end; }
section.split-panel-push-scroll .push-scroll-row .split__media .split__panel-slides { max-height: 700px; position: relative; width: 100%; height: 100%; height: calc(100vh - 320px); min-height: 250px; }
section.split-panel-push-scroll .push-scroll-row .split__media .split__panel-slides .split__panel-slide-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
section.split-panel-push-scroll .push-scroll-row .split__media .split__panel-slides .split__panel-slide-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; max-height: 600px; border-radius: 0.833rem; }
section.split-panel-push-scroll .push-scroll-row .split__panel-slides .split__panel-slide-image[data-index] { opacity: 0; transition: 0.6s ease-in-out; }
section.split-panel-push-scroll .push-scroll-row .split__panel-slides .split__panel-slide-image[data-index].active { opacity: 1; }
section.split-panel-push-scroll .push-scroll-row .split__panel-slides .split__panel-slide-content [data-index] { height: 0px; opacity: 0; transition: opacity 0.6s ease-in-out, top 0.6s ease-in-out; overflow: hidden; position: relative; top: 2rem; }
section.split-panel-push-scroll .push-scroll-row .split__panel-slides .split__panel-slide-content [data-index].active { height: auto; opacity: 1; top: 0; }
section.split-panel-push-scroll .push-scroll-row .split__panel-slides .split__panel-slide-content .content-container [data-index] { transition-delay: 0.3s; }

section.split-panel-push-scroll .push-scroll-row .split__panel-slides .split__panel-slide-content-content { display: flex; gap: 3rem; }
section.split-panel-push-scroll .push-scroll-row .split__panel-slides .split__panel-slide-content-content .button__container { margin-top: 2rem; }
section.split-panel-push-scroll .push-scroll-row .split__panel-slides .progress-container { flex-shrink: 0; flex-grow: 0; color: var(--primary); font-family: var(--expletus); }

@media (max-width: 800px) {
    @supports (display: grid) {
        section.split-panel-push-scroll .push-scroll-row > .split__container { grid-gap: 1rem var(--column-gap)!important; }
        section.split__panel .push-scroll-row > .split__container .split__media { grid-row: 1!important; max-width: 500px; }
        section.split__panel .push-scroll-row > .split__container .split__content { grid-row: 2!important; }
    }
    section.split-panel-push-scroll .push-scroll-row .split__media { padding-left: var(--global-side-padding); padding-right: var(--global-side-padding); }
    section.split-panel-push-scroll .push-scroll-row .split__media .split__panel-slides { min-height: 180px; }
    section.split-panel-push-scroll .push-scroll-row .split__media .split__panel-slides .split__panel-slide-image { left: 2rem; right: 2rem; }
    section.split-panel-push-scroll .push-scroll-row .split__media .split__panel-slides,
    section.split-panel-push-scroll .push-scroll-row .split__media .split__panel-slides .split__panel-slide-image img { height: 45vw; max-height: 200px; }
    .progress-container { padding-left: 2rem; padding-right: 2rem; display: flex; flex-direction: column-reverse; }
    .progress-line-container { margin-top: 0rem!important; margin-bottom: -1rem!important; }
    .indicator-container { margin-bottom: 1.75rem; margin-right: 1rem; color: var(--white); text-shadow: 0 4px 16px rgba(0, 0, 0, 0.3); }
    section.split__panel .push-scroll-row > .split__container .split__content { margin-top: 1.5rem; }
    section.split-panel-push-scroll .push-scroll-row .split__panel-slides .split__panel-slide-content-content .button__container { margin-top: 1rem; }
}
@media (max-width: 640px) {
    section.split__panel .push-scroll-row > .split__container .split__content { margin-top: 0.5rem; font-size: 0.9rem; }
    section.split__panel .push-scroll-row > .split__container .split__media { max-width: 300px; }
    section.split-panel-push-scroll .push-scroll-row .split__media .split__panel-slides, section.split-panel-push-scroll .push-scroll-row .split__media .split__panel-slides .split__panel-slide-image img { height: 36vw; max-height: 150px; }
    section.split-panel-push-scroll .push-scroll-row .split__media .split__panel-slides { min-height: 100px; }
    section.split-panel-push-scroll .push-scroll-row .split__media .split__panel-slides .split__panel-slide-image { left: 0.5rem; right: 0.5rem; }
    .progress-container { padding-left: 0.5rem; padding-right: 0.5rem; }
}
@media (max-width: 460px) {
    .progress-line-container { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; }
}