.top-news-list, .older-news-list{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    margin: 20px 0;
    overflow: hidden;
}


.top-news-list button, .older-news-list button{
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
}

.lastest-top-news:hover, .top-news-list2 div:hover{
    text-decoration: underline;
    color: green;
}

.top-news-list h2, .older-news-list h4, .top-news-list2 h4{
    margin: 5px 0;
}

.top-news-list p{
    margin: 5px 0;
    font-size: 15px;
}

/*  */
/* .lastest-top-news{
    grid-column: 1/3;
} */

.news-text {
    color: #000;
}


.news-text h4{
    margin-top: 10px;
    font-size: 12px;
}


.older-news-list{
    background: #cccccc6c;
    padding: 30px;
}


.older-news-title h3{
    background: green;
    color: #ffffff;
    padding: 10px;
}



/* ------------------------------------ */
.top-news-list2{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    font-size: 12px;
}


.older-news-list{
    grid-template-columns: repeat(3,1fr);
}

/* ============= News Details  =======================*/
.news-images{
    display: flex;
    margin: 0 0 10px 0;
}









/* ----------------------------------------------------- */

@media (max-width: 768px) {
.top-news-list{
    gap: 10px;
    grid-template-columns: repeat(1, 1fr);
}

.older-news-list p{
    font-size: 10px;
}


    
}