.sticky-steps-section{position:relative}.steps-content{flex:1}.sticky-steps-wrapper{background:#0d0d0d;transition:.3s}.sticky-steps-wrapper:has(.steps-image-wrapper>.step-image:first-child:not(.active)){background:#050505}.sticky-steps-wrapper,.sticky-steps-section .page-width.content-wrapper{height:100%}.sticky-steps-section .page-width.content-wrapper{position:relative;z-index:2;width:100%;display:flex;align-items:center}.step-item{cursor:pointer;transition:color .3s}.step-item.active{color:#fff;font-weight:700}.sticky-steps-section{min-height:calc(100vh - 64px)}.sticky-steps-section .step-image img{max-height:calc(100vh - 64px)}.sticky-steps-section .steps-content{max-width:450px}.sticky-steps-section .steps-content h2{margin-bottom:60px}.sticky-steps-section .steps-content .step-number{color:#565656;border:1px solid #565656;aspect-ratio:1/1;width:30px;display:grid;place-items:center;border-radius:50%;transition:.3s}.sticky-steps-section .steps-content p.step-desc{color:#565656;transition:.3s}.steps-content .step-item.active .step-number{background:#8c6636;color:#fff;border-color:#8c6636}.steps-content .step-item.active p.step-desc{color:#fff}.steps-image-wrapper{flex:1;position:absolute;top:0;right:0;height:100%;z-index:1}.step-image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease}.step-image.active{opacity:1;position:relative}@media only screen and (max-width: 767px){.steps-image-wrapper{position:relative;height:fit-content;display:flex;flex:unset}.sticky-steps-section .page-width.content-wrapper{height:fit-content}.sticky-steps-section .step-item{display:flex;align-items:center;gap:15px}.steps-content .step-item p.step-desc{margin-bottom:0}.sticky-steps-section .steps-content h2{text-align:left;margin-bottom:26px;max-width:296px;margin-left:auto;margin-right:auto;padding-top:80px}.sticky-steps-section .step_items{display:grid;gap:12px;max-width:300px;margin:auto}.sticky-steps-section .step-image img{aspect-ratio:1.05/1;object-position:center right;object-fit:cover}.sticky-steps-wrapper{display:flex;flex-direction:column;gap:40px;height:100dvh;justify-content:center}.step-image{height:fit-content}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/image-text-scroll-steps.css.map */