.blog-listing-section{position:relative}.blog-listing-section .bg-overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.blog-listing-section .blog-post-wrapper{display:flex;flex-wrap:wrap;gap:40px}.blog-listing-section .content-section{margin-bottom:40px;text-align:center}.blog-listing-section .btn-wrap{margin-top:50px;text-align:center}.blog-listing-section .section-inner-wrapper{position:relative;width:100%;z-index:9}.blog-listing-section .tagline,.blog-listing-section .tagline *{display:inline-flex}.blog-listing-section .post-featured-image{display:flex}.blog-listing-section .post-featured-image img{aspect-ratio:311/180;object-fit:cover;width:100%}.blog-listing-section .description,.blog-listing-section .description *{color:#767c8c}.blog-listing-section .blog-post-tags{margin-bottom:16px}.blog-listing-section .author-btn-wrap a,.blog-listing-section .post-title a{text-decoration:none}.blog-listing-section .post-title h5{font-size:22px;font-weight:500;margin-bottom:16px;margin-top:16px}.blog-listing-section span.author__avatar{display:inline-flex}.blog-listing-section a.blog-meta__author{align-items:center;display:flex;gap:10px}.blog-listing-section .author-btn-wrap{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.blog-listing-section .author__avatar img{border-radius:30px}.blog-listing-section a.blog-post-tag{background-color:#f0f1f5;border-radius:20px;display:inline-flex;font-size:12px;line-height:1;margin-right:10px;margin-top:16px;padding:8px 12px;text-decoration:none;text-transform:capitalize}.blog-listing-section .post-content{padding:0 16px 16px}.blog-listing-section .card-image img{aspect-ratio:200/200;object-fit:cover;width:100%}.blog-listing-section .post-item{border:2px solid #d8d8d8;border-radius:16px;box-shadow:0 4px 4px 0 #eee;overflow:hidden;width:calc(33.33% - 27px)}.blog-listing-section a.blog-post-button{align-items:center;display:inline-flex;gap:10px;margin-top:20px}.blog-listing-section a.blog-post-button span{display:inline-flex}.blog-listing-section .card-image{display:flex;justify-content:center;padding:20px 69px}.blog-listing-section .card-title{margin-bottom:20px;padding:16px;text-align:center}.blog-listing-section .card-title *{margin:0}.blog-listing-section .post-button-wrapper a{align-items:flex-start;color:#ffaa17;display:block;gap:8px}.blog-listing-section .post-button-wrapper a span svg{margin-left:8px;vertical-align:middle}.blog-listing-section .post-btn a span svg{height:18px;width:18px}.blog-listing-section .post-btn a span svg path{fill:#fff}.featured-post-banner .post-desc *{font-size:20px;margin-bottom:20px}.featured-post-banner{background-color:var(--primary-color);padding-top:140px}.featured-post-banner .featured-post{align-items:stretch;box-sizing:border-box;display:flex;gap:80px;width:100%}.featured-post-banner .post-featured-image{flex:0 0 55%;max-width:55%}.featured-post-banner .post-content{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.featured-post-banner .post-featured-image img{border-radius:8px;display:block;height:auto;margin-bottom:40px;max-height:500px;object-fit:cover;width:100%}.featured-post-banner a.blog-post-button.button.btn-secondary{align-items:center;display:inline-flex;gap:10px;margin-top:30px}.featured-post-banner .post-content .author-btn-wrap *,.featured-post-banner .post-content .blog-post-tags *,.featured-post-banner .post-content .post-desc *,.featured-post-banner .post-content .post-title *{color:#fff;text-decoration:none}.featured-post-banner a.blog-post-tag{background-color:var(--secondary-color);border-radius:20px;padding:3px 10px;text-transform:capitalize}.featured-post-banner .blog-post-tags{margin-bottom:16px}.featured-post-banner a.blog-post-button svg{fill:#2c2853}@media only screen and (max-width:1280px){.blog-listing-section .post-item{width:calc(50% - 20px)}}@media only screen and (max-width:1140px){.blog-listing-section a.blog-post-tag{padding:8px 16px}}@media (max-width:991px){.featured-post-banner .featured-post{flex-direction:column;gap:20px}.featured-post-banner .post-content,.featured-post-banner .post-featured-image{flex:0 0 100%;max-width:100%}.featured-post-banner .post-featured-image img{height:auto}}@media only screen and (max-width:600px){.blog-listing-section .post-item{width:100%}}@media only screen and (max-width:375px){.blog-listing-section .author-btn-wrap{flex-wrap:wrap;row-gap:20px}}