/*===================================
	5. banner section start
====================================*/	
.banner-section{
	background-image: url('../images/banner/about.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
====================================*/
/*===================================
 	6. about us section start
 ==================================*/
 .aboutus-content{
	 padding-right: 50px;
 }
 .quoate-thumb img{
     width: 100%;
     height: auto;
     border-radius: 4px;
 }
 .aboutus-feature {
    border-radius: 4px;
    margin-top: 20px;
}
.feature-item{
    margin: 0 25px;
}
.feature-ite:first-child{margin-left:0;}
.feature-box .icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    border-radius: 100%;
    background-color: #ffffff;
    line-height: 100px;
    text-align: center;
    box-shadow: rgb(0 0 0 / 8%) 3px 6px 15px;
    margin-bottom: 20px;
    transition: all 0.4s ease;
}
.feature-box .icon:hover{
    box-shadow: rgb(255 102 0 / 20%) 0px 0px 20px;
    transform: rotate(170deg);
}
/*===================================
 	about us section Ends
 ==================================*/