.flex-content.filter-cards {
    padding: 6rem 0;
    background-color: var(--bs-light);
}

.flex-content.filter-cards .row {
    --bs-gutter-x: 2rem;
}

.flex-content.filter-cards .card {
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
}

.flex-content.filter-cards .filters .btn {
    --bs-btn-border-radius: 999px;
    --bs-btn-bg: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-white);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-border-color-translucent);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-font-weight: 500;
    --bs-btn-hover-transform: none;
    --bs-btn-padding-x: 1rem;
}

.flex-content.filter-cards .content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1rem;
    flex-direction: column;
}

.flex-content.filter-cards .content .icon-wrap {
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--bs-border-radius);
    background-color: var(--icon-bg, var(--bs-light));
    color: var(--bs-primary);
}
.flex-content.filter-cards .content .icon-wrap svg {
    width: 1.75rem;
    height: 1.75rem;
}


.flex-content.filter-cards .tags {
    border-top: solid 1px #eff2f5;
    padding-top: .75rem;
    margin-bottom: 1rem;
}
.flex-content.filter-cards .tag-group {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}
.flex-content.filter-cards .tag-group .list-inline-item:not(:last-child) {
    margin-right: 0;
}
.flex-content.filter-cards .tags .badge {
    color: var(--bs-body);
    font-weight: 500;
    background-color: var(--bs-light);
    border-top: solid 1px #eff2f5;
    text-transform: uppercase;
}