/* Specific style pertaining to this block only, to be used whenever your block is displayed both front-end and back-end */

.contact-form-full {
	background-color: var(--color-100);
	/* background-color: var(--global--color-primary-light); */
	padding: 2rem 0;
}

.contact-form-full .contact-form-full-container {
	max-width: var(--responsive--alignwide-width);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
.contact-form-full .contact-form-full-container > * + * {
	margin-top: 3rem;
}

.contact-form-full-copy-container {
	width: 100%;
	max-width: 55ch;
	text-align: center;
	margin: auto;
}

.contact-form-full-copy-container  > * + * {
	margin-top: 1rem;
}

.contact-form-full .contact-form-full-form-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 50rem;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.contact-form-full .contact-form-full-form-container > * + * {
	margin-top: 1rem;
}

.contact-form-full-form-container .button .text-control {
	width: max-content;
	max-width: 300px;
}

.contact-form-full form fieldset.form-columns-2 .hs-form-field {
	--gap: 3rem;
	width: calc((100% - var(--gap)) / 2);
}
.contact-form-full form fieldset.form-columns-2 .hs-form-field + .hs-form-field {
	margin-left: var(--gap);
}

@media only screen and (max-width: 64em) {  /* 1024px - menu breakpoint */
	.contact-form-full form fieldset.form-columns-2 .hs-form-field {
		--gap: 1rem;
	}
}

@media only screen and (max-width: 40em) {  /* 640px */
	.hbspt-form fieldset,
	.hbspt-form form fieldset,
	.hbspt-form form fieldset.form-columns-1 .hs-input,
	.hbspt-form form fieldset.form-columns-2 .hs-input,
	.hbspt-form form:not(.hs-video-form) .form-columns-2 .hs-form-field .hs-input,
	.hbspt-form form:not(.hs-video-form) .form-columns-3 .hs-form-field .hs-input {
		width: 100% !important;
	}
	.contact-form-full form fieldset.form-columns-2 .hs-form-field {
		width: 100%;
	}
	.contact-form-full form fieldset.form-columns-2 .hs-form-field + .hs-form-field {
		margin-left: unset;
	}

}

@media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) {
	.contact-form-full form fieldset.form-columns-2 .hs-form-field + .hs-form-field {
		margin-left: unset;
	}
}