@charset "utf-8";
/* Latest News CSS Document */
.news-box { position:relative; margin:20px 0; display:block;}
.news-inner { position:relative; overflow:hidden; border-radius:5px; -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.news-thumb { position:relative;}
.news-thumb-inner { position:relative; overflow:hidden; margin-bottom:0; line-height:0;}
.news-thumb-inner img { width:100%; height:auto; display:block; object-fit:cover; object-position:center; -webkit-transition:all 520ms ease; transition:all 520ms ease; -webkit-transform:perspective(0)rotateX(0)rotateY(0)scaleX(1)scaleY(1); -ms-transform:perspective(0)rotateX(0)rotateY(0)scaleX(1)scaleY(1); transform:perspective(0)rotateX(0)rotateY(0)scaleX(1)scaleY(1); -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center;}

.news-content { position:relative; padding:0; text-align:center;}
.news-content h4 { text-transform:capitalize; margin:20px 0 10px; text-align:center;}
.news-content h4 a { color:#1c1c24;}

.post-cate { position:absolute; left:0; right:0; top:0; margin-bottom:10px; padding:3px 17px 6px; background-color:#396cf0; display:inline-block; z-index:1; text-align:center; width:60%; margin:0 auto; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.post-cate a {  font-size:14px; color:#ffffff; font-weight:500; position:relative; text-decoration:none;}
.post-cate i { font-size:14px; color:#ffffff; margin-right:5px;}
.post-cate a:hover { color:#ffffff;}

.post-date { position:relative; font-weight:700; min-height:40px; padding-top:8px; display:inline-block; padding-left:50px; background-color:#396cf0; color:#ffffff; padding-right:20px; font-size:14px; border-radius:0px 0 10px 10px;}
.post-date span.date { position:absolute; left:0px; top:0px; width:40px; height:40px; line-height:40px; text-align:center; display:inline-block; color:#ffffff; background-color:#1c1c24; font-size:20px; border-bottom-left-radius:10px;}

.post-meta { position:relative; padding:5px 10px; display:flex; justify-content:space-between; align-items:center; background-color:#1c1c24; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.post-meta ul { margin:0; padding:0; width:100%;}
.post-meta ul li { list-style:none; color:#ffffff; font-size:14px; margin:0 9px; display:inline-flex; justify-content:space-between; align-items:center;}
.post-meta ul li a { color:#ffffff; text-decoration:none;}
.post-meta ul li a:hover { color:#396cf0;}
.post-meta ul li i { font-size:14px; color:#396cf0; margin-right:7px; text-align:center;}

.news-box:hover .news-thumb-inner img { -webkit-transform:perspective(500px)rotateX(.03deg)rotateY(0)scaleX(1.1)scaleY(1.1); -ms-transform:perspective(500px)rotateX(.03deg)rotateY(0)scaleX(1.1)scaleY(1.1); transform:perspective(500px)rotateX(.03deg)rotateY(0)scaleX(1.1)scaleY(1.1);}