.recent-blog-posts { padding: 48px 0; }
.recent-blog-posts .page-center { max-width: 1192px; }
.recent-blog-posts .top-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 40px; gap: 16px; }
.recent-blog-posts .top-row * { margin: 0; }
.recent-blog-posts__list { display: flex; flex-wrap: wrap; gap: 24px; }
.recent-blog-posts__post { width: calc(100% / 4 - 18px); background: #FFF; border: 1px solid #BCAFFF; border-radius: 4px; }
.recent-blog-posts__post-image-wrapper { border-radius: 4px 4px 0 0; width: 100%; height: 150px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; }
.recent-blog-posts__content { padding: 16px; float: left; width: 100%; background: #FFF; border-radius: 0 0 4px 4px; }
.recent-blog-posts__content p:not(.recent-blog-posts__title) { margin: 0; }
.recent-blog-posts__title { margin-top: 8px; margin-bottom: 8px; display: block; float: left; width: 100%; font-weight: 600;}
.recent-blog-posts__content .card-top { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.recent-blog-posts__content .publish-date { margin-bottom: 8px; font-size: 14px; line-height: 17px; color: #7851A9; }

@media (max-width: 949px) {
  .recent-blog-posts__post { width: calc(100% / 2 - 12px);
}
  
@media (max-width: 767px) {
  .recent-blog-posts { padding: 32px 0; }
  
}
  
  @media (max-width: 599px) {
    .recent-blog-posts__post { width: 100%; }
    .recent-blog-posts .top-row { flex-direction: column; align-items: flex-start; margin-bottom: 24px; }
}