.news {
    display: grid;
    gap: 15px;
}

.news .news__item {
    box-shadow: 0 4px 12px 0 #00000029;
    border-radius: 7px;
    text-decoration: none;
    transition: all 0.5s;
    display: grid;
    grid-template-columns: 1fr 2fr;
}

@media (max-width: 568px) {
    .news .news__item {
        display: flex;
        flex-direction: column;
    }
}

.news .news__item:hover {
    transition: all 0.5s;
    box-shadow: 0 4px 12px 0 #0000004f;
}


.news .news__item img{
    width: 100%;
}
.news .news__item h3{
    margin: unset;
}
.news .news__item span{
    color: #0000004f;
}
.news .news__item span:hover{
    color: #0000004f;
}
.news .news__item p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: unset;
    word-break: break-word;
}

.news-index {
    grid-template-columns: repeat(4, 1fr);
}

.news-index .news__item {
    grid-template-columns: 1fr;
}
@media (max-width: 1200px) {
    .news-index {
        grid-template-columns: repeat(3, 1fr);
    }
    .news-index .news__item:nth-child(3) {
       display: none;
    }
}

@media (max-width: 992px) {
    .news  {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 568px) {
    .news  {
        grid-template-columns: repeat(1, 1fr);
    }
}