.blog-listing-hero{align-items:center;background-color:var(--white);border-radius:10px;box-shadow:0 18px 42px 0 rgba(119,112,140,.1);display:flex;gap:30px;justify-content:space-between;margin:0 auto;max-width:1180px;padding:0 20px}.hero-text{display:flex;justify-content:center;width:50%}.blog-listing-hero .hero-text-container{max-width:400px;width:100%}.blog-listing-hero .the-trendy-post{border-radius:.5rem;padding:4.5rem 3.8rem 4.5rem 0;width:50%}.single-post-layout{align-items:center;display:flex;flex-direction:column;gap:24px}.single-post-layout .post-content,.single-post-layout .post-image{max-width:450px;width:100%}.single-post-layout .post-content{display:flex;flex-direction:column}.double-post-layout{display:flex;gap:24px}.double-post-layout .post-item{display:flex;flex-direction:column;gap:12px;width:50%}.double-post-layout .post-image,.single-post-layout .post-image{aspect-ratio:16/9;overflow:hidden;width:100%}.double-post-layout .post-image img,.single-post-layout .post-image img{aspect-ratio:16/9;border-radius:8px;display:block;height:auto;object-fit:cover;transition:transform .3s ease;width:100%}.double-post-layout img:hover,.single-post-layout img:hover{transform:scale(1.05)}.meta-container a,.meta-container p,.meta-container span{color:var(--Purple-Main,#7a52ff);font-size:.9rem;font-size:.85rem;font-weight:400;margin-bottom:.5rem;text-decoration:none}.meta-container a:hover{text-decoration:underline}a:has(.post-title){text-decoration:none}a:has(.post-title):hover{text-decoration:none}a:has(.post-title) h2{transition:color .25s ease-out}a:has(.post-title):hover h2{color:var(--purple-main)}.post-title{line-height:1.3;margin-bottom:.5rem;margin-top:0;text-decoration:none}@media only screen and (max-width:768px){.blog-listing-hero{flex-direction:column;padding:4rem 1.5rem}.blog-listing-hero .hero-text,.blog-listing-hero .hero-text-container,.blog-listing-hero .the-trendy-post{width:100%}.blog-listing-hero .the-trendy-post{padding:0}.blog-listing-hero .the-trendy-post .post-content{max-width:100%}.double-post-layout,.single-post-layout{flex-direction:column;gap:32px}.double-post-layout .post-item,.single-post-layout .post-content,.single-post-layout .post-image{width:100%}}