#problema_solucao {
  overflow-x: hidden;
}
#problema_solucao #solucao-cs{
  background-color: var(--bg-azul);
}

#problema_solucao h2 {
  color: var(--texto-escuro);
}
#problema_solucao p {
  color: var(--paragrafo-escuro);
}

#problema_solucao .infografico p {
  color: var(--paragrafo-escuro);
  font-size: 1.2em;
}

#problema_solucao .infografico i {
  font-size: 5em;
  color: var(--cor-primaria);
}

#problema_solucao .barra {
  width: 100%;
  height: 25px;
  background: #eee;
  border-radius: 5px;
  margin: 10px auto;
}

#problema_solucao .preenchido {
  height: 25px;
  background: var(--cor-primaria);
  border-radius: 5px;
}

#problema_solucao .grafico-crecimento h4 {
  color: var(--texto-escuro);
}

#problema_solucao .grafico-crecimento .center-ul {
  display: flex;
  justify-content: center;
}

#problema_solucao .grafico-crecimento ul {
  padding-left: 10px;
}

#problema_solucao .grafico-crecimento ul li {
  list-style: none;
  color: var(--paragrafo-escuro);
}

#problema_solucao .grafico-crecimento ul li span {
  font-size: 1.1em;
  background-color: var(--cor-primaria) !important;
}


#problema_solucao .grafico-crecimento a {
  background-color: var(--bg-btn);
  color: var(--texto-claro);
  font-weight: 500;
  border-radius: 25px;
  padding: 7px 15%;
}
#problema_solucao .grafico-crecimento a:hover{
  background-color: var(--bg-btn-hover);
}


@media (min-width: 1024px) {}