.block-stages-formation-primelis {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-block: 24px;
    scroll-margin-top: 150px;

    @media (width > 768px) {
        margin-block: 48px;
    }

    h2 {
        color: var(--_bg-color, #1e3e5d);
        margin-bottom: 0;
    }

    .text {
       color: #0D1A22;
        font-size: 16px;
        font-family: 'Lexend';
        font-weight: 300;
        line-height: 150%;
    }

    .stage {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
        align-items: stretch;

        @media (width > 780px) {
            grid-template-columns: 1.3fr .7fr;
        }

        .stage-txt {

            p {
                color: #0D1A22;
        font-size: 16px;
        font-family: 'Lexend';
        font-weight: 300;
        line-height: 150%;

                strong {
                    color: #1e3e5d;
                }
            }

            .stage-pts {
                list-style: none;
                padding: 0;
                margin: 16px 0 0;
                display: grid;
                gap: 12px;

                li {
                    display: flex;
                    gap: 12px;
                    font-size: 15px;     
                    font-family: 'Lexend';               
                    font-weight: 300;
                    color: #0D1A22;

                    b {
                        color: #0D1A22;
                    }

                    .si {
                        flex: 0 0 28px;
                        height: 28px;
                        border-radius: 8px;
                        background: #f1f6e4;
                        color: #8aa233;
                        display: grid;
                        place-items: center;
                        font-weight: 800;
                        font-size: 14px;
                    }
                }
            }
        }

        .stage-hl {
            background: #0070B8;
            color: #fff;
            border-radius: 14px;
            padding: 26px 24px;
            height: 100%;
            box-sizing: border-box;

            .big {
                font-weight: 800;
                font-size: 4rem;
                color: #ffffff;
                line-height: 1;
            }

            .lbl {
                font-size: 16px;
                font-weight: 500;
                color: #ffffff;
                margin: 6px 0 18px;
            }

            .sub2 {
                border-top: 1px solid rgba(255, 255, 255, .16);
               padding-top: 14px;
                font-size: 16px;
                color: #ffffff;

                b {
                    color: #f2f2f2;                    
                    line-height: 150%;
                }
            }
        }
    }
}

@media (max-width: 768px) {
    .block-stages-formation-primelis {
        gap: 12px !important;        
        margin-top: 0;
    }
}
