.blog-listing__inner{padding:50px 0 100px}.blog-listing__inner--border{border-bottom:5px solid var(--steel-grey-30)}.blog-listing__items{display:grid;gap:50px;grid-template-columns:repeat(3,minmax(0,1fr))}.blog-listing__link{transition:box-shadow .25s ease}.blog-listing__link:hover{box-shadow:0 0 40px 0 #7a9ab780}.blog-listing__thumbnail{aspect-ratio:402/254;max-height:254px}.blog-listing__thumbnail--video:after{content:url(https://6863934.fs1.hubspotusercontent-na1.net/hubfs/6863934/zai01/assets/icons/play-button.svg);left:50%;line-height:1px;position:absolute;top:50%;translate:-50% -50%}.blog-listing__meta{border-bottom:1px solid var(--steel-grey-50);border-left:1px solid var(--steel-grey-50);border-right:1px solid var(--steel-grey-50);transition:border .25s ease}.blog-listing__link:hover .blog-listing__meta{border-color:transparent}.blog-listing__date{padding-left:35px}.blog-listing__date:before{content:url(https://6863934.fs1.hubspotusercontent-na1.net/hubfs/6863934/zai01/assets/icons/gradient-calendar-icon.png);left:0;line-height:1px;position:absolute;top:1px}.blog-listing__pagination{column-gap:20px}.blog-listing__pagination-pages{column-gap:5px}.blog-listing__pagination-link{color:var(--text-grey);font-size:18px;font-weight:700;height:40px;letter-spacing:0;line-height:24px;transition:color .25s ease,background-color .25s ease;width:40px}.blog-listing__pagination-link--active,.blog-listing__pagination-link:hover{background-color:var(--purple);color:var(--white)}.blog-listing__pagination-link:after{bottom:0;content:"";height:10px;left:0;position:absolute;right:0;transition:background-color .25s ease;z-index:-1}.blog-listing__pagination-link--active:after,.blog-listing__pagination-link:hover:after{background-color:var(--sea-blue)}.blog-listing__pagination-arrow{background-color:var(--white);border:1px solid var(--steel-grey-50);height:40px;transition:background-color .25s ease;width:40px}.blog-listing__pagination-arrow:not(.blog-listing__pagination-arrow--disabled):hover{background-color:var(--steel-grey-10)}.blog-listing__pagination-arrow--disabled{cursor:not-allowed;opacity:50%}.blog-listing__pagination-link--next,.blog-listing__pagination-link--prev{box-shadow:0 0 10px 0 rgba(0,0,0,.14);height:28px;width:28px}@media only screen and (max-width:991px){.blog-listing__items{grid-template-columns:repeat(2,minmax(0,auto))}}@media only screen and (max-width:767px){.blog-listing__inner{padding:32px 0 50px}.blog-listing__items{gap:34px;grid-template-columns:repeat(1,minmax(0,auto))}}@media only screen and (max-width:575px){.popular-posts__thumbnail{aspect-ratio:356/254}}