/*===================================
	5. banner section start
====================================*/	
.banner-section{
	background-image: url('../images/banner/blog-single.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 180px 0;
	position: relative;
	z-index: 0;
}
.banner-section:after{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #002258;
	z-index: -1;
	opacity: 0.70;
}
.banner-content span {
    font-size: 22px;
    display: block;
    color: #ffffff;
    font-weight: 600;
	opacity: 0.9;
    padding-top: 15px;
}
/*===================================
	banner section Ends
====================================*/
/*=====================================
	14. blog section start
======================================*/
.blog-single{
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: rgb(0 0 0 / 6%) 3px 8px 20px;
}
.blog-thumb img{
	width: 100%;
	height: auto;
	transition: all 0.7s ease;
}
.blog-header ul li span{
	color: #202020;
	opacity: 0.9;
	font-size: 14px;
	font-weight: 600;
}
.blog-single:hover .blog-thumb img{
	transform: scale(1.1);
}
.blog-header ul li{
	display: inline-block;
	padding-right: 30px;
}
.blog-header ul li:last-child{
	padding: 0;
}
.blog-header ul li i{
	color: #FF6600;
	padding-right: 10px;
}
.blog-single h4 a {
    font-size: 22px;
    font-weight: 700;
}
.blog-single:hover h4 a{
	color: #FF6600;
}
.blog-single:hover .btn-view{color: #00265E;}
.blog-action ul li{
	display: inline-block;
	padding: 0 5px;
}
.blog-action ul li i{
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	color: #FF6600;
	background-color: #FFEADC;
	text-align: center;
	line-height: 30px;
	transition: all 0.4s ease;
}
.blog-action ul li i:hover{
	color: #00265E;
}
/*=========================================
	blog section Ends
===========================================*/