:root {
	--padding-top: var(--padding-tb, 5%);
	--padding-bottom: var(--padding-tb, 5%);
}

.cbe-cta-section {
  	background: var(--accent-color);
	display: flex;
	padding-top: var(--padding-top);
	padding-bottom: var(--padding-bottom);
	padding-left: var(--extreme-pads, 5vw);
	padding-right: var(--extreme-pads, 5vw);
	position: relative;
	overflow: hidden;
}
.cbe-cta-section .cbe-cta-inner {
	position: relative;
	z-index: 2;
	color: white;
}
.cbe-cta-section .cbe-cta-inner.left-side {
	flex-basis: 55%;
}
.cbe-cta-section .cbe-cta-inner.right-side {
	flex-basis: 45%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.cbe-cta-section .cbe-cta-title {
	color: var(--text-light-color);
	line-height: 1.2;
}
.cbe-cta-section .cbe-cta-paragraph {width: 75%;}
.cbe-cta-section .cbe-cta-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, var(--accent-color) 30%, transparent 100%);
	z-index: 1;
}
.cbe-cta-section .cbe-cta-bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-size: 75%;
	background-position: center right;
	opacity: 0.25;
}
.cbe-cta-section .cbe-cta-inner.left-side .cbe-cta-button {
	margin-top: 70px;
}

@media screen and (max-width: 768px) {
	.cbe-cta-section {
		flex-direction: column;
		padding: 10% 5vw;
	}
	.cbe-cta-section .cbe-cta-inner.left-side,
	.cbe-cta-section .cbe-cta-inner.right-side {
		flex-basis: 100%;
	}
	.cbe-cta-section .cbe-cta-inner.right-side {
		margin-top: 20px;
		justify-content: flex-start;
	}
	.cbe-cta-section .cbe-cta-paragraph {
	  width: 100%;
	}
	.cbe-cta-section .cbe-cta-inner.left-side .cbe-cta-button {
		margin-top: 40px;
	}
	.cbe-cta-section .cbe-cta-bg {
		background-size: cover;
		background-position: center center;
	}
}