.flowchart_two{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;padding:20px}.step{background-color:var(--app-light);padding:10px;text-align:center;border-radius:5px;position:relative;border:2px solid var(--app-primary)}.step:after{top:50%;transform:translateY(-50%) rotate(180deg);right:-22px}.step:after,.step:nth-child(3n):after{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid var(--app-primary)}.step:nth-child(3n):after{right:50%;top:100%;transform:translateX(-50%) rotate(-90deg)}.step:nth-child(3n+4):after,.step:nth-child(3n+5):after{content:"";position:absolute;top:50%;right:-22px;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid var(--app-primary)}.step:last-child:after{content:"";border:none}