.news-item {
    margin-bottom: 20px; /* Adjust this value as needed */
}
.recent-main {
    display: flex;
    align-items: center;
    margin-bottom: 15px; /* Add space between recent posts */
}

.recent-img {
    flex: 0 0 80px; /* Fixed width for the image */
    margin-right: 10px; /* Space between image and text */
}

.recent-img img {
    width: 80px;
    height: 80px;
    object-fit: cover; /* Ensures the image fits within the square without distortion */
    border-radius: 5px; /* Optional: rounded corners */
}

.info-img {
    flex: 1; /* Allows text content to expand */
    overflow: hidden;
}

.info-img h6 {
    font-size: 16px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Ellipsis for overflow */
}

.info-img p {
    font-size: 14px;
    color: #666;
    margin: 5px 0 0;
}