.neo-project-filter {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.neo-project-filter > div {
    width: 100%;
}
.neo-project-filter .neo-grid {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    grid-gap: 20px;
}
.neo-project-filter .neo-header-item {
    padding: 10px;
    cursor: pointer;
    margin-bottom: 0px;
}
.neo-project-filter .neo-header-item.selected {
    text-decoration: underline;
}
.neo-project-filter .neo-header-item:hover {
    text-decoration: underline;
}
.neo-project-filter .neo-grid-item {
    height: 100%;
    width: 100%;
}
.neo-project-filter .neo-grid-item > div {
    height: 100%;
    width: 100%;
}
.neo-project-filter .neo-header-div {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: end;
}
@media (max-width: 767px) {
    .neo-project-filter .neo-header-div {
        justify-content: center;
    }
}