.nav_top_left{
   position: fixed;
   padding: 5% 2.5%;
   left: 0;
   top: 4vw;
   background: url('/uploads/allimg/news/nav_top.png') no-repeat;
   background-size: cover;
   width: 15%;
}
.nav_top{
    padding: 18% 10%;
    background-color: #1a4425;
    border-radius: 0.4vw;
}
.nav_li{
    padding: 5% 10%;
    
    margin-bottom: 5%;
    text-align: center;
    transition: all 0.5s ease;
}
.nav_li.active{
    background-color: #000;
}
.nav_li h1{
    color: #fff;
    text-transform: uppercase;
    font-size: 0.7vw;
    cursor: pointer;
}


.nav_top_right{
    position: fixed;
    padding: 4% 1%;
    right: 0;
    top: 4vw;
    width: 16%;
    height: 95vh;
    overflow: auto;
    direction: rtl; 
}
.nav_top_right::-webkit-scrollbar{
    width: 2.5px;
   
}
.nav_top_right::-webkit-scrollbar-thumb{
    background:#144525;
    border-radius: 3px;
}
.right_list_li{
    display: flex;
    flex-direction: column;
    margin-bottom: 8%;
}
.right_list_li img{
    width: 100%;
}
.right_list_li h1{
    font-family: Inter;
    font-size: 1.1vw;
    color: #000;
    text-transform: uppercase;
    font-weight: 550;
    margin-top: 4%;
    margin-left: 10%;
}
.right_list_li h2{
    font-family: Inter;
    font-size: 0.8vw;
    color: #6E6E6E;
   
    margin-left: 10%;
}
.news{
    width: 62%;
    margin: 5% auto;
}
.new_ul{
    margin-bottom: 10%;
}
.new_ul h1{
    color: #000;
    font-size: 2vw;
    text-transform: uppercase;
    font-weight: 500;
    font-family: Inter;
    margin-bottom: 1%;
}
.new_ul_left img{
    width: 100%;
    margin-top: 2vw;
}
.new_ul_right{
    padding-left: 8%;
}
.new_li{
    display: flex
    ;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #B4B4B4;
    padding-bottom: 1vw;
    color: #000;
    cursor: pointer;
    font-family: Inter;
    transition: all 0.5s ease;
    margin-bottom: 5%;
    
}
.new_li:hover h2{
    color: #56D873;
}
.new_li:hover h3{
    color: #000 !important;
}
.new_li:hover .img1{
    opacity: 0;
}
.new_li:hover .img2{
    opacity: 1;
}
.new_li_tit{
    width: 90%;
}
.new_li_tit h2{
    text-transform: uppercase;
    font-size: 1vw;
    font-weight: 550;
    transition: all 0.5s ease;
}
.new_li_tit h3{
    font-size: 0.8vw;
    font-weight: 550;
}
.next_new{
    position: relative;
    width: 1.2vw;
}
.next_new img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.5s ease;
}
.next_new .img1{
    opacity: 1;
}
.next_new .img2{
    opacity: 0;
}