.blog-page .placeholder{aspect-ratio:7/8;width:100%;background-color:#f6f8fe;border-radius:8px}.blog-page .tag{max-width:-moz-max-content;max-width:max-content;padding:4px 24px 8px 24px;color:#616f84;border-color:#d3d8df;font-weight:400;font-size:16px;line-height:24px}.blog-page .tag.active,.blog-page .tag:hover{color:#2463eb;border-color:#2463eb;background-color:rgba(0,0,0,0)}.blog-page .hero-section .post{padding:50px;border-top-left-radius:16px;border-top-right-radius:16px}@media(min-width: 992px){.blog-page .hero-section .post{padding:80px;border-top-left-radius:24px;border-bottom-left-radius:24px;border-top-right-radius:0px}}.blog-page .hero-section img{border-bottom-left-radius:16px;border-bottom-right-radius:16px}@media(min-width: 992px){.blog-page .hero-section img{border-top-right-radius:24px;border-bottom-right-radius:24px;border-bottom-left-radius:0px}}.blog-page .posts-section .posts{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem}@media(min-width: 768px){.blog-page .posts-section .posts{grid-template-columns:repeat(3, 1fr)}}.blog-page .pagination-container{display:flex;justify-content:center}.blog-page .pagination-container .paginations{list-style-type:none;display:inline-flex;align-items:center;gap:2rem}.blog-page .pagination-container .paginations .item.active .page-link{background-color:#2463eb;color:#fff;border-radius:8px;padding:4px 16px 8px 16px}