/* G3 — responsive application process stepper */
.gvw-vp-stepper {
    display: grid;
    grid-template-columns: repeat(var(--gvw-vp-step-count, 5), minmax(0, 1fr));
    gap: clamp(14px, 1.3vw, 22px);
    counter-reset: gvw-vp-step;
}

.gvw-vp-stepper__step {
    position: relative;
    min-width: 0;
}

.gvw-vp-stepper__marker {
    position: relative;
    z-index: 2;
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 2px solid var(--gold);
    border-radius: 999px;
    background: var(--gold);
    color: var(--n900);
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 8px 18px var(--gold-a18);
}
.gvw-vp-stepper__marker svg { width: 21px; height: 21px; fill: currentColor; }
.gvw-vp-stepper--outline .gvw-vp-stepper__marker { background: var(--surface-1); color: var(--gold); box-shadow: none; }
.gvw-vp-stepper--alternating .gvw-vp-stepper__step:nth-child(even) .gvw-vp-stepper__marker { border-color: var(--text-strong); background: var(--text-strong); color: var(--page-bg); box-shadow: none; }

.gvw-vp-stepper__connector {
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 44px;
    width: calc(100% - 26px);
    height: 1px;
    background: var(--border-strong);
}
.gvw-vp-stepper__connector::after {
    content: "";
    position: absolute;
    top: -3px;
    right: 0;
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    border-top: 1px solid var(--border-strong);
    border-right: 1px solid var(--border-strong);
}

.gvw-vp-stepper__copy { display: grid; gap: 7px; margin-top: 13px; padding-right: 7px; }
.gvw-vp-stepper__copy strong { color: var(--text-strong); font-size: 13px; line-height: 1.35; }
.gvw-vp-stepper__copy p { margin: 0; color: var(--text-body); font-size: 11.5px; line-height: 1.5; }
.gvw-vp-stepper__copy a { color: var(--gold); font-size: 11.5px; font-weight: 750; text-decoration: none; }

.gvw-visa-builder__section--half .gvw-vp-stepper { gap: 12px; }
.gvw-visa-builder__section--half .gvw-vp-stepper__marker { width: 36px; height: 36px; font-size: 12px; }
.gvw-visa-builder__section--half .gvw-vp-stepper__connector { top: 17px; left: 38px; width: calc(100% - 22px); }
.gvw-visa-builder__section--half .gvw-vp-stepper__copy strong { font-size: 12px; }
.gvw-visa-builder__section--half .gvw-vp-stepper__copy p { font-size: 10.5px; }

@media (max-width: 980px) {
    .gvw-vp-stepper {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .gvw-vp-stepper__step {
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr);
        column-gap: 14px;
        min-height: 96px;
    }
    .gvw-vp-stepper__marker,
    .gvw-visa-builder__section--half .gvw-vp-stepper__marker { width: 42px; height: 42px; }
    .gvw-vp-stepper__copy,
    .gvw-visa-builder__section--half .gvw-vp-stepper__copy { margin-top: 2px; padding: 0 0 22px; }
    .gvw-vp-stepper__copy strong,
    .gvw-visa-builder__section--half .gvw-vp-stepper__copy strong { font-size: 13px; }
    .gvw-vp-stepper__copy p,
    .gvw-visa-builder__section--half .gvw-vp-stepper__copy p { font-size: 11.5px; }
    .gvw-vp-stepper__connector,
    .gvw-visa-builder__section--half .gvw-vp-stepper__connector {
        top: 43px;
        left: 20px;
        width: 1px;
        height: calc(100% - 42px);
        background: var(--border-strong);
    }
    .gvw-vp-stepper__connector::after { display: none; }
}