.blog-listing .listing{display:grid;gap:64px;grid-template-columns:repeat(3,1fr)}.post-image{border-radius:24px;display:flex;position:relative;transition:all .3s ease;-webkit-transition:all .3s ease}.post-image-icon{bottom:24px;display:flex;opacity:0;position:absolute;right:24px;transition:opacity .6s ease;-webkit-transition:opacity .6s ease}.blog-listing h2{margin-bottom:64px}.blog-listing .listing img{aspect-ratio:490/368;border-radius:24px;object-fit:cover}.blog-listing .listing .post>div{display:flex;flex-direction:column;gap:12px;margin-top:20px;padding:0 16px}.blog-listing .post .date-readtime{display:flex;gap:8px}.blog-listing .post .date-readtime span{color:#535862;font-size:16px;font-weight:400;letter-spacing:0;line-height:100%}.blog-listing .post .date-readtime p{color:#535862;font-size:14px;font-weight:400;letter-spacing:0;line-height:150%}.blog-listing .listing .post .title a{color:#373555;font-family:inherit;font-size:18px;font-weight:500;letter-spacing:0;line-height:150%;text-decoration:none}.blog-listing .post{position:relative}.blog-listing .post .title,.blog-listing .post .title a{font-size:18px;line-height:1.5;margin-bottom:0}.blog-listing .post:hover .title a{color:#46378b}.blog-listing .post:hover .post-image{box-shadow:0 0 0 8px rgba(110,86,209,.5);transform:scale(1.05)}.blog-listing .post:hover .post-image .post-image-icon{opacity:1}.blog-listing .listing .post .post-tags{color:#535862;font-size:14px;font-weight:500;letter-spacing:0;line-height:150%}.blog-listing .blog-pagination{display:flex;gap:14px;justify-content:center;list-style:none;margin:64px auto 0}.blog-listing .blog-pagination .blog-pagination__link--active{border:1px solid #6e56d1;color:#6e56d1}.blog-listing .blog-pagination a{align-items:center;border-radius:12px;color:#535862;display:flex;font-size:16px;font-weight:600;gap:8px;height:36px;justify-content:center;letter-spacing:0;line-height:125%;text-align:center;text-decoration:none;vertical-align:middle;width:36px}.blog-listing .blog-pagination a svg{overflow:visible}.blog-pagination__prev-link{margin-right:40px}.blog-pagination__next-link{margin-left:40px}.blog-pagination__next-link,.blog-pagination__prev-link{color:#6e56d1!important;font-family:Bossa,sans-serif;font-size:15px;font-weight:500}@media (max-width:1200px){.blog-listing .listing{gap:48px;grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-listing .listing{gap:40px;grid-template-columns:repeat(1,1fr)}}.blog-listing .listing .post>div{margin-top:24px}