.block--call-to-action {
	position: relative;
	isolation: isolate;
}

.block--call-to-action--inner {
	position: relative;
	min-height: 400px;
	background-color: var(--wp--preset--color--turquoise);
	border-radius: 20px;
	margin-bottom: -200px;
	z-index: 1;
	padding: clamp(32px, calc(32px + ((1vw - 4px) * 1.667)), 52px)
		clamp(32px, calc(32px + ((1vw - 4px) * 6)), 104px);
	overflow: hidden;
}

@media screen and (max-width: 640px) {
	.block--call-to-action--inner {
		position: relative;
		min-height: 400px;
		background-color: var(--wp--preset--color--turquoise);
		border-radius: 20px;
		margin-bottom: -200px;
		z-index: 1;
		padding: 32px;
		overflow: hidden;
	}
}

.block--call-to-action--inner > .is-layout-flow {
	position: relative;
	z-index: 1;
}

.block--call-to-action--bottom {
	position: relative;
	display: flex;
	align-items: flex-end;
	height: 580px;
	background: var(--wp--preset--gradient--gradient-1);
	z-index: 0;
	transition: height 0.2s ease;
}

@media screen and (max-width: 1024px) {
	.block--call-to-action--bottom {
		height: 480px;
	}
}

@media screen and (max-width: 640px) {
	.block--call-to-action--bottom {
		height: 420px;
	}
}

.block--call-to-action--bottom img {
	position: absolute;
	inset: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	filter: grayscale(1);
	object-position: 50% 15%;
}

.block--call-to-action--bottom::after {
	content: '';
	background: linear-gradient(90deg, #003f48 33.19%, #c6e5df 99.96%);
	mix-blend-mode: multiply;
	position: absolute;
	inset: 0;
}

.block--call-to-action--inner i {
	color: var(--wp--preset--color--alabaster);
	font-style: italic;
}

.block--call-to-action--inner svg {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: auto;
	z-index: 0;
	max-width: clamp(50%, calc(50% + ((1vw - 4%) * 3.333)), 100%);
}

#site-content .block--call-to-action label {
	position: absolute;
	top: 20px;
	font-size: 15px;
	font-weight: 300;
	color: var(--wp--preset--color--alabaster);
}

#site-content .block--call-to-action input {
	border-color: var(--wp--preset--color--mint);
	border-radius: 80px;
	height: 100%;
	height: 56px;
	outline: none;
	color: var(--wp--preset--color--alabaster);
}

#site-content .block--call-to-action button[type='submit'] {
	border: 1px solid var(--wp--preset--color--mint);
	height: 56px;
}

#site-content .block--call-to-action .gfield {
	position: relative;
}

#site-content .block--call-to-action .gfield.has-content .gfield_label {
	top: 6px;
	font-size: calc(var(--wp--preset--font-size--caption) * 0.75);
	opacity: 1;
}

#site-content .block--call-to-action .gfield.gfield--type-text .gfield_label,
#site-content .block--call-to-action .gfield.gfield--type-email .gfield_label {
	padding-left: 20px;
	transition: top 0.3s ease, font-size 0.3s ease, opacity 0.3s ease;
}

.block--call-to-action .gform_wrapper.gravity-theme .gform_footer,
.block--call-to-action .gform_wrapper.gravity-theme .gform_page_footer {
	padding: 0;
}

#site-content .block--call-to-action .gform-body button[type='submit'] {
	color: var(--wp--preset--color--alabaster);
	padding: 12px 16px 10px 20px;
}

#site-content .block--call-to-action button[type='submit'] svg path {
	stroke: var(--wp--preset--color--alabaster);
}

.block--call-to-action .block--call-to-action--bottom--dots {
	position: static;
	bottom: 0;
	left: 0;
	height: auto;
	width: auto;
	pointer-events: none;
	z-index: 1;
}
