.news-list a{
	text-decoration: none;
	position: relative;
}
.news{
background: #F6F6F6;  
padding-top: 78px;
padding-bottom: 95px;
margin-top: 110px;
}
.news h2{
	display: flex;
    align-items: center;
}
.title-news{
margin-bottom: 45px;

}
.news-all{
width: 223px;
height: 60px;
border: 1.5px solid #A5A5A5;
border-radius: 100px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 13px;
line-height: 18px;
letter-spacing: 0.4em;
text-transform: uppercase;
color: #002E40;
-webkit-transition: all 0.2s ease 0.2s;
-o-transition: all 0.2s ease 0.2s;
transition: all 0.2s ease 0.2s;
}
.news-all:hover{
background: linear-gradient(144.9deg, #00ADD7 21.66%, #00759D 77.01%), #C4C4C4;
border: none;
color: #FFFF;
}
.item-news{
	-webkit-transition: all 0.2s ease 0.2s;
    -o-transition: all 0.2s ease 0.2s;
    transition: all 0.2s ease 0.2s;
}
.item-news img{
width: 100%;
position: relative;
z-index: 0;
}
.box-img-news{
position: relative;  
}
.box-img-bg{
width: 100%;
height: 100%;
background: rgba(0, 46, 64, 0.8); 
position: absolute; 
z-index: 1;
-webkit-transition: all 0.2s ease 0.2s;
    -o-transition: all 0.2s ease 0.2s;
    transition: all 0.2s ease 0.2s;
}
.news-list a:hover .box-img-bg{
opacity: 0;  
}
.date-news{    
font-size: 14px;
line-height: 26px;
color: #4D4D4D;
margin: 16px 0 15px 0;
}
.name-news{
font-weight: bold;
font-size: 16px;
line-height: 26px;    
letter-spacing: 0.15em;
text-transform: uppercase;    
color: #002E40; 
margin-bottom: 21px;
-webkit-transition: all 0.1s ease 0.1s;
    -o-transition: all 0.1s ease 0.1s;
    transition: all 0.1s ease 0.1s;
}
.news-list a:hover .name-news{
	color: #00A3CC;
}
.preview-text-news{    
font-size: 15px;
line-height: 28px;
color: #4D4D4D; 
padding-bottom: 45px; 
}
.more-about-news{
text-decoration: none;
font-weight: bold;
font-size: 14px; 
letter-spacing: 0.3em;
text-transform: uppercase;
color: #00A3CC;
position: absolute;
bottom: 0;
-webkit-transition: all 0.1s ease 0.1s;
    -o-transition: all 0.1s ease 0.1s;
    transition: all 0.1s ease 0.1s;
}
.news-list a:hover .more-about-news{
	color: #002E40;  
}

@media (max-width:991px){
	.item-news{
		margin-top: 30px;
	}
	
}
@media (max-width:576px){
	.title-news{
		flex-direction: column;
		align-items: center;
		margin-bottom: 15px;
	}
	.news h2 {
		margin-bottom: 30px;
	}
	.news {		
		padding-top: 30px;
		padding-bottom: 50px;
		margin-top: 80px;
	}
	.preview-text-news {		
		line-height: 24px;		
	}
}