/* ============================ Box de imagens ========================== */
.solutions {
    width: 100%;
    height: auto;

    max-width: var(--max-width);

    padding: var(--padding);

    display: flex;
    flex-wrap: wrap;

    justify-content: center;

    gap: 32px;
}

.solution {
    width: 320px;
    height: auto;

    padding: 32px;

    display: flex;
    flex-direction: column;

    align-items: center;

    gap: 20px;

    text-align: center;

    box-shadow: var(--box-shadow)
}

.solution h3 {
    height: 64px;

    font-size: 22px;
    color: var(--blue-light-color);

}

.solution img {
    max-width: 100%;
    max-height: 150px;
}

.solution p {
    text-align: justify;
}

@media screen and (max-width: 765px) {
    .solutions {
        display: flex;
        flex-wrap: wrap;
    }
}