.process-flow {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(3, 165px);
  column-gap: 18px;
  row-gap: 45px;
  min-height: 585px;
}

.process-flow::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 585' preserveAspectRatio='none'%3E%3Cpath d='M167 36H833C960 36 960 246 833 246H167C40 246 40 456 167 456H833' fill='none' stroke='%23ffad66' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='m323 30 12 6-12 6 4-6zM657 30l12 6-12 6 4-6zM677 240l-12 6 12 6-4-6zM343 240l-12 6 12 6-4-6zM323 450l12 6-12 6 4-6zM657 450l12 6-12 6 4-6z' fill='%23ffad66'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  opacity: .85;
}

.process-step::before,
.process-step::after,
.process-node::after {
  display: none !important;
}

.process-step:nth-child(4) { grid-column: 3; grid-row: 2; }
.process-step:nth-child(5) { grid-column: 2; grid-row: 2; }
.process-step:nth-child(6) { grid-column: 1; grid-row: 2; }
.process-step:nth-child(7) { grid-column: 1; grid-row: 3; }
.process-step:nth-child(8) { grid-column: 2; grid-row: 3; }
.process-step:nth-child(9) { grid-column: 3; grid-row: 3; }

.process-foot {
  flex-direction: column;
  align-items: center;
}

.process-foot .btn-light {
  align-self: center;
}

@media (max-width: 700px) {
  .process-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(3, 102px);
    column-gap: 4px;
    row-gap: 18px;
    min-height: 342px;
    margin-top: 45px;
  }

  .process-flow::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 342' preserveAspectRatio='none'%3E%3Cpath d='M50 28H250C292 28 292 148 250 148H50C8 148 8 268 50 268H250' fill='none' stroke='%23ffad66' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='m91 23 10 5-10 5 3-5zM191 23l10 5-10 5 3-5zM209 143l-10 5 10 5-3-5zM109 143l-10 5 10 5-3-5zM91 263l10 5-10 5 3-5zM191 263l10 5-10 5 3-5z' fill='%23ffad66'/%3E%3C/svg%3E");
  }

  .process-step:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
  }

  .process-step:nth-child(4) { grid-column: 3; grid-row: 2; }
  .process-step:nth-child(5) { grid-column: 2; grid-row: 2; }
  .process-step:nth-child(6) { grid-column: 1; grid-row: 2; }
  .process-step:nth-child(7) { grid-column: 1; grid-row: 3; }
  .process-step:nth-child(8) { grid-column: 2; grid-row: 3; }
  .process-step:nth-child(9) { grid-column: 3; grid-row: 3; }

  .process-step::before,
  .process-step::after,
  .process-node::after {
    display: none !important;
  }

  .process-foot {
    align-items: center;
  }
}