/* START COLUMNS.SCSS */
.columns {
    margin: 96px auto;
}

@media (max-width: 1024px) {
    .columns {
        margin: 56px auto;
    }
}

.columns__title {
    text-align: center;
    margin-bottom: 56px;
}

.columns__title h2 {
    margin-bottom: 16px;
}

.columns ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 45px;
}

@media (max-width: 1024px) {
    .columns ul {
        gap: 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.columns ul li {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

.columns ul li h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
}

.columns ul li img {
    max-height: 32px;
    margin-bottom: 19px;
}

/* END COLUMNS.SCSS */