.newsDetails .newcatogry {
    color: var(--Colors-Gray-600);
    background-color: var(--Colors-Gray-100);
    border: 1px solid var(--Colors-Gray-300);
    padding: 3px 8px;
    width: fit-content;
    font-size: 12px;
    font-family: 'IBMMedium';
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    line-height: 18px;
    margin: 30px 0 20px;
}

.newsDetails .newTitle {
    color: var(--text-default);
    font-size: 26px;
    font-family: 'IBMMedium';
    margin-bottom: 30px;
}

.newsDetails .newImg {
    overflow: hidden;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.newsDetails .newImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

.newsDetails .newsWidget {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    overflow: hidden;
    background-color: var(--Colors-Gray-100);
}

.newsDetails .newsWidget:first-of-type {
    margin-bottom: 10px;
}

.newsDetails .newsWidget h3 {
    background-color: var(--Colors-Gray-900);
    line-height: 48px;
    font-size: 20px;
    font-family: 'IBMMedium';
    color: var(--Colors-whaite);
}

.newsDetails .newsWidget .widgetInfo .infoItem {
    padding: 15px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.newsDetails .newsWidget .widgetInfo .infoItem>span {
    font-size: 14px;
    font-family: 'IBMRegular';
    color: var(--Colors-Gray-600);
}

.newsDetails .newsWidget .widgetInfo .infoItem>span:first-of-type {
    color: var(--Colors-SA-500);
    font-family: 'IBMMedium';
}

.newsDetails .newsWidget .widgetInfo .infoItem:not(:last-of-type) {
    border-bottom: 1px solid var(--Colors-Gray-300);
}

.newsDetails .newsWidget .widgetInfo .infoItem.keyWords {
    display: block;
}

.newsDetails .newsWidget .widgetInfo .infoItem.keyWords ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 15px;
}

.newsDetails .newsWidget .widgetInfo .infoItem.keyWords ul li {
    background-color: var(--Colors-Gray-50);
    border: 1px solid var(--Colors-Gray-200);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    color: var(--Colors-Gray-800);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 8px;
}

.newsDetails .newsWidget .widgetInfo .infoItem.keyWords ul li:nth-child(odd) {
    background-color: #ECFDF3;
    border-color: #ABEFC6;
    color: #085D3A;
}

.newsDetails .newsWidget .widgetInfo .infoItem.keyWords ul li:nth-child(even) {
    background-color: #EFF8FF;
    border-color: #B2DDFF;
    color: #1849A9;
}

.newsDetails .newsWidget.newsControls .fontsReadControl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 20px 25px;
}

.newsDetails .newsWidget.newsControls .fontsReadControl h4 {
    font-size: 14px;
    font-family: 'IBMMedium';
    color: var(--Colors-Gray-600);
    text-align: center;
    margin-bottom: 10px;
}

.newsDetails .newsWidget.newsControls .fontsReadControl ul {
    display: flex;
    align-items: center;
    gap: 30px;
}

.newsDetails .newText {
    margin-top: 30px;
    color: var(--Colors-Gray-600);
    line-height: 30px;
    font-size: 14px;
    font-family: 'IBMRegular';
    text-align: justify;
}

.newsDetails {
    padding-bottom: 80px;
    border-bottom: 1px solid var(--Colors-Gray-300);
}

.latestNews {
    padding: 15px 0 100px;
}
.newsWidgetContainer{
    position: sticky;
    top: 0;
}
.newsDetails .newsWidget .widgetInfo .infoItem>span.publisherSnap a{
    color: var(--Colors-Gray-600);
    cursor: default;
}
.grayMode .newsDetails .newsWidget,
.grayMode .newcatogry,
.grayMode,
.grayMode .breadcrumbs-container,
.grayMode header.moia-header nav{
    background-color:#9DA4AE;
}
.grayMode .breadcrumbs-container{
    border-bottom:1px solid var(--Colors-whaite);;
}
.grayMode .newsItem{
    background-color: var(--Colors-whaite);
}
.grayMode .breadcrumbs .separator,
.grayMode .newcatogry,
.grayMode .newsDetails .newsWidget .widgetInfo .infoItem > span:first-of-type,
.grayMode .newsDetails .newTitle,
.grayMode .breadcrumbs a,
.grayMode .breadcrumbs a:visited, .breadcrumbs a:active,
.grayMode .breadcrumbs a:focus{
   color:#0D121C; 
}
.grayMode .newsDetails .newsWidget h3 {
    background-color: #0D121C;
}
.darkMode .newsDetails .newsWidget,
.darkMode .newcatogry,
.darkMode,
.darkMode .breadcrumbs-container,
.darkMode header.moia-header nav{
    background-color:#0D121C;
}
.grayMode .newsDetails .newsWidget{
    border: 1px solid var(--Colors-whaite);
}
.grayMode .star-rating label:hover ~ label svg path,
.grayMode .star-rating input[type="radio"]:checked ~ label svg path{
    fill: #0D121C;
}
.grayMode .star-rating label svg path:first-of-type{
    fill: #0D121C;
}
.darkMode .newsDetails .newsWidget{
    border: 1px solid #9da4ae;
}
.darkMode .newsDetails .newsWidget.newsControls{
    background-color: var(--Colors-whaite);
}
.darkMode .breadcrumbs-container{
    border-bottom:1px solid var(--Colors-Gray-100)
}
.darkMode .newsItem{
    background-color: var(--Colors-whaite);
}
.darkMode .rating .rateDiv .yonContainer,.darkMode .rating .rateDiv,
.darkMode header.moia-header .menu>ul>li>a,.darkMode .searchLogin>ul>li>a,
.darkMode .newsDetails .newsWidget .widgetInfo .infoItem > span:first-of-type,
.darkMode .newsDetails .newTitle,
.darkMode .breadcrumbs a,
.darkMode .breadcrumbs a:visited, .breadcrumbs a:active,
.darkMode .breadcrumbs a:focus{
   color:#FFFFFF; 
}

.darkMode .newsDetails .newsWidget h3 {
    background-color: #9DA4AE;
    color:#0D121C; 
}
.darkMode .newsDetails .newText{
    color: var(--Colors-whaite);
}
.darkMode header.moia-header .menu>ul>li>a svg path{
    fill: #FFFFFF;
}
.darkMode .breadcrumbs .share img,
.darkMode .searchLogin>ul>li>a img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.grayMode .breadcrumbs .share img{
    filter: brightness(0) saturate(100%) invert(5%) sepia(7%) saturate(5290%) hue-rotate(180deg) brightness(95%) contrast(94%);
}
.darkMode .latestNews .title h2,
.darkMode .newcatogry{
    color: #fff;
}

.darkMode .newsDetails .newsWidget .widgetInfo .infoItem>span.publisherSnap a,
.darkMode .newsDetails .newsWidget .widgetInfo .infoItem>span{
    color: var(--Colors-whaite);
}

@media(max-width:1399px){
    .latestNews .newsItem img,
    .latestNews .newsItem{
        width: 100%;
    }
}
@media(max-width:991px){
    .newsDetails .row{
        flex-direction: column-reverse;
    }
    .latestNews .newsItem {
        margin-bottom: 30px;
    }
    .newsWidgetContainer{
        margin-bottom: 30px;
    }
}