.content_background-layout {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 80vh;
	padding-top: max(25rem, calc(25 * var(--su)));
	padding-bottom: max(2rem, calc(3 * var(--su)));
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.content_background-layout::before {
	content: ''; position: absolute; inset: 0; z-index: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -7.94%, rgba(0, 0, 0, 0.55) 100%);
}

.content_background-layout > .pk-grid-container {
	z-index: 1;
	align-items: end;
}

.content_background-layout .content-col.big-heading .pk-heading {
	font-size: max(3.5rem, calc(6 * var(--su))) !important;
}

.content_background-layout .content-col > *:not(.odnhn-button), .content_background-layout .cta-col h3 {
	color: var(--odnhn-white-100);
}

.content_background-layout .content-col .content-text * {
	font-weight: 400;
	font-size: max(1.25rem, calc(1.25 * var(--su)));
}

.content_background-layout .cta-col {
	position: relative;
	aspect-ratio: 1;
	width: 100%;
	height: auto;
	background-color: var(--odnhn-purple);
	padding: max(1.5rem, calc(2 * var(--su)));
	display: flex;
	align-items: end;
	border-radius: 12px;
	text-decoration: none;
	transition: background-color .2s ease-in-out;
}

.content_background-layout .cta-col:hover, .content_background-layout .cta-col:active {
	background-color: var(--odnhn-purple-dark);
}

.content_background-layout .cta-col .odnhn-single-icon {
	transition: transform .2s ease-in-out;
	width: max(2rem, calc(2.5 * var(--su)));
	aspect-ratio: 1;
	height: auto;
	background-color: var(--odnhn-lime);
	position: absolute;
	top: max(1.5rem, calc(2 * var(--su)));
	right: max(1.5rem, calc(2 * var(--su)));
}

.content_background-layout .cta-col:hover .odnhn-single-icon, .content_background-layout .cta-col:active .odnhn-single-icon {
	transform: scale(1.2);
}


.content_background-layout .cta-col .odnhn-single-icon::before {
	background-color: var(--odnhn-white-100);
	transform: rotate(-45deg);
}


@media screen and (max-width: 992px) {

	
}

@media screen and (max-width: 767px) {
	
	.content_background-layout {
		min-height: unset;
	}
	
	.content_background-layout > .pk-grid-container {
		row-gap: 2rem;
	}
	
	.content_background-layout .cta-col {
		aspect-ratio: unset;
	}
	
	.content_background-layout .cta-col h3 {
		max-width: 50%;
		min-width: 160px;
	}
	
}