.dnd-section:has(.steps){background:var(--gradient-light);overflow-x:clip;padding-top:48px}.steps-wrapper{display:flex;flex-direction:column;gap:48px}.steps-content .preheader{margin-bottom:16px}.steps-content__heading{margin-bottom:12px}.steps-content__description{margin-bottom:24px}.steps{display:flex;flex-direction:column}.step{display:flex;gap:16px;padding-bottom:48px;position:relative;z-index:0}.step__line{background:-webkit-repeating-linear-gradient(0deg,var(--primary-200) 0,var(--primary-200) 10px,transparent 10px,transparent 20px);background:-o-repeating-linear-gradient(0deg,var(--primary-200) 0,var(--primary-200) 10px,transparent 10px,transparent 20px);background:-moz-repeating-linear-gradient(0deg,var(--primary-200) 0,var(--primary-200) 10px,transparent 10px,transparent 20px);background:repeating-linear-gradient(0deg,var(--primary-200) 0,var(--primary-200) 10px,transparent 10px,transparent 20px);height:100%;left:19px;position:absolute;top:20px;width:2px;z-index:-1}.step:last-child .step__line{display:none}.step__icon{height:40px;object-fit:contain;width:40px}.step__body .preheader{color:var(--gray-800);margin-bottom:10px}.step__title{font-size:1.3333rem;margin-bottom:8px}.step__description{font-size:.8889rem;margin-bottom:0}@keyframes slideIn{0%{opacity:0;transform:translateX(50px)}50%{opacity:1}75%{transform:translateX(-20px)}to{transform:translateX(0)}}.step .step__body{opacity:0;transform:translateX(50px)}.step.is-active .step__body{animation:slideIn .5s ease-in-out forwards;opacity:1;transform:translateX(0)}@media (min-width:640px){.step{gap:32px}.step__description{font-size:1rem}}@media (min-width:1024px){.dnd-section:has(.steps){padding-top:120px}.steps-wrapper{flex-direction:row;gap:120px}.steps-content-wrapper{margin-bottom:100px}.step{padding-bottom:200px}.step:last-child{padding-bottom:100px}.steps-content{position:sticky;top:140px}}