.blog-listing-container{display:flex;flex-direction:column;gap:1.5rem}.blog-listing-container .blog-title{color:#101828;font-size:1.5rem;font-weight:600;text-align:center}.blog-listing-container .data-source{display:flex;gap:1.25rem;justify-content:space-between}.blog-listing-container .data-source .filters{border-bottom:1px solid #eaecf0;display:flex;flex:1;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.blog-listing-container .data-source .filters .tag{list-style:none;padding:0 .178rem .5rem}.blog-listing-container .data-source .filters .tag a{color:#667085;font-size:.667rem;font-weight:600;text-wrap:nowrap}.blog-listing-container .data-source .filters .tag.selected,.blog-listing-container .data-source .filters .tag:focus,.blog-listing-container .data-source .filters .tag:hover{border-bottom:2px solid #6a7482}.blog-listing-container .data-source .filters .tag.selected a,.blog-listing-container .data-source .filters .tag:focus a,.blog-listing-container .data-source .filters .tag:hover a{color:#505864}.blog-listing-container .data-source .sorts{align-items:center;align-self:flex-end;display:flex}.blog-listing-container .data-source .sorts select{-webkit-appearance:none!important;background-image:url("https://4300744.fs1.hubspotusercontent-na1.net/hubfs/4300744/Icon%20(1).png");background-position:93% 52%;background-repeat:no-repeat;background-size:12.23px;border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 1px 2px 0 #1018280d;color:#101828;font-size:.667rem;font-weight:500;padding:.5rem .75rem;width:200px}.blog-listing-container .posts{display:flex;flex-wrap:wrap;gap:1rem}.blog-listing-container .posts .post{display:flex;flex:0 0 400px;flex-direction:column;transition:all .25s ease-out}.blog-listing-container .posts .post:hover{box-shadow:0 4px 34px 0 #1018284a}.blog-listing-container .posts .post .image img{height:240px;object-fit:cover;width:100%}.blog-listing-container .posts .post .content{display:flex;flex-direction:column;gap:.75rem;padding:.667rem}.blog-listing-container .posts .post .content .metadata{align-items:center;color:#2e2e2e;display:flex;font-size:.6rem;font-weight:600;gap:4px}.blog-listing-container .posts .post .content .metadata .dot{display:inline-flex}.blog-listing-container .posts .post .content .title-container{display:flex;gap:.25rem;justify-content:space-between}.blog-listing-container .posts .post .content .title-container .title{color:#2e2e2e;font-size:1rem;font-weight:600}.blog-listing-container .posts .post .content .title-container .link{display:flex;padding-top:.5rem}.blog-listing-container .posts .post .content .title-container .link>svg{stroke:#39c2b5}.blog-listing-container .posts .post .content .description{color:#2e2e2e;font-size:.667rem;font-weight:400;margin:0;padding:0}.blog-listing-container .posts .post .content .tags{display:flex;gap:.5rem;margin:0;padding:0}.blog-listing-container .posts .post .content .tags .tag{background-color:#f9f5ff;border:1px solid #e1e9f6;border-radius:9999px;color:#505864;font-size:.6rem;font-weight:500;list-style:none;padding:.083rem .417rem}.blog-listing-container .pagination{align-items:center;align-self:center;color:#344054;display:flex;font-size:.5rem;font-weight:400;justify-content:center}.blog-listing-container .pagination a{border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 1px 2px 0 #1018280d;display:flex;padding:.333rem}.blog-listing-container .pagination .page{flex:1;padding:0 3rem}@media (max-width:477px){.blog-listing-container .posts{flex-direction:column;flex-wrap:nowrap}}@media (max-width:767px){.blog-listing-container .data-source{flex-direction:column;gap:.333rem}.blog-listing-container .data-source .filters{flex-wrap:nowrap;overflow-x:auto}}