.technical-drawing-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 30px;
}

.technical-size-txt {
    text-align: end;
}

.technical-subtitle {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
}

.technical-drawing-container .technical-drawing-block {
    flex-direction: column;
    align-items: center;
}

.features-1-to-4 {
    height: var(--height-feature-container);
    margin: 10px;
    flex-wrap: wrap;
}

.technical-tolerance {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 21px;
    text-align: center;
    /* Gris moyen _ Oviala */
    color: #6D7B7F;
}

.technical-drawing-block > h5 {
    margin-bottom: 10px;
}

.technical-container {
    margin-left: 10px;
}

.total-features-1 {
    --height-feature-container: 39px;
}

.total-features-2 {
    --height-feature-container: 78px;
}

.total-features-3 {
    --height-feature-container: 117px;
}

.total-features-4 {
    --height-feature-container: 156px;
}

.total-features-5 {
    --height-feature-container: 195px;
}

.total-features-6 {
    --height-feature-container: 234px;
}

.total-features-7 {
    --height-feature-container: 273px;
}

.total-features-8 {
    --height-feature-container: 310px;
}

@media screen and (min-width: 812px) {

    .technical-drawing-img {
        width: 350px;
        height: 350px;
    }

    .technical-drawing-img > img {
        width: 350px;
        height: 350px;
        margin-top: 10px;
    }

    .technical-container {
        width: 350px;
    }

    .feature-and-img-container {
        display: flex;
        flex-direction: row;

    }

    .feature-and-img-container.with-3-blocks {
        flex-direction: column;
    }

    .features-1-to-4.with-3-blocks {
        width: 370px;
        height: var(--height-feature-container);
    }

    .technical-size-title.with-3-blocks {
        padding-left: 50px;
    }

    .technical-size-txt.with-3-blocks {
        padding-right: 80px;
    }

    .technical-tolerance.with-3-blocks {
        width: 350px;
    }

    .features-1-to-4 {
        width: 16.8rem;
    }

    .technical-tolerance {
        width: 13.1rem;
    }
}


@media screen and (max-width: 811px) {

    .technical-container {
        text-align: center;
        width: 19rem;
        margin-top: 40px;
    }

    .technical-drawing-img {
        width: 19rem;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .technical-tolerance {
        width: 19rem;
    }

    .technical-size-txt {
        text-align: center;
    }

    .features-1-to-4 {
        width: 19rem;
    }

}