.workflow-wrapper{max-width:100%;min-height:100%;background:0 0}.connection{display:inline-block;border-left:2px solid #00a651;background-color:transparent;margin:auto;height:24px}.connection-container{display:flex;align-items:center}.wf-card{display:flex;flex-direction:column;justify-content:center;padding:28px 22px;box-shadow:0 8px 12px -8px #c7c7c7;border-radius:20px;background:#fff}.connection-2-in,.connection-3-res{display:none}.flow-7{margin-top:-110%;margin-bottom:60px}@media (min-width:768px){.flow-1,.flow-2{grid-row:1/2}.connection{min-height:76px;min-width:56%}.workflow-wrapper{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.flow-2{grid-column:2/3;transform:translateY(50%)}.flow-3{grid-row:2/3;transform:translateY(10%)}.flow-4{grid-row:2/3;transform:translateY(60%)}.flow-5{transform:translateY(15%)}.flow-6{transform:translateY(75%)}.flow-7{max-width:75%;margin-top:-25%;margin-bottom:90px}.connection-1,.connection-3,.connection-5{border-bottom-left-radius:20px;border-bottom:2px solid #00a651;transform:translate(50%,0)}.connection-2-out,.connection-4{border-bottom-right-radius:20px;border-bottom:2px solid #00a651;border-right:2px solid #00a651;border-left:none;transform:translate(-50%,0)}}@media (min-width:992px){.connection-3,.connection-3-res{border-bottom:2px solid #00a651;border-left:none;border-right:2px solid #00a651;border-bottom-right-radius:20px;border-bottom-left-radius:0}.workflow-wrapper{row-gap:54px;column-gap:24px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,25%)}.wf-card-holder{height:fit-content;position:relative;z-index:5}.flow-1{grid-row:1/2}.flow-2{grid-column:2/3;grid-row:1/3}.flow-3{grid-column:3/4;grid-row:1/2;transform:translateY(0)}.flow-4{grid-row:2/3;grid-column:2/3;transform:translate(-50%,70%)}.flow-5{grid-column:3/4;grid-row:3/4;transform:translateY(0)}.flow-6{grid-row:3/4;transform:translate(0,75%)}.flow-7{max-width:60%;margin-top:-15%;margin-bottom:120px}.connection-2-in{display:inline-block;border-top:2px solid #00a651;border-top-left-radius:20px;margin-left:50%}.connection-2-out{display:none}.connection-3{transform:translate(-50%,0);min-height:275px}.connection-3-res{display:inline-block;min-width:108%;transform:translate(-150%,236px) scale(-1);min-height:202px}.connection-4{min-width:104%;transform:scaleX(-1) translate(-49%,0);min-height:68px}.connection-5{transform:scaleX(-1) translateX(75%);min-width:150%;min-height:100px}}