/* One scroll-driven journey. Content is always visible, including without JavaScript. */
.ss-process-timeline.ss-process-motion .our-process-row::before,
.ss-process-timeline.ss-process-motion .our-process-row::after {
    content: "";
    position: absolute;
    left: var(--ss-rail-left, 50%);
    top: var(--ss-rail-top, 36px);
    width: 2px;
    height: var(--ss-rail-height, 100%);
    transform: translateX(-50%);
    pointer-events: none;
}
.ss-process-timeline.ss-process-motion .our-process-row::before { background: #d8e2ed; }
.ss-process-timeline.ss-process-motion .our-process-row::after {
    background: #226bc0;
    transform: translateX(-50%) scaleY(var(--ss-step-progress, 0));
    transform-origin: center top;
}
.ss-process-timeline.ss-process-motion .our-process-row:last-child::before,
.ss-process-timeline.ss-process-motion .our-process-row:last-child::after { display: none; }
.ss-process-timeline.ss-process-motion .process-content-number { z-index: 1; }
.ss-process-timeline.ss-process-motion .process-content-number span {
    box-sizing: border-box;
    background: white;
    color: #1f4375;
    border: 2px solid #cdd9e7;
    transition: background-color 220ms ease-out, color 220ms ease-out, border-color 220ms ease-out, transform 220ms cubic-bezier(.16,1,.3,1);
}
.ss-process-timeline.ss-process-motion .ss-process-passed .process-content-number span { background: #1f4375; border-color: #1f4375; color: white; }
.ss-process-timeline.ss-process-motion .ss-process-current .process-content-number span { background: #226bc0; border-color: #226bc0; color: white; transform: scale(1.08); }
.ss-process-timeline.ss-process-motion .ss-process-current .process-content-inner h3 { color: #226bc0; }
.ss-process-page .capabilities.process .capabilitie a { height: 100%; padding: 24px 12px 56px; }
.ss-process-page .capabilities.process .capabilitie a img { width: auto; height: 100px; max-width: 100%; }
.ss-process-page .capabilities.process .capabilitie a h4 { margin-top: 20px; line-height: 1.3; text-transform: none; }
.ss-process-page .capabilities.process a:focus-visible { outline: 3px solid #226bc0; outline-offset: 4px; }
@media (max-width: 767px) {
    .ss-process-page .capabilities.process .capabilitie a { padding: 20px 4px 48px; }
    .ss-process-page .capabilities.process .capabilitie a img { height: 70px; }
    .ss-process-page .capabilities.process .capabilitie a h4 { font-size: 17px; margin-top: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .ss-process-timeline .process-content-number span { transition: none; }
}
