/* Who We Are Section */
.wwd .title-section h2 {
	color: #b6b6b6;
	font-family: 'Roboto';
	font-size: 129px;
	font-weight: 800;
	line-height: .45;
	text-transform: uppercase;
}
@media (min-width: 320px) {
	.wwd .title-section h2 {
		font-size: 65px;
		line-height: .5;
		padding-top: 50px;
	}
}
@media (min-width: 768px) {
	.wwd .title-section h2 {
		font-size: 190px;
		line-height: .45;
	}
}
.wwd .subtitle-section h3 {
	color: #000;
	display: inline-flex;
	font-family: 'Roboto';
	font-size: 50px;
	font-weight: 400;
	text-transform: uppercase;
}
@media (min-width: 320px) {
	.wwd .subtitle-section h3 {
		font-size: 35px;
	}
}
@media (min-width: 768px) {
	.wwd .subtitle-section h3 {
		font-size: 50px;
	}
}
.wwd .subtitle-section h3 .circle-separate {
	background: #faa61a;
	border-radius: 3em;
	height: 20px;
	margin: auto 5px;
	width: 20px;
}
/* What we do section */
.new-project .title-section,
.operations-assessment .title-section,
.other-services .title-section {
	font-family: 'Montserrat';
	font-size: 25px;
	font-weight: 400;
	text-align: center;
}

.new-project .content-section,
.operations-assessment .content-section,
.other-services .content-section {
	color: #575757;
	font-family: 'Montserrat';
	font-size: 14px;
	font-weight: 300;
}
.btn-wd {
	margin: 15px 0;
}
.btn-wd button {
	align-items: center;
	background: #faa61a;
	border: 0;
	border-radius: 3em;
	color:#010101;
	cursor: pointer;
	display: flex;
	font-family: 'Montserrat';
	font-size: 17px;
	font-weight: 700;
	height: 42px;
	justify-content: center;
	text-transform: capitalize;
	transition: background .3s ease;
	width: 300px;
}
.btn-wd button::before,
.btn-wd button::after {
	transition: all .3s;
	content: "";
}
.btn-wd button:hover::before {
	border: 1px solid #ffbc4c;
	border-radius: 3em;
	bottom: 0;
	content: "";
	height: 52px;
	margin: auto;
	position: absolute;
	top: 0;
	width: 95%;
}
.btn-wd button:hover::after {
	background: #ffbc4c;
	border-radius: 3em;
	content: "";
	height: 10px;
	margin: auto;
	position: absolute;
	top: 4px;
	width: 10px;
}
@media (min-width: 320px) {
	.btn-wd button {
		width: 100%;
	}
}
@media (min-width: 768px) {
	.btn-wd button {
		width: 300px;
	}
}
.btn-wd button:hover {
	background: #ffbc4c;
}
/* Services */
.item-services {
    align-items: center;
    background: #f1f1f1;
    border: 5px solid transparent;
    border-radius: 25px;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 10px;
    padding: 25px;
    text-align: center;
    transition: all .3s ease;
}
.item-services:hover {
    border-color: #faa61a;
}
/* What We Do Progress Steps */
.step-numb span {
	align-items: center;
	background: #faa61a;
	border-radius: 3em;
	display: flex;
	font-family: 'Montserrat';
	font-size: 24px;
	font-weight: 700;
	height: 50px;
	justify-content: center;
	margin: auto;
	width: 50px;
}
.step-description h4 {
	font-family: 'Quicksand';
	font-weight: 700;
}
.progress-steps ul {
	display: flex;
	justify-content: space-around;
	list-style: none;
	margin: 0;
}
.progress-steps .step-content {
	border: 2px solid transparent;
	display: flex;
	transition: all .3s ease;
	height: 85px;
	padding: 2px;
	width: 85px;
}
.progress-steps .step-content:hover {
	border: 2px solid #000;
	border-radius: 3em;
	padding: 2px;
}
.progress-steps .active .step-content {
	border: 2px solid #000;
	border-radius: 3em;
	margin-top: -20px;
	padding: 2px;
}
@media (min-width: 320px) {
	.progress-steps .step-content {
		height: 55px;
		width: 55px;
	}
}
@media (min-width: 768px) {
	.progress-steps .step-content {
		height: 85px;
		width: 85px;
	}
}
.progress-bar {
	background: #000;
	border-radius: 3em;
	height: 5px;
	position: relative;
	transition: width .3s ease;
	width: 100%;
}
#progress-completed {
	background: #faa61a;
	height: 6px;
	position: absolute;
	transition: width .3s ease;
	width: 10%;
}
#progress-completed[data-count='1'].step-0 {
	width: 49.5% !important;
}
#progress-completed[data-count='2'].step-0 {
	width: 24% !important;
}
#progress-completed[data-count='2'].step-1 {
	width: 74% !important;
}
#progress-completed[data-count='3'].step-0 {
	width: 15.5% !important;
}
#progress-completed[data-count='3'].step-1 {
	width: 49% !important;
}
#progress-completed[data-count='3'].step-2 {
	width: 83% !important;
}
#progress-completed[data-count='4'].step-0 {
	width: 11% !important;
}
#progress-completed[data-count='4'].step-1 {
	width: 36.5% !important;
}
#progress-completed[data-count='4'].step-2 {
	width: 61.5% !important;
}
#progress-completed[data-count='4'].step-3 {
	width: 87% !important;
}
#progress-completed[data-count='5'].step-0 {
	width: 10% !important;
}
#progress-completed[data-count='5'].step-1 {
	width: 30% !important;
}
#progress-completed[data-count='5'].step-2 {
	width: 50% !important;
}
#progress-completed[data-count='5'].step-3 {
	width: 70% !important;
}
#progress-completed[data-count='5'].step-4 {
	width: 90% !important;
}
#progres-step {
	background: #faa61a;
	border: 3px solid #000;
	border-radius: 3em;
	height: 15px;
	left: 9%;
	position: absolute;
	transition: all .3s ease;
	width: 15px;
}
#progres-step[data-count='1'].step-0 {
	left: 49.5% !important;
}
#progres-step[data-count='2'].step-0 {
	left: 24% !important;
}
#progres-step[data-count='2'].step-1 {
	left: 74% !important;
}
#progres-step[data-count='3'].step-0 {
	left: 15.5% !important;
}
#progres-step[data-count='3'].step-1 {
	left: 49% !important;
}
#progres-step[data-count='3'].step-2 {
	left: 83% !important;
}
#progres-step[data-count='4'].step-0 {
	left: 11% !important;
}
#progres-step[data-count='4'].step-1 {
	left: 36.5% !important;
}
#progres-step[data-count='4'].step-2 {
	left: 61.5% !important;
}
#progres-step[data-count='4'].step-3 {
	left: 87% !important;
}
#progres-step[data-count='5'].step-0 {
	left: 9% !important;
}
#progres-step[data-count='5'].step-1 {
	left: 29% !important;
}
#progres-step[data-count='5'][data-count='5'].step-2 {
	left: 49% !important;
}
#progres-step[data-count='5'].step-3 {
	left: 69% !important;
}
#progres-step[data-count='5'].step-4 {
	left: 89% !important;
}
/* What We Do Steps */
.new-project,
.operations-assessment,
.other-services {
	display: none;
}

.wwd-steps h4 {
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}
.wwd-steps span {
	color: #faa61a;
}
.wwd-steps p {
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 400;
}