.step-box {
  position: relative;
}
.step-wrap .col-12:not(:last-child) .step-box:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid #162d2a;
    border-right: 10px solid #274b47;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    right: -3%;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    z-index: -1;
}
@media (max-width: 860px) {
  .step-wrap .step-box:before {
    top: unset !important;
    bottom: -10px;
    right: unset !important;
    left: 50%;
    transform: translateX(-50%) rotate(135deg) !important;
  }
}