.columns_container {
    display:flex;
    gap:40px;
}
.columns_container > * {
    position:relative;
    width:100%;
}
@media (max-width:1024px) {
    .columns_container[data-columns="2"] {
        flex-flow:wrap;
        gap:40px;
    }
}
@media (max-width:768px) {
    .columns_container[data-columns="2"] {
        gap:20px;
    }
}
@media (max-width:960px) {
    .columns_container[data-columns="4"],
    .columns_container[data-columns="3"] {
        flex-flow:wrap;
        gap:40px;
    }
    .columns_container[data-columns="4"] > *,
    .columns_container[data-columns="3"] > * {
        width:calc(50% - 20px);
    }
}
@media (max-width:960px) and (max-width:768px) {
    .columns_container[data-columns="4"] > *,
    .columns_container[data-columns="3"] > * {
        width:100%;
    }
}
@media (max-width:960px) and (max-width:768px) {
    .columns_container[data-columns="4"],
    .columns_container[data-columns="3"] {
        gap:20px;
    }
}
.columns_container.justify-center > * {
    justify-content:center;
    flex-flow:wrap;
    display:flex;
}
.columns_container.grid_3 {
    justify-content:center;
    flex-flow:row wrap;
}
.columns_container.grid_3 > * {
    width:calc(100% / 3 - 28px);
}
@media (max-width:1024px) {
    .columns_container.grid_3 > * {
        width:calc(100% / 2 - 28px);
    }
}
@media (max-width:640px) {
    .columns_container.grid_3 > * {
        width:100%;
    }
}
.columns_container section .content_group .content_wrap {
    width:auto;
}