.home-news-items .ccm-block-topics-wrapper {
    list-style-type: none;
    padding: 0; 
}

.home-news-items .ccm-block-topics-wrapper li {
    display: inline-block; 
}

.home-news-items .ccm-block-topics-wrapper li a {
    background: #DAE1EA;
    border-radius: 4px; 
    color: #1B2E3A;
    display: block; 
    margin: 0; 
    padding: 2px 8px 4px;
}
.home-news-items h2 {margin-bottom:0;}

.home-news-items .news-topics li a {
    margin:0;padding:2px 8px;
    background:white!important;
   border:1px solid black;
    font-size:.7em;
    font-weight:bold;
    
}
.home-news-items .ccm-block-page-list-date {
    padding:10px 0px;
    border-top:1px #dedede dashed;
     border-bottom:1px #dedede dashed;
    color:#1472C8;
    font-weight:bold;
    margin: 14px 0 8px; 
}
.home-news-items .news-topics {
    position:absolute;
    top:20px;
    left:20px;
}
.home-news-items span {display:flex;}
.home-news-items span svg {
    height:20px;width:auto;
   fill:#253B77;
}
.home-news-items ul.ccm-block-topics-wrapper {
    display:flex;
    align-items:center;
    gap:10px;
}
.home-news-items .waterbody-topics .ccm-block-topics-wrapper li a {
color: #253B77;
font-weight: bold;
background: #DAE1EA;
}
.home-news-items .news-topics li a:hover {
     background:#DAE1EA;
                                text-decoration:none;
}
.home-news-items .waterbody-topics {    display: flex;
    align-items: center;
    gap: 10px;
}

.home-news-items .ccm-block-page-list-page-entry-read-more .src-btn { background: transparent; bottom: 14px; color: #477AA9; letter-spacing: 0; margin: 0; padding: 0; position: absolute; text-transform: uppercase; }
.home-news-items .ccm-block-page-list-page-entry-read-more .src-btn:hover { background: transparent; color: #000; }

.home-news-items .news-left { height: 100%; padding: 18px 18px 54px 18px; width: 45%; }
.home-news-items .news-thumb { height: 100%; width: 55%; background-size: cover; background-position: center; position: absolute; right: 0; top: 0; }

.home-news-items .ccm-block-page-list-pages { display: flex; flex-wrap: wrap; justify-content: space-between; }
.home-news-items .ccm-block-page-list-pages .ccm-block-page-list-page-entry { display:flex; flex-direction: column; justify-content: space-between; width: 49%; gap: 15px; background:white; }
.home-news-items .ccm-block-page-list-pages .ccm-block-page-list-page-entry:first-of-type { margin-bottom: 36px; min-height: 360px; width: 100%; }
.home-news-items .ccm-block-page-list-page-entry-text { height: 100%; position: relative; }
.home-news-items .ccm-block-topics-wrapper { margin-bottom: 0px; }
.home-news-items .ccm-block-page-list-title { color: #1A2953; font-size: 1.4em; line-height: 1.2em; margin-bottom: 10px; }
.home-news-items .ccm-block-page-list-sponsor { font-weight: 600; }

.ccm-page .view-all-news p { margin-top: 16px; text-align: right; }
.ccm-page .view-all-news .src-btn a { background: #253B77; border-radius: 0; padding-right: 48px; position: relative; }
.ccm-page .view-all-news .src-btn a:before { background: #FFE674; content: ""; height: 2px; margin-top: -1px; position: absolute; right: 14px; top: 50%; width: 20px; }
.ccm-page .view-all-news .src-btn a:after { border: 2px solid #ffe674; border-width: 2px 2px 0 0; content: ""; height: 8px; margin-right: 14px; margin-top: -4px; position: absolute; right: 0; top: 50%; transform: rotate(45deg); width: 8px; }
.ccm-page .view-all-news .src-btn a:hover { background: #1a2d62; }

@media (max-width: 970px) {
    .home-news-items .ccm-block-page-list-pages {flex-direction:column;}
    .home-news-items .ccm-block-page-list-pages .ccm-block-page-list-page-entry {width:100%;}
}

@media screen and (max-width: 670px) {
      .home-news-items .news-left { padding-top: 190px; width: 100%; }
      .home-news-items .news-thumb { height: 170px; width: 100%; }
}