/* Ajustes gerais */
.steps-number .step h3 {
    margin-right: 7px !important;
}

.step01 {
    margin-right: 9%;
}

.step02 {
    margin-left: -9% !important;
}

.step-text {
    margin-top: 3.5rem; 
    margin-bottom: 1rem; 
    font-size: 1.7rem;
}

.fundo {
    background-color: black;
    padding-bottom: 10%;
}

.titulo2 {
    padding-bottom: 4%;
}

.text-white {
    color: white;
}

.icon-circle {
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.topic {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
    margin-left: 20%;
}

.img-container {
    margin-top: 10px;
}

/* celular */
@media only screen and (max-width: 766px) {
    .step02 {
        margin-left: 0% !important;
    }
    .font-size-15 {
        font-size: 0.8rem;
    }

    .titulo2 {
        font-size: 0.9rem;
        margin-left: 10px;
        margin-right: 10px;
    }

    .icon-circle {
        height: 10px;
        width: 10px;
        margin-right: 5px;
        margin-left: auto;
    }

    .impactos-text {
        padding-bottom: 10%;
width: 100% !important;
    }

   
    .impact-section .estrutura-impacto {
        flex-direction: column;
        align-items: center;
    }

    .impact-section .col-md-3 {
        width: 100%;
        text-align: center;
    }

    .impact-section .col-md-8 {
        width: 100%;
        text-align: center;
    }

    .impact-section .impact-image-container {
        width: 100%;
        margin-bottom: 10px;
    }

    .impact-section .impact-image {
        width: 100%;
        max-width: none;
    }
}


@media only screen and (min-width: 766px) and (max-width: 768px) {
.impactos-text{
    width: 110% !important;
   
}
.impact-image {
    width: 250% !important;
}

}

/* tablets */
@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .step02 {
        margin-left: 0% !important;
    }
    .topic {
        flex-basis: 100%;
        margin-left: 15%;
    }

    .font-size-15 {
        font-size: 1.1rem;
    }

    .titulo2 {
        font-size: 1.4rem;
    }

    .impact-image {
        width: 150% !important;
    }
.impactos-text{
    width: 250% !important;
    margin-bottom: 60% !important;
}
.impact-title{
    padding-bottom: 20%!important;
}
    .estruturaIMG {
       
        align-items: center;
        justify-content: center;
        margin-left: 20%;
      
    }

    .col-md-5 {
        margin-bottom: 5px!important;
    }

    .estruturaIMG .row {
        display: flex;
        flex-direction: column;
  
       
    }

}

/* Impacto Ambiental */
.impact-section {
    padding: 10%;
    background-color: black;
    margin-bottom: 5%;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.impactos-text {
    text-align: justify;
    text-justify: inter-word;
    width: 150%;
    padding-bottom: 20%;
}

.impact-title {
   
    white-space: nowrap;
    padding-bottom: 10%;
}

.topic-title {
    margin-bottom: 5%;
    white-space: nowrap;
}

.item-icon {
    width: 20px;
    height: 20px;
}

.item-title {
    font-weight: 500;
}

.impact-image {
    border-radius: 2%;
    width: 100%;

    margin-left: 0% !important;
    margin-bottom: 10%;
    cursor: pointer;
}

.estruturaIMG {
    display: flex;
    align-items: center;
    justify-content: center;
}

.estrutura-impacto {
    display: flex;
}