.bloglisting-section { padding: 0 0 60px 0; }
.bloglisting-section h4.section-title { margin-bottom: 25px; }
.bloglisting-section .page-center.main { max-width: 1120px; }
.bloglisting-section .section-main-title { text-align: center; margin-bottom: 80px; }
.bloglisting-section .section-main-title h2 { margin: 0; }

.bloglisting-section .blog-row { display: flex; flex-wrap: wrap; gap: 21px;  }
.bloglisting-section .blog-article { width: calc(100% / 3 - 14px); border-radius: 10px; background: var(--greenbg); padding-bottom: 45px; position: relative; border: 1px solid transparent; transition: all .3s ease; }
.bloglisting-section .blog-article:hover { border-color: var(--green); }
.bloglisting-section .blog-article a { text-decoration: none; color: #1e1e1e; }
.bloglisting-section .blogpost-image { height: 226px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; border-radius: 10px 10px 0 0; }
.bloglisting-section .blog-post__content { padding: 17px 17px 0 17px; background: var(--greenbg); border-radius: 0 0 10px 10px; }
.bloglisting-section .blog-post__content .author-text { font-size: 14px; line-height: normal; color: #575757; text-transform: capitalize; }
.bloglisting-section .blog-article .more-link { position: absolute; bottom: 17px; left: 17px; }
.bloglisting-section .bottom-cta { 0; text-align: center; }
.bloglisting-section .bottom-cta a { margin: 40px 0 0; }

@media (max-width: 767px) {
    .bloglisting-section { padding: 0 0 45px 0; }
    .bloglisting-section .blog-article { width: 100%; }
}