.highlights .container{
    text-align: center;
    padding-bottom: 125px;
}

.highlights .highlights-title{
    background: var(--primary-color);
    display: inline-block;
    font-size: 36px;
    margin: 0 auto;
    padding: 10px 0px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    margin-bottom: 120px;
    margin-top: -35px;
    width: 80%;
}
.highlights .highlights-title strong{    
    font-weight: 800;
}

.highlights {
    background: var(--second-color);
}

.highlight-img {
    width: 140px;
    border: 7px solid var(--primary-color);
    height: 140px;
    background: #FFFFFF;
    border-radius: 100%;
    margin-bottom: 30px;
}
.highlights ul{
    clear: both;
    display: flex;
    width: 100%;
}

.highlights li {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding-top: 10px;
    color: var(--primary-color);
    font-size: 18.8px;
    font-weight: 600;
    align-items: center;
    flex-wrap: wrap;
}

/*conteiner-content*/

.container-title {
    height: 80px;
    background: url('../img/background-content.png') no-repeat center;
    background-size: 100%;
}

.highlights-video {
    font-size: 36px;
    color: var(--primary-color);
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 144px;
}

.container iframe{
    margin-top: 39px;
    width: 944.75px;
    height: 533px;
}

@media (max-width: 992px){

    
    .highlights ul{
        flex-wrap: wrap;
    }

    .highlights li{
        width: 33.3%;
        margin-bottom: 30px;
    }

    .container iframe{
        margin-top: 39px;
        width: 75%;
        height: 400px;
    }

    .container-title {
        height: 49px;
        margin-bottom: 100px;
        background-size: 120%;
    }

    .highlights-video {
        font-size: 25px;
        margin-top: 70px;
    }

    .highlight-img {
        width: 110px;
        height: 110px;
        margin-bottom: 20px;
    }
}

@media (max-width: 762px){
    
    
    .highlights ul{
        flex-wrap: wrap;
    }

    .highlights li{
        width: 50%;
        margin-bottom: 20px;
    }

    .container iframe{
        margin-top: 39px;
        width: 95%;
        height: 300px;
    }

    .container-title {
        height: 49px;
        margin-bottom: 60px;
        background-size: 150%;
    }

    .highlights-video {
        font-size: 22px;
        margin-top: 20px;
    }

    .highlight-img {
        width: 110px;
        height: 110px;
        margin-bottom: 20px;
    }
}

@media (max-width: 400px){
    .highlights ul{
        flex-wrap: wrap;
    }

    .highlights li{
        width: 100%;
        margin-bottom: 30px;
    }
}