.steps__grid{--arrowSize:35px;--stegsGridGap:60px;--arrowPos:calc(100% - var(--arrowSize)/2 + var(--stegsGridGap)/2);display:grid;gap:var(--stegsGridGap);grid-template-columns:repeat(3,1fr)}.steps__col{perspective:1000px;position:relative}.steps__col:not(:last-child):after{aspect-ratio:1;background-image:url(https://www.foursightonline.com/hubfs/2026/long-arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";left:var(--arrowPos);opacity:.2;position:absolute;top:50%;transform:translateY(-50%);width:var(--arrowSize)}.steps__col_inner{display:grid;grid-template-areas:"stack";min-height:100%;transform-style:preserve-3d;transition:transform .5s}.steps__col_box{backface-visibility:hidden;background-color:var(--stageColor,var(--clr_gray));color:#fff;display:flex;flex-direction:column;gap:20px;grid-area:stack;justify-content:center;min-height:350px;padding:30px;position:relative}.steps__col_box:after{border:1px solid var(--clr_white);content:"";inset:10px;position:absolute}.steps__col_icon{width:60px}.steps__col_front{gap:30px}.steps__col:hover .steps__col_inner,.steps__col_back{transform:rotateY(180deg)}@media(max-width:991px){.steps__grid{grid-template-columns:1fr}.steps__col{margin-inline:auto;max-width:400px;width:100%}.steps__col:not(:last-child):after{left:50%;top:var(--arrowPos);transform:translateX(-50%) rotate(90deg)}}