.home-news__item {
    margin: 0 0 20px;
    padding: 16px 12px;
}
.home-news__title {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}
.home-news a { color: var(--menuColor); text-decoration: none; }
.home-news__title a:hover, .home-news__bottom a:hover { text-decoration: underline; }
.home-news__body { display: flex; align-items: flex-start; gap: 20px; }
.home-news__image { flex: 0 0 35.5%; min-width: 0; }
.home-news__image img { display: block; width: 100%; height: auto; }
.home-news__description { flex: 1; min-width: 0; }
.home-news__date { margin: 0 0 8px; color: #8b98ac; font-size: 12px; line-height: 15px; }
.home-news__text {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.home-news__bottom { display: flex; justify-content: flex-end; margin-top: 12px; }
.home-news__bottom a { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; line-height: 17px; }
.home-news__bottom i { font-size: 10px; }
.home-news .pagination { flex-wrap: wrap; justify-content: center; }
@media (min-width: 992px) {
    html, body { overflow-x: clip; }
    .home-layout > .container-fluid > .row > .col-lg-3 {
        position: sticky;
        top: 20px;
        align-self: flex-start;
    }
    .home-layout .main-right-blog > .row > .col-lg-4 > .left-blog {
        position: sticky;
        top: 20px;
    }
}
@media (max-width: 575.98px) {
    .home-news__item { padding: 12px 0; }
    .home-news__body { gap: 12px; }
    .home-news__image { flex-basis: 35%; }
    .home-news__title { line-height: 22px; }
}