.timeline-container{width:90vw;overflow:hidden}.phases-container{flex-wrap:wrap;justify-content:start;align-items:center;gap:.1rem;width:100%;display:flex}.phase{flex-direction:column;flex:1;padding:0 10px;display:flex;position:relative}.phase:last-child{border-bottom:none;border-right:none}.phase-title{text-align:center;color:#004a99;min-height:50px;margin-bottom:2rem;font-weight:600}.phase-title span{color:#555;font-size:.9em;font-weight:400}.steps-container{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.3rem;display:flex}.step{text-align:center;flex-direction:column;align-items:center;width:10em;max-width:100%;display:flex}.icon-container{width:80px;height:80px;margin-bottom:15px}.icon-container img{object-fit:contain;width:100%;height:100%}.step-text{color:#444;font-size:14px;line-height:1.3}.arrow,.arrowstep{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.arrowstep{width:60px;height:20px;margin:auto 2px}.arrow.phase-connector{--len:clamp(48px,6vw,96px);width:var(--len);border:none;justify-content:center;align-items:center;height:20px;margin-block:auto;margin-inline:0;display:flex;position:relative}.arrow.phase-connector:before{content:"";background-color:#f39c12;width:calc(100% - 10px);height:2.5px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.arrow.phase-connector:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:10px solid #f39c12;width:0;height:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (min-width:1200px){.phases-container{align-items:center}.arrow.phase-connector{--len:clamp(60px,5.5vw,110px);transform:none}}@media (max-width:1199px){.phases-container{align-items:center}.arrow.phase-connector{--len:40px;width:var(--len);height:40px;margin:1rem auto;transform:rotate(90deg)}}.arrow:before,.arrowstep:before{content:"";background-color:#f39c12;width:100%;height:2.5px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.arrow:after,.arrowstep:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #f39c12;width:0;height:0;position:absolute;top:50%;left:calc(100% - 8px);transform:translateY(-50%)}@media (max-width:767px){.phases-container{flex-direction:column;gap:3rem;width:100%}.steps-container{flex-direction:column;align-items:center;gap:.1rem}.phase{border-bottom:3px dashed #0003;width:100%;max-width:320px;padding:2rem 1rem}.arrowstep,.arrow.phase-connector{width:40px;height:40px;margin:1rem auto;transform:rotate(90deg)}}@media (min-width:768px) and (max-width:1199px){.phases-container{flex-direction:column;align-items:center;gap:.2rem}.steps-container{flex-flow:wrap;justify-content:center}.arrow.phase-connector{border:none;width:40px;height:40px;margin:2rem auto;transform:rotate(90deg)}}@media (min-width:1200px){.phases-container{flex-direction:row;justify-content:start;align-items:stretch;gap:.1rem}.phase{flex:1 1 0;max-width:24%}.steps-container{flex-flow:row;justify-content:center;gap:.1rem}.step-text{max-width:220px;font-size:.95em}}@media (max-width:480px){.phase-title{margin-bottom:1rem;font-size:1rem}.icon-container{width:60px;height:60px}.step-text{font-size:12px}}.step-text strong{color:#0056b3;margin-right:5px;font-size:1.2em}