.engagement {
    align-items: center;
    background-color: var(--white);
    border: .0625rem solid var(--black);
    border-radius: .3125rem;
    display: flex;
    flex: 0 0 74%;
    flex-direction: column;
    gap: 5vw;
    justify-content: center;
    padding: 5vw 0;
    position: relative;
}
.engagement__illustrationContainer {
    align-items: center;
    background-color: var(--whiteBis);
    border-radius: 100%;
    display: flex;
    height: 20vw;
    justify-content: center;
    padding: 2.5vw;
    width: 20vw;
}
.engagement__description {
    margin-inline: 5vw;
    text-align: center;
}
.engagement:not(.engagement:last-child)::before {
    background-color: var(--black);
    bottom: 50%;
    right: -5.5vw;
    content: "";
    display: block;
    height: .0625rem;
    position: absolute;
    width: 5.5vw;
    z-index: -1;
}
.engagement__title {
    text-align: center;
}

@media screen and (min-width: 575.98px) {
    .engagement {
        gap: 3.5vw;
    }
}

@media screen and (min-width: 767.98px) {
    .engagement {
        flex-basis: 55%;
    }
}

@media screen and (min-width: 991.98px) {
    .engagement {
        flex-basis: 35%;
        gap: 1.5vw;
    }
    .engagement__illustrationContainer {
        height: 10vw;
        padding: 1.5vw;
        width: 10vw;
    }
    .engagement__title {
        font-size: calc(var(--fsTitleH3) * 1.1);
        text-align: center;
    }
    .engagement__description {
        margin-inline: 1.5vw;
    }
}

@media screen and (min-width: 1199.98px) {
    .engagement:last-child {
        margin-right: unset;
    }
    .engagement {
        padding: 2vw 1vw;
    }
    .engagement__illustrationContainer {
        height: 7.5vw;
        padding: 1.5vw;
        width: 7.5vw;
    }
}

@media screen and (min-width: 1399.98px) {
    .engagement {
        gap: .5rem;
        padding: 1.5vw;
    }
    .engagement:last-child::after {
        background-color: var(--sColor);
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        right: -2.5vw;
        top: 0;
        width: .125rem;
    }
    .engagement:not(.engagement:last-child)::before {
        display: none;
    }
    .engagement__illustrationContainer {
        height: 6vw;
        padding: 1.5vw;
        width: 6vw;
    }
    .engagement__description {
        margin-inline: 0;
    }
}

@media screen and (min-width: 1919.98px) {
    .engagement {
        gap: 1.5vw;
    }
}