.blog-listing{display:flex;flex-wrap:wrap;gap:20px}.blog-listing .blog-index__post{border-radius:20px;overflow:hidden}.blog-listing .blog-index__post a{color:#000;text-decoration:none}.blog-listing .blog-index__post .blog-listing__post-image{height:235px;position:relative}.blog-listing .blog-index__post .blog-listing__post-image.vertical{height:390px}.blog-listing .blog-index__post .blog-listing__post-image img{height:100%;left:50%;object-fit:cover;position:absolute;top:0;transform:translateX(-50%);width:100%}.blog-listing .blog-index__post .blog-listing__post-content{backdrop-filter:blur(20px);background:#ecf0f3;min-height:280px;padding:20px;position:relative;transition:all .3s ease-out!important}.blog-listing .blog-index__post .blog-listing__post-content.vertical{min-height:auto}.blog-listing .blog-index__post:hover .blog-listing__post-content{background:linear-gradient(69.32deg,#ffba7d -4.01%,#ff032f 32.56%);transition:background-color .3s ease-out!important;-webkit-transition:background-color .3s ease-out!important;-moz-transition:background-color .3s ease-out!important}.blog-listing .blog-index__post .blog-listing__post-timestamp{color:#5c5c5c;display:block;font-size:14px;margin-bottom:10px;margin-top:5px}.blog-listing .blog-index__post:hover .blog-listing__post-timestamp{color:#fff}.blog-listing .blog-index__post .blog-listing__post-timestamp img{margin-right:5px;margin-top:-4px}.blog-listing .blog-index__post:hover .blog-listing__post-timestamp img{filter:brightness(0) invert(1)}.blog-listing .blog-index__post .blog-listing__post-title{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;line-height:1.3}.blog-listing .blog-index__post:hover .blog-listing__post-title{color:#fff}.blog-listing .blog-index__post .blog-listing__post-desc{color:#5c5c5c;margin-top:10px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical}.blog-listing .blog-index__post:hover .blog-listing__post-desc{color:#fff}.blog-listing .blog-index__post .icon-more{bottom:20px;position:absolute;right:16px;text-align:right}.blog-listing .blog-index__post .icon-more svg{height:22px;width:10px}.blog-listing .blog-index__post:hover .icon-more svg path{stroke:#fff}@media (max-width:991px){.blog-listing .blog-index__post .blog-listing__post-image.vertical{height:330px}}@media (max-width:767px){.blog-listing .blog-index__post .blog-listing__post-content.vertical .blog-listing__post-title{min-height:78px}.blog-listing .blog-index__post .blog-listing__post-image.vertical{height:270px}.blog-listing .blog-index__post .blog-listing__post-content{min-height:253px}}@media (max-width:575px){.blog-listing .blog-index__post .blog-listing__post-content{min-height:auto}}