.box-flow{--flow-blue:#0a43ff;--flow-bg:#cfefff;--flow-bg-2:#c7e6ff;--flow-radius:10px;--flow-gap-x:40px;--flow-gap-y:40px;--flow-arrow-w:9px;--flow-arrow-h:22px;align-items:stretch;column-gap:var(--flow-gap-x);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--flow-gap-y)}.box-flow__item{background:var(--flow-bg);border-radius:var(--flow-radius);display:grid;font-size:20px;min-height:138px;padding:20px 20px 14px;place-items:center;position:relative;text-align:center}.box-flow__item>div{display:grid;justify-items:center;width:100%}.box-flow__item em{color:var(--flow-blue);display:inline-block;font-family:Rubik;font-size:14px;font-style:italic;font-weight:600;line-height:1.4}.box-flow__item>div>div{align-items:center;display:grid;min-height:85px}.box-flow__item :is(p,h1,h2,h3,h4,h5,h6){margin:0}.box-flow__item{color:#000;font-weight:700}.box-flow__item div>:is(p){font-size:28px;line-height:1.35}.box-flow__item:after{border-bottom:calc(var(--flow-arrow-h)/2) solid transparent;border-left:var(--flow-arrow-w) solid var(--flow-blue);border-top:calc(var(--flow-arrow-h)/2) solid transparent;content:"";height:0;position:absolute;right:calc((var(--flow-gap-x)/2)*-1);top:50%;transform:translate(50%,-50%);width:0}.box-flow__item:last-child:after,.box-flow__item:nth-child(3n):after{display:none}.box-flow__item:nth-child(n+4):nth-child(-n+5){background:var(--flow-bg-2)}.box-flow__item:last-child{background:#fff;border:2px solid var(--flow-blue);color:var(--flow-blue);font-size:20px}.box-flow__item:last-child div>:is(p){font-size:30px}.box-flow__item:first-child{background:rgba(48,191,236,.3)}.box-flow__item:nth-child(2){background:rgba(41,177,236,.3)}.box-flow__item:nth-child(3){background:rgba(24,155,222,.3)}.box-flow__item:nth-child(4){background:rgba(27,146,231,.3)}.box-flow__item:nth-child(5){background:rgba(19,114,230,.3)}@media (max-width:767px){.box-flow{column-gap:0;grid-template-columns:1fr;row-gap:32px}.box-flow__item{min-height:auto;padding:20px}.box-flow__item:last-child{border-width:1px}.box-flow__item>div{gap:4px}.box-flow__item>div>div{min-height:auto}.box-flow__item div>:is(p){font-size:22px}.box-flow__item:after{border-bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:9px solid var(--flow-blue);bottom:-20px;right:50%;top:auto;transform:translate(50%)}.box-flow__item:nth-child(3n):after{display:block}.box-flow__item:last-child:after{display:none}}