.cta {
	padding: 50px 0;
}

.cta-wrapper {
	max-width: 1428px;
	margin: 0 auto;
	background-color: #E5F4F0;
	position: relative;
	overflow: hidden;
}

.cta-wrapper-img {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	max-width: 780px;
}

.cta-wrapper-img img {
    width: 800px;
    position: absolute;
    right: -362px;
    max-width: unset;
    top: 0;
}

.cta-wrapper-content {
	position: relative;
	z-index: 1;
	padding: 32px 22px 38px;
	text-align: center;
}

.cta-icon {
	width: 83px;
	height: 83px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	margin: 0 auto 20px;
}

.cta-icon i {
	font-size: 42px;
	color: #01916D;
}

.cta-icon img {
	object-fit: contain;
}

.cta-wrapper-content h2 {
	font-size: 22px;
	padding-bottom: 12px;
}

.cta-wrapper-content p {
	font-size: 15px;
	color: #353535;
	font-family: 'clarimo_ud_pelight';
	font-weight: normal;
	padding-bottom: 22px;
}



@media (min-width: 768px){
	.cta-wrapper-content {
	    padding: 32px 25px 38px;
	    display: flex;
	    justify-content: space-between;
	    text-align: left;
	    align-items: center;
	}

	.cta-text {
		width: calc(100% - 240px);
		padding-left: 23px;
	}

	.cta-text .cta-text {
		width: auto;
		padding-left: 0;
	}

	.cta-icon {
		margin: 0;
	}

	.cta-wrapper-content p {
		padding-bottom: 0;
		max-width: 284px;
	}

	.cta-wrapper-content h2 {
	    font-size: 24px;
	    padding-bottom: 10px;
	}

	.cta-wrapper-content > .btn {
		flex: 1 0 auto;
	}

	.cta {
	    padding: 60px 0;
	}

	.cta-wrapper-img img {
	    right: -262px;
	    top: -23px;
	}
}

@media (min-width: 1200px){
	.cta-wrapper-content h2 {
	    font-size: 36px;
	    padding-bottom: 16px;
	}

	.cta-wrapper-content p {
	    max-width: unset;
	    font-size: 18px;
	}

	.cta-icon {
	    width: 103px;
	    height: 103px;	    
	}

	.cta-icon i {
		font-size: 53px;
	}

	.cta-text {
	    width: calc(100% - 302px);
	    padding-left: 40px;
	}

	.cta-text .cta-text {
		width: auto;
		padding-left: 0;
	}

	.cta-wrapper-content {
	    padding: 51px 71px 56px 49px;
	}

	.cta-wrapper-img img {
	    right: 0;
	    top: 0;
	    width: auto;
	}

	.cta {
	    padding: 100px 0;
	}
	

}

.cta-bar {
	position: relative;
	background-color: #01916D;
	z-index: 1;
}

.cta-pattern-top {
	position: absolute;
	top: 0;
	left: 0;
}

.cta-pattern-bottom {
	position: absolute;
	bottom: 0;
	right: 0;
}

.cta-bar * {
	color: #fff;
}

.cta-bar .btn-group {
	justify-content: center;
}

.cta-bar .btn-primary {
	background-color: #fff;
	color: #01916D;
}

.cta-bar .btn-secondary {
	border-color: #fff;
	color: #fff;
}

@media (min-width: 768px) {
	.cta-pattern-top,
	.cta-pattern-bottom {
		width: 384px !important;
	}
}

@media (min-width: 1200px) {
	.cta-pattern-top,
	.cta-pattern-bottom {
		width: 50% !important;
	}

	.cta-bar .btn-primary:hover {
		background-color: transparent;
		border-color: #fff;
		color: #fff;
	}
	
	.cta-bar .btn-secondary:hover {
		background-color: #fff;
		color: #01916D;
	}
}

@media (min-width: 1920px) {
	.cta-pattern-top,
	.cta-pattern-bottom {
		width: 882px !important;
	}
}

.cta-dark__wrap {
	background-color: #353535;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	margin: 0 auto;
	max-width: 1428px;
}

.cta-dark__img {
	position: relative;
	height: 150px;
}

.cta-dark__img::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	background: linear-gradient(to bottom,  rgba(53,53,53,0) 0%,rgba(53,53,53,1) 100%);
}

.cta-dark__flex {
	padding: 24px 30px 40px 30px;
}

.cta-dark__left {
	color: #fff;
	padding: 0 0 17px 0;
	position: relative;
	z-index: 1;
}

.cta-dark__left .subtilte,
.cta-dark__left h2 {
	color: #fff;
}

.cta-dark__right .btn-secondary {
	background-color: #fff;
	border: none;
}

.cta-dark__left .subtilte::before,
.cta-dark__left .subtilte::after {
	left: -30px;
	width: 22px;
}

.cta-wrapper-img--inner {
	display: none;
}

@media (min-width: 768px) {
	.cta-dark__img {
		position: absolute;
		height: 100%;
		top: 0;
		right: 0;
		width: 326px;
	}

	.cta-dark__flex {
		padding: 50px 52px;
	}

	.cta-dark__img img {
		object-position: right;
	}

	.cta-dark__img::after {
		background: linear-gradient(to right,  rgba(53,53,53,1) 0%,rgba(53,53,53,0.7) 100%);
	}

	.cta-dark__left .subtilte::before,
	.cta-dark__left .subtilte::after {
		left: -52px;
		width: 37px;
	}
}

@media (min-width: 1200px) {

	.cta-dark__img {
		width: 712px;
	}

	.cta-dark__flex {
		padding: 80px 100px;
		display: flex;
		justify-content: space-between;
	}

	.cta-dark__left {
		width: calc(100% - 313px);
		padding: 0;
	}

	.cta-dark__left h2 {
		padding-bottom: 5px;
	}

	.cta-dark__right {
		width: 313px;
		text-align: right;
	}

	.cta-dark__right .btn + .btn {
		margin-left: 0;
		margin-top: 20px;
	}

	.cta-dark__left .subtilte::before,
	.cta-dark__left .subtilte::after {
		left: -100px;
		width: 85px;
	}

	.cta-dark__right .btn-secondary:hover {
		background-color: #01916D;
	}
}

@media (min-width: 1440px) {

	.cta-dark__img {
		width: 876px;
	}

	.cta-wrapper-img--inner {
		display: block;
	}

}