.full-width-contact-form {
	position: relative;
	/*
	 * Must not use overflow: hidden — it clips Gravity Forms + Choices.js
	 * `.choices__list--dropdown` (positioned below the control inside the section).
	 */
	overflow: visible;
}

.full-width-contact-form--section-red {
	background-color: var(--color-red);
}

.full-width-contact-form--section-white {
	background-color: var(--color-bg-white);
}

.full-width-contact-form__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.full-width-contact-form__bg-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 0.1;
}

.full-width-contact-form__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.full-width-contact-form > .container {
	position: relative;
	z-index: 2;
}

.full-width-contact-form__form-col {
	width: 100%;
}

.full-width-contact-form__card {
	border-radius: 30px;
}

.full-width-contact-form__card--white {
	background-color: var(--white);
	box-shadow: 0 6px 15.5px 0 rgba(0, 0, 0, 0.1);
	padding: 34px 25px;
}

.full-width-contact-form__card--light-gray {
	background-color: var(--light-grey);
	box-shadow: 0 5px 15px 0 rgba(34, 34, 34, 0.2);
	padding: 34px 25px;
}

.full-width-contact-form__content {
	margin-bottom: var(--spacing-sm);
	text-align: center;
}

.full-width-contact-form__content h2,
.full-width-contact-form__content h3 {
	color: var(--black);
	font-family: var(--font-heading);
	font-weight: 500;
	font-size: 25px;
	line-height: 1.2;
	margin-bottom: 0;
}

.full-width-contact-form__form {
	width: 100%;
}

.full-width-contact-form__image-col {
	display: none;
}

.full-width-contact-form__product-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


@media (min-width: 768px) {
	.full-width-contact-form__content h2,
	.full-width-contact-form__content h3 {
		font-size: 32px;
	}

	.full-width-contact-form__card--white,
	.full-width-contact-form__card--light-gray {
		padding: 42px 25px;
	}
}


@media (min-width: 1200px) {
	.full-width-contact-form__content h2,
	.full-width-contact-form__content h3 {
		font-size: 36px;
	}

	.full-width-contact-form__card--white {
		padding: 39px 35px;
	}

	.full-width-contact-form__card--light-gray {
		padding: 35px 54px;
	}

	.full-width-contact-form__form-col {
		max-width: 684px;
	}

	.full-width-contact-form__form-col:has(.full-width-contact-form__card--light-gray) {
		max-width: 684px;
	}

	.full-width-contact-form--no-product-image .full-width-contact-form__form-col,
	.full-width-contact-form--no-product-image .full-width-contact-form__form-col:has(.full-width-contact-form__card--light-gray) {
		max-width: 100%;
	}

	.full-width-contact-form__card--light-gray.fx-gravity-form .gform_heading .gform_title {
		margin-bottom: 35px;
	}

	.full-width-contact-form__image-col {
		display: block;
		position: absolute;
		right: -30px;
		bottom: 0;
		z-index: 2;
		width: 50%;
		max-width: 450px;
	}

	.full-width-contact-form__product-image {
		display: block;
		width: 100%;
		height: auto;
		object-fit: contain;
		object-position: right bottom;
	}
}

@media (min-width: 1300px) {
	.full-width-contact-form__image-col {
		max-width: 580px;
		right: 30px;
	}
}

@media (min-width: 1400px) {
	.full-width-contact-form__image-col {
		max-width: 680px;
		right: -60px;
	}
}

@media (min-width: 1500px) {
	.full-width-contact-form__image-col {
		max-width: 740px;
		right: -60px;
	}
}

@media (min-width: 1600px) {
	.full-width-contact-form__image-col {
		max-width: 750px;
		right: -50px;
	}
}

@media (min-width: 1800px) {
	.full-width-contact-form__image-col {
		right: 130px;
	}
}

@media (min-width: 2000px) {
	.full-width-contact-form__image-col {
		right: 160px;
	}
}

@media (min-width: 2200px) {
	.full-width-contact-form__image-col {
		right: 300px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.full-width-contact-form__card--white,
	.full-width-contact-form__card--light-gray {
		transition-duration: 0.01ms !important;
	}

	.full-width-contact-form__card--white:hover,
	.full-width-contact-form__card--light-gray:hover {
		transform: none;
	}
}