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