.single-news-item{
    display: flex;
    width: 100%;
    height: 100%;
    background: var(--g95);
}

.single-news-item .news-img{
    width: 50%;
    position: relative;
    z-index: 3;
}
.single-news-item .news-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-news-item .news-details{
    width: 50%;
    padding: 38px 24px;
    transition: 0.4s;
}
.single-news-item:hover .news-details{
    background: var(--hover-bg);
}
.news-details .news-date{
    color: var(--g50);
    margin-bottom: 5px;
}
.news-details .news-publication{
    color: var(--g50);
    margin-block: 8px;
}
.news-details .news-title{
    color: var(--g10);
    margin-bottom: 4px;
}
.news-details .news-desc{
    color: var(--g40);
}
.news-details a{
    color: var(--g10);
    margin-top: 24px;
}
.news-details a img{
    margin-left: 4px;
    transform: rotate(-135deg);
}


@media (max-width: 1399px){
    .news-details .news-title{
        font-size: 16px;
    }
}

@media (max-width: 575px){
    .single-news-item {
        flex-direction: column;
    }
    .single-news-item .news-img {
        width: 100%;
    }
    .single-news-item .news-img img {
        /* max-height: 250px; */
        /* object-position: top center; */
    }
    .single-news-item .news-details {
        width: 100%;
        padding: 16px;
    }
    
    .news-details a {
        margin-top: 16px;
    }
}