.cta_media_wrapper {
	padding: 5% 10% 5% 10%;
}

h3.top-heading {
	font-weight: 400;
	font-size: 40px;
	line-height: 1.2;
	/* or 120% */
	/* Petrol / 100 */
	color: var(--color-petrol);
}

.cta-link-wrapper p {
	font-size: var(--16px);
	line-height: 1.5;
	max-width: 90%
}

img.left-img {
	height: auto;
	max-width: 100%;
}

.hr-dark-green {
	border: 2px solid var(--color-petrol);
	opacity: 1;
	width: 4%;
}

.divider {
	border: 1px solid #809ea3;
	margin-bottom: 25px;
}

.media-img-container img {
	max-width: 100%;
}

.cta-short-text {
	font-weight: 400;
	font-size: 32px;
	line-height: 1.25;
	color: var(--color-petrol);
	max-width: 90%;
}

.cta-desc {
	font-weight: 400;
	font-size: var(--16px);
	line-height: 1.5;
	color: var(--color-primary-text);
	mix-blend-mode: normal;
	
}

@media only screen and (min-width: 1200px) {
	.cta-short-text {
		font-weight: 400;
		font-size: 32px;
		line-height: 1.25;
		color: var(--color-petrol);
	}
}

@media only screen and (max-width: 1199px) {
	.cta-short-text {
		font-size: 24px;
		line-height: 1.33;
	}
}

@media only screen and (max-width: 767px) {
	.cta-short-text {
		font-size: var(--20px);
		line-height: 1.4;
	}
	
	.cta-desc {
		font-size: var(--16px);
		line-height: 1.5;
	}
	
	h3.top-heading {
		font-size: 36px;
		line-height: 1.33;
	}
	
	.media-img-container img {
		min-height: 20rem;
	}
}

.call_to_action_media_wrapper {
	text-decoration: none !important;
	color: inherit;
}

.call_to_action_media_wrapper:hover {
	text-decoration: none !important;
	color: inherit;
}

div.tile-text-cta {
	position: relative;
}

a.call_to_action_media_wrapper::after {
	content: "\e8e4";
	font-family: "Material Symbols Outlined";
	font-size: 2.0em;
	position: absolute;
	top: 0.75em;
	right: 0.4em;
	transition: all 0.2s ease-in-out;
	line-height: 0;
}

a.call_to_action_media_wrapper:hover::after {
	right: 0em;
	transition: all 0.2s ease-in-out;
}

.cta_media_wrapper .media-container {
	display: grid;
	gap: 2rem;
	grid-template-columns: 1fr;
	margin-bottom: 4rem;
	margin-top: 4rem;
}

.cta-wrapper {
	display: flex;
	flex-direction: row;
}

.cta-wrapper .cta-icon-wrapper {
	margin-right: 1rem;
	margin-top: .25rem;
}

.cta-wrapper .cta-text-wrapper {
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
}

@media only screen and (min-width: 992px) {
	.cta_media_wrapper .media-container {
		grid-template-columns: 1fr 1fr;
	}
	
	.cta-wrapper {
		padding-left: 1.2rem;
	}
	
	.media-img-container.text-media-right {
		order: 1;
	}
}