.columns {
    text-align: center;
}

.columns__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 295px;
    gap: 40px;

    @media (max-width: 1200px) {
        gap: 30px 15px;
    }
}

.columns__item {
    display: flex;
    justify-content: center;

    @media (min-width: 1200px) {
        margin: 0 -15px;
    }

    .columns__wrapper {
        text-align: left;
        background: var(--white);
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: start;
        padding: 25px;

        @media (min-width: 768px) {
            width: 295px;
        }

        &:not([data-color='#ffffff']) {

            h2,
            h3,
            h4,
            h5,
            h6,
            p,
            li,
            span {
                color: var(--white);
            }
        }

        .column_title {
            font-weight: var(--bold);
            text-transform: uppercase;
        }

        p:not(.column_title) {
            font-weight: var(--light);
            font-size: 14px;
            line-height: 24px;
            opacity: 0.66;
        }

        .columns__icon {
            display: flex;
            justify-content: start;
            margin-bottom: 10px;
            min-height: 40px;
        }
    }
}