.UIShareNewsControl {
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.UIShareNewsControl .Wrap .next .news-item:before {
    background: #182940;
    width: 5px;
    height: 5px;
    content: '';
    display: inline-block;
    position: absolute;
    top: 17px;
    border-radius: 50%;
}
.UIShareNewsControl .Header{
        width: 100%;
        height: 40px;
        position: relative;
        padding-right: 10px;
}
.UIShareNewsControl .Header .HeaderWrap>span>a:after{
        content: '';
        position:absolute;
        width: 120px;
        height:1.5px;
        background-color: var(--color-primary);
        bottom: 5px;
        left: 2px;
}
.UIShareNewsControl .Header .HeaderWrap
{
        height: 100%;
        display: table;
}
.UIShareNewsControl .Header .HeaderWrap>span{
        display: table-cell;
        vertical-align: middle;
        width: 100%;
}
.UIShareNewsControl .Header .HeaderWrap>a.view-more{
        white-space: nowrap;
        display: table-cell;
        vertical-align: middle;
        color: var(--color-primary);
        font-size: 11px;
        font-family: 'Merriweather';
        font-weight: 700;
}
.UIShareNewsControl .Header .HeaderWrap>a.view-more:hover{
        /* text-shadow: 0 0 whitesmoke; */
        opacity: 0.8;
}
.UIShareNewsControl .Header .HeaderWrap>a.view-more:after{
        font-family: 'Font Awesome 5 Pro';
        content: '\f061';
        padding-left: 5px;
}
.UIShareNewsControl .Header .HeaderWrap>span>a{
        font-family: 'Merriweather';
        font-size: 15px;
        font-weight: 700;
        line-height: 40px;
        text-align: left;
        color: #031739;
        text-transform: uppercase;
        /* padding-left: 30px; */
        /* background: url(images/logo.png) no-repeat left; */
        background-size: contain;
        background-position-x: 5px;
}
.UIShareNewsControl .Wrap{
        /* padding: 0 10px 10px; */
}
.UIShareNewsControl .Wrap .first{
        margin: 10px 0;
}
.UIShareNewsControl .Wrap .first .item-main{
        position: relative;
        display: inline-block;
}
.UIShareNewsControl .Wrap .first .item-main .img-news{
        float: left;
}
.UIShareNewsControl .Wrap .first .item-main .img-news img{
        height: 170px;
        width: 275px;
        object-fit: fill;
        border-radius: 4px;
}
.UIShareNewsControl .Wrap .first .item-main .news-info{
        /* position: absolute; */
        /* background: linear-gradient(0deg, #141414 0%, rgba(20, 20, 20, 0) 100%); */
        float: right;
        width: calc(100% - 285px);
        margin-left: 10px;
}
.UIShareNewsControl .Wrap .first .item-main .news-info .news-sapo{
        font-family: Roboto;
        font-size: 14px;
        line-height: 19px;
        color: #3B4E68;
}
.UIShareNewsControl .Wrap .first .item-main .news-info a{
        margin-bottom: 10px;
        /* height: auto; */
        display: block;
}
.UIShareNewsControl .Wrap .first .item-main .news-info a .news-title {
        text-align: left;
        margin: 0;
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        color: #031739;
        text-transform: unset;
}
.UIShareNewsControl .Wrap .first .item-main .news-info span.time{
        font-family: "Roboto";
        font-size: 13px;
        font-weight: 400;
        line-height: 19.5px;
        text-align: left;
        color: #62748D;
        margin-bottom: auto;
        display: none;
}
.UIShareNewsControl .Wrap .next .img-news .image-wrapper{
        width: 100%;
}
.UIShareNewsControl .Wrap .next .img-news img {
        width: 100%;
        aspect-ratio: 16/ 10;
        border: 1px solid #ededed;
}
.UIShareNewsControl .Wrap .next .img-news ,
.UIShareNewsControl .Wrap .next .news-sapo{
        display: none;
}
.UIShareNewsControl .Wrap .next .news-sapo {
        display: none;
}
.UIShareNewsControl .Wrap .next .news-item{
        border-top: 1px solid #eeeeee;
        padding: 10px 0;
        /* height: 100px; */
        display: block;
        grid-template-columns: 2fr 5fr;
        /* overflow: hidden; */
        gap: 10px;
        /* margin-top: 10px; */
        /* min-height: 70px; */
        position: relative;
        padding-bottom: 0;
}
.UIShareNewsControl .Wrap .next .news-item .news-info a .news-title{
        text-align: left;
        margin: 0;
        padding: 0;
        display: inline-block;
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 22px;
        color: #182940;
        margin-bottom: 0;
}
.UIShareNewsControl .Wrap .next .news-item .news-info span.time:before{
        content: '\f017';
        font-family: 'Font Awesome 5 Pro';
        padding-right: 5px;
}
.UIShareNewsControl .Wrap .next .news-item .news-info span.time{
        color: #767676;
        font-family: "Roboto";
        font-size: 12px;
        font-weight: 400;
        line-height: 19.5px;
        text-align: left;
        min-height: 19.5px;
        /* content: ''; */
        order: 1;
        /* padding: 0 10px 0 0; */
        text-shadow:rgb(252 252 252) 2px 2px 0px, rgb(244 244 244) 7px 7px 0px;
        display: none;
}
.UIShareNewsControl .Wrap .next .news-item .news-info {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        min-height: 50px;
}
.UIShareNewsControl .Wrap .next .news-item .news-info a {
        order: 2;
        /* border-left: 1px solid #ececec; */
        padding-left: 20px;
}
.UILastestNews h2.news-title:hover{
        color: #d42918 !important;
}
@media only screen and (max-width: 768px) {
        .UIShareNewsControl{
                padding: var(--padding-res);
                border-top: 1px solid #F2F2F2;
                /* padding-top: 10px; */
                height: auto;
                width: 100vw;
        }
        .UIShareNewsControl .Wrap .first .item-main .img-news{
                float: unset;
        }
        .UIShareNewsControl .Wrap .first .item-main .img-news .image-wrapper{
                width: 100%;
                height: calc((100vw - 32px) / 16 * 10);
        }
        .UIShareNewsControl .Wrap .first .item-main .img-news .image-wrapper img{
                width: 100%;
                height: 100%;
                object-fit: cover;
        }
        .UIShareNewsControl .Wrap{
                height: auto;
                padding: 0;
        }
        .UIShareNewsControl .Header{
                border-bottom: 0;
                position: relative;
                margin-bottom: 10px;
                padding-top: 10px;
                height: auto;
        }
        .UIShareNewsControl .Header:after{
                width: 80px;
                height: 1px;
                background: var(--color-primary);
                /* content: ''; */
                position:absolute;
        }
        .UIShareNewsControl .Header>.HeaderWrap>span.text>a.text{
                /* color: var(--color-primary); */
                /* font-family: Merriweather; */
                font-size: 18px;
                font-weight: 700;
                line-height: 23px;
                text-align: justify;
                text-transform: math-auto;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: calc(100vw - 110px);
                display: inline-block;
                background-position-x: left;
        }
        .UIShareNewsControl .Header .HeaderWrap>span>a:after{
                bottom: -5px;
                /* left: 0; */
        }
        .UIShareNewsControl .Wrap .first .item-main{
                position: unset;
        }
        .UIShareNewsControl .Wrap .first .item-main .news-info{
                position: unset;
                background: transparent;
                height: auto;
                /* padding: 0; */
                /* gap: 10px; */
                margin-top: 10px;
                width: 100%;
                margin-left: 0;
                float: unset;
        }
        .UIShareNewsControl .Wrap .first .item-main .news-info a .news-title{
                //
                styleName: text/04;
                /* font-family: "Merriweather"; */
                font-size: 20px;
                font-weight: 700;
                line-height: 28px;
                text-align: left;
                color: #212529;
        }
        .UIShareNewsControl .Wrap .first .item-main .news-info span.time{
                display: block;
                color: #6C757D;
                font-family: "Roboto";
                font-size: 13px;
                font-weight: 400;
                line-height: 19.5px;
                text-align: left;
                order: 3;
                display: none;
        }
        .UIShareNewsControl .Wrap .first .item-main .news-info .news-sapo{
                //
                styleName: sapo/02;
                /* font-family: "Roboto"; */
                font-size: 14px;
                font-weight: 400;
                line-height: 22px;
                text-align: left;
                color: #484848;
                display: block;
                order: 2;
                margin-top: 10px;
                margin-bottom: 0;
        }
        .UIShareNewsControl .Wrap .next .news-item{
                height: auto;
                grid-template-columns: 4fr 6fr;
        }
        .UIShareNewsControl .Wrap .next .news-item.no-img{
                grid-template-columns: 1fr;
        }
        .UIShareNewsControl .Wrap .next .news-item.no-img .img-news{
                display: none;
        }
        .UIShareNewsControl .Wrap .next .news-item .news-info{
        }
        .UIShareNewsControl .Wrap .next .news-item .news-info a .news-title{
                //
                styleName: text/03;
                /* font-family: Merriweather; */
                font-size: 16px;
                font-weight: 600;
                line-height: 22px;
                text-align: left;
                color: #212529;
                margin-bottom: 5px;
        }
        .UIShareNewsControl .Header .HeaderWrap>a.view-more{
                padding-left: 10px;
        }
}
@media only screen and (min-width: 769px) and (max-width: 1199px){
        .UIShareNewsControl {
                width: 100%;
        }
        .UIShareNewsControl .Wrap .first .item-main .news-info a .news-title,
        .UIShareNewsControl .Wrap .next .news-item .news-info a .news-title{
                font-size: 0.9em;
        }
        .UIShareNewsControl .Wrap .next {
                padding: 0 5px;
        }
        .UIShareNewsControl .Header .HeaderWrap>span>a{
                font-size: 0.75rem;
        }
        .UIShareNewsControl .Wrap .first .item-main .img-news,
        .UIShareNewsControl .Wrap .first .item-main .news-info{
                width: calc(50% - 5px);
        }
        .UIShareNewsControl .Wrap .first .item-main .img-news img{
                width: 100%;
                height: auto;
        }
}