/* cta.css */

/* ---- structure ---- */
.section_cta {
	background-color: var(--mapped-surface-default);
}

.section_cta.is-border-btm {
	z-index: 1;
	border-bottom: 1px solid var(--mapped-border-default);
	position: relative;
}

.cta-col_img {
	width: 100%;
	padding: var(--mapped-padding-xl) var(--mapped-padding-md);
	justify-content: center;
	align-items: center;
	display: flex;
}

.cta-col_img.is-height-100 {
	max-height: 100%;
}

.cta-img_container {
	object-fit: contain;
	clip-path: polygon(
		1em 0%,
		calc(100% - 1em) 0%,
		100% 1em,
		100% calc(100% - 1em),
		calc(100% - 1em) 100%,
		1em 100%,
		0% calc(100% - 1em),
		0% 1em
	);
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.cta-col_form {
	width: 100%;
	padding: var(--mapped-padding-xl) var(--mapped-padding-md);
}

.cta-col_form.is-height-100 {
	max-height: 100%;
}

.cta-head {
	margin-bottom: var(--brand-scale-1100);
	grid-column-gap: var(--mapped-padding-sm);
	grid-row-gap: var(--mapped-padding-sm);
	flex-flow: column;
	display: flex;
}

.cta-img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	min-height: 100%;
}

.cta-btm {
	z-index: 1;
	background-color: var(--mapped-surface-dark);
	clip-path: polygon(0 0, 100% 0, 95.3% 100%, 4.7% 100%);
	height: 3.5em;
	position: relative;
}