.section.steps{gap:60px}.steps-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media screen and (max-width:1000px){.steps-list{grid-template-columns:repeat(2,1fr)}.steps-list .step:first-child{display:none}}@media screen and (max-width:700px){.steps-list{grid-template-columns:repeat(1,1fr)}}.steps-list .step{background-color:var(--card);box-shadow:0px 1px 6px rgba(var(--foreground-rgb),.1);border:1px solid rgba(var(--foreground-rgb),.17);border-radius:16px;flex-direction:column;align-items:center;gap:8px;transition:all .15s ease-out;display:flex;position:relative;overflow:hidden}.steps-list .step:hover{box-shadow:0px 1px 6px rgba(var(--foreground-rgb),.2);border:1px solid rgba(var(--foreground-rgb),.3);transform:translateY(-4px)}.steps-list .step .step-image{object-fit:cover;object-position:top center;z-index:10;width:100%;height:200px;-webkit-mask-image:linear-gradient(#000 70%,#00000090 78%,#0000 100%);mask-image:linear-gradient(#000 70%,#00000090 78%,#0000 100%)}.step:hover .step-color{transform:scale(1.25)}.steps-list .step .step-title{letter-spacing:-.01em;color:var(--foreground);width:calc(100% - 40px);margin:0 20px;font-size:1.25rem;font-weight:700}.steps-list .step .step-description{width:calc(100% - 40px);color:rgba(var(--foreground-rgb),.7);margin:0 20px 18px;font-size:1rem;font-weight:500;line-height:1.3rem}
.why{text-align:center;--primary:#29947a;background-color:#e9f4f2;border-radius:24px;justify-content:center;align-items:center;gap:40px;margin:20px;padding:64px 32px!important}.section-illustration{align-self:center}