.social-workflow{max-width:1180px;margin:28px auto;padding:22px;border:1px solid #cfe1e5;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(11,49,77,.07)}
.social-workflow-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.social-workflow-head h2{margin:.25rem 0 0}.social-workflow-head p{max-width:390px;margin:0;color:#526b7a}
.social-workflow ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0}.social-workflow li{position:relative;text-align:center}.social-workflow li:before{content:"";position:absolute;top:18px;left:0;right:0;height:3px;background:#d9e5e8;z-index:0}.social-workflow li:first-child:before{left:50%}.social-workflow li:last-child:before{right:50%}.social-workflow a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;color:#526b7a;font-weight:700;text-decoration:none}.workflow-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e7eef0;border:3px solid #fff;box-shadow:0 0 0 1px #c9dadd;color:#163750}.social-workflow .is-complete:before,.social-workflow .is-current:before{background:#42c4b7}.social-workflow .is-complete .workflow-number{background:#42c4b7;color:#082f49}.social-workflow .is-current .workflow-number{background:#082f49;color:#fff;box-shadow:0 0 0 4px rgba(66,196,183,.28)}.social-workflow .is-current a{color:#082f49}
.social-next-step{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin:20px 0;padding:20px;border-left:5px solid #42c4b7;border-radius:12px;background:#eef9f8}.social-next-step h2,.social-next-step p{margin:.2rem 0}
@media(max-width:760px){.social-workflow{margin:18px 0;padding:16px}.social-workflow-head{display:block}.social-workflow-head p{margin-top:8px}.social-workflow ol{grid-template-columns:repeat(3,1fr);row-gap:22px}.social-workflow li:before{display:none}.social-workflow a{font-size:.88rem}.social-next-step{grid-template-columns:1fr}.social-next-step .btn{width:100%;text-align:center}}