.xel-order-form {
	min-height: 30rem;
}

.hbspt-form {
	background-color: #191919;
}

.hbspt-form form fieldset {
	max-width: unset;
}

.hbspt-form form fieldset.form-columns-2 .hs-form-field,
.hbspt-form form fieldset.form-columns-1 .hs-input {
	width: 100%;
}

.hbspt-form form fieldset.form-columns-2 {
	max-width: unset;
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 25px;
	gap: 25px;
}

.hbspt-form form fieldset.form-columns-1 {
	max-width: unset;
	display: grid;
	grid-template-columns: 1fr;
	margin-bottom: 25px;
	position: relative;
}


.hbspt-form form .hs-form-field input,
.hbspt-form form .hs-form-field textarea.hs-input {
	min-width: 100px;
	width: 100%;
	max-width: inherit;
	background-color: transparent;
	color: #fff;
	border: 1px solid #00bcd4;
	padding: 0 20px;
	padding-top: 10px;
	min-height: 56px;
	box-sizing: border-box;
	font-family: inherit;
}

.hs-dependent-field {
	/* border: 1px solid #00bcd4; */
}

.hs-dependent-field .hs-error-msg.hs-main-font-element {
	margin-top: 0px !important;
}

.hs-dependent-field ul {
	list-style: none;
	padding: 0;
}

.hs-dependent-field .input .hs-form-booleancheckbox {
	padding: 0;
}

.hs-dependent-field .input .hs-input {
	max-width: 20px;
	max-height: 20px;
	min-width: 20px;
	min-height: 20px;
	height: auto;
}

.hs-dependent-field .input input[type=checkbox] {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
}

.hs-dependent-field .input input[type=checkbox]+span:before {
	content: "";
	width: 24px;
	min-width: 24px;
	height: 24px;
	-webkit-appearance: none;
	border: 1px solid #00bcd4;
	border-radius: 0px;
	background-color: #ffffff00;
	margin-right: 1rem;
	margin-bottom: 1rem;
	cursor: pointer;
	float: left;
}

.hs-dependent-field .input input[type=checkbox]:checked+span:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 10 8' fill='none'%3E%3Cpath opacity='1' d='M3.81338 7.24796C3.58938 7.24796 3.36538 7.16296 3.19438 6.99196L0.82138 4.61896C0.47938 4.27696 0.47938 3.72297 0.82138 3.38196C1.16338 3.03996 1.71638 3.03896 2.05838 3.38096L3.81338 5.13596L7.94138 1.00796C8.28338 0.665965 8.83638 0.665965 9.17838 1.00796C9.52038 1.34996 9.52038 1.90396 9.17838 2.24596L4.43238 6.99196C4.26138 7.16296 4.03738 7.24796 3.81338 7.24796Z' fill='%2300bcd4'/%3E%3C/svg%3E") no-repeat center center;
}

.hs-dependent-field .input span {
	margin-left: 0 !important;
	display: flex !important;
}

.hs-dependent-field .input span p {
	line-height: 24px;
	width: 100%;
	display: block !important;
	text-align: left;
	color: #00bcd4;
}

@media only screen and (max-width: 560px) {
	.hs-dependent-field .input span p {
		font-size: 14px;
	}
}


.single-body .hs-dependent-field .input span p {
	text-wrap: balance;
}

.hs-dependent-field .input span p a {
	/* color: #fff; */
	text-decoration: underline;
}

.xel-footer-subscribe .legal-consent-container {
	order: 1;
}

.hbspt-form .hs-phone>label {
	display: none;
}

.hbspt-form .hs-fieldtype-intl-phone {
	display: flex;
}

.hbspt-form .hs-fieldtype-intl-phone select.hs-input {
	width: 125px !important;
	padding-right: 30px;
}

.hbspt-form .hs-fieldtype-intl-phone input.hs-input {
	width: 100% !important;
}

.hbspt-form form .hs-form-field input[type=tel] {
	padding-top: 0;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image:
		linear-gradient(45deg, transparent 50%, #555 50%),
		linear-gradient(135deg, #555 50%, transparent 50%),
		linear-gradient(to right, #ccc, #ccc);
	background-position:
		calc(100% - 15px) calc(1em + 10px),
		calc(100% - 11px) calc(1em + 10px),
		calc(100% - 2.5em) 0.5em;
	background-size:
		4px 4px,
		4px 4px,
		0px 1.5em;
	background-repeat: no-repeat;
}

select:focus {
	background-image:
		linear-gradient(45deg, #555 50%, transparent 50%),
		linear-gradient(135deg, transparent 50%, #555 50%),
		linear-gradient(to right, #ccc, #ccc);
	background-position:
		calc(100% - 10px) 1.4em,
		calc(100% - 14px) 1.4em,
		calc(100% - 2.5em) 0.5em;
	background-size:
		4px 4px,
		4px 4px,
		0px 1.5em;
	background-repeat: no-repeat;
	outline: 0;
}

.hbspt-form .hs_attached_files>label {
	display: none !important;
}

legend.hs-field-desc {
	display: none !important;
}

.hbspt-form form .hs-form-field input[type=file] {
	border-style: dashed;
	padding: 28px 28px 28px 84px;
	min-height: 56px;
	display: none;
}

.hbspt-form form .hs-form-field input.invalid.error,
.hbspt-form form .hs-form-field textarea.hs-input.invalid.error {
	color: #fd4747 !important;
	border-color: #fd4747 !important;
}


.hbspt-form form .hs-form-field select option {
	background-color: #191919;
	color: #fff;
}

.hbspt-form form .hs-form-field select option:hover {
	background-color: rgba(0, 0, 0, .05);
}

.hbspt-form form .hs-form-field textarea.hs-input {
	padding-top: 1rem;
	min-height: 158px;
}

.hbspt-form form .hs-form-field input::placeholder,
.hbspt-form form .hs-form-field textarea::placeholder {
	color: #00bcd4;
}

.hbspt-form form input.hs-button.primary.large {
	border: 1px solid #00bcd4;
	color: #00bcd4;
	padding: 14px 29px;
	text-align: center;
	cursor: pointer;
	font-weight: 600;
	background: 0 0;
	text-transform: uppercase;
	-webkit-transition: all ease-in-out .1s;
	-o-transition: all ease-in-out .1s;
	transition: all ease-in-out .1s;
	position: relative;
	font-family: inherit;
	max-width: 250px;
	display: inline-flex;
	width: 100%;
	justify-content: center;
	min-width: 255px;
}

.hbspt-form form .actions {
	position: relative;
	max-width: fit-content;
}

.hbspt-form form .actions:hover input.hs-button.primary.large {
	color: white;
}

.hbspt-form form .actions::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #00bcd4;
	transition: all ease-in-out .3s;
}

.hbspt-form form .actions:hover::before {
	width: 100%;
}


.hbspt-form form .hs-error-msgs {
	margin-top: 0;
	margin-bottom: 25px;
	list-style: none;
	padding: 0;
}

.hbspt-form form .hs-error-msgs label {
	font-size: 12px;
}

.hbspt-form form .hs-error-msg.hs-main-font-element {
	color: #fd4747;
	font-size: 12px;
	font-weight: normal !important;
	position: absolute;
	padding: 0;
	margin-top: 10px;
}

.hbspt-form form .hs_submit {
	margin-top: 48px;
	text-align: center;
}

.hbspt-form form .hs_error_rollup {
	background-color: #fd4747;
	color: #fff;
	padding: 10px;
	margin-bottom: 30px;
	display: none;
}

.hbspt-form form .hs_error_rollup .hs-error-msgs {
	margin-bottom: 0;
}

.hbspt-form form fieldset.form-columns-2 .hs-form-field,
.hbspt-form form fieldset.form-columns-1 .hs-input {
	position: relative;
}

.hbspt-form form fieldset.form-columns-2 .hs-form-field>label,
.hbspt-form form fieldset.form-columns-1 .hs-form-field>label {
	position: absolute;
	left: 0;
	top: 15px;
	width: 100%;
	padding: 0 20px;
	color: #00bcd4;
	-webkit-transition: all ease-out .2s;
	-o-transition: all ease-out .2s;
	transition: all ease-out .2s;
}

.hbspt-form form fieldset.form-columns-2 .hs-form-field .input,
.hbspt-form form fieldset.form-columns-1 .hs-form-field .input {
	position: relative;
	z-index: 1;
}

.hbspt-form form fieldset.form-columns-2 .hs-form-field>.input,
.hbspt-form form fieldset.form-columns-1 .hs-form-field>.input {
	position: relative;
	z-index: 1;
}

.hbspt-form form fieldset.form-columns-2 .hs-form-field>label.focused,
.hbspt-form form fieldset.form-columns-1 .hs-form-field>label.focused {
	-webkit-transition: all ease-out .2s;
	-o-transition: all ease-out .2s;
	transition: all ease-out .2s;
	font-size: 12px;
	top: 7px;
}

@media (max-width: 400px),
(min-device-width: 320px) and (max-device-width: 480px) {
	.hbspt-form form .hs-form-field input {
		width: 100% !important;
	}

	.hbspt-form form .hs_submit .actions,
	.hbspt-form form .hs_submit .actions input {
		width: 100% !important;
		max-width: 100% !important;
	}
}

@media (max-width: 768px) {
	.hbspt-form form fieldset.form-columns-2 {
		gap: 25px;
		margin-bottom: 30px;
		grid-template-columns: 1fr;
	}

	.hbspt-form form fieldset.form-columns-1 {
		gap: 0;
	}
}

.hs-form-field:has(.error) label {
	color: #fd4747 !important;
}


/* ..... */

.xel-order:has(.xel-blocks-map) form input.hs-input {
	border: 1px solid;
	border-image-source: linear-gradient(180deg, #00BCD4 0%, rgba(0, 188, 212, 0) 100%);
	border-image-repeat: stretch;
	border-image-slice: 1;
}

.xel-order:has(.xel-blocks-map) .hs-input.error {
	border-image-source: linear-gradient(180deg, #fd4747 0%, rgba(0, 188, 212, 0) 100%);
}


.xel-order:has(.xel-blocks-map) form .hs_message,
.xel-order:has(.xel-blocks-map) form .hs_attached_files {
	display: none;
}

.xel-order:has(.xel-blocks-map) .form-columns-2 {
	max-width: unset;
	display: grid;
	grid-template-columns: 1fr;
	margin-bottom: 25px;
	position: relative;
}

.xel-order:has(.xel-blocks-map) .form-columns-1:last-child,
.xel-order:has(.xel-blocks-map) .hs_submit {
	margin: 0;
}

.xel-order:has(.xel-blocks-map) .actions,
.xel-order:has(.xel-blocks-map) .hs-button {
	max-width: 100% !important;
	margin: 0;
}


/* .xel-footer-subscribe .hs-input {
	background-color: red!important;
} */

.xel-footer-subscribe form {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 32px 0px;
}

.xel-footer-subscribe .hs_email {
	width: 100%;
	margin: 0;
	flex: 1;
}

.xel-footer-subscribe .hs_email input {
	border: 0 !important;
	border-radius: 0;
	background: none;
	border-bottom: 2px solid #00bcd4 !important;
}

.xel-footer-subscribe .hs_email label {
	display: none;
}

.xel-footer-subscribe .hs_submit {
	margin: 0 !important;
}

.xel-footer-subscribe .hs-button {
	color: #fff !important;
	background-color: #00bcd4 !important;
	padding: 14px 29px;
	text-align: center;
	cursor: pointer;
	font-weight: 600;
	background: 0 0;
	text-transform: uppercase;
	-webkit-transition: all ease-in-out .1s;
	-o-transition: all ease-in-out .1s;
	transition: all ease-in-out .1s;
	position: relative;
	min-width: auto !important;
}

.xel-footer-subscribe .wpcf7-not-valid-tip {
	display: none !important;
}

.xel-footer-subscribe .hs_email .hs-error-msgs {
	position: absolute;
	left: 1rem;
	right: 0;
}

.xel-footer-subscribe .hbspt-form .hs_email .hs-error-msgs label {
	display: block;
}

.xel-footer-subscribe .hbspt-form form .hs_error_rollup {
	display: none;

}

.xel-footer-subscribe .hs-form-field input {
	min-height: 52px;
}