.elementor-4427 .elementor-element.elementor-element-9d9b3d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-4427 .elementor-element.elementor-element-7eaac20{width:100%;max-width:100%;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-4427 .elementor-element.elementor-element-7eaac20 .elementor-widget-container{transition:all 400ms;}.elementor-4427 .elementor-element.elementor-element-7eaac20 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-4427 .elementor-element.elementor-element-7eaac20 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-4427 .elementor-element.elementor-element-7eaac20 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4427 .elementor-element.elementor-element-7eaac20 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4427 .elementor-element.elementor-element-7eaac20 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-4427 .elementor-element.elementor-element-7eaac20 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-4427 .elementor-element.elementor-element-7eaac20 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-4427 .elementor-element.elementor-element-7eaac20 .elementor-field-type-html{padding-bottom:0px;}.elementor-4427 .elementor-element.elementor-element-7eaac20 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-4427 .elementor-element.elementor-element-7eaac20 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-4427 .elementor-element.elementor-element-7eaac20 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-4427 .elementor-element.elementor-element-7eaac20 .elementor-button[type="submit"]{color:#ffffff;}.elementor-4427 .elementor-element.elementor-element-7eaac20 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4427 .elementor-element.elementor-element-7eaac20 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-4427 .elementor-element.elementor-element-7eaac20 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-4427 .elementor-element.elementor-element-7eaac20 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-4427 .elementor-element.elementor-element-7eaac20 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4427 .elementor-element.elementor-element-7eaac20 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-4427 .elementor-element.elementor-element-659c2f4 .elementor-widget-container{transition:all 400ms;}.elementor-4427 .elementor-element.elementor-element-ea81101 .elementor-widget-container{transition:all 400ms;}#elementor-popup-modal-4427{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4427 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-4427 .dialog-close-button{display:flex;}#elementor-popup-modal-4427 .dialog-widget-content{border-radius:25px 25px 25px 25px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-4427 .elementor-element.elementor-element-9d9b3d0{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for form, class: .elementor-element-7eaac20 *//* =========================================================
   FORM CANDIDATURA ELEMENTOR - COMPLETO
   Classe da assegnare al widget Form:
   candidatura-form
========================================================= */

.candidatura-form {

    --job-green: #354824;
    --job-green-hover: #29391b;

    --job-green-soft: rgba(53, 72, 36, 0.07);
    --job-green-soft-2: rgba(53, 72, 36, 0.035);

    --job-border: #dce1d8;
    --job-border-dark: rgba(53, 72, 36, 0.28);

    --job-text: #25321d;
    --job-muted: #747b70;

    --job-error: #a63d35;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff;

    font-family: inherit;

    position: relative;
}


/* =========================================================
   FORM ELEMENTOR
========================================================= */

.candidatura-form form {

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.candidatura-form .elementor-form-fields-wrapper {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   HEADER CREATO DAL JS
========================================================= */

.job-form-header {

    width: 100%;

    margin: 0 0 30px 0;
    padding: 0;
}


.job-form-small {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;

    margin: 0 0 18px 0;
    padding: 10px 17px;

    border-radius: 100px;

    background: #f2f3f0;

    color: var(--job-green);

    font-family: inherit;

    font-size: 12px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: 0.10em;
    text-transform: uppercase;
}


.job-form-title {

    margin: 0 0 10px 0 !important;
    padding: 0 !important;

    color: var(--job-green) !important;

    font-family: inherit !important;

    font-size: clamp(34px, 4vw, 52px) !important;
    line-height: 0.98 !important;

    font-weight: 700 !important;

    letter-spacing: -0.045em !important;

    text-transform: none !important;
}


.job-form-subtitle {

    max-width: 700px;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--job-muted) !important;

    font-family: inherit !important;

    font-size: 17px !important;
    line-height: 1.5 !important;

    font-weight: 400 !important;
}


/* =========================================================
   PROGRESS BAR
========================================================= */

.job-progress {

    width: 100%;

    margin: 0 0 44px 0;
    padding: 0;
}


.job-progress-info {

    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;

    gap: 15px;

    margin: 0 0 12px 0;
}


.job-progress-info > span {

    color: var(--job-green);

    font-family: inherit;

    font-size: 12px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}


.job-progress-number {

    white-space: nowrap;
}


.job-progress-track {

    width: 100%;
    height: 6px;

    overflow: hidden;

    border-radius: 100px;

    background: #edf0eb;
}


.job-progress-bar {

    width: 0;
    height: 100%;

    border-radius: inherit;

    background: var(--job-green);

    transition: width 0.4s cubic-bezier(.2,.8,.2,1);
}


/* =========================================================
   CAMPI ELEMENTOR
   NASCONDE TUTTI GLI STEP
========================================================= */

.candidatura-form .elementor-field-group {

    display: none !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    flex-basis: 100% !important;
}


/* =========================================================
   STEP ATTIVO
========================================================= */

.candidatura-form
.elementor-field-group.job-step-active {

    display: flex !important;

    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;

    flex-basis: 100% !important;

    animation: candidaturaStepIn 0.32s ease;
}


@keyframes candidaturaStepIn {

    from {

        opacity: 0;

        transform: translateY(12px);
    }

    to {

        opacity: 1;

        transform: translateY(0);
    }
}


/* =========================================================
   LABEL
========================================================= */

.candidatura-form
.elementor-field-group
.elementor-field-label {

    display: block !important;

    width: 100% !important;

    margin: 0 0 13px 0 !important;
    padding: 0 !important;

    color: var(--job-green) !important;

    font-family: inherit !important;

    font-size: clamp(23px, 2.4vw, 31px) !important;
    line-height: 1.08 !important;

    font-weight: 650 !important;

    letter-spacing: -0.035em !important;

    text-transform: none !important;
}


/* Asterisco required Elementor */

.candidatura-form
.elementor-field-required
.elementor-field-label:after {

    color: var(--job-green) !important;
}


/* =========================================================
   INPUT GENERICI
========================================================= */

.candidatura-form
input.elementor-field:not([type="file"]),

.candidatura-form
select.elementor-field {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 62px !important;
    min-height: 62px !important;

    margin: 0 !important;

    padding: 0 19px !important;

    border: 1.5px solid var(--job-border) !important;

    border-radius: 13px !important;

    background: #ffffff !important;

    color: var(--job-text) !important;

    outline: none !important;

    box-shadow: none !important;

    font-family: inherit !important;

    font-size: 16px !important;
    line-height: 1.3 !important;

    font-weight: 400 !important;

    box-sizing: border-box !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background-color .2s ease !important;
}


/* =========================================================
   TEXTAREA
========================================================= */

.candidatura-form
textarea.elementor-field {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 165px !important;
    min-height: 165px !important;

    margin: 0 !important;

    padding: 17px 19px !important;

    border: 1.5px solid var(--job-border) !important;

    border-radius: 13px !important;

    background: #ffffff !important;

    color: var(--job-text) !important;

    outline: none !important;

    box-shadow: none !important;

    font-family: inherit !important;

    font-size: 16px !important;
    line-height: 1.5 !important;

    font-weight: 400 !important;

    resize: vertical;

    box-sizing: border-box !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease !important;
}


/* =========================================================
   HOVER INPUT
========================================================= */

.candidatura-form
input.elementor-field:hover,

.candidatura-form
textarea.elementor-field:hover,

.candidatura-form
select.elementor-field:hover {

    border-color: var(--job-border-dark) !important;
}


/* =========================================================
   FOCUS INPUT
========================================================= */

.candidatura-form
input.elementor-field:focus,

.candidatura-form
textarea.elementor-field:focus,

.candidatura-form
select.elementor-field:focus {

    border-color: var(--job-green) !important;

    box-shadow:
        0 0 0 4px
        rgba(53,72,36,.07) !important;
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.candidatura-form
input::placeholder,

.candidatura-form
textarea::placeholder {

    color: #a4aaa0 !important;

    opacity: 1 !important;
}


/* =========================================================
   UPLOAD CV
========================================================= */

.candidatura-form
input[type="file"].elementor-field {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 96px !important;

    margin: 0 !important;

    padding: 27px 20px !important;

    border:
        1.5px dashed
        rgba(53,72,36,.32) !important;

    border-radius: 13px !important;

    background:
        rgba(53,72,36,.025) !important;

    color: var(--job-text) !important;

    font-family: inherit !important;

    font-size: 14px !important;

    cursor: pointer;

    box-sizing: border-box !important;

    transition:
        background-color .2s ease,
        border-color .2s ease;
}


.candidatura-form
input[type="file"].elementor-field:hover {

    border-color: var(--job-green) !important;

    background: rgba(53,72,36,.05) !important;
}


/* Pulsante interno file Chrome */

.candidatura-form
input[type="file"]::file-.elementor-4427 .elementor-element.elementor-element-7eaac20-button {

    margin-right: 14px;

    padding: 10px 15px;

    border: 0;

    border-radius: 100px;

    background: var(--job-green);

    color: #ffffff;

    font-family: inherit;

    font-size: 12px;
    font-weight: 600;

    cursor: pointer;
}


/* Safari */

.candidatura-form
input[type="file"]::-webkit-file-upload-button {

    margin-right: 14px;

    padding: 10px 15px;

    border: 0;

    border-radius: 100px;

    background: var(--job-green);

    color: #ffffff;

    font-family: inherit;

    font-size: 12px;
    font-weight: 600;

    cursor: pointer;
}


/* =========================================================
   BADGE FACOLTATIVA
========================================================= */

.job-optional {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;

    margin: -3px 0 14px 0;

    padding: 6px 10px;

    border-radius: 100px;

    background: var(--job-green-soft);

    color: var(--job-green);

    font-family: inherit;

    font-size: 10px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: .07em;

    text-transform: uppercase;
}


/* =========================================================
   NAVIGAZIONE
========================================================= */

.job-navigation {

    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    gap: 10px !important;

    margin: 25px 0 0 0 !important;
}


/* =========================================================
   CONTINUA
========================================================= */

.job-next {

    flex: 1 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 9px !important;

    width: 100% !important;

    min-height: 60px !important;

    margin: 0 !important;

    padding: 16px 24px !important;

    border: 0 !important;

    border-radius: 100px !important;

    background: #354824 !important;

    color: #ffffff !important;

    font-family: inherit !important;

    font-size: 15px !important;
    line-height: 1 !important;

    font-weight: 650 !important;

    letter-spacing: .01em !important;

    cursor: pointer !important;

    box-shadow: none !important;

    transition:
        background-color .2s ease,
        transform .2s ease !important;
}


/* FRECCIA CONTINUA */

.job-next::after {

    content: "→";

    display: inline-flex;

    align-items: center;
    justify-content: center;

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 21px;
    line-height: 1;

    font-weight: 400;

    margin-left: 2px;

    transform: translateX(0);

    transition: transform .2s ease;
}


.job-next:hover {

    background: #29391b !important;

    transform: translateY(-1px);
}


.job-next:hover::after {

    transform: translateX(3px);
}


.job-next:active {

    transform: translateY(0);
}


/* Nasconde eventuali SVG creati dal JS */

.job-next svg {

    display: none !important;
}


/* =========================================================
   INDIETRO
========================================================= */

.job-back {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 60px !important;

    width: 60px !important;
    min-width: 60px !important;

    height: 60px !important;

    margin: 0 !important;

    padding: 0 !important;

    border:
        1px solid
        rgba(53,72,36,.18) !important;

    border-radius: 50% !important;

    background: #ffffff !important;

    color: #354824 !important;

    cursor: pointer !important;

    box-shadow: none !important;

    overflow: hidden;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}


/* FRECCIA INDIETRO */

.job-back::before {

    content: "←";

    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    color: #354824;

    font-family: Arial, sans-serif;

    font-size: 23px;
    line-height: 1;

    font-weight: 400;

    transform: translateX(0);

    transition: transform .2s ease;
}


.job-back:hover {

    background: rgba(53,72,36,.07) !important;

    border-color: #354824 !important;

    transform: translateX(-1px);
}


.job-back:hover::before {

    transform: translateX(-3px);
}


.job-back:active {

    transform: scale(.97);
}


/* Nasconde eventuali SVG creati dal JS */

.job-back svg {

    display: none !important;
}


/* =========================================================
   SUBMIT ELEMENTOR
========================================================= */

.candidatura-form
.elementor-field-type-submit {

    display: none !important;

    width: 100% !important;

    max-width: 100% !important;

    margin: 24px 0 0 0 !important;

    padding: 0 !important;
}


.candidatura-form
.elementor-field-type-submit.job-submit-active {

    display: flex !important;

    width: 100% !important;

    animation:
        candidaturaStepIn
        .32s
        ease;
}


/* =========================================================
   PULSANTE INVIA
========================================================= */

.candidatura-form
.elementor-field-type-submit
.elementor-button {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    min-height: 60px !important;

    margin: 0 !important;

    padding: 16px 25px !important;

    border: 0 !important;

    border-radius: 100px !important;

    background: var(--job-green) !important;

    color: #ffffff !important;

    font-family: inherit !important;

    font-size: 15px !important;

    line-height: 1 !important;

    font-weight: 700 !important;

    letter-spacing: .02em !important;

    text-transform: uppercase !important;

    box-shadow: none !important;

    transition:
        background-color .2s ease,
        transform .2s ease !important;
}


.candidatura-form
.elementor-field-type-submit
.elementor-button:hover {

    background:
        var(--job-green-hover) !important;

    transform:
        translateY(-1px);
}


/* =========================================================
   ERRORI CUSTOM
========================================================= */

.job-error {

    display: block;

    width: 100%;

    margin: 10px 0 0;

    padding: 0;

    color: var(--job-error);

    font-family: inherit;

    font-size: 13px;

    line-height: 1.4;

    font-weight: 600;
}


.job-field-error
input.elementor-field,

.job-field-error
textarea.elementor-field,

.job-field-error
select.elementor-field {

    border-color: var(--job-error) !important;

    box-shadow:
        0 0 0 3px
        rgba(166,61,53,.06) !important;
}


/* =========================================================
   ERRORI NATIVI ELEMENTOR
========================================================= */

.candidatura-form
.elementor-message {

    margin: 18px 0 0 !important;

    padding: 14px 16px !important;

    border-radius: 10px;

    font-family: inherit !important;

    font-size: 13px !important;

    line-height: 1.45 !important;
}


.candidatura-form
.elementor-message-success {

    background: rgba(53,72,36,.07);

    color: var(--job-green) !important;
}


.candidatura-form
.elementor-message-danger,

.candidatura-form
.elementor-message-error {

    background: rgba(166,61,53,.07);

    color: var(--job-error) !important;
}


/* =========================================================
   ELEMENTOR VALIDATION
========================================================= */

.candidatura-form
.elementor-field.elementor-error {

    border-color:
        var(--job-error) !important;
}


/* =========================================================
   ELIMINA SPAZI STRANI DI ELEMENTOR
========================================================= */

.candidatura-form
.elementor-field-group
> * {

    max-width: 100%;
}


.candidatura-form
.elementor-field-group
.elementor-field {

    flex: none !important;
}


/* =========================================================
   FIX CAMPI TEXT
   Impedisce che Nome/Cognome diventino enormi
========================================================= */

.candidatura-form
input[type="text"].elementor-field,

.candidatura-form
input[type="email"].elementor-field,

.candidatura-form
input[type="tel"].elementor-field,

.candidatura-form
input[type="url"].elementor-field {

    height: 62px !important;

    min-height: 62px !important;

    max-height: 62px !important;
}


/* =========================================================
   POPUP - FIX OVERFLOW
========================================================= */

.elementor-popup-modal
.candidatura-form {

    overflow:
        visible !important;
}


.elementor-popup-modal
.candidatura-form form {

    overflow:
        visible !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .job-form-title {

        font-size: 42px !important;
    }


    .job-progress {

        margin-bottom: 36px;
    }


    .candidatura-form
    .elementor-field-group
    .elementor-field-label {

        font-size: 26px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .job-form-header {

        margin-bottom: 24px;
    }


    .job-form-small {

        margin-bottom: 15px;

        padding: 8px 13px;

        font-size: 10px;
    }


    .job-form-title {

        margin-bottom: 9px !important;

        font-size: 30px !important;

        line-height: 1.02 !important;

        letter-spacing: -0.04em !important;
    }


    .job-form-subtitle {

        font-size: 14px !important;

        line-height: 1.45 !important;
    }


    /* Progress */

    .job-progress {

        margin-bottom: 30px;
    }


    .job-progress-info {

        margin-bottom: 9px;
    }


    .job-progress-info > span {

        font-size: 10px;
    }


    .job-progress-track {

        height: 5px;
    }


    /* Label */

    .candidatura-form
    .elementor-field-group
    .elementor-field-label {

        margin-bottom: 10px !important;

        font-size: 21px !important;

        line-height: 1.12 !important;
    }


    /* Input */

    .candidatura-form
    input.elementor-field:not([type="file"]),

    .candidatura-form
    select.elementor-field {

        height: 56px !important;

        min-height: 56px !important;

        max-height: 56px !important;

        padding: 0 15px !important;

        border-radius: 11px !important;

        /*
        16px evita lo zoom automatico su iPhone
        */

        font-size: 16px !important;
    }


    /* Textarea */

    .candidatura-form
    textarea.elementor-field {

        height: 145px !important;

        min-height: 145px !important;

        padding: 15px !important;

        border-radius: 11px !important;

        font-size: 16px !important;
    }


    /* Upload */

    .candidatura-form
    input[type="file"].elementor-field {

        min-height: 88px !important;

        padding: 22px 15px !important;

        font-size: 13px !important;

        border-radius: 11px !important;
    }


    .candidatura-form
    input[type="file"]::file-.elementor-4427 .elementor-element.elementor-element-7eaac20-button {

        padding: 9px 12px;

        margin-right: 8px;

        font-size: 11px;
    }


    .candidatura-form
    input[type="file"]::-webkit-file-upload-button {

        padding: 9px 12px;

        margin-right: 8px;

        font-size: 11px;
    }


    /* Navigazione */

    .job-navigation {

        gap: 8px !important;

        margin-top: 20px !important;
    }


    .job-next {

        min-height: 54px !important;

        padding: 14px 18px !important;

        font-size: 14px !important;
    }


    .job-next::after {

        font-size: 19px;
    }


    .job-back {

        flex: 0 0 54px !important;

        width: 54px !important;

        min-width: 54px !important;

        height: 54px !important;
    }


    .job-back::before {

        font-size: 21px;
    }


    /* Submit */

    .candidatura-form
    .elementor-field-type-submit {

        margin-top: 20px !important;
    }


    .candidatura-form
    .elementor-field-type-submit
    .elementor-button {

        min-height: 54px !important;

        padding: 14px 18px !important;

        font-size: 14px !important;
    }

}


/* =========================================================
   MOBILE PICCOLO
========================================================= */

@media (max-width: 480px) {

    .job-form-title {

        font-size: 27px !important;
    }


    .job-form-subtitle {

        font-size: 13px !important;
    }


    .candidatura-form
    .elementor-field-group
    .elementor-field-label {

        font-size: 20px !important;
    }


    .job-progress {

        margin-bottom: 26px;
    }


    .job-progress-info {

        gap: 8px;
    }


    .job-next {

        font-size: 13px !important;
    }

}


/* =========================================================
   LOADING INVIO CANDIDATURA
========================================================= */


/* Overlay */

.job-submit-loading {

    position: absolute;

    inset: 0;

    z-index: 999;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 16px;

    background: rgba(255, 255, 255, 0.92);

    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

    border-radius: inherit;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition:
        opacity .2s ease,
        visibility .2s ease;
}


/* Quando sta inviando */

.candidatura-form.is-submitting
.job-submit-loading {

    opacity: 1;

    visibility: visible;

    pointer-events: all;
}


/* =========================================================
   ANELLO LOADING
========================================================= */

.job-submit-spinner {

    width: 52px;

    height: 52px;

    border-radius: 50%;

    border:
        4px solid
        rgba(53, 72, 36, 0.12);

    border-top-color: #354824;

    animation:
        jobSpinnerRotate
        .75s
        linear
        infinite;
}


@keyframes jobSpinnerRotate {

    to {

        transform: rotate(360deg);
    }
}


/* =========================================================
   TESTO LOADING
========================================================= */

.job-submit-loading-text {

    color: #354824;

    font-family: inherit;

    font-size: 13px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;
}


/* =========================================================
   LOADING MOBILE
========================================================= */

@media (max-width: 767px) {

    .job-submit-spinner {

        width: 44px;

        height: 44px;

        border-width: 3px;
    }


    .job-submit-loading-text {

        font-size: 11px;
    }

}/* End custom CSS */