/* Hubspot contact forms
   ----------------------------------- */

.hbspt-form fieldset {
	margin-bottom: 1em !important;
    max-width: 600px !important;
}
.hbspt-form ul.inputs-list {
	list-style: none !important;
	margin: 0.5em 0 0 0 !important;
	padding: 0 !important;
}
.hbspt-form ul.inputs-list li {
	list-style-image: none !important;
	padding-inline-start: 0 !important;
}
.hbspt-form ul.inputs-list li::before {
	display: none !important;
}
.hbspt-form .hs-error-msg {
	color: #C03546 !important;
	font-weight: 400;
}
.hbspt-form label:where(.hs-form-radio-display, .hs-form-booleancheckbox-display) {
	font-weight: 400;
}
.hbspt-form .hs-button {
    display: inline-block;
    padding: 0.75em 1.5em;
    font-size: 1rem;
    font-weight: 500;
    color: var(--c-white, #fff);
    text-decoration: none;
    border: none;
    border-radius: 6px;
    transition: background 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out;
    background-color: var(--c-primary, #EF7D00);
    box-shadow: 0 4px 8px rgba(48, 25, 0, 0.15);
    cursor: pointer;
}
.hs-form fieldset.form-columns-1 input[type="checkbox"] {
	margin-top: 4px;
}
.hs-form fieldset.form-columns-1 input:where([type="text"], [type="email"]).hs-input {
    width: 100% !important;
}
.hs-input.hs-fieldtype-intl-phone {
    width: 100% !important;
}

@media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) {
    form.hs-form .form-columns-2 .hs-form-field:not(:last-child),
    form.hs-form .form-columns-3 .hs-form-field:not(:last-child) {
        margin-bottom: 1em;
    }
    form.hs-form:not(.hs-video-form) .form-columns-2 .hs-form-field .hs-input, 
    form.hs-form:not(.hs-video-form) .form-columns-3 .hs-form-field .hs-input {
        width: 100% !important;
    }
}

.hbspt-form .legal-consent-container .hs-richtext {
    margin-top: 1em;
    margin-bottom: 0.5em;
}