.container {
    /* max-width: 1280px; */
    margin: 0 auto;
}

.grid-box {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 40px;
    padding-inline: 40px;
}

@media (max-width: 1024px) {
    .grid-box {
        grid-template-columns: repeat(8, 1fr);
        column-gap: 24px;
        padding-inline: 30px;
    }
}
@media (max-width: 767px) {
    .grid-box {
        grid-template-columns: repeat(4, 1fr);
        column-gap: 16px;
        padding-inline: 16px;
    }
}