.article-item{border-radius:10px;width:100%;height:490px;overflow:hidden}.article-item .img-wrapper{height:222px;overflow:hidden}.article-item .img-wrapper img{object-fit:cover;width:100%;height:100%}.article-item:hover .img-wrapper img{transition:transform .5s;transform:scale(1.05)}.article-item .article-content{border:1px solid var(--gray);background-color:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;padding:15px 15px 20px}.article-item .article-content .top-info{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.article-item .article-content .top-info .type{color:#182e82;text-transform:uppercase}.article-item .article-content .top-info .date{color:#b8b8b8}.article-item .article-content .title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px;font-size:24px;display:-webkit-box;overflow:hidden}.article-item .article-content .blog-user{align-items:center;margin-bottom:15px;font-size:14px;display:flex}.article-item .article-content .blog-user .img-wrapper{border:1px solid var(--accent-1);border-radius:50%;width:54px;height:54px;margin-right:10px;overflow:hidden}.article-item .article-content .blog-user .img-wrapper img{object-fit:cover;width:100%;height:100%}.article-item .article-content .blog-user .role{color:var(--primary)}.article-item .article-content .read-more{color:var(--primary);cursor:pointer;justify-content:flex-end;align-items:center;transition:all .3s;display:flex}.article-item .article-content .read-more img{width:33px;height:33px;margin-left:8px}.article-item .article-content .read-more:hover{transition:all .3s;transform:scale(1.05)}@media screen and (max-width:992px){.article-item{margin-top:25px}}