.filter-grid-contiainer{display:flex;flex-direction:column;gap:50px}.filters{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;margin-top:12px;max-width:100%;width:auto}.filters h3{color:var(--primary-white);width:100%}.filter-button{width:auto}.filter-button.active{border-bottom:2px solid var(--primary-green)}.filter-button input{display:none}.filter-button label{align-items:center;color:var(--primary-white);cursor:pointer;display:block;font-family:var(--paragragh-font);font-size:16px;font-weight:700;gap:15px;width:100%}.card-content,.card-text,.grid-container{display:flex;flex-direction:column;position:relative;width:100%}.card-content{height:232px;padding:10px}.card-bottom{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:10px;margin-top:auto;width:100%}.card-bottom .arrow-container{display:flex;justify-content:flex-end;width:70px}.filter-grid{display:flex;position:relative;width:100%}.filter-item{height:350px;margin:10px;max-width:350px;position:absolute;width:100%}.popout-card-image{display:flex;height:38%;overflow:hidden}.popout-card-image img{height:100%;object-fit:cover}.card-tags{flex-basis:68%;font-size:12px}.grid-footer{display:flex;justify-content:center;padding:20px;width:100%}.grid-container .popout-card-content .h3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width:1200px){.filter-grid-contiainer{align-items:center;justify-content:center;padding-left:20px;padding-right:20px}}