.banner{
    width: 100%;
    min-height: 290px;
    padding-top: 115px;
    padding-bottom: 50px;
    overflow: hidden;
    position: relative;
    background-image: url(../imagens/quem-somos/bg1.png), url(../imagens/quem-somos/bg2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: right bottom, left top;
    background-size: auto;
    justify-content: center;
}	
.banner .container{
    align-items: center;
    justify-content: space-between;
}
.banner p{
    max-width: 470px;
    width: 100%;
}		


.conteudo-1{
    width: 100%;
}
.conteudo-1 .container{
    gap: 70px;
}
.conteudo-1 .div{
    width: 100%;
    height: 1px;
    background-color: #00000033;
}
.conteudo-1 .historia,
.conteudo-1 .grupo{
    width: 100%;
    gap: 40px;
}
.conteudo-1 .historia .img,
.conteudo-1 .grupo .img{
    max-width: 670px;
    width: 100%;
}
.conteudo-1 .historia .img img,
.conteudo-1 .grupo .img img{
    width: 100%;
    object-fit: contain;
    border-radius: 10px;
}
.conteudo-1 .historia .texto,
.conteudo-1 .grupo .texto{
    max-width: 600px;
    width: 100%;
    justify-content: center;
    gap: 25px;
}
.conteudo-1 .grupo .texto .imgs{
    width: 100%;
    gap: 15px;
}
.conteudo-1 .grupo .texto .imgs span{
    width: calc(100% - 80% - 12px);
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 0.8;
    border: 1px solid #00000033;
    border-radius: 10px;
}
.conteudo-1 .grupo .texto .imgs span img{
    max-width: 80%;
    max-height: 80%;
    width: fit-content;
    height: fit-content;
    object-fit: contain;
}


.ideais{
    width: 100%;
    position: relative;
    padding: 60px 0;
}
.ideais::before{
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 330px;
    background-image: url(../imagens/quem-somos/bg3.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.ideais .container{
    gap: 50px;
    position: relative;
    z-index: 10;
}
.ideais .titulo{
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.ideais .titulo p{
    max-width: 336px;
    width: 100%;
}
.ideais .ideais-box{
    width: 100%;
    justify-content: center;
    gap: 20px;
}
.ideais .ideais-box .box{
    max-width: 426px;
    width: 100%;
    padding: 40px;
    background-color: #fff;
    border: 1px solid #00000033;
    border-radius: 10px;
    gap: 20px;
}
.ideais .ideais-box .box .topo{
    gap: 15px;
    align-items: center;
}


.conteudo-2{
    width: 100%;
}
.conteudo-2 .container{
    gap: 100px;
}
.conteudo-2 .infra{
    width: 100%;
    gap: 40px;
}
.conteudo-2 .infra .img{
    max-width: 670px;
    width: 100%;
}
.conteudo-2 .infra .img img{
    width: 100%;
    object-fit: contain;
    border-radius: 10px;
}
.conteudo-2 .infra .texto,
.conteudo-2 .selos .texto{
    max-width: 600px;
    width: 100%;
    justify-content: center;
    gap: 25px;
}
.conteudo-2 .infra .texto .imgs{
    width: 100%;
    gap: 15px;
}
.conteudo-2 .infra .texto .imgs .icon{
    width: calc(100% - 75% - 12px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #00000033;
    border-radius: 10px;
    gap: 10px;
    padding: 15px;
}
.conteudo-2 .infra .texto .imgs .icon img{
    max-width: 80%;
    max-height: 80%;
    width: fit-content;
    height: fit-content;
    object-fit: contain;
}
.conteudo-2 .infra .texto .imgs .icon p{
    line-height: 1.1;
}
.conteudo-2 .selos{
    width: 100%;
    gap: 40px 75px;
}
.conteudo-2 .selos .img{
    max-width: 657px;
    width: 100%;
    gap: 20px;
}
.conteudo-2 .selos .img span{
    width: calc(100% - 66% - 12px);
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    border: 1px solid #00000033;
    border-radius: 10px;
}
.conteudo-2 .selos .img span img{
    max-width: 80%;
    max-height: 80%;
    width: fit-content;
    height: fit-content;
    object-fit: contain;
}


/* MEDIA DESKTOP */
@media screen and (max-width: 1600px){

}

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

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

}

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

@media screen and (max-width: 1100px){
    .conteudo-1 .historia, .conteudo-1 .grupo{
        flex-direction: column;
        align-items: center;
    }
    .conteudo-1 .historia .texto, .conteudo-1 .grupo .texto{
        order: 0;
    }
    .conteudo-1 .historia .img, .conteudo-1 .grupo .img{
        order: 1;
    }

    .conteudo-2 .infra,
    .conteudo-2 .selos{
        flex-direction: column;
        align-items: center;
    }
    .conteudo-2 .infra .texto,
    .conteudo-2 .selos .texto{
        order: 0;
    }
    .conteudo-2 .infra .img,
    .conteudo-2 .selos .img{
        order: 1;
    }
}

/* MOBILE */
@media screen and (max-width: 1000px){
    .banner .container{
        flex-direction: column;
        text-align: center;
    }

    .conteudo-2{
        padding: 0 0 50px;
    }
    .conteudo-2 .container{
        gap: 50px;
    }

    .ideais .ideais-box{
        flex-wrap: wrap;
    }
    .ideais .ideais-box .box{
        max-width: calc(100% - 50% - 10px);
    }
}

@media screen and (max-width: 800px){
    .ideais .titulo{
        flex-direction: column;
        text-align: center;
    }

}

@media screen and (max-width: 600px){
    .conteudo-1 .grupo .texto .imgs span{
        width: calc(100% - 75% - 14px);
    }

    .conteudo-2 .infra .texto .imgs{
        justify-content: center;
    }
    .conteudo-2 .infra .texto .imgs .icon{
        width: 150px;
    }

    .ideais .ideais-box .box{
        max-width: 350px;
    }
}

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

}

@media screen and (max-width: 400px){
    .conteudo-1 .grupo .texto .imgs span{
        width: calc(100% - 66% - 14px);
    }
}

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

}