.blog-articles{padding-top:60px;margin-bottom:100px}.blog-articles__title{text-transform:uppercase;font-size:26px;text-align:left;margin-bottom:30px}.blog-articles__list{display:grid;gap:30px;grid-template-columns:repeat(4, 1fr);position:relative}.blog-articles .no-posts{font-weight:400;position:absolute}.blog-articles__item{margin:0 auto}.blog-articles__item a{width:275px}.blog-articles__item img{width:275px;height:275px;object-fit:cover;border-radius:10px}.blog-articles__item header{margin-top:12px;font-weight:400;font-size:17px}@media (max-width:1200px){.blog-articles__list{grid-template-columns:repeat(3, 1fr)}}@media (max-width:992px){.blog-articles__list{grid-template-columns:repeat(2, 1fr);gap:20px}}@media (max-width:729px){.blog-articles__list{grid-template-columns:repeat(1, 1fr)}}.blog-filters{margin-top:60px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:10px}.blog-filters .blog-filter-btn{padding:8px 12px;border:1px solid var(--t-accent-light-rgb);border-radius:8px;margin-right:5px;text-decoration:none;color:var(--t-foreground-primary-rgb);transition:background-color 0.3s, color 0.3s}.blog-filters .blog-filter-btn:hover{background-color:var(--primary-500-rgb);color:#fff}.blog-filters .blog-filter-btn.active{background-color:var(--primary-500-rgb);color:#fff}.pagination-nav .page-numbers{display:inline-block;margin:0 2px;padding:5px 12px 5px;border:1px solid var(--t-accent-light-rgb);color:var(--t-foreground-primary-rgb);transition:background-color 0.3s, color 0.3s;text-decoration:none;border-radius:5px;font-family:"Be Vietnam Pro";font-size:14px;font-weight:400;transition:background-color 0.3s, color 0.3s;max-width:35px;width:35px}.pagination-nav .page-numbers:hover{background-color:var(--primary-500-rgb);color:#fff}.pagination-nav .page-numbers.prev,.pagination-nav .page-numbers.next{border:1px solid var(--t-accent-light-rgb);color:var(--t-foreground-primary-rgb);transition:background-color 0.3s, color 0.3s;max-width:80px;width:80px}.pagination-nav .page-numbers.prev:hover,.pagination-nav .page-numbers.next:hover{background-color:var(--primary-500-rgb);color:#fff}.pagination-nav .page-numbers.current{background-color:var(--primary-500-rgb);color:#fff}.pagination-nav .page-numbers.prev.current,.pagination-nav .page-numbers.next.current{background-color:var(--primary-500-rgb);color:#fff}@media screen and (max-width:480px){.pagination-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.pagination-nav .page-numbers{font-size:12px;padding:4px 8px;width:auto;min-width:30px}.pagination-nav .page-numbers.prev,.pagination-nav .page-numbers.next{font-size:12px;padding:4px 10px;width:auto;min-width:50px}}