.workflow-section{margin-top:95px;padding:95px 0;background:linear-gradient(180deg,#f6f9f3,#eef6ea);overflow:hidden}
.workflow-section .profile-heading>p{margin:13px auto 0;max-width:540px;color:#6c7d73;font-size:12px}
.workflow-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:50px}
.workflow-line{position:absolute;left:10%;right:10%;top:30px;height:2px;background:#d6e4d2;overflow:hidden}
.workflow-line i{display:block;width:0;height:100%;background:linear-gradient(90deg,#8cda58,#4d9e2e);transition:width 1.6s cubic-bezier(.2,.8,.2,1) .25s}
.workflow-section.visible .workflow-line i{width:100%}
.workflow-step{position:relative;display:flex;flex-direction:column;opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.workflow-section.visible .workflow-step{opacity:1;transform:none}.workflow-section.visible .workflow-step:nth-of-type(2){transition-delay:.2s}.workflow-section.visible .workflow-step:nth-of-type(3){transition-delay:.4s}.workflow-section.visible .workflow-step:nth-of-type(4){transition-delay:.6s}.workflow-section.visible .workflow-step:nth-of-type(5){transition-delay:.8s}
.workflow-marker{position:relative;z-index:2;width:62px;height:62px;margin:0 auto 18px;display:grid;place-items:center;border:7px solid #eef6ea;border-radius:50%;background:#fff;box-shadow:0 8px 25px rgba(28,75,42,.1)}
.workflow-marker span{font:italic 16px "DM Serif Display";color:#559f33}.workflow-marker>i{position:absolute;right:-3px;bottom:-2px;display:grid;place-items:center;width:20px;height:20px;border:3px solid #eef6ea;border-radius:50%;background:#80cf4d;color:#fff;font-size:12px;font-style:normal}
.workflow-card{position:relative;flex:1;min-height:310px;padding:25px 23px 58px;border:1px solid #dbe7d8;border-radius:22px;background:rgba(255,255,255,.82);transition:transform .25s ease,box-shadow .25s ease}
.workflow-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(25,72,40,.09)}
.workflow-time{color:#66ad42;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.workflow-icon{display:grid;place-items:center;width:42px;height:42px;margin:21px 0 17px;border-radius:13px;background:#edf7e8;color:#5ba836;font-size:19px}
.workflow-card h3{margin:0 0 10px;font-size:17px;line-height:1.3;letter-spacing:-.025em}
.workflow-card p{margin:0;color:#6a7a71;font-size:12px;line-height:1.75}
.workflow-card>small{position:absolute;left:23px;right:23px;bottom:22px;display:flex;align-items:center;gap:6px;color:#64756b;font-size:12px;font-weight:700}
.workflow-card>small i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e7f5df;color:#59a435;font-style:normal}
.workflow-finale .workflow-card{border-color:#2b6046;background:linear-gradient(145deg,#0b3425,#194e37);color:#fff}
.workflow-finale .workflow-time{color:#94df64}.workflow-finale .workflow-icon{background:rgba(141,221,88,.12);color:#9ae968}.workflow-finale .workflow-card p{color:#a9bbb1}.workflow-finale .workflow-card>small{color:#b6c5bd}.workflow-finale .workflow-card>small i{background:#83d251;color:#fff}
.workflow-promise{position:relative;z-index:2;margin-top:28px;padding:20px 22px;display:flex;align-items:center;gap:15px;border:1px solid #d9e6d6;border-radius:18px;background:#fff}
.promise-avatar{width:48px;height:48px;flex:0 0 auto;padding:3px;border:1px solid #7fce4c;border-radius:50%}.promise-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.workflow-promise p{flex:1;margin:0;color:#6b7b72;font-size:12px;line-height:1.55}.workflow-promise p span,.workflow-promise p strong{display:block}.workflow-promise p span{margin-bottom:3px;color:#63aa3e;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.workflow-promise p strong{color:#173426;font-size:12px}
.workflow-promise .btn{flex:0 0 auto}
@media(max-width:900px){.workflow-track{grid-template-columns:1fr 1fr;gap:18px}.workflow-line{display:none}.workflow-card{min-height:285px}.workflow-marker{margin-bottom:10px}.workflow-promise{flex-wrap:wrap}.workflow-promise p{min-width:60%}}
@media(max-width:560px){.workflow-section{margin-top:65px;padding:65px 0}.workflow-track{grid-template-columns:1fr;margin-top:35px}.workflow-step{display:grid;grid-template-columns:50px 1fr;gap:10px}.workflow-marker{width:48px;height:48px;margin:0;border-width:5px}.workflow-card{min-height:270px}.workflow-promise .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.workflow-step{opacity:1;transform:none}.workflow-line i{width:100%;transition:none}}
