/**
 * Layout: bullet_section
 *
 * Enqueued automatically when a page has a `bullet_section` row
 * in designer_page_sections. Depends on the `designer-base` handle.
 */

/* bullets section */
.bullet-section .section-header {
    margin-bottom: 40px;
}

.bullet-section__columns {
    display: flex;
    gap: 24px;
}

.bullet-section__left,
.bullet-section__right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.bullet-section__column {
    display: flex;
    gap: 24px;
    border-radius: 16px;
    padding: 16px 20px;
}

.bullet-section__column-title {
    width: 200px;
}

.bullet-section__list {
    display: flex;
    flex-direction: column;
    gap: 16px;

    padding-left: 20px;
    margin: 0;
}

@media(max-width:821px) {
    .bullet-section__columns {
        flex-direction: column;
    }
}