.sticky-steps__section{position:relative}@media(max-width:767px){.sticky-steps__section{display:none}}.steps-content{flex:1}.f20-steps .sticky-steps__wrapper{background:#fff;transition:.3s}.f20-steps .sticky-steps__wrapper:has(.steps-image-wrapper>.step-image:first-child:not(.active)){background:#fff}.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{position:relative;cursor:pointer;transition:color .3s;width:max-content}.f20-steps .step__item:after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:50%;background:#fc8537;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.f20-steps .step__item.active{color:#fff;font-weight:700}.f20-steps .step__item.active:after{transform:scaleX(1)}.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:600px}.f20-steps .sticky-steps__section .steps-content h2{margin-bottom:36px}.f20-steps p.step-desc{color:#999;font-size:22px;font-weight:500;transition:.3s;width:max-content}.f20-steps .steps-content .step__item.active p.step-desc{color:#000}.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__list{display:grid;gap:12px;max-width:300px}.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/18/assets/f20-plus-image-text-scroll-steps.css.map */