:root {
	--main: #192454;
	--cta: #F66B3E;
	--bckg: #F9F9F9;
}
.cs-title {
	font-size: 38px;
	line-height: 50px;
	letter-spacing: 0.01em;
	color: var(--main);
}
.cs-text {
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.02em;
	color: var(--main);
}
.cs-cta {
	width: 272px;
	height: 60px;
	border: none;
	background: linear-gradient(to right, #BCE01D 50%, #A7CA0B 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all 0.2s ease-in-out;
	font-family: "FuturaHeavy";
	display: flex;
	align-items:center;
	justify-content: center;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
}
.cs-cta:visited {
	color: #fff;
}
.cs-cta:hover {
	outline: none;
	text-decoration: none;
	color: #fff;
	opacity: 1;
	background-position: left bottom;
}

/* Hero */
#cs-inner-hero {
	padding-top: 130px;
	background: linear-gradient(to bottom, var(--main) 83%, var(--bckg) 17%);
}
.cs-hero-right img {
	border-radius: 147px 0;
	width: auto;
	height: 100%;
	object-fit: cover;
}
#breadcrumbs {
	color: #fff;
}
#cs-inner-hero .p-sub {
	color: #fff;
}

/* About */
#cs-about,
#cs-challenges {
	background: var(--bckg);
}
#cs-about {
	padding: 100px 0;
}
.cs-about-title-wrap {
	text-align: center;
	max-width: 80%;
	margin: 0 auto;
}
.cs-about-title {
	margin-bottom: 30px;
}
.cs-about-wrap .cs-text {
	line-height: 33px;
}

/* Challenges */
#cs-challenges {
	padding-bottom: 100px;
}
.cs-challenges-wrap {
	display: flex;
	justify-content: space-between;
}
.cs-challenges-title {
	margin-bottom: 30px;
}
.cs-challenges-list ul {
	list-style: disc;
	padding-left: 20px;
}
.cs-challenges-list ul li {
	line-height: 28px;
	margin-bottom: 10px;
}
.cs-challenges-logo-wrap {
	width: 160px;
	margin-left: 60px;
}

/* Action */
#cs-action {
	padding: 100px 0 90px;
}
.cs-action-title {
	margin-bottom: 40px;
	text-align: center;
}
.cs-action-list {
	display: flex;
	flex-wrap: wrap;
}
.cs-action-list > div {
	margin-bottom: 30px;
}
.action-box {
	display: flex;
	align-items: flex-start;
	height: 100%;
	box-shadow: 8px 8px 40px 0px #02071D14;
	padding: 40px 40px 35px;
}
.action-box img {
	margin-right: 30px;
}
.action-box h3 {
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.02em;
	color: var(--main);
	margin-bottom: 15px;
}
.action-box p {
	margin-bottom: 0;
}

/* Results */
#cs-results {
	text-align: center;
	padding-bottom: 130px;
}
.cs-results-title {
	margin-bottom: 50px;
}
.result-box span {
	font-size: 50px;
	line-height: 80px;
	letter-spacing: 0.02em;
	color: var(--cta);
}
.result-box .cs-text {
	max-width: 80%;
	margin: 0 auto;
}

/* Banner */
#cs-banner {
	background: linear-gradient(to bottom, #fff 50%, var(--bckg) 50% );
}
.cs-banner-wrap {
	background: var(--main);
	text-align: center;
	padding: 100px 80px 90px;
}
.cs-banner-text {
	font-size: 34px;
	line-height: 54px;
	letter-spacing: 0.02em;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 0;
}
.cs-banner-text span {
	color: var(--cta);
}

/* Achieved */
#cs-achieved {
	background: var(--bckg);
	padding: 150px 0 90px;
}
.achieved-text h3 {
	font-size: 32px;
	line-height: 56px;
	letter-spacing: 0.01em;
	color: var(--main);
}
.achieved-text {
	font-size: 26px;
	line-height: 36px;
	letter-spacing: 0.01em;
	font-family: 'FuturaMedium';
}
.achieved-text span {
	color: var(--main);
}
.cs-achieved-wrap_inner:not(:last-of-type) {
	border-bottom: 1px dotted #B5B5B5;
}
.cs-achieved-wrap_inner {
	display: flex;
	justify-content: space-between;
	padding: 70px 0;
}
.cs-achieved-wrap_inner:first-of-type {
	padding-top: 50px;
}
.cs-achieved-wrap_inner:nth-child(odd) {
	flex-direction: row-reverse;
}
.cs-chart {
	box-shadow: 16px 16px 50px 0px #0000001A;
}
.achieved-text-wrap {
	max-width: 35%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.achieved-text-wrap h3 {
	font-size: 32px;
	line-height: 42px;
	letter-spacing: 0.01em;
	color: var(--main);
	margin-bottom: 20px;
}

/* CTA Banner */
#cs-cta-banner {
	background: linear-gradient(to bottom, var(--bckg) 50%, #fff 50% );
}
#cs-cta-banner .cs-text {
	color: #fff;
	margin: 20px auto 0;
	max-width: 40%;
	text-align: center;
}

/* Testimonials */
#cs-testimonials {
	padding: 20px 90px 120px;
}
.cs-testimonials-title {
	margin-bottom: 70px;
	text-align: center;
}
.cs-testimonials-botom {
	margin-top: auto;
	border-top: 1.5px solid #D9DAE1;
	display: flex;
	justify-content: space-between;
	padding: 20px 20px 25px 36px;
	align-items: center;
	height: 90px;
}
.cs-testimonials-botom p.md-wy-li-po {
	padding-bottom: 0;
}

/* Media */
@media all and (max-width: 1500px) {
	.cs-title {
		font-size: 30px;
		line-height: 40px;
	}
	.cs-text {
		font-size: 18px;
		line-height: 28px;
	}
	#cs-about {
		padding-top: 70px;
		padding-bottom: 50px;
	}
	.cs-challenges-logo-wrap {
		margin-left: 40px;
	}
	.cs-challenges-list {
		width: calc(100% - 250px);
	}
	#cs-challenges,
	#cs-results {
		padding-bottom: 80px;
	}
	#cs-action {
		padding-top: 80px;
	}
	.action-box h3 {
		font-size: 22px;
		line-height: 26px;
	}
	.cs-banner-text {
		font-size: 30px;
		line-height: 49px;
	}
	#cs-achieved {
		padding-top: 100px;
		padding-bottom: 50px;
	}
	.achieved-text-wrap h3 {
		font-size: 28px;
		line-height: 43px;
		margin-bottom: 15px;
	}
	.achieved-text {
		font-size: 24px;
		line-height: 34px;
	}
	.achieved-img-wrap {
		max-width: 60%;
	}
	#cs-testimonials {
		padding: 0 40px 90px;
	}
	.cs-testimonials-title {
		margin-bottom: 55px;
	}
	.cs-testimonials-logo {
		max-width: 40%;
	}
}

@media all and (max-width: 1199px) {
	#cs-inner-hero {
		padding-top: 97px;
	}
	#cs-cta-banner,
	#cs-testimonials {
		padding-bottom: 70px;
	}
}

@media all and (max-width: 991px) {
	.cs-inner-hero-text {
		margin-bottom: 35px;
	}
	.cs-about-title-wrap {
		max-width: 75%;
	}
	.cs-about-title {
		max-width: 80%;
		margin: 0 auto 15px;
	}
	.cs-about-wrap .cs-text {
		line-height: 29px;
		margin-bottom: 20px;
	}
	#cs-about {
		padding-top: 60px;
		padding-bottom: 35px;
	}
	.cs-challenges-title {
		margin-bottom: 15px;
	}
	.cs-challenges-list {
		width: calc(100% - 230px);
	}
	.cs-challenges-logo-wrap {
		margin-left: 30px;
	}
	#cs-challenges, #cs-results {
		padding-bottom: 60px;
	}
	#cs-action {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.action-box {
		padding: 35px 30px 30px;
	}
	.action-box img {
		margin-right: 25px;
		width: 30px;
		height: 30px;
	}
	.action-box h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.result-box .cs-text {
		max-width: 55%;
	}
	#cs-cta-banner .md-banne-batb-wrap h2.banner-title {
		font-size: 30px;
		line-height: 44px;
	}
	#cs-cta-banner .cs-text {
		max-width: 56%;
		padding: 0 15px;
	}
	.cs-banner-wrap {
		padding: 88px 60px 75px;
	}
	.cs-banner-text {
		font-size: 27px;
		line-height: 45px;
	}
	#cs-achieved {
		padding-top: 70px;
		padding-bottom: 0px;
	}
	.achieved-text-wrap h3 {
		font-size: 23px;
		line-height: 27px;
	}
	.achieved-text {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 28px;
	}
	.achieved-img-wrap {
		max-width: 65%;
	}
	.achieved-text-wrap {
		max-width: 30%;
	}
	.achieved-text br {
		display: none;
	}
	.cs-achieved-wrap_inner {
		padding: 60px 0;
	}
	.cs-chart {
		width: 100%;
	}
	.cs-testimonials-title {
		margin-bottom: 40px;
	}
	#cs-testimonials {
		padding-bottom: 58px;
	}
	.cs-hero-right {
		text-align: center;
	}
	.result-box {
		margin-bottom: 30px;
	}
}

@media all and (max-width: 767px) {
	.cs-title {
		font-size: 25px;
		line-height: 34px;
	}
	.cs-about-title-wrap {
		max-width: unset;
	}
	.cs-challenges-wrap {
		flex-direction: column-reverse;
	}
	.cs-challenges-list {
		width: 100%;
	}
	.cs-challenges-list ul li {
		line-height: 26px;
		font-size: 16px;
	}
	.cs-challenges-logo-wrap {
		margin: 20px auto 0;
	}
	.action-box {
		padding: 30px 25px 30px;
		flex-direction: column;
	}
	.action-box img {
		margin: 0 0 17px 0;
	}
	.cs-results-title {
		margin-bottom: 17px;
	}
	.result-box span {
		font-size: 40px;
		line-height: 52px;
	}
	#cs-results {
		padding-bottom: 30px;
	}
	.cs-banner-text {
		font-size: 20px;
		line-height: 33px;
	}
	.cs-banner-wrap {
		padding: 70px 25px 60px;
	}
	.cs-achieved-wrap_inner,
	.cs-achieved-wrap_inner:nth-child(odd) {
		padding: 50px 0;
		flex-direction: column;
	}
	.achieved-text-wrap {
		max-width: 100%;
		margin-bottom: 30px;
	}
	.achieved-text {
		max-width: 75%;
	}
	.achieved-img-wrap {
		max-width: 100%;
	}
	.achieved-text-wrap h3 {
		font-size: 20px;
	}
	.cs-achieved-wrap_inner:first-of-type {
		padding-top: 25px;
	}
	.cs-testimonials-title br {
		display: none;
	}
	#cs-testimonials {
		padding-left: 10px;
		padding-right: 10px;
	}
	#cs-cta-banner .cs-text {
		max-width: 80%;
	}
}