.onde-utilizar {padding: 0 0 93px;}
.onde-utilizar .conteudo {display: flex; flex-direction: column; gap: 37px;}
.onde-utilizar .conteudo .textos {display: flex; flex-direction: column; gap: 31px; align-items: center;}
.onde-utilizar .conteudo .textos .titulo {font: 400 36px/1.3 Baloo; color: var(--preto); text-align: center;}
.onde-utilizar .conteudo .textos .titulo em {color: var(--rosa); font-style: normal;}
.onde-utilizar .conteudo .textos .texto {font: 300 15px/2 Roboto; color: var(--preto); text-align: center;}
.onde-utilizar .conteudo .topicos {display: flex; flex-wrap: wrap; gap: 71px 30px; justify-content: center;}
.onde-utilizar .conteudo .topicos .topico {display: flex; flex-direction: column; flex: 0 0 100%; max-width: 202px; align-items: center; gap: 10px;}
.onde-utilizar .conteudo .topicos .topico .icon {width: 59px; height: 44px;}
.onde-utilizar .conteudo .topicos .topico .icon img {object-fit: contain; height: 100%; width: 100%; filter: invert(1) sepia(1) hue-rotate(-276deg) saturate(224) invert(1) brightness(0.7);}
.onde-utilizar .conteudo .topicos .topico .nome {font: 400 22px/1.1 Baloo; color: var(--preto); text-align: center; max-width: 161px;}

@media (max-width: 990px) {
    .onde-utilizar {padding: 0 0 25px;}
    .onde-utilizar .conteudo {gap: 20px;}
    .onde-utilizar .conteudo .textos .titulo {font-size: 28px;}
    .onde-utilizar .conteudo .textos .texto {text-align: justify; text-justify: inter-word; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;}
    .onde-utilizar .conteudo .textos {gap: 15px;}
    .onde-utilizar .conteudo .topicos {gap: 30px 25px;}
    .onde-utilizar .conteudo .topicos .topico {max-width: 160px;}
    .onde-utilizar .conteudo .topicos .topico .nome {font-size: 18px;}
}