[title]:not(iframe), [subheading], .step_content { opacity: 0; transition: transform 1000ms ease, opacity 1000ms ease; } /* Active State */ .swiper-slide.is-step.active [subheading] { /* transform: translateY(0rem);*/ opacity: 1; transition-delay: 400ms; } .swiper-slide.is-step.active [title] { /*transform: translateY(0rem);*/ opacity: 1; transition-delay: 550ms; } .swiper-slide.is-step.active .step_content { /*transform: translateY(0rem);*/ opacity: 1; transition-delay: 700ms; } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { transform: none; } /* Base structure */ .vertical-tabs-section { position: relative; min-height: 100vh; display: grid; align-items: center; } /* Image slides - absolute positioning for overlap */ .tab-image-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; z-index: 0; transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .tab-image-slide.is-active { opacity: 1; pointer-events: auto; z-index: 10; } .is-active .text-size-large { color: #545B61 !important; } /* Tab content expansion */ .tab-nav-content { max-height: 0; overflow: hidden; opacity: 0; margin-top: 0; transition: opacity 0.4s ease, max-height 0.4s ease, margin-top 0.4s ease; } .tab-nav-item.is-active .tab-nav-content { max-height: 600px; opacity: 1; margin-top: 16px; } /* Ensure image container allows stacking */ .tabs-center-image { position: relative; min-height: 500px; width: 100%; } /* Mobile */ @media (max-width: 767px) { .vertical-tabs-section { min-height: auto; padding: 60px 20px; } .tabs-center-image { min-height: 350px; } }