.card-container{column-gap:2rem;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(14,1fr);height:900px}.card-container .card-container a{all:unset}.card-container .card{background-color:grey;border-radius:2rem 2rem 0 2rem;cursor:pointer;padding:20px;position:relative}.card-container a{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.card-container .btn-circle:after{padding-left:4rem}.card-container .card.col-1,.card-container .card.col-2,.card-container .card.col-3{background-position:50%;background-size:cover}.card-container .col-1{grid-column:1/span 2;grid-row:1/span 12}.card-container .col-1+.content{grid-column:1/span 2;grid-row:13/span 1}.card-container .col-2{grid-column:3/span 2;grid-row:3/span 10}.card-container .col-2+.content{grid-column:3/span 2;grid-row:13/span 1}.card-container .col-3{grid-column:5/span 2;grid-row:7/span 6}.card-container .col-3+.content{grid-column:5/span 2;grid-row:13/span 1}.card-container .slider-button{background-color:#333;border:none;border-radius:2rem}.card-container .title-container{align-items:center;display:flex;gap:2rem;position:relative}.card-container .top-text-container{grid-column:4/span 2}.card-container .btn-circle{background-color:#191919;border-radius:100%;height:5px;padding:20px;position:relative;width:5px}.card-container .btn-circle:after{content:url(https://2015084.fs1.hubspotusercontent-na1.net/hubfs/2015084/arrow-long-right-white.svg);position:absolute;right:12px;top:6px}.card-container .filters{display:flex;flex-wrap:wrap;gap:1rem}.card-container .filters .filter{background-color:#dcdcdc;border-radius:2rem;font-size:12px;min-width:60px;padding:0 10px;text-align:center}.card-container .slider-button:after{content:url(https://2015084.fs1.hubspotusercontent-na1.net/hubfs/2015084/arrow-long-right-white.svg);padding-left:4rem}.card-container .card:hover:before{background-color:rgba(0,0,0,.4);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.card-container .title p{color:#fff;font-size:28px;margin-bottom:0;padding-bottom:10px;padding-top:35px}.card-container .title-container .text span{color:#fff}.card-container p.text{color:#fff;font-family:Lexend Light;font-size:14px;font-weight:100;line-height:25px}.card-container h2{margin:0}.card-container .title-container h2{color:#fff;padding-bottom:8px}@media (max-width:700px){.card-container{display:flex;flex-direction:column-reverse;gap:2rem;height:1500px}.card-container .card{height:600px}}