.cta-banner {
	background: #22555C;
	border-radius: 20px;
	display: flex;
	column-gap: 74px;
	padding: 60px 90px;
}

.cta-banner__heading {
	color: #FFF;
	margin-bottom: 27px;
	max-width: 836px;
}

.cta-banner__subheading {
	color: #FFF;
	margin-bottom: 50px;
}

.cta-banner__button a {
	background: #0097AE;
	border-radius: 8px;
	color: #FFF;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	height: 60px;
	padding: 12px 28px;
	text-decoration: none;	
}

.cta-banner__button svg {
	fill: #F1F7F8;
	height: 18px;
	transform: translateY(2px);
}

.cta-banner__image img {
	width: 220px;
	height: auto;
}

{# ---- Tablet Breakpoint ---- #}
@media (max-width: 992px) {
	.cta-banner {
		border-radius: 0;
		flex-direction: column;
		padding: 60px 20px;
		position: relative;
	}

	.cta-banner__text {
		display: flex;
		flex-direction: column;
		row-gap: 32px;
	}

	.cta-banner__heading {
		margin-bottom: 0;
	}

	.cta-banner__subheading {
		margin-bottom: 0;
	}

	.cta-banner__button a {
		font-size: 16px;
		line-height: 1.6;
		height: 50px;
		padding: 12px 28px;
	}

	.cta-banner__image {
		position: absolute;
		right: 20px;
		top: 100px;
	}

	.cta-banner__image img {
		width: 100px;
	}
}

{# ---- Mobile Breakpoint ---- #}
@media (max-width: 765px) {
	.cta-banner__subheading {
		max-width: 202px;
	}
}