.section-headding {
	text-align: center;
}
.section-headding strong {
	color: #212529;
	border-bottom: 2px solid #ece058;
}
.section-headding h3 {
	color: #4D4D4D;
	/* font-size: 28px; */
	font-weight: 300;
	letter-spacing: 4px;
}
.section-headding h2 {
	color: #212529;
	display: inline-block;
	border-bottom: 2px solid #ece058;
	margin-bottom: 20px;
}
/* end common css */


/* start banner */
#banner {
	padding: 50px 0;
	background: #f6f6f6;
	position: relative;
}
#banner::after {
	content: '';
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
    height: 40px;
    width: 80px;
    background: #f6f6f6;
}
#banner img {
	width: 350px;
	margin-bottom: 30px;
}
/* end banner */

/* start purpose-service */
#purpose-service {
	padding: 90px 0;
}
#purpose-service .section-headding p {
	text-align: justify;
	margin-bottom: 40px;
}
#purpose-service .service-box h4{
	color: #355481;
	text-transform: uppercase;
}
#purpose-service .service-box p {
	width: 90%;
	line-height: normal;
}
/* end purpose-service */

/* start purpose-why-us */
#purpose-why-us {
	background: #E1E1E1;
	padding: 40px 0;
}
#purpose-why-us h2 {
	margin-bottom: 30px;
	text-decoration: none;
}
.why-us-box-group {
	list-style-type: none;
	display: flex;
	justify-content: center;
	align-items: baseline;
	margin-bottom: 0;
	padding-left: 0;
}
.why-us-box-group li {
	width: 20%;
	padding: 10px;
}
.why-us-box-group li img {
	width: 50px;
	margin-bottom: 15px;
}
.why-us-box-group li a {
	color: #234876;
	display: block;
	text-decoration: none;
	display: flex;
	font-size: 18px;
	flex-direction: column;
	width: 100%;	
}
.why-us-box-group li a:hover .main-img {
	display: none;
}
.why-us-box-group li a:hover .hover-img {
	display: block!important;
}
.why-us-box-group li a:hover span {
	opacity: 0.7;
}
.why-us-box-group li p {
	padding-right: 16px;
	margin-bottom: 0;
}
/* end purpose-why-us */


/* start purpose-our-work */
#purpose-our-work {
	padding: 90px 0;
	background: #E2F0E1;
}
#purpose-our-work .section-headding p {
	text-align: left;
}
#purpose-our-work .work-box h4 {
	color: #234876;

}
#purpose-our-work .work-box p {
	margin-bottom: 0;
	line-height: normal;
}
#purpose-our-work .work-box-img {
	text-align: center;
	max-width: 100%;
}
#purpose-our-work .work-box-img img {
	max-width: 100%;
	margin-bottom: 20px;
}
/* end purpose-our-work */

/* start full-logo */
#full-logo {
	padding: 40px 0;
}
#full-logo .logo-area {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
#full-logo .logo-area img {
	width: 120px;
	margin: 10px;
}
#full-logo .logo-area svg {
	margin: 10px;
}
/* end full-logo */

/* start team member */
.member-img {
	border: 4px solid transparent;
}
.member-img .hovered{
	display: none;
}
.member-img:focus {
	border: 4px solid #ece058;
}
.member-img:hover .default {
	display: none;
}
.member-img:hover .hovered {
	display: block;
}
/* end team member */

/* start expreience */
#case-studies {
	padding: 90px 0;
}
.case-study{
	border-bottom: 1px solid #ddd;
}
.case-study .case-header {
	cursor: pointer;
}
.case-study .case-body .image-area {
	background: #ece058;
	padding: 30px 0;
	text-align: center;
}
.case-study .case-body .image-area img {
	height: 150px;
}
/* end  expreience */
/* responsive */
@media (max-width: 991.98px) {
	#banner {
		padding: 40px 0;
	}
	#banner img {
		width: 250px!important;
		margin-bottom: 30px;
	}
	#banner h1 {
		font-size: 26px;
	}
	#banner p {
		width: 100%;
		font-size: 18px;
	}
	/* start purpose why us */
	.why-us-box-group {
		flex-wrap: wrap;
	}
	.why-us-box-group li {
		width: 20%;
		padding: 10px;
		text-align: left;
	}
	.why-us-box-group li a {
		margin-bottom: 0;
	}
	.why-us-box-group li img {
		margin: 0;
		margin-bottom: 10px;
	}
	.why-us-box-group li p {
		/* font-size: 14px; */
		padding-right: 0;
	}
	/* end purpose why us */
	#purpose-service {
		padding: 80px 0;
	}
	#purpose-service .service-box {
		margin-bottom: 20px;
	}
	/* start purpose-our-work */
	#purpose-our-work .work-box {
		/* order: 2; */
	}
	#purpose-our-work .work-box-img {
		/* order: 1; */
	}
	#purpose-our-work .work-box-img svg{
		max-width: 100%;
	}
	/* end purpose-our-work */
	#full-logo .logo-area {
		flex-direction: column-reverse;
	}

}
/* end max 992px */


@media (max-width: 575.98px) {
	.process-work-row-xs {
		flex-direction: column;
	}
	#purpose-our-work .work-box-img img {
		margin-top: 30px!important;
	}
	.order-xs-1 {order: 1!important;}
	.order-xs-2 {order: 2!important;}
	.order-xs-3 {order: 3!important;}
	.order-xs-4 {order: 4!important;}
	.order-xs-5 {order: 5!important;}
	.order-xs-6 {order: 6!important;}
	.order-xs-7 {order: 7!important;}
	.order-xs-8 {order: 8!important;}
	.order-xs-9 {order: 9!important;}
	.order-xs-10 {order: 10!important;}
	.order-xs-11 {order: 11!important;}
	.order-xs-12 {order: 12!important;}
	.order-xs-13 {order: 13!important;}
	.order-xs-14 {order: 14!important;}
	#purpose-why-us h2 {
		text-align: center;
		display: block;
	}
	.why-us-box-group li {
		width: 100%;
		text-align: center;
	}
	.why-us-box-group li a {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
/* end 575px */

@media (min-width: 576px) and (max-width: 767.98px) {
	.why-us-box-group li {
		width: 33.33%;
	}
}
/* end 757px */

@media (min-width: 567px) and (max-width: 991.98px) {
	#full-logo .logo-area {
		flex-direction: row;
	}
	#full-logo .logo-area svg {
		text-align: center;
		width: 100%;
	}
}
/* end 992px */