:root {
    --font-family: "Cera Pro Regular", Helvetica, Arial, Lucida, sans-serif;
    --form-input-color: #2b3035;
    --form-input-background-color: #fff;
    --form-input-border-color: #BDC3C6;
    --form-primary-background-color: #14448C;
    --form-primary-background_hover-color: #14448cab;
    --form-secondary-background-color: #FF7F00;
    --form-error-color: #e80000;
    --form-label-color: #697077;

    --hsf-module__vertical-spacing: 8px;

    --hsf-field-label__font-size: 14px;
    --hsf-field-label__color: var(--form-label-color);
    --hsf-field-label__font-family: var(--font-family);

    --hsf-field-input__color: var(--form-input-color);
    --hsf-field-input__background-color: var(--form-input-background-color);
    --hsf-field-input__border-radius: 8px;
    --hsf-field-input__border-color: var(--form-input-border-color);
    --hsf-field-input__font-size: 16px;
    --hsf-field-input__padding: 7px 16px;
    --hsf-field-input__font-family: var(--font-family);
    --hsf-field-input__border-width: 1px;
    --hsf-field-input__border-style: solid;

    --hsf-row__horizontal-spacing: 16px;
    --hsf-row__vertical-spacing: 20px;

    --hsf-button__font-family: var(--font-family);
    --hsf-button__font-size: 18px;
    --hsf-button__padding: 17px 20px;
    --hsf-button__color: var(--form-input-background-color);
    --hsf-button__border-radius: 44px;
    --hsf-button__background-color: var(--form-primary-background-color);
    --hsf-button--hover__background-color: var(--form-primary-background_hover-color);

    --hsf-erroralert__font-family: var(--font-family);
    --hsf-erroralert__font-size: 14px;
    --hsf-erroralert__color: var(--form-error-color);

    --hsf-richtext__font-family: var(--font-family);
    --hsf-richtext__color: var(--form-input-color);

    --hsf-field-checkbox__padding: 6px;
    --hsf-field-checkbox__background-color: var(--form-input-background-color);
    --hsf-field-checkbox__color: var(--form-input-background-color);
    --hsf-field-checkbox__border-color: var(--form-input-border-color);

    --hsf-field-radio__padding: 6px;

    --hsf-field-textarea__padding: 16px;
    --hsf-field-radio__background-color: var(--form-input-background-color);
    --hsf-field-radio__border-color: var(--form-input-border-color);
    --hsf-field-radio__color: var(--form-primary-background-color);
}

.form-btn--full {
    --hsf-button__width: 100%;
}

.hsfc-FieldLabel {
    line-height: 1.2;
}

.hsfc-TextInput {
    min-height: 44px;
}

.hsfc-TextInput:focus,
.hsfc-TextareaInput:focus {
    --hsf-field-input__border-color: var(--form-secondary-background-color);
    box-shadow: 0 0 0 1px var(--hsf-field-input__border-color) !important;
}

.hsfc-TextareaInput {
    height: 120px;
}

.hsfc-Button:not([disabled]):hover {
    transform: none !important;
}

.hsfc-DropdownInput__Caret > span {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.hsfc-DropdownInput__Caret::before {
    content: '';
    display: block;
    width: 16px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath d='M15.7097 0.790599C16.0968 1.17806 16.0968 1.80627 15.7097 2.19373L8.70088 9.2094C8.3138 9.59687 7.68621 9.59687 7.29912 9.2094L0.290315 2.19373C-0.0967711 1.80627 -0.0967711 1.17806 0.290315 0.790599C0.6774 0.403134 1.30499 0.403133 1.69208 0.790599L8 7.1047L14.3079 0.790599C14.695 0.403134 15.3226 0.403134 15.7097 0.790599Z' fill='%232B3035'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.hsfc-CheckboxField .hsfc-FieldLabel,
.hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel,
.hsfc-RadioFieldGroup__Options .hsfc-FieldLabel {
    --hsf-field-label__font-size: 12px;
    line-height: 1.1;
    cursor: pointer;
}

.hsfc-CheckboxInput:checked {
    --hsf-field-checkbox__background-color: var(--form-primary-background-color);
    --hsf-field-checkbox__border-color: var(--form-primary-background-color);
}

.hsfc-NavigationRow {
    --hsf-row__vertical-spacing: 16px;
}

@media (max-width: 600px) {

    .hsfc-Row {
        grid-template-columns: 1fr !important;
    }
}