.blog-listing__heading{display:grid;gap:30px;column-gap:30px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));justify-content:center;justify-items:center;row-gap:30px}.blog-listing__first-blog{grid-area:1/2/2/4;width:100%}.blog-listing__first-blog .blog-card{--image-height:14/6}.blog-listing__grid{display:grid;gap:30px;column-gap:30px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));justify-content:center;justify-items:center;margin-top:30px;row-gap:30px}.blog-filter{background:#fff;padding:30px;width:100%}.blog-filter__list{list-style:none;margin:0;padding:0}.blog-filter__item-link{font-size:2rem;text-decoration:none;transition:all .2s ease-in-out}.blog-filter__item-link--active,.blog-filter__item-link:hover{color:var(--primary)}@media(max-width:1200px){.blog-listing__first-blog{grid-area:auto}.blog-listing__first-blog .blog-card{--image-height:14/9}}@media(max-width:768px){.blog-filter__list{max-height:0;overflow:hidden;transition:all .2s ease-in-out}.blog-filter__list--open{margin-top:20px;max-height:100vh;overflow:auto}.blog-filter h5{border:2px solid var(--secondary);border-radius:100px;color:var(--secondary);cursor:pointer;font-size:1.8rem;margin-bottom:0;padding:10px 34px 10px 20px;position:relative;transition:all .2s ease-in-out}.blog-filter h5:after{border:2px solid;border-bottom:0;border-left:0;bottom:0;content:"";height:8px;position:absolute;right:15px;top:calc(50% - 4px);transform:rotate(45deg);transition:all .2s ease-in-out;width:8px}.blog-filter h5.blog-filter-label--open{background-color:var(--secondary);color:#fff}.blog-filter h5.blog-filter-label--open:after{transform:rotate(135deg)}}