main .piece.cards-icon .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: var(--gutter-width);
}

main .piece.cards-icon .wrapper > p {
    max-width: 520px;
    text-align: center;
    margin-top: var(--spacing-200);
}

main .piece.cards-icon .cards {
    display: flex;
    width: 100%;
    justify-content: center;
    max-width: var(--gutter-width);
    list-style-type: none;
    padding: var(--spacing-600) 0;
    gap: var(--spacing-600);
}

main .piece.cards-icon .card {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-200);
}

main .piece.cards-icon .card h3 {
    text-transform: capitalize;
}


main .piece.cards-icon .card img {
    width: 55px;
}

main .piece.cards-icon .card p {
    width: min(100%, 400px);
}

@media (max-width: 600px) {
    main .piece.cards-icon h2 {
        text-align: center;
    }
    main .piece.cards-icon .cards {
        flex-wrap: wrap;
        gap: var(--spacing-400);
    }
}