/* Estilo automático para a página: esg */
header {
    background: var(--bord) !important;
}
#esg{
    padding: 80px 0;
    position: relative;

    h2{
        text-align: left;
    }

    .text-esg p{
        color: var(--chumbo, #5D5E58);
        text-align: justify;
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
    }

    &:after{
        background-image: url(../img/efeito-emp-2.png);
        background-size: contain;
        display: inline-block;
        background-repeat: repeat-y;
        width: 70px;
        height: 560px;
        content: "";
        position: absolute;
        top: 20px;
        left: 0;
        z-index: 10;
    }
    &:before{
        background-image: url(../img/efeito-emp-3.png);
        background-size: contain;
        display: inline-block;
        background-repeat: repeat-y;
        width: 70px;
        height: 680px;
        content: "";
        position: absolute;
        bottom: 20px;
        right: 0;
        z-index: 10;
    }
}

@media (max-width: 991.98px) {
    #esg::before,
    #esg::after {
        display: none;

        .efeito-titulo {
            text-align: left;
            margin-bottom: 16px;
        }
    }
    
}