.form-container {
	position: relative;
	height: 150px;

	@media only screen and (max-width: 768px) {
		height: max-content;
	}
}

.homepage-form {
	position: absolute;
	top: -30%;
	width: 90%;

	@media only screen and (max-width: 768px) {
		position: relative;

		.col-12 {
			border-radius: 20px 20px 0 0 !important;
		}
	}

	.homepage-gravity-form {
		display: flex;
		align-items: center;

		@media only screen and (min-width: 768px) {
			height: -webkit-fill-available;
		}

		@media only screen and (max-width: 768px) {
			border-radius: 0 0 20px 20px !important;

			form {
				width: -webkit-fill-available;
				display: flex;
				flex-direction: column;
				align-items: center;
			}
		}

		p {
			margin: 0 !important;
		}

		.gform-theme {
			display: contents;
			margin: 0 !important;
		}

		.gform-body {
			@media only screen and (max-width: 768px) {
				width: 100%;
			}

			div {
				display: flex;
				height: fit-content;
				align-items: center;

				@media only screen and (max-width: 768px) {
					flex-direction: column;
					gap: 12px;
					align-items: start;
				}
			}

			.help-for,
			.with,
			.location {
				@media only screen and (max-width: 768px) {
					width: 100%;

					div {
						width: 100%;
					}
				}

				select {
					border: 0;
					border-radius: 40px;
					box-shadow: none;
					display: block;
					padding-left: 40px;
				}
			}

			.help-for select {
				background-image:
					url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFTSURBVHgBrZNNTsJQEIBnXgtCQmK5QY9Q0QVLvIFH6A2EHSEmrRtkJ5xAvYE3kKUbTb1Bb2AjEEJLO84jaGJ/Hg31W71M5n0zr51BKGA16jhEYPPRJIQAAZ+1pHbbnLz6efmYDpDbM1abxQufrLwLGqDdvHt7SsdFppPNl1MkkcRA00/XMpSifUIf1Bh6KPpKkb7VLShDku34jwgTDKAEiOJUKYrqkc+f/6CMiD6UorbrBQQwA5WEC+mQTJUiybbOSYhekQgTGDQnnp+JF11YDjs2CLzmd1i7gSSWYzxojb3CIv9CYUdrt2umYw1oBOjOg4Oixc1FD2NyCMlCAgPya/MTadYavz/mivZL6kJ5fI3qlz9LjEdKfmXRSXImx0ash13zSInErIXa/a6j5ej8gX+xDRXgrtpyIMstqoJaKK6EHDioCK+VyR3hHCogp17w1H8DCf6B8voNTPkAAAAASUVORK5CYII=),
					url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABOSURBVHgBnczBCcAwDATB7VwuwSWos5SS+KGDQGLs84E+glmAa1zgL8rSxt14kSjT9HAiH+xEpngnssRa/kSEO5vLV0Q4MZcFj7DWV/gBzDQfg+vRCD4AAAAASUVORK5CYII=);
				background-repeat: no-repeat, no-repeat;
				background-position: left 8px center, right 10px center;
				background-size: 18px, 12px;
				background-color: var(--wp--preset--color--jaffa-10);
			}

			.with select {
				background-image:
					url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFVSURBVHgBzZQ9TsNAEIXfrF1Q5gimImWOEHcUODEnIEYhLdwg5ASBliQCToDlSCCqiIrWLTT4CDmAnWXWEji287OJKfgkS7s7fm9Hu88m6HDv1pAkTzxqQGKAi+mNjszQMLawSN5TY+AAhGO060Dw8VbN/M5tgJIX7tYqVJpoH9UQfL5uktPaythxVd/81LAeH4bhwfPn+ubj1iUgtc6ViXgDmzeIigVRenVy0t/BWGHxZc/SuymQda4SsUiGfL4d7EfE+lP0nsO8eRq1eMbTBqoiqIPz4FENjSxqVMdfIOH+RJUwcb5WRK06BE9sSmNVTAhhI44tEJ8VcIaqSGlDmnP0/DBre9S6Bsk+qtKd/nqaegriL1CGSwtNHZWGOUXoBoe5pZFzxVc13KYU2IqMVqyF0EDDfH/+obmK2k7mpnjgrEf5skoJbksqzjDUv7y0KQ2Wp99bjGNnInahpgAAAABJRU5ErkJggg==),
					url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABOSURBVHgBnczBCcAwDATB7VwuwSWos5SS+KGDQGLs84E+glmAa1zgL8rSxt14kSjT9HAiH+xEpngnssRa/kSEO5vLV0Q4MZcFj7DWV/gBzDQfg+vRCD4AAAAASUVORK5CYII=);
				background-repeat: no-repeat, no-repeat;
				background-position: left 8px center, right 10px center;
				background-size: 18px, 12px;
				background-color: var(--wp--preset--color--green-haze-10);
			}

			.location select {
				background-image:
					url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAUCAYAAABSx2cSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFnSURBVHgBlVNBTsJQEJ03GhMEE47AEXBjbNzQG+jSFKMcgSNwEjBKXKIngJVNXHEEjkAihkhCx5naNuW3In2rmT/z5s+feR/kYDUOH1joPhJpA2iKyJKBeQR6bATeKJ+L1Fi/hK1oiwmRtOlvLPiI/Nqtt8jIv0Saqtmi/5EVYPMqEA1Jh3qzvRFCQ6oIAfWYdDhuQN+yiIT8eteDIDo3382xoTKkOKBjHN2c3XkzsxvB1Xwr1CvcTGgz6TrcwElwMc/7aSGH3lRysaX1U9jJ+6vxR7vsaSyRvLkBFcRwkxCsEGQ7KdwLzPCpQUa8qkrQgfmxSFbP4VSNzqFEzZ2ddj0/FokIDagCkOTH5HiakNfDmBjVkulzesaMvraw3MuzCbNkXWZkE7qA97avWxikPyoptouv8ftE93BNJe3Wg8sdpbGbs9l891wtu+3mzotwd2+fwzTu5nEZ2aavwu+bdIWkX0Y0/ADEFZFyBV3xBwAAAABJRU5ErkJggg==),
					url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABOSURBVHgBnczBCcAwDATB7VwuwSWos5SS+KGDQGLs84E+glmAa1zgL8rSxt14kSjT9HAiH+xEpngnssRa/kSEO5vLV0Q4MZcFj7DWV/gBzDQfg+vRCD4AAAAASUVORK5CYII=);
				background-repeat: no-repeat, no-repeat;
				background-position: left 8px center, right 10px center;
				background-size: 18px, 12px;
				background-color: var(--wp--preset--color--illusion-20);
			}
		}

		.gform-footer {
			.button {
				background-color: var(--wp--preset--color--sherpa) !important;
				border-radius: 50px !important;
				font-size: 1.125rem !important;
				padding: 1.125rem 2rem !important;
				font-weight: bold !important;
			}
		}
	}
}