.page-solutions{
    padding: 0;
    text-align: center; /* Centraliza todo o texto na seção */
    margin-bottom: 20px; /* Margem abaixo do parágrafo */

}

.page-solutions h1 {
    font-family: "Montserrat", sans-serif; /* Fonte do título */
    font-stretch: condensed;
    margin-bottom: 20px; /* Espaçamento abaixo do título */
    color: #45C4E6;
}

.page-solutions p {
    font-family: "Roboto", sans-serif; /* Fonte do parágrafo */
    color: #333; /* Cor do texto */
    padding: 0 16%;
    text-align: left;
}

.page-solutions img {
    width: 80%; /* Imagem ocupa 100% da largura da coluna */
    height: auto; /* Altura automática para manter a proporção */
}

.page-solutions-list {
    list-style-type:none; /* Remove os marcadores */
    padding: 0 16%;
    margin: 0;            /* Remove a margem padrão */
    font-size: 16px;
}

.page-solutions-list li {
    text-align: left;     /* Alinha o texto à esquerda */
}

.solution-item {
    display: flex;
    gap: 10px; /* Espaçamento entre as tags */
    justify-content: center; /* Centraliza os itens */
    flex-wrap: wrap; /* Permite quebrar as tags em várias linhas no caso de telas pequenas */
}

.page-solutions-tag {
    color: #22283C;
    background-color: transparent;
    border: 2px solid #22283C;
    padding: 8px 16px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
}

@media (max-width: 768px) {
    .page-solutions h2 {
        font-size: 1.5rem; /* Ajusta o tamanho do título em telas menores */
    }

    .page-solutions-list {
        font-size: 0.9rem; /* Ajusta o tamanho do parágrafo em telas menores */
        padding: 0;
    }
    .page-solutions img {
        width: 80%; /* Imagem ocupa 100% da largura da coluna */
        height: auto; /* Altura automática para manter a proporção */
    }
    .banner-solutions{
        padding: 40px 0;
    }
    .page-solutions-tag {
        font-size: 16px;
    }
}


.page-solutions-button{
    color:#E6F5FF;
    background-color: #22283C;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 20px;
}

.page-solutions-button:hover {
    color:#22283C;
    background-color: transparent;
}

.page-solutions-list-banner{
    list-style-type:none; /* Remove os marcadores */
    font-size: 1.4rem; /* Ajusta o tamanho do parágrafo em telas menores */
    padding: 10px;

}

.vant p{
    padding: 0;
}

.link-solution{
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    color: #45C4E6;
    border: 2px solid #45C4E6;
    border-radius: 5px;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
}

.link-solution:hover{
    color: #22283C;
    border: 2px solid #22283C;
}