.steps-container{background:var(--background-blue);border-radius:var(--radius-lg);padding:var(--spacing-14x) var(--spacing-16x) var(--spacing-20x);position:relative;& .preheader{margin-bottom:var(--spacing-6x)}@media (max-width:640px){padding:var(--spacing-8x) var(--spacing-6x) var(--spacing-10x)}}.steps__heading{margin-bottom:var(--spacing-16x);max-width:50%;text-wrap:balance;@media (max-width:820px){margin-bottom:var(--spacing-10x);max-width:100%}}.steps-wrapper{--transition:all 400ms linear;display:flex;gap:var(--spacing-12x);justify-content:space-between;width:100%;@media (max-width:820px){flex-direction:column}}ol.steps{flex:0 1 455px;margin-bottom:0;@media (max-width:820px){flex:none;order:2}}li.step{--bg-color:var(--blue-100);--text-color:var(--blue-600);margin-bottom:var(--spacing-10x);opacity:1;padding-left:60px;transition:var(--transition);&:last-child{margin-bottom:0}&:before{background:var(--bg-color);color:var(--text-color);font-family:var(--heading-font);font-size:30px;font-weight:700;height:40px;line-height:1;transition:var(--transition);width:40px}&[data-state=active]{--bg-color:var(--blue-base);--text-color:var(--white-base)}&[data-state=hidden]{opacity:.33}}.step__title{margin-bottom:var(--spacing-4x);@media (max-width:640px){font-size:1.2222rem}}.step__description{color:var(--text-light)}.step-image-wrapper{flex:0 1 532px;overflow:clip;position:relative;transition:all .3s ease-in-out;@media (max-width:820px){flex:none;height:360px;order:1}}.step-image{align-items:center;display:flex;height:100%;inset:0 auto auto 0;justify-content:center;position:absolute;transition:var(--transition);width:100%;z-index:0;&[data-state=closed]{opacity:0}&[data-state=open]{opacity:1}}.step-image img{height:100%;object-fit:contain;width:auto}.steps__bg-image{inset:0 0 auto auto;position:absolute;@media (max-width:640px){display:none}}