/* "From concept to delivery" — fig 5115:14290. A white panel holding a centred
   head and the shared .corp-card in four columns. */

.corp-process .corp-panel {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.corp-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    align-items: stretch;
}

@media (max-width: 1199px) {
    .corp-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    /* the phone mock runs this panel edge to edge, square with the viewport */
    .gst-corppage > .corp-process {
        padding-inline: 0;
    }

    .corp-process .corp-panel {
        border-radius: 0;
        gap: 20px;
        padding-block: 40px;
    }

    .corp-process-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}