@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");:root{--green-bg:#f2fdf5;--green-pill:#104d3a;--white-bg:#fff;--black-pill:#1a1a1a;--text-main:#222;--text-sub:#666;--line-color:#cbd5e0}.process-wrapper{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px;position:relative;width:100%}.svg-lines{height:calc(100% - 120px);left:0;pointer-events:none;position:absolute;top:60px;width:100%;z-index:0}.step-container{display:flex;width:100%;z-index:1}.step-container.left{justify-content:flex-start}.step-container.right{justify-content:flex-end}.card{border:1px solid rgba(0,0,0,.02);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.04);display:flex;padding:8px;width:585px}.card.type-green{background-color:#fff}.card.type-white{background-color:var(--white-bg);border:1px solid #f0f0f0}.badge{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:13px;font-weight:500;justify-content:center;padding:20px 0;transform:rotate(180deg);width:42px;writing-mode:vertical-rl}.badge.black,.badge.green{background-color:#f37021}.content{flex:1;padding:20px 25px}.header{align-items:center;color:var(--text-main);display:flex;font-size:20px;font-weight:600;gap:12px;margin-bottom:10px}.header span{color:#999;font-weight:400}.desc{color:#000;font-size:15px;line-height:1.6;margin:0}@media (max-width:850px){.step-container{justify-content:center!important}.svg-lines{display:none}}