.process-steps{display:flex;justify-content:space-between;margin:0 auto;max-width:900px;position:relative}.process-steps:before{background-color:#e5e5e5;content:"";height:2px;left:0;position:absolute;top:40px;width:100%;z-index:0}.process-step{flex:1;flex-direction:column;padding:0 10px;text-align:center;z-index:1}.process-step,.step-icon-wrapper{align-items:center;display:flex;position:relative}.step-icon-wrapper{background-color:var(--brand-white);border:1px solid #e5e5e5;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.05);height:80px;justify-content:center;margin-bottom:20px;transition:transform .3s ease;width:80px}.process-step:hover .step-icon-wrapper{border-color:var(--brand-black);transform:scale(1.1)}.process-step:hover .step-number{opacity:0;transform:scale(0)}.process-step:hover .step-checkmark{opacity:1;transform:scale(1)}.step-icon{height:40px;object-fit:contain;width:40px}.step-number-container{height:24px;position:absolute;right:-5px;top:-5px;width:24px}.step-number{background-color:var(--brand-black);color:var(--brand-white);font-size:12px}.step-checkmark,.step-number{align-items:center;border-radius:50%;display:flex;font-weight:700;height:24px;justify-content:center;transition:opacity .3s,transform .3s;width:24px}.step-checkmark{background-color:#03c75a;color:#fff;font-size:14px;left:0;position:absolute;top:0}.process-step.completed .step-number,.step-checkmark{opacity:0;transform:scale(0)}.process-step.completed .step-checkmark{opacity:1;transform:scale(1)}.step-connector{align-items:center;display:flex;left:50%;position:absolute;top:40px;transform:translateY(-50%);z-index:0}.connector-line{background:linear-gradient(90deg,#e5e5e5 0,#e5e5e5);height:2px;transition:background .3s;width:60px}.process-step.completed+.process-step .connector-line{background:linear-gradient(90deg,#03c75a 0,#e5e5e5)}.connector-arrow{color:#e5e5e5;font-size:18px;margin-left:-8px;transition:color .3s}.process-step.completed+.process-step .connector-arrow{color:#03c75a}.step-title{font-size:18px;margin-bottom:8px}.step-desc{color:var(--text-muted);font-size:14px;max-width:200px}@media (max-width:767px){.process-steps{align-items:flex-start;flex-direction:column;padding-left:20px}.process-steps:before{height:100%;left:60px;top:0;width:2px}.process-step{flex-direction:row;margin-bottom:40px;text-align:left;width:100%}.step-icon-wrapper{flex-shrink:0;margin-bottom:0;margin-right:20px}.step-desc{max-width:none}.step-content{flex:1}}