.loan-flow{display:flex;flex-direction:column;justify-content:center;gap:20px;margin-block-start:30px}.loan-flow__container{display:grid;grid-template-columns:200px 1fr;grid-template-rows:auto}.loan-flow__container:not(:last-of-type):after{grid-column:1/3;grid-row:2/3}.loan-flow__flow-box{display:flex;flex-direction:column;gap:10px;padding:20px 20px 10px;border:solid 2px transparent}.flow-box--left{align-items:center;border-radius:10px 0 0 10px}.flow-box--right{border-radius:0 10px 10px 0}.flow-box--red{border-color:#88070f}.flow-box--back-red{background:#88070f}.flow-box--green{border-color:#00839b}.flow-box--back-green{background:#00839b}.flow-box--blue{border-color:#1f4885}.flow-box--back-blue{background:#1f4885}.flow-box__source{color:#fff;font-size:20px;font-weight:700}.flow-box__icon{width:48px;height:auto}@media screen and (max-width:768px){.loan-flow__container{grid-template-columns:140px 1fr}.loan-flow__flow-box{padding:10px 10px 5px}}@media screen and (max-width:468px){.loan-flow__container{grid-template-columns:1fr}.loan-flow__container>*{grid-column:1}.flow-box--left{order:1;border-radius:10px 10px 0 0}.flow-box--right{order:2;border-radius:0 0 10px 10px}.loan-flow__container:not(:last-of-type):after{order:3;grid-column:initial;grid-row:initial}.loan-flow__flow-box{gap:5px}.flow-box__icon{width:30px}.flow-box__heading{font-size:16px}}