.filtered-cards {
    padding-top: calc((10px * 2) + 46px + var(--sticky-h-height));
    padding-bottom:100px;
}
.filtered-cards-panel {
    text-align: center;
}
.filtered-cards-intro {
    padding:80px 0 40px 0;
}
.filtered-cards-intro h1 {
    margin-bottom: 24px;
}
.filtered-cards-grid {
    display:grid;
    gap:16px;
    margin:0 auto;
    grid-template-columns: 325px;
    justify-content: center;
}
.filtered-cards-list {
    display:flex;

    justify-content: center;
}
.filter-tabs {
    display:flex;
    flex-direction: row;
    justify-content: center;
    gap:4px;
    padding:40px 0;
}
.filter-tabs button {
    position: relative;
    border-radius: 40px;
    padding:20px 16px;
    color:var(--neutral-k10);
    font-size:18px;
    text-align: center;
}
.filter-tabs button span {
    position: relative
}
.filter-tabs button[aria-selected="false"]{
    border:1px solid var(--neutral-k3);
}
.filter-tabs button[aria-selected="true"]{
    border:2px solid var(--neutral-k10);

}
.filter-tabs button[aria-selected="true"] span:after{
    display:block;
    content: "";
    height:4px;
    width:4px;
    border-radius:50%;
    background-color: var(--neutral-k10);
    transform: translateX(-50%);
    position:absolute;
    opacity:1;
    bottom:-6px;
    left:50%;

}
.filtered-cards-item {
    display: grid;
    grid-template-rows: 1fr 1fr;
    height: 433px;
    width: 325px;
    border-radius: 24px;
    overflow: hidden;
    background-color: var(--neutral-k1);
}
.filtered-cards-item .card-content {
    padding: 40px 24px 34px 24px;
}
.filtered-cards-item .card-content .cta_wrapper {
    padding-top: 24px;
}
.filtered-cards-item .card-title{
    font-size: 24px;
    font-weight: 700;
    text-align: left;
}

@media screen and (min-width:700px){
    .filtered-cards-grid {

        gap:24px;
        grid-template-columns: repeat(2, 325px);
    }
}