.UIArticleListContent .ModuleTitle{
        padding-bottom: 0;
        width:100%;
        margin-bottom: 0;
        position:relative;
        font-size: 16px;
        background: rgb(6 110 51 / 90%);
        border-radius: 10px 10px 0 0;
}
.UIArticleListContent{
        margin:0;
        padding-bottom:20px}
.UIArticleListContent .Wrap{
       box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
        border-radius:10px;
        display:flex;
        flex-wrap:wrap
}
.UIArticleListContent .Wrap ul{
        list-style:outside none none;
        margin:0;
        padding:0}
.UIArticleListContent img{
        transition:all .3s}
.UIArticleListContent img:hover{
        transform:scale(1.02)}
.UIArticleListContent .ModuleTitle .titletext:hover {
    color: #0056b3;
    text-decoration: underline;
}
.UIArticleListContent .ModuleTitle .titletext{
        text-decoration:        none;
        margin-top: 0;
        font-size: 18px;;
        color:#fff;
        text-transform:        uppercase;
      font-weight: 500;
        display:
        flex;
        align-items:
        center;
        justify-content:
        center;
        height: 40px;
        line-height: 14px;
        flex-direction:
        column;
        position:
        relative;
        /* font-family: 'Merriweather'; */
}
.UIArticleListContent .ModuleTitle .titletext:hover{
	text-decoration: none;
        color: #fff;
}
.UIArticleListContent ul.first-box li.item{
        display:inline-block;
        text-align:left;
        margin-right:20px}
.UIArticleListContent .Wrap .first-box{
        display:inline-block;
        margin:0;
        padding:0;
        width:50%;
        flex:1}
.UIArticleListContent .Wrap .first-box .item .textlink{
        text-decoration:none;
        display:inline-block;
        width:100%;
        font-size:20px;
        color: #0067b2;
        text-align:justify;
        font-weight:700;
        float:left;
        min-width:300px;
        padding-top:20px;
}
.UIArticleListContent .Wrap .first-box .item .summarylink{
        text-decoration:none;
        display:inline-block;
        float:left;
        color:#000;
        font-size:14px;
        margin-top:5px;
        width:95%;
        padding-left:3px;
        padding-right:3px}
.UIArticleListContent .Wrap .first-box .item .textlink:hover{
        font-weight:700}
.UIArticleListContent .Wrap .first-box .item .imagelink{
        /*! padding: 20px; */display:inline-block;
        width:100%;
        border-radius:5px;
        overflow:hidden}
.UIArticleListContent .Wrap .first-box .item .imagelink .box{
        width:100%}
.UIArticleListContent .Wrap .first-box .item .image{
        height:350px;
        margin:0;
        padding:0;
        width:100%;
        object-fit:cover;
        background:#0b60a414;
        border-radius:5px;
        border: 1px solid #ececec;
        margin-bottom: 10px;
}
.UIArticleListContent .Wrap .first-box .item p{
        font-size: 15px;
        color:#757575;
        font-weight:400;
        margin-top:10px;
        margin-bottom: 0;
        /* font-family: 'Merriweather'; */
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
}
.UIArticleListContent .Wrap .second-box{
        padding:0;
        margin:0;
        display:inline-block;
        text-align:left;
        height:auto;
        flex:1;
}
.UIArticleListContent .second-box .item{
        height:auto;
        padding:0;
        position:relative;
        width:100%;
        display:block;
        align-items:flex-start;
        padding-right:0;
        text-align: justify;
}
.UIArticleListContent .second-box .item+.item{
        margin-top:20px}
.UIArticleListContent .Wrap .second-box .item .textlink,.UIArticleListContent .Wrap .first-box .item .textlink{
        text-decoration: auto;
        display:
        inline-block;
        padding:0;
        /* text-transform: uppercase; */
        font-size: 18px;
        color: #31783e;
        height:
        auto;
        font-weight: 500;
        margin-right:0;
        flex:1;
        padding: 0 10px;
        line-height: 1.4;
        /* font-family: "Merriweather",serif !important; */
}
.UIArticleListContent .Wrap .second-box .item .textlink:first-letter,.UIArticleListContent .Wrap .first-box .item .textlink:first-letter{
        text-transform:uppercase}
.UIArticleListContent .Wrap .second-box .item .textlink:hover{
        color:#e43033}
.UIArticleListContent .Wrap .second-box .item .imagelink{
        display:block}
.UIArticleListContent .Wrap .second-box .item .image{
        height: 220px;
        width:100%;
        object-fit:cover;
        object-position:top;
        margin-bottom: 12px;
}
.UIArticleListContent .Wrap .second-box .item p{
        height:
        auto;
        padding-top:5px;
        color:#666;
        font-weight:400;
        font-size: 14px;
        text-transform: none;
        margin:0;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
        /* font-family: 'Merriweather'; */
        line-height: 1.4;
}
.UIArticleListContent .Wrap .third-box{
        color:#0074bc;
        list-style:none;
        margin:5px 10px 10px 10px;
        display:inline-block;
	border-top: 1px solid #eee;
        margin-top: 5px;
}
.UIArticleListContent .Wrap .third-box li{
        padding:5px 0;
        float:left;
        width:100%;
        vertical-align:top;
        text-align:left;
        position: relative;
            padding-left: 15px;
        }
.UIArticleListContent .Wrap .third-box li:before{
	       content: ' ';
    background: red;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    position: absolute;
    top: 14px;
        left: 0px;
}
.UIArticleListContent .Wrap .third-box .item .link{
        text-decoration:none;
        font-size:15px;
        line-height:1.4;
        color:#333;
        font-weight:500}
.WrapAll.container{
        padding:0;
        max-width:1160px}
.UIArticleListContent .ModuleTitle:before{
        left:555px}
.UIArticleListContent .ModuleTitle:after{
        right:555px}
@media only screen and (max-width:768px){
        .UIArticleListContent .ModuleTitle .titletext{
                display:flex;
                flex-direction:column}
        .UIArticleListContent{
                padding:0 10px!important}
        div.UIArticleListContent{
                padding:0 15px!important;
                background:#fff;
                margin-bottom: 20px!important;
        }
        .UIArticleListContent .ModuleTitle .titletext{
                text-align:center}
        .UIArticleListContent .Wrap .first-box .item .image{
                height:60vw}
        .UIArticleListContent .ModuleTitle:before{
                left:148px}
        .UIArticleListContent .ModuleTitle:after,.UIArticleListContent .ModuleTitle:before{
                top:143px;
                display:none}
        .UIArticleListContent .ModuleTitle:after{
                right:147px}
        .UIArticleListContent .Wrap .second-box .item .image{
                margin-right:15px!important}
        .UIArticleListContent .Wrap .second-box .item p{
                display:none}
}
.UIArticleListContent .Wrap .view-more{
        display:block;
        width:100%;
        text-align: right;
        margin-top: -35px;
}
.UIArticleListContent .Wrap .view-more a{
        background: #28a75e;
        padding: 6px 15px;
        border-radius: 5px;
        color: #fff;
        font-weight: 600;
        /* border-bottom: 1px solid #e3dfdf; */
        text-decoration: none;
        display: inline-block;
        font-size: 13px;
        font-family: 'Merriweather';
}


@media only screen and (max-width: 768px){
        .UIArticleListContent .Wrap .first-box .item p {
                margin-bottom: 20px;
        }
}

