.news-section{
position: relative;
}
.news-block-one .inner-box{
position: relative;
display: block;
margin-bottom: 30px;
}
.news-block-one .inner-box .image-box{
position: relative;
display: block;
}
.news-block-one .inner-box .image-box .image{
position: relative;
display: block;
overflow: hidden;
}
.news-block-one .inner-box .image-box .image:before{
position: absolute;
content: '';
left: 30px;
top: 30px;
width: calc(100% - 60px);
height: calc(100% - 60px);
border: 1px solid #fff;
z-index: 1;
transform: scale(0,0);
transition: all 500ms ease;
}
.news-block-one .inner-box:hover .image-box .image:before{
transform: scale(1,1);
}
.news-block-one .inner-box .image-box .image img{
width: 100%;
transition: all 500ms ease;
}
.news-block-one .inner-box:hover .image-box .image img{
transform: scale(1.05);
}
.news-block-one .inner-box .image-box .date{
position: absolute;
display: inline-block;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 86px;
height: 86px;
line-height: 20px;
background: #141416;
text-align: center;
border-radius: 50%;
font-size: 14px;
font-family: var(--title-font);
color: #fff;
font-weight: 700;
padding: 20px 0px;
}
.news-block-one .inner-box .lower-content{
position: relative;
display: block;
padding-top: 30px;
}
.news-block-one .inner-box .lower-content .post-info{
position: relative;
display: flex;
align-items: center;
}
.news-block-one .inner-box .lower-content .post-info li{
position: relative;
font-size: 14px;
line-height: 26px;
margin-right: 28px;
}
.news-block-one .inner-box .lower-content .post-info li:last-child{
margin: 0px !important;
}
.news-block-one .inner-box .lower-content .post-info li a{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 26px;
color: var(--text-color);
background: #1B1B1B;
padding: 5px 16px;
border-radius: 40px;
}
.news-block-one .inner-box .lower-content .post-info li a:hover{
color: #fff;
}
.news-block-one .inner-box .lower-content .post-info li.comment{
padding-left: 23px;
}
.news-block-one .inner-box .lower-content .post-info li img{
position: absolute;
left: 0px;
top: 5px;
}
.news-block-one .inner-box .lower-content h3{
position: relative;
display: block;
font-size: 24px;
line-height: 34px;
margin-bottom: 22px;
}
.news-block-one .inner-box .lower-content h3 a{
position: relative;
display: inline-block;
color: #fff;
}
.news-block-one .inner-box .lower-content h3 a:hover{
}
.news-block-one .inner-box .link a{
position: relative;
display: inline-block;
font-size: 24px;
color: rgba(255, 255, 255, 0.10);
}
.news-block-one .inner-box .link a:hover{
}
.news-block-one .inner-box .lower-content h2{
position: relative;
display: block;
font-size: 32px;
line-height: 42px;
margin-bottom: 20px;
}
.news-block-one .inner-box .lower-content h2 a{
display: inline-block;
color: #fff;
}
.news-block-one .inner-box .lower-content h2 a:hover{
}
.news-block-one .inner-box .image-box .curve-text{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background: transparent;
z-index: 2;
}
.news-block-one .inner-box .image-box .curve-text .icon-box{
border: none;
background: rgba(20, 20, 22, 0.30);
}
.news-block-one .inner-box .image-box .curve-text .icon-box a{
color: #fff;
}
.news-block-one .inner-box .image-box .curve-text .curved-circle,
.news-block-one .inner-box .image-box .curve-text .curved-circle .char10, 
.news-block-one .inner-box .image-box .curve-text .curved-circle .char11, 
.news-block-one .inner-box .image-box .curve-text .curved-circle .char12, 
.news-block-one .inner-box .image-box .curve-text .curved-circle .char13, 
.news-block-one .inner-box .image-box .curve-text .curved-circle .char14, 
.news-block-one .inner-box .image-box .curve-text .curved-circle .char15, 
.news-block-one .inner-box .image-box .curve-text .curved-circle .char16, 
.news-block-one .inner-box .image-box .curve-text .curved-circle .char17{
color: #fff;
}  @media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 991px){
.blog-grid-content{
margin-top: 30px;
}
.blog-standard-content{
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px){
.news-section{
padding: 70px 0px 40px 0px;
}
}
@media only screen and (max-width: 599px){
}
@media only screen and (max-width: 499px){
}