@charset "utf-8";
/* Latest News CSS Document */
.news-box{ position:relative; background-color:#ffffff; -webkit-box-shadow: 0px 3px 10px 2px rgba(20,33,43,0.1); box-shadow: 0px 3px 10px 2px rgba(20,33,43,0.1); margin:15px 0; }
.news-thumb{ position:relative; overflow:hidden; }
.news-thumb img{ -webkit-transition:0.6s; transition:0.6s; -webkit-backface-visibility:hidden; backface-visibility:hidden; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
.news-thumb .post-meta{ margin:0; padding:0; }

.news-content{ margin:0; position:relative; z-index:10; }
.latest-news-para{ padding:35px 20px; }
.news-content h3{ margin:0 0 20px; font-family:'Rajdhani'; font-size:23px; font-weight:700; line-height:1.2; text-transform:capitalize; }
.news-content h3 a { color:#122e53; }
.latest-news-para p{ line-height:24px; margin-bottom:10px; }

.post-meta{ text-transform:capitalize; margin:0 0 10px; }
.post-meta span{ display:inline-block; position:relative; padding:0; margin-right:5px; }
.post-meta span:last-child{ padding-right:0; }
.post-date{ position:absolute; width: max-content; padding:8px 20px; background-color:#122e53; top:-20px; left: 0; right: 0; display: table; margin: 0 auto; text-align:center; font-size:14px; font-weight:700; color:#ffffff; }

.news-box:hover h3 a{ color:#efa220; }
.news-box:hover .news-thumb img{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }

.ln-read-more{ text-transform:capitalize; display:inline-block; color:#122e53; padding:5px 25px 5px 0; z-index:0; position:relative; font-weight: 700; }
.ln-read-more:before{ content:'\f178'; position:absolute; right:0; top:auto; bottom:auto; font-family:'Font Awesome 5 Pro'; font-weight:400; }
.ln-read-more:after{ content:''; background-color:#efa220; height:1px; width:0; position:absolute; bottom:0; left:0; transition:width 0.3s ease-in-out; }

.ln-read-more:hover{ color:#efa220; padding:5px 30px 5px 0; }
.ln-read-more:hover::after{ width:100%; }