/* EN Landing Page — custom styles */

html {
    scroll-behavior: smooth;
}

/* ── Pipeline steps (hero card) ─────────────────────────────── */
.en-pipeline-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: var(--bs-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.en-pipeline-step {
    position: relative;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Vertical connector line between steps */
.en-pipeline-step::after {
    content: '';
    position: absolute;
    left: 1.5rem;          /* center of 3rem icon */
    top: 3rem;              /* below icon */
    bottom: 0;
    width: 2px;
    background-color: var(--bs-gray-300);
    transform: translateX(-50%);
}