/*===================== FIRST SECTION OF WEBSITE ===========================*/

.section-quality {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 5.9895vw;
    background-color:  var(--success-color);
    position: relative;
    /* height: 47vh; */
    
    height: 30vh;
    color: white;
    font-family: var(--font-name);
    font-weight: 700;
    font-size: 2.5vw;
    box-sizing: border-box;
    animation-name: section1_fade_from_bottom;
    animation-duration: 1200ms;
    animation-timing-function: ease-out;
}

/*===================== SECUND SECTION OF WEBSITE ===========================*/

.details-quality {
    margin-bottom: 18vw;
    animation-name: section1_fade_from_bottom;
    animation-duration: 2000ms;
    animation-timing-function: ease-out;
    padding: 0 4em;
    margin-top: 2vw;
}
.details-quality .content {
    display: flex;
    flex-direction: column;
}
.details-quality .content title {
    font-size: 2vw;
    font-weight: 700;
    color: var(--success-color);
    display: block;
    font-family: var(--font-name);
    text-align: center;
    margin-bottom: 2vw;
}
.details-quality .content p,
.details-quality .content-desc *,
.details-quality .content .content-desc {
    font-size: 15px;
    line-height: 3vw;
    font-family: var(--font-name);
    text-align: justify;
    font-weight: 100;
}

@media (max-width:768px) {

    /*  */

    .section-quality {
        margin-top: 19.55vw;
        height: 16vh;
        font-size: 7.5vw;
    }
    .details-quality {
        padding: 1em 2em 0em 2em;
    }
    .details-quality .content title {
        font-size: 4vw;
    }
    .details-quality .content p {
        font-size: 15px;
        line-height: 8vw;
    }

    .section-quality .title {
        font-size: 3vw;
        line-height: 5.56vw;
    }
    
}