.form-header {
	background-size: cover;
	margin-bottom: 2rem;
	margin-top: 0;
	padding: 0;
	position: relative
}

@media (min-width:1024px) {
	.form-header {
		margin-bottom: 4rem
	}
}

.form-header__inner {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	width: 100%
}

.form-header__left,
.form-header__right {
	width: 100%
}

@media (min-width:1024px) {

	.form-header__left,
	.form-header__right {
		padding-top: 6rem
	}
}

@media screen and (min-width:1024px) {

	.form-header__left,
	.form-header__right {
		width: calc(50% - 1rem)
	}
}

.form-header__bg {
	--tw-bg-opacity: 1;
	background-color: rgba(242, 243, 245, var(--tw-bg-opacity));
	height: 100%;
	position: absolute;
	width: 100%
}

.form-header__left {
	padding-top: 2rem
}

@media (min-width:768px) {
	.form-header__left {
		padding-top: 4rem
	}
}

@media (min-width:1024px) {
	.form-header__left {
		padding-bottom: 6rem;
		padding-top: 6rem
	}
}

.form-header__left {
	margin-right: 2rem
}

.form-header__left :not(.form-header__bg) {
	position: relative;
	z-index: 1
}

.form-header__left.--light>* {
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.form-header__right {
	display: flex;
	justify-content: center;
	margin-top: 0;
	position: relative
}

.form-header__heading {
	font-size: 54px;
	font-weight: 700;
	line-height: 120%
}

@media (max-width:1024px) {
	.form-header__heading {
		font-size: 40px
	}
}

.form-header__heading {
	--tw-text-opacity: 1;
	color: #0059DE ;
	font-size: 3.375rem
}

@media (min-width:768px) {
	.form-header__heading {
		font-size: 4rem
	}
}

.form-header__description {
	margin-top: 1.75rem
}

.form-header__form-wrapper {
	--tw-bg-opacity: 1;
	--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
	align-items: flex-start;
	background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
	border-radius: .75rem;
	box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	display: flex;
	margin-top: 2.5rem;
	padding: 2.5rem
}

@media (min-width:1024px) {
	.form-header__form-wrapper {
		margin-top: 0
	}
}

.form-header__form-wrapper {
	width: 100%
}

.form-header.--margin-bottom {
	margin-bottom: 16rem;
	margin-top: 0
}