.news-box12 .title-aria {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
}

.news-box12 .title-aria p {
    margin: 0px;
}

.news-box12-body-news .simage {
    position: relative;
}

.news-box12-body-news img {
    width: 150px;
}

.news-box12-body-news-item {
    background: #fff;
    margin-bottom: 2px;
    overflow: hidden;
    padding: 10px;
    border: 2px solid rgba(59, 105, 61, 0.3)
}

.news-box12-body-news-item h4 {
    margin: 0px;
    font-size: 22px;
    font-weight: 500;
}

/* --- Box 12: Dark Mode Styles --- */
body.dark-mode .news-box12 .title-aria,
body.dark-mode .news-box12 a,
body.dark-mode .news-box12-body-news-item h4,
html.dark-mode .news-box12 .title-aria,
html.dark-mode .news-box12 a,
html.dark-mode .news-box12-body-news-item h4 {
    color: #f3f4f6 !important;
}

body.dark-mode .news-box12-body-news-item,
html.dark-mode .news-box12-body-news-item {
    background: #181d24 !important;
    border-color: rgba(80, 160, 90, 0.35) !important;
}

body.dark-mode .news-box12 a:hover,
body.dark-mode .news-box12 a:hover h4,
html.dark-mode .news-box12 a:hover,
html.dark-mode .news-box12 a:hover h4 {
    color: #DF2027 !important;
}