@import url(../shared/block/black-banner.css);

.empty-events {
    text-align: center;
}
.content-box__cards:has(.empty-events) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-box__cards  {
    display: grid;
    gap: 40px;
    grid-template-columns: auto minmax(250px, 360px);
}
.content-box__cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
    margin-top: 32px ;
}

.content-box {
    margin-bottom: 60px;
}

@media (max-width:1024px) {
    .content-box__cards {
        grid-template-columns: 1fr 1fr 1fr;

    }
}
@media (max-width:768px) {
    .content-box__cards {
        grid-template-columns: 1fr 1fr;
        gap: 40px 20px;
    }

}
@media (max-width:400px) {
    .content-box__cards {
        grid-template-columns: 1fr;

    }
}