.blog-feed-banner{background:#fff;background:var(--color-white);flex-direction:column;align-items:center;display:flex;padding-top:4rem!important;padding-bottom:4rem!important}.blog-feed-banner.bg-a{background:#f5f1e9;background:var(--color-bg-a)}.blog-feed-banner.bg-b{background:#f9f7f5;background:var(--color-bg-b)}.blog-feed-banner.bg-c{background:#504941;background:var(--color-bg-c)}.blog-feed-banner.bg-d{background:#282d4e;background:var(--color-bg-d)}:is(.blog-feed-banner.bg-c,.blog-feed-banner.bg-d) h2{color:var(--color-white)}:is(.blog-feed-banner.bg-c,.blog-feed-banner.bg-d) .button{background-color:#fff;background-color:var(--color-white);color:var(--color-primary);outline-color:#fff;outline-color:var(--color-white)}:is(.blog-feed-banner.bg-c,.blog-feed-banner.bg-d) .secondary-button{border-color:#fff;border-color:var(--color-white)}.blog-feed-banner>.container{content:initial;flex-wrap:wrap;justify-content:space-evenly;width:100%;padding:20px;display:flex}.blog-feed-banner .blog-article{border-radius:8px;flex-direction:column;width:100%;margin-bottom:2rem;display:flex;overflow:hidden}@media (min-width:768px){.blog-feed-banner .blog-article{width:31%;margin:0 1rem 1rem 0}}@media (min-width:1024px){.blog-feed-banner .blog-article{width:32%;margin:0 1rem 1rem 0}}.blog-feed-banner .blog-details{background-color:#fff;background-color:var(--color-white);border:1px solid #e2e1e1;border:1px solid var(--color-nuetral-a);border-bottom-right-radius:8px;border-bottom-left-radius:8px;flex-direction:column;flex:1;padding:2.4rem 3.2rem;display:flex}.blog-feed-banner .blog-details.no-image{border-top-left-radius:8px;border-top-right-radius:8px}.blog-feed-banner .blog-article-title{font-size:2.4rem;font-weight:700;line-height:3.6rem;text-decoration:none}.blog-feed-banner .blog-article-title:hover{text-decoration:underline}.blog-feed-banner .blog-article-description{color:var(--color-secondary);text-overflow:ellipsis;max-height:50px;margin-bottom:1.6rem;font-size:1.6rem;font-weight:400;line-height:2.4rem;overflow:hidden}.blog-feed-banner .blog-article-description p{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-feed-banner .read-post{color:var(--color-secondary-b);align-items:center;margin-top:auto;font-size:1.6rem;font-weight:600;line-height:2.4rem;text-decoration:none;display:flex}.blog-feed-banner .read-post:hover{color:var(--color-secondary-a)}.blog-feed-banner .read-post:hover svg path{fill:var(--color-secondary-a)}
/*# sourceMappingURL=blog-feed-banner.css.map */