   
.heading_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
  }
  
  .heading_container h2 {
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 10px;
  }
  
  .heading_container h2::before {
	content: "";
	width: 40px;
	height: 7px;
	background-color: #f1db25;
	border-radius: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
  }
  
  .heading_container.heading_center {
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	text-align: center;
  }
  
  .heading_container.heading_center h2::before {
	left: 50%;
	-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
  }
  
  /*header section*/
  .hero_area {
	min-height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	position: relative;
  }
  
  .hero_bg_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
  }
  
  .hero_bg_box .img-box {
	width: 100%;
  }
  
  .hero_bg_box .img-box img {
	min-width: 100%;
	min-height: 100%;
  }
  
  .hero_bg_box::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.35)));
	background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.35));
  }
  
  .sub_page .hero_area {
	min-height: auto;
  }
  
  .sub_page .custom_nav-container.navbar-expand-lg .navbar-nav .nav-item .nav-link {
	padding-bottom: 21px;
  }
  
  .hero_area.sub_pages {
	height: auto;
  }
  
  .header_section {
	padding: 0;
  }
  
  .header_section .container-fluid {
	padding-right: 25px;
	padding-left: 25px;
  }
  
  .header_section .nav_container {
	margin: 0 auto;
  }
  
  .header_top {
	background-color: #272727;
	padding: 15px 0;
  }
  
  .header_top .contact_link-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
  }
  
  .header_top .contact_link-container a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	color: #ffffff;
	font-size: 15px;
  }
  
  .header_top .contact_link-container a i {
	font-size: 20px;
	color: #1A76D1;
	margin-right: 5px;
  }
  



  .separator {
	position: relative;
	display: inline-block;
	text-transform: capitalize;
	margin-bottom: 30px;
}
.separator:after,
.separator:before {
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	background: #135da7;
	top: 50%;
}

.separator i {
	color: #1fa716;
}

.separator:after {
	right: 140%;
}

.separator:before {
	left: 140%;
}

.amazing_feature {
padding-top:40px;
padding-bottom:20px;
}

.single_feature{
background: #0557a8 none repeat scroll 0 0;
box-shadow:0 2px 30px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
padding: 20px 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color; color: rgb(5, 78, 78);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; height: 170px;
}
.single_feature:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0b08618e;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; cursor: pointer;
}
.single_feature:hover, .single_feature:focus, .single_feature:active {
  color: white;
}
.single_feature:hover:before, .single_feature:focus:before, .single_feature:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.feature_img{}
.single_feature img {
  border: 1px solid #e8e8e9;
  border-radius: 0%;
  color: #333;
  float: left;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  margin-right: 15px;
  position: relative;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 50px;
  z-index: 4;color: white;
  margin-top: 0px;
}
.single_feature:hover img{
  background: #fff;border: 1px solid #fff;color:#1A76D1;
}

.single_feature img{
	background: #fff;border: 1px solid #fff;color:#1A76D1;
  }


  .single_feature P{
	 color:#ecf0f3;
  }

.single_feature h3 {
  text-transform: capitalize;
  font-size: 20px;
  font-weight:400;
  margin-top:0px;
  overflow: hidden; color: white; font-weight: bold;
}
.single_feature:hover h3{color:#fff;}
.single_feature span {
border-bottom: 1px dashed #ccc;
display: block;
margin: 15px auto 10px;
width: 80px;
}



.single_feature p { margin-bottom: 0 ;overflow: hidden;}








/*=======================
	Start Fun Facts CSS
=========================*/
.fun-facts{
	position:relative;
}
.fun-facts.section{
	padding:120px 0;background: white;
}
.fun-facts{
	background:url('img/fun-bg.jp');
	background-size:cover;
	background-repeat:no-repeat;
}
.fun-facts .single-fun {
	
}
.fun-facts .single-fun i {
	position: absolute;
	left: 0;
	font-size: 62px;
	color: #fff;
	height: 70px;
	width: 70px;
	line-height: 67px;
	font-size: 28px;
	text-align: center;
	padding: 0;
	margin: 0;
	border: 2px solid #fff;
	border-radius: 0px;
	top: 50%;
	margin-top: -35px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 50%;
}
.fun-facts .single-fun:hover i{
	color:#1A76D1;
	background:#fff;
	border-color:transparent;
}
.fun-facts .single-fun .content {
	padding-left: 81px;
}
.fun-facts .single-fun span {
	color: #fff;
	font-weight: 600;
	font-size: 30px;
	position: relative;
	display: block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s eas;
	display: block;
	margin-bottom: 7px;
}
.fun-facts .single-fun p{
	color:#fff;
	font-size:15px;
}
/*===================
	End Fun Facts
=====================*/

 



  

/* Fun Facts */

.fun-facts {
	margin-top: 140px;
	background-image: url(./img/fun-facts-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 110px 0px; margin-bottom: 50px;
	color: #fff;
}

.fun-facts span {
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 10px;
	display: block;
}

.fun-facts h2 {
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 35px;
}

.fun-facts em {
	font-style: normal;
	color: #a4c639;
}

.fun-facts p {
	color: #fff;
	margin-bottom: 40px;
}

.fun-facts .left-content {
	margin-right: 45px;
}

.count-area-content {
	text-align: center;
	background-color: rgba(250, 250, 250, 0.76);
	padding: 25px 30px 35px 30px;
	margin: 15px 0px; cursor: pointer;
}

.count-digit {
    margin: 5px 0px;
    color: #2377a8;
    font-weight: 700;
    font-size: 36px;
}
.count-title {
    font-size: 20px;
    font-weight: 600;
    color: rgb(58, 55, 55);
    letter-spacing: 0.5px;
}

.count-area-content:hover {
	text-align: center;
	background-color: white;
	 
	 
}
@media (max-width: 604px) {
 
	.count-area-content {
		text-align: center;
		background-color: rgba(250, 250, 250, 0.76);
		padding: 25px 30px 35px 30px;
		margin: 10px 15px; cursor: pointer;
	}


	} 
	 
@media (max-width: 604px) {
 
	#why-us {
		padding: 10px; padding-top: 24px;
		  
			background: #004a99 url("./img/58.jpg") center top no-repeat fixed;
			background-size: cover;
	
			background:#04243f url(./img/58.jpg);
	
				background-blend-mode: multiply;
				background-repeat: no-repeat;
				background-position: center;
				background-attachment: fixed;
				background-size: cover;
	  }
	  
	  #why-us .section-header h3,
	  #why-us .section-header p {
		color: #fff; margin-bottom: 18px; font-family: Arial, Helvetica, sans-serif;
	  }
	  
	  #why-us .card {
		background: #00458f;
		border-color: #00458f;
		border-radius: 4px;
		margin: 0 5px;
		padding: 5px 0;
		text-align: center;
		color: #fff;
		transition: 0.3s ease-in-out;
		height: 100%; cursor: pointer; 
	  
	}

	#why-us .counters p {
		 
		margin-bottom: 44px;
	  }
	  #why-us .counters span {
		font-family: "Montserrat", sans-serif;
		font-weight: bold;
		font-size: 41px;
		display: block;
		color: #fff;padding-bottom: 28px;
	  }
}
  
/*==========================
	End Departments CSS
============================*/
 
/*========================
	Start Clients CSS
==========================*/
.clients{
	background-image:url('../img/addis.jpg');
	background-size:cover;
	background-position:center;
	padding:100px 0px;
	position:relative;
}
.clients .single-clients{
	
}
.clients .single-clients img {
	width: 100%;
	cursor: pointer;
	text-align: center;
	float: none;
	padding: 0 35px;
	 opacity: 1;
}
/*========================
	End Clients CSS
==========================*/
 

#why-us {
	padding: 20px 0px; margin-top: 20px;
	  
		background: #004a99 url("../img/A1/10.jpg") center top no-repeat fixed;
		background-size: cover;

		background:#04243f  url("../img/A1/101.jpg");

            background-blend-mode: multiply;
            background-repeat: no-repeat;
            background-position: center;
            background-attachment: fixed;
            background-size: cover;
  }
  
  #why-us .section-header h3,
  #why-us .section-header p {
	color: #fff; margin-bottom: 18px; font-family: Arial, Helvetica, sans-serif;
  }
  
  #why-us .card {
	background: #00458f;
	border-color: #00458f;
	border-radius: 4px;
	margin-top: 15px;
	padding: 5px 0;
	text-align: center;
	color: #fff;
	transition: 0.3s ease-in-out;
	height: 100%; cursor: pointer; 
  }
  
  #why-us .card:hover {
	background: #1a76d1;;
	border-color: #003b7a;
  }
  
  #why-us .card i {
	font-size: 44px;
	padding-top: 15px;
	color: #bfddfe;
  }
  

  #why-us .section-header1  h5 {
	font-size: 24px;
	 
	color: white; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
  }
  
  #why-us .card p {
	font-size: 17px;
	color: #d8eafe;
  }
  
  #why-us .card .readmore {
	color: #fff;
	font-weight: 600;
	display: inline-block;
	transition: 0.3s ease-in-out;
	border-bottom: #00458f solid 2px;
  }
  
  #why-us .card .readmore:hover {
	border-bottom: #fff solid 2px;
  }
  
  #why-us .counters {
	padding : 10px;
  }
  
  #why-us .counters span {
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
	font-size: 34px;
	display: block;
	color: #fff;padding-bottom: 28px;
  }
  
  #why-us .counters p {
	padding: 0;
	margin: 0 0 18px 0;
	font-family: "Montserrat", sans-serif;
	font-size: 16px;padding : 0px;
	color: #cce5ff;
  }

 
  #why-us    h3 {
	font-size: 31px;
	 
	color: rgb(234, 247, 250); 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
  }
@media only screen and  (max-width: 771px){ 

	#why-us .counters span {
		font-family: "Montserrat", sans-serif;
		font-weight: bold;
		font-size: 24px;
		display: block;
		color: #fff;padding-bottom: 28px;
	  }
	  
	  #why-us .counters p {
		padding: 0;
		margin: 0 0 20px 0;
		font-family: "Montserrat", sans-serif;
		font-size: 16px;
		color: #cce5ff;padding: 10px;
	  }
	  
  #why-us    h3 {
	font-size: 22px;
	 
	color: white; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
  }
	}	
/*=========================
	End Footer CSS
===========================*/



