.elementor-230 .elementor-element.elementor-element-02cb4ee{--display:flex;--margin-top:-180px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-230 .elementor-element.elementor-element-2c13fc5{--display:flex;}.elementor-230 .elementor-element.elementor-element-bcc12ff{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-230 .elementor-element.elementor-element-1eb26c6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:050px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-230 .elementor-element.elementor-element-e881ab2{--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;}.elementor-230 .elementor-element.elementor-element-c4259c6{--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;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-230 .elementor-element.elementor-element-cd5696f .fluentform-widget-wrapper .ff_t_c {color:#FFFFFF;}.elementor-230 .elementor-element.elementor-element-cd5696f .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}body.elementor-page-230:not(.elementor-motion-effects-element-type-background), body.elementor-page-230 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#061525;}@media(min-width:768px){.elementor-230 .elementor-element.elementor-element-e881ab2{--width:50%;}.elementor-230 .elementor-element.elementor-element-c4259c6{--width:50%;}}@media(max-width:767px){.elementor-230 .elementor-element.elementor-element-02cb4ee{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-230 .elementor-element.elementor-element-1eb26c6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-cd5696f *//* =========================================================
   FLUENT FORM 8 — FORCER LES TEXTES DU BAS EN BLANC
========================================================= */

/* Texte confidentialité */
.fluent_form_8 .ff-el-group .ff-el-html,
.fluent_form_8 .ff-el-group .ff-el-html *,
.fluent_form_8 .ff-el-html,
.fluent_form_8 .ff-el-html *,
.fluent_form_8 .ff-el-section-break,
.fluent_form_8 .ff-el-section-break * {
    color: #ffffff !important;
    opacity: 1 !important;
}


/* Checkbox + tout son contenu */
.fluent_form_8 .ff-el-form-check,
.fluent_form_8 .ff-el-form-check *,
.fluent_form_8 .ff-el-form-check-label,
.fluent_form_8 .ff-el-form-check-label *,
.fluent_form_8 label.ff-el-form-check-label,
.fluent_form_8 label.ff-el-form-check-label span {
    color: #ffffff !important;
    opacity: 1 !important;
}


/* Texte confidentialité */
.fluent_form_8 .ff-el-html,
.fluent_form_8 .ff-el-html p,
.fluent_form_8 .ff-el-html span {
    font-size: 14px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
}


/* Texte checkbox */
.fluent_form_8 .ff-el-form-check-label,
.fluent_form_8 .ff-el-form-check-label span,
.fluent_form_8 .ff-el-form-check label {
    font-size: 13px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}


/* MOBILE */
@media (max-width: 767px) {

    .fluent_form_8 .ff-el-html,
    .fluent_form_8 .ff-el-html *,
    .fluent_form_8 .ff-el-form-check,
    .fluent_form_8 .ff-el-form-check *,
    .fluent_form_8 .ff-el-form-check-label,
    .fluent_form_8 .ff-el-form-check-label * {
        color: #ffffff !important;
        opacity: 1 !important;
    }

    .fluent_form_8 .ff-el-html,
    .fluent_form_8 .ff-el-html p,
    .fluent_form_8 .ff-el-html span {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }

    .fluent_form_8 .ff-el-form-check-label,
    .fluent_form_8 .ff-el-form-check-label span,
    .fluent_form_8 .ff-el-form-check label {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-08e2387 *//* ==========================================================
   LENIMJIN
   PREMIUM LOAN APPLICATION
   FLUENT FORM ID 8
   BACKGROUND + FORM + RESPONSIVE
========================================================== */


/* ==========================================================
   01 — BACKGROUND GLOBAL DE LA SECTION
   Ajoute la classe Elementor : lenimjin-loan-section
========================================================== */

.lenimjin-loan-section {
    position: relative !important;

    background:
        radial-gradient(
            circle at 12% 18%,
            rgba(75, 166, 235, 0.16) 0%,
            transparent 34%
        ),
        radial-gradient(
            circle at 88% 82%,
            rgba(67, 207, 197, 0.10) 0%,
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #17334d 0%,
            #1d405e 50%,
            #244d6c 100%
        ) !important;

    border: none !important;
    box-shadow: none !important;

    overflow: hidden !important;
}


/* ==========================================================
   02 — BASE
========================================================== */

.lenimjin-application-info,
.lenimjin-form-heading,
.fluent_form_8 {

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif !important;

    box-sizing:
        border-box;
}

.lenimjin-application-info *,
.lenimjin-form-heading *,
.fluent_form_8 * {

    box-sizing:
        border-box;
}


/* ==========================================================
   03 — COLONNE GAUCHE
========================================================== */

.lenimjin-application-info {

    position: relative;

    width: 100%;

    max-width: 560px;

    color: #ffffff;

    padding:
        18px 18px 18px 0;
}


/* ==========================================================
   04 — PETIT BADGE
========================================================== */

.lenimjin-mini-label {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding:
        8px 13px;

    color:
        rgba(240,247,252,.78);

    background:
        rgba(255,255,255,.055);

    border:
        1px solid rgba(255,255,255,.14);

    border-radius:
        999px;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        1.8px;

    line-height:
        1;
}


.lenimjin-mini-dot {

    width:
        7px;

    height:
        7px;

    flex:
        0 0 7px;

    border-radius:
        50%;

    background:
        #54d9d2;
}


/* ==========================================================
   05 — TITRE PRINCIPAL
========================================================== */

.lenimjin-main-title {

    max-width:
        540px !important;

    margin:
        24px 0 0 !important;

    padding:
        0 !important;

    color:
        #ffffff !important;

    font-size:
        clamp(38px, 3.5vw, 52px) !important;

    font-weight:
        500 !important;

    line-height:
        1.08 !important;

    letter-spacing:
        -0.035em !important;
}


.lenimjin-main-title strong {

    display:
        block;

    margin-top:
        5px;

    color:
        #78c4ff !important;

    font-weight:
        700 !important;
}


/* ==========================================================
   06 — INTRODUCTION
========================================================== */

.lenimjin-intro {

    width:
        100%;

    max-width:
        520px;

    margin:
        24px 0 0 !important;

    color:
        rgba(234,242,249,.78) !important;

    font-size:
        14px !important;

    font-weight:
        400;

    line-height:
        1.75 !important;
}


/* ==========================================================
   07 — AVANTAGES
========================================================== */

.lenimjin-benefits {

    width:
        100%;

    margin-top:
        34px;

    display:
        flex;

    flex-direction:
        column;

    gap:
        19px;
}


.lenimjin-benefit {

    display:
        flex;

    align-items:
        center;

    gap:
        15px;
}


.lenimjin-benefit-icon {

    width:
        46px;

    height:
        46px;

    flex:
        0 0 46px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #79c7ff;

    background:
        rgba(255,255,255,.06);

    border:
        1px solid rgba(255,255,255,.14);

    border-radius:
        12px;
}


.lenimjin-benefit-icon svg {

    width:
        19px;

    height:
        19px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.lenimjin-benefit-content strong {

    display:
        block;

    margin:
        0;

    color:
        #ffffff;

    font-size:
        12px;

    font-weight:
        700;

    line-height:
        1.4;
}


.lenimjin-benefit-content span {

    display:
        block;

    margin-top:
        4px;

    color:
        rgba(228,238,247,.62);

    font-size:
        9px;

    font-weight:
        400;

    line-height:
        1.5;
}


/* ==========================================================
   08 — CONFIDENTIALITÉ GAUCHE
========================================================== */

.lenimjin-secure-note {

    width:
        100%;

    max-width:
        450px;

    margin-top:
        31px;

    padding-top:
        21px;

    display:
        flex;

    align-items:
        flex-start;

    gap:
        12px;

    border-top:
        1px solid rgba(255,255,255,.12);
}


.lenimjin-secure-icon {

    width:
        19px;

    height:
        19px;

    flex:
        0 0 19px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #58d8d0;
}


.lenimjin-secure-icon svg {

    width:
        17px;

    height:
        17px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.lenimjin-secure-note strong {

    display:
        block;

    color:
        rgba(255,255,255,.90);

    font-size:
        10px;

    font-weight:
        700;
}


.lenimjin-secure-note span {

    display:
        block;

    margin-top:
        4px;

    color:
        rgba(232,240,247,.58);

    font-size:
        9px;

    line-height:
        1.5;
}


/* ==========================================================
   09 — EN-TÊTE FORMULAIRE
========================================================== */

.lenimjin-form-heading {

    width:
        100%;

    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        20px;

    margin:
        0 0 28px;

    padding:
        0 0 20px;

    border-bottom:
        1px solid rgba(255,255,255,.12);
}


.lenimjin-form-eyebrow {

    display:
        block;

    color:
        #63ddd6;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        1.7px;

    line-height:
        1;
}


.lenimjin-form-heading h3 {

    margin:
        8px 0 0 !important;

    padding:
        0 !important;

    color:
        #ffffff !important;

    font-size:
        26px !important;

    font-weight:
        600 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        -.02em !important;
}


.lenimjin-form-status {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    padding:
        8px 11px;

    color:
        rgba(228,245,241,.82);

    background:
        rgba(255,255,255,.04);

    border:
        1px solid rgba(255,255,255,.10);

    border-radius:
        999px;

    font-size:
        9px;

    white-space:
        nowrap;
}


.lenimjin-form-status i {

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        #4cd8ad;
}


/* ==========================================================
   10 — FLUENT FORM 8
========================================================== */

.fluent_form_8 {

    width:
        100% !important;

    max-width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;
}


/* ==========================================================
   11 — COLONNES
========================================================== */

.fluent_form_8 .ff-t-container {

    display:
        flex !important;

    gap:
        18px !important;

    width:
        100% !important;

    margin:
        0 !important;
}


.fluent_form_8 .ff-t-cell {

    min-width:
        0 !important;

    padding:
        0 !important;
}


/* ==========================================================
   12 — GROUPES
========================================================== */

.fluent_form_8 .ff-el-group {

    margin-bottom:
        20px !important;
}


/* ==========================================================
   13 — LABELS
========================================================== */

.fluent_form_8 .ff-el-input--label {

    margin-bottom:
        9px !important;
}


.fluent_form_8 .ff-el-input--label label {

    color:
        #f4f8fb !important;

    font-size:
        12px !important;

    font-weight:
        650 !important;

    line-height:
        1.4 !important;

    letter-spacing:
        .05px !important;
}


.fluent_form_8 .ff-el-required {

    color:
        #ff8a91 !important;

    font-weight:
        700 !important;
}


/* ==========================================================
   14 — CHAMPS
========================================================== */

.fluent_form_8 input[type="text"],
.fluent_form_8 input[type="email"],
.fluent_form_8 input[type="tel"],
.fluent_form_8 input[type="number"],
.fluent_form_8 input[type="url"],
.fluent_form_8 input[type="date"],
.fluent_form_8 select,
.fluent_form_8 textarea {

    width:
        100% !important;

    min-height:
        56px !important;

    padding:
        0 17px !important;

    color:
        #ffffff !important;

    background:
        rgba(255,255,255,.075) !important;

    border:
        1px solid rgba(255,255,255,.17) !important;

    border-radius:
        11px !important;

    outline:
        none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025) !important;

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        500 !important;

    box-sizing:
        border-box !important;

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


/* ==========================================================
   15 — PLACEHOLDER
========================================================== */

.fluent_form_8 input::placeholder,
.fluent_form_8 textarea::placeholder {

    color:
        rgba(225,235,244,.52) !important;

    opacity:
        1 !important;

    font-size:
        12px !important;
}


/* ==========================================================
   16 — FOCUS
========================================================== */

.fluent_form_8 input:focus,
.fluent_form_8 select:focus,
.fluent_form_8 textarea:focus {

    color:
        #ffffff !important;

    background:
        rgba(255,255,255,.095) !important;

    border-color:
        rgba(82,220,212,.90) !important;

    box-shadow:
        0 0 0 3px rgba(82,220,212,.075) !important;
}


/* ==========================================================
   17 — SELECT
========================================================== */

.fluent_form_8 select {

    cursor:
        pointer !important;

    color:
        rgba(245,249,252,.92) !important;

    font-size:
        13px !important;
}


.fluent_form_8 select option {

    color:
        #142235 !important;

    background:
        #ffffff !important;

    font-size:
        13px !important;
}


/* ==========================================================
   18 — CONFIDENTIALITÉ FORMULAIRE
========================================================== */

.fluent_form_8 .ff-el-html,
.fluent_form_8 .ff-el-html p,
.fluent_form_8 .ff-el-section-break {

    color:
        rgba(228,237,245,.64) !important;

    font-size:
        11px !important;

    font-weight:
        400 !important;

    line-height:
        1.65 !important;
}


/* ==========================================================
   19 — CHECKBOX
========================================================== */

.fluent_form_8 .ff-el-form-check {

    display:
        flex !important;

    align-items:
        flex-start !important;

    gap:
        10px !important;
}


.fluent_form_8 input[type="checkbox"] {

    width:
        18px !important;

    height:
        18px !important;

    min-width:
        18px !important;

    margin:
        2px 0 0 !important;

    accent-color:
        #4fd5ce !important;

    cursor:
        pointer !important;
}


.fluent_form_8 .ff-el-form-check-label,
.fluent_form_8 .ff-el-form-check-label span {

    color:
        rgba(233,241,247,.72) !important;

    font-size:
        10px !important;

    font-weight:
        400 !important;

    line-height:
        1.6 !important;
}


/* ==========================================================
   20 — BOUTON WRAPPER
========================================================== */

.fluent_form_8 .ff_submit_btn_wrapper {

    width:
        100% !important;

    display:
        flex !important;

    justify-content:
        center !important;

    align-items:
        center !important;

    margin-top:
        26px !important;
}


/* ==========================================================
   21 — BOUTON
========================================================== */

.fluent_form_8 .ff-btn-submit,
.fluent_form_8 button[type="submit"] {

    width:
        50% !important;

    min-width:
        260px !important;

    max-width:
        390px !important;

    min-height:
        54px !important;

    margin:
        0 auto !important;

    padding:
        0 28px !important;

    color:
        #ffffff !important;

    background:
        linear-gradient(
            110deg,
            #1768b8 0%,
            #1d83df 55%,
            #2596ef 100%
        ) !important;

    border:
        1px solid rgba(255,255,255,.16) !important;

    border-radius:
        11px !important;

    box-shadow:
        0 10px 25px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.10) !important;

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    text-align:
        center !important;

    cursor:
        pointer !important;
}


.fluent_form_8 .ff-btn-submit:hover,
.fluent_form_8 button[type="submit"]:hover {

    background:
        linear-gradient(
            110deg,
            #1975c9,
            #2090ed,
            #2aa4fa
        ) !important;
}


/* ==========================================================
   22 — ERREURS
========================================================== */

.fluent_form_8 .ff-el-is-error input,
.fluent_form_8 .ff-el-is-error select,
.fluent_form_8 .ff-el-is-error textarea {

    border-color:
        #ed7f87 !important;
}


.fluent_form_8 .text-danger,
.fluent_form_8 .error {

    margin-top:
        6px !important;

    color:
        #ff9da3 !important;

    font-size:
        10px !important;
}


/* ==========================================================
   23 — SUCCÈS
========================================================== */

.fluent_form_8 .ff-message-success {

    padding:
        17px 19px !important;

    color:
        #e2fff9 !important;

    background:
        rgba(62,195,161,.10) !important;

    border:
        1px solid rgba(82,220,212,.20) !important;

    border-radius:
        11px !important;

    font-size:
        12px !important;

    line-height:
        1.6 !important;
}


/* ==========================================================
   24 — TABLETTE
========================================================== */

@media only screen and (max-width: 1024px) {

    .lenimjin-main-title {

        font-size:
            41px !important;
    }

}


/* ==========================================================
   25 — MOBILE
========================================================== */

@media only screen and (max-width: 767px) {

    .lenimjin-application-info {

        max-width:
            100%;

        padding:
            10px 0 28px;
    }


    .lenimjin-main-title {

        max-width:
            100% !important;

        font-size:
            35px !important;

        line-height:
            1.1 !important;
    }


    .lenimjin-intro {

        max-width:
            100%;

        font-size:
            13px !important;
    }


    .lenimjin-form-heading {

        align-items:
            flex-start;

        margin-bottom:
            24px;
    }


    .lenimjin-form-heading h3 {

        font-size:
            22px !important;
    }


    .fluent_form_8 .ff-t-container {

        display:
            block !important;

        width:
            100% !important;
    }


    .fluent_form_8 .ff-t-cell {

        width:
            100% !important;

        max-width:
            100% !important;

        padding:
            0 !important;
    }


    .fluent_form_8 .ff-el-input--label label {

        font-size:
            12px !important;
    }


    .fluent_form_8 input[type="text"],
    .fluent_form_8 input[type="email"],
    .fluent_form_8 input[type="tel"],
    .fluent_form_8 input[type="number"],
    .fluent_form_8 input[type="url"],
    .fluent_form_8 input[type="date"],
    .fluent_form_8 select {

        min-height:
            55px !important;

        font-size:
            13px !important;
    }


    .fluent_form_8 .ff-btn-submit,
    .fluent_form_8 button[type="submit"] {

        width:
            82% !important;

        min-width:
            0 !important;

        max-width:
            340px !important;

        min-height:
            54px !important;
    }

}


/* ==========================================================
   26 — PETITS MOBILES
========================================================== */

@media only screen and (max-width: 420px) {

    .lenimjin-main-title {

        font-size:
            32px !important;
    }


    .lenimjin-form-status {

        display:
            none;
    }


    .fluent_form_8 .ff-btn-submit,
    .fluent_form_8 button[type="submit"] {

        width:
            90% !important;
    }

}


/* ==========================================================
   27 — PROTECTION DÉBORDEMENT
========================================================== */

html,
body {

    max-width:
        100%;

    overflow-x:
        hidden;
}


.fluent_form_8,
.fluent_form_8 *,
.lenimjin-application-info,
.lenimjin-application-info * {

    box-sizing:
        border-box !important;

    max-width:
        100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1eb26c6 */@media (max-width: 767px) {

    .elementor-230 .elementor-element.elementor-element-1eb26c6 {
        flex-direction: column-reverse !important;
    }

    .elementor-230 .elementor-element.elementor-element-1eb26c6 .fluent_form_8 .ff-el-input--label label {
        font-size: 14px !important;
    }

    .elementor-230 .elementor-element.elementor-element-1eb26c6 .fluent_form_8 input[type="text"],
    .elementor-230 .elementor-element.elementor-element-1eb26c6 .fluent_form_8 input[type="email"],
    .elementor-230 .elementor-element.elementor-element-1eb26c6 .fluent_form_8 input[type="tel"],
    .elementor-230 .elementor-element.elementor-element-1eb26c6 .fluent_form_8 input[type="number"],
    .elementor-230 .elementor-element.elementor-element-1eb26c6 .fluent_form_8 select {
        min-height: 58px !important;
        font-size: 16px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .elementor-230 .elementor-element.elementor-element-1eb26c6 .fluent_form_8 input::placeholder {
        font-size: 14px !important;
    }

    .elementor-230 .elementor-element.elementor-element-1eb26c6 .fluent_form_8 .ff-el-html,
    .elementor-230 .elementor-element.elementor-element-1eb26c6 .fluent_form_8 .ff-el-html p {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    .elementor-230 .elementor-element.elementor-element-1eb26c6 .fluent_form_8 .ff-el-form-check-label,
    .elementor-230 .elementor-element.elementor-element-1eb26c6 .fluent_form_8 .ff-el-form-check-label span {
        font-size: 12px !important;
        line-height: 1.55 !important;
    }

    .elementor-230 .elementor-element.elementor-element-1eb26c6 .fluent_form_8 button[type="submit"],
    .elementor-230 .elementor-element.elementor-element-1eb26c6 .fluent_form_8 .ff-btn-submit {
        width: 85% !important;
        max-width: 330px !important;
        min-height: 58px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */