main {
    --brand-error: #E80000;
    --brand-pastel-principale: #868686;
}

    /*** case à cocher */
    input[type=radio], input[type=checkbox] {
        -display: none !important;
    }

    input[type=radio] + label:before,
    input[type=checkbox] + label:before,
    input[type=radio] + span:before,
    input[type=checkbox] + span:before {
        content: '';
        font-family: 'Font Awesome 6 Pro';
        font-size: 14px;
        font-weight: 900;
        display: inline-block;
        width: 22px;
        height: 22px;
        margin: -3px 8px 0 0;
        vertical-align: middle;
        cursor: pointer;
        background-color: var(--color-transparent);
        border: 1px solid var(--color-dark);
        padding: 1px;
    }

    input[type=radio] + label:before,
    input[type=radio] + span:before {
        border-radius: 50%;
    }

    input[type=radio]:checked + label,
    input[type=checkbox]:checked + label,
    input[type=radio]:checked + span,
    input[type=checkbox]:checked + span,
    input[type=radio]:checked,
    input[type=checkbox]:checked {
        position: relative;
    }

    input[type=radio]:checked + label:before,
    input[type=checkbox]:checked + label:before,
    input[type=radio]:checked + span:before,
    input[type=checkbox]:checked + span:before {
        content: '\f00c';
        background-color: var(--color-principale);
        border: 1px solid var(--color-principale);
        color: var(--color-light);
        line-height: 18px;
        text-align: center;
    }

    input[type=email],
    input[type=text],
    input[type=tel],
    input[type=password],
    select,
    textarea {
        font-size: 16px !important;
        font-width: 400 !important;
        padding: 13px 15px !important;
        letter-spacing: normal !important;
        margin-top: 0 !important;
        border: 1px solid !important;
        border-color: var(--brand-pastel-principale) !important;
        background: var(--color-light) !important;
        border-radius: 0 !important;
        margin-bottom: 20px !important;
        font-family: var(--font-1) !important;
    }
    .input input[type=email],
    .input input[type=text],
    .input input[type=tel],
    .input select,
    .input textarea {
        width: 100%;
    }
    .input textarea {
        height: 200px;
    }

    input::file-selector-button,
    input[type=submit] {
        background: var(--color-2);
        border: 0;
        color: var(--color-light);
        font-size: 18px;
        line-height: 32px;
        text-transform: uppercase !important;
        font-family: var(--font-1);
        font-style: normal;
        font-weight: 600;
        letter-spacing: 0px;
        padding: 5px 20px;
        border-radius: 0px;
        text-decoration: none !important;
        cursor: pointer;
        transition: .3s;
    }
    .wp-block-kko-bouton {
        cursor: pointer;
    }
    input[type=submit]::before {
        font-family: 'Font Awesome 6 Pro';
        content: "\f061 \0020";
    }
    .gform_footer input[type="submit"] {
        width: 100%;
        padding: 15px 32px;
    }
    .box-product-form .gform_footer input[type="submit"] {
        background: var(--color-accent);
    }
    .box-product-form .gform_footer input[type="submit"]:hover {
        color: var(--color-accent);
        background: var(--color-dark);
    }


    input::file-selector-button:hover,
    input[type=submit]:hover {
        background-color: var(--color-3);
    }
    span.hs-form-required {
        color: var(--color-1);
        font-size: 20px;
        font-weight: 700;
    }
    .hs-fieldtype-text > label > span,
    .hs_phone > label > span,
    .hs-fieldtype-checkbox > label > span,
    .hs-fieldtype-select > label > span,
    .hs-fieldtype-textarea > label > span,
    .gform-field-label--type-sub {
        font-family: var(--font-1);
        font-size: 18px;
        font-weight: 700;
    }
    .input ul,
    ul.no-list.hs-error-msgs.inputs-list {
        list-style: none;
        margin: 10px 0 30px 0;
        padding: 0;
    }

    ul.no-list.hs-error-msgs.inputs-list li {
        color: var(--color-1);
        font-weight: 700;
        margin-top: -20px;
    }

    /* personnalisation test */
    .hs_bts_souhaite_2021_2022.hs-bts_souhaite_2021_2022.hs-fieldtype-checkbox.field.hs-form-field ul {
        display: flex;
        flex-wrap: wrap;
    }
    .hs_bts_souhaite_2021_2022.hs-bts_souhaite_2021_2022.hs-fieldtype-checkbox.field.hs-form-field ul li {
        width: calc(50% - 30px);
        padding: 0 30px 0 0;
    }

    .gform_wrapper.gravity-theme .gform_validation_errors {
        background: var(--brand-error) !important;
        border-color: var(--brand-error) !important;
        border-radius: 0 !important;
        box-shadow: 0 0 0 !important;
    }
    .gform_wrapper.gravity-theme .gform_validation_errors * {
        color: var(--color-light) !important;
    }
    .gform_wrapper.gravity-theme .gform_validation_errors h2 {
        font-size: 18px!important;
        font-weight: 700!important;
    }
    .gchoice {
        margin: .5rem 0;
    }