.blog-feed{overflow:hidden}.blog-feed .blog-feed-header{display:flex;flex-direction:column;align-items:center;gap:50px}@media screen and (max-width:768px){.blog-feed .blog-feed-header{align-items:flex-start;gap:40px}}.blog-feed .blog-feed-header .blog-feed-heading{margin:-10px 0}@media screen and (max-width:768px){.blog-feed .blog-feed-header .blog-feed-heading{margin:-6px 0}}.blog-feed .blog-feed-header .blog-feed-text{margin:-8px 0}@media screen and (max-width:768px){.blog-feed .blog-feed-header .blog-feed-text{margin:-6px 0}}.blog-feed .blog-feed-filters{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:30px 40px;border-radius:10px;background-color:#f1f1f1;width:100%;margin-bottom:70px}@media screen and (max-width:768px){.blog-feed .blog-feed-filters{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:50px;padding:30px}}.blog-feed .blog-feed-filters .blog-filters-heading{font-size:18px;line-height:22px;margin:0}.blog-feed .blog-feed-filters .blog-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px}@media screen and (max-width:768px){.blog-feed .blog-feed-filters .blog-filters{justify-content:flex-start}}.blog-feed .blog-feed-filters .blog-filters .blog-filter{margin:0;display:flex;align-items:center;padding-left:10px;gap:5px;transition:color .3s,background-color .3s;box-shadow:inset 0 0 0 1px #171717;color:#171717;transition:color .3s,background-color .3s,box-shadow .3s}.blog-feed .blog-feed-filters .blog-filters .blog-filter:hover{box-shadow:inset 0 0 0 1px #171717;background-color:#717782;color:#fff}.blog-feed .blog-feed-filters .blog-filters .blog-filter.active{box-shadow:none;background-color:#171717;color:#fff}.blog-feed .blog-feed-filters .blog-filters .blog-filter.active:hover{background-color:#171717;color:#fff}.blog-feed .article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(max(360px,33% - 20px),100%),1fr));width:100%;gap:50px 30px}