.elementor-1260 .elementor-element.elementor-element-faad7a4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1260 .elementor-element.elementor-element-faad7a4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1260 .elementor-element.elementor-element-43a03b5{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-3c75de8 ) 0%, #E6EAFF 100%);}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1260 .elementor-element.elementor-element-faad7a4{--width:1302px;}}/* Start custom CSS for html, class: .elementor-element-43a03b5 *//* =========================
   SECTION
========================= */

.woovy-project-page{

    position:relative;
    overflow:hidden;

    padding:160px 24px 120px;

}

/* =========================
   CONTAINER
========================= */

.woovy-project-container{

    position:relative;
    z-index:2;

    max-width:1440px;

    margin:auto;
}

/* =========================
   CONTENT GRID
========================= */

.woovy-content-grid{

    display:grid;

    grid-template-columns:520px minmax(780px,1fr);

    gap:64px;

    align-items:start;
}
/* =========================
   LEFT CONTENT
========================= */

.woovy-left-content{

    display:flex;

    flex-direction:column;
}

/* =========================
   TOP
========================= */

.woovy-project-top{

    margin-bottom:42px;

    max-width:760px;
}

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

.woovy-badge{

    display:inline-flex;

    padding:10px 18px;

    border-radius:999px;

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

    border:1px solid rgba(255,255,255,0.45);

    color:#6366F1;

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

    margin-bottom:28px;

    backdrop-filter:blur(14px);
}

/* =========================
   TITLE
========================= */

.woovy-project-top h1{

    font-size:68px;

    line-height:0.96;

    letter-spacing:-3px;

    font-weight:800;

    color:#0F172A;

    margin-bottom:26px;
}

/* =========================
   GRADIENT
========================= */

.gradient-word{

    background: linear-gradient(
        90deg,
        #6a39ff,
        #1496ff,
        #6a39ff
    );

    background-size:200% auto;

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    animation:gradientMove 4s linear infinite;
}

@keyframes gradientMove {

    0% {
        background-position:0% center;
    }

    100% {
        background-position:200% center;
    }
}

/* =========================
   SUBTITLE
========================= */

.woovy-subtitle{

    color:#475569;

    font-size:19px;

    line-height:1.9;

    margin-bottom:0;
}

/* =========================
   TRUST GRID
========================= */

.woovy-trust-grid{

    display:flex;

    flex-direction:column;

    gap:16px;
}

/* =========================
   TRUST CARD
========================= */

.woovy-trust-card{

    display:flex;

    align-items:flex-start;

    gap:18px;

    padding:22px;

    border-radius:28px;

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

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,0.35);

    box-shadow:
    0 20px 60px rgba(15,23,42,0.08);

    transition:all .35s ease;
}

.woovy-trust-card:hover{

    transform:translateY(-6px);
}

/* =========================
   ICON
========================= */

.woovy-icon{

    width:58px;
    height:58px;

    min-width:58px;

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

    border-radius:18px;

    background:
    linear-gradient(
        135deg,
        #7C3AED,
        #2563EB
    );

    color:white;
}

.woovy-icon svg{

    width:24px;
    height:24px;
}

/* =========================
   TRUST CONTENT
========================= */

.woovy-trust-content{

    flex:1;
    min-width:0;
}

.woovy-trust-card h3{

    font-size:19px;

    line-height:1.35;

    color:#0F172A;

    margin-bottom:8px;

    white-space:nowrap;
}

.woovy-trust-card p{

    color:#64748B;

    line-height:1.7;

    font-size:15px;

    margin:0;
}

/* =========================
   FORM BOX
========================= */

.woovy-form-box{

    position:sticky;

    top:120px;

    padding:46px;

    border-radius:40px;

    background:
    rgba(15,23,42,0.96);

    border:1px solid rgba(255,255,255,0.06);

    backdrop-filter:blur(18px);

    box-shadow:
    0 35px 100px rgba(15,23,42,0.25);
}

/* =========================
   FORM TOP
========================= */

.woovy-form-top{

    margin-bottom:34px;
}

.woovy-form-badge{

    display:inline-flex;

    padding:10px 18px;

    border-radius:999px;

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

    border:1px solid rgba(255,255,255,0.08);

    color:#C4B5FD;

    font-size:14px;

    margin-bottom:22px;
}

.woovy-form-top h2{

    font-size:46px;

    line-height:1.05;

    color:white;

    margin-bottom:16px;
}

.woovy-form-top p{

    color:rgba(255,255,255,0.72);

    line-height:1.8;

    font-size:16px;
}

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

.ff-el-group{

    margin-bottom:20px;
}

.ff-el-input--label label{

    color:white !important;

    font-size:14px;

    font-weight:600;
}

.ff-el-form-control{

    background:rgba(255,255,255,0.04) !important;

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

    border-radius:20px !important;

    min-height:60px;

    color:white !important;

    padding:16px 20px !important;

    transition:all .25s ease;
}

.ff-el-form-control::placeholder{

    color:rgba(255,255,255,0.35) !important;
}

.ff-el-form-control:focus{

    border-color:rgba(99,102,241,0.65) !important;

    box-shadow:
    0 0 0 5px rgba(99,102,241,0.12) !important;

    background:rgba(255,255,255,0.06) !important;
}

textarea.ff-el-form-control{

    min-height:160px;

    resize:vertical;
}

.ff-btn-submit{

    width:100%;

    min-height:64px;

    border:none !important;

    border-radius:22px !important;

    font-size:17px !important;

    font-weight:700 !important;

    color:white !important;

    background:
    linear-gradient(
        135deg,
        #7C3AED,
        #2563EB
    ) !important;

    transition:all .3s ease;
}

.ff-btn-submit:hover{

    transform:translateY(-3px);
}

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

@media(max-width:1024px){

    .woovy-content-grid{

        grid-template-columns:1fr;

        gap:40px;
    }

    .woovy-project-top h1{

        font-size:56px;
    }

    .woovy-form-box{

        position:relative;

        top:auto;
    }
}

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

    /* SECTION */

    .woovy-project-page{

        padding:120px 16px 60px;
    }

    /* GRID */

    .woovy-content-grid{

        gap:24px;
    }

    /* TOP */

    .woovy-project-top{

        margin-bottom:12px;
    }

    /* BADGE */

    .woovy-badge{

        margin-bottom:18px;

        font-size:12px;

        padding:8px 14px;
    }

    /* TITLE */

    .woovy-project-top h1{

        font-size:40px;

        line-height:1.05;

        letter-spacing:-2px;

        margin-bottom:18px;
    }

    /* SUBTITLE */

    .woovy-subtitle{

        font-size:15px;

        line-height:1.7;
    }

    /* HIDE ADVANTAGES */

    .woovy-trust-grid{

        display:none;
    }

    /* FORM */

    .woovy-form-box{

        padding:24px 18px;

        border-radius:26px;
    }

    /* FORM TOP */

    .woovy-form-top{

        margin-bottom:24px;
    }

    /* FORM TITLE */

    .woovy-form-top h2{

        font-size:30px;

        line-height:1.05;

        margin-bottom:12px;
    }

    /* FORM TEXT */

    .woovy-form-top p{

        font-size:14px;

        line-height:1.7;
    }

}
/* =========================
   TEXTES FORMULAIRE
========================= */

/* LABELS CHECKBOX */

.ff-el-form-check label{

    color:rgba(255,255,255,0.78) !important;

    line-height:1.7;
}

/* TEXTE CONSENTEMENT */

.ff_t_c{

    color:rgba(255,255,255,0.78) !important;
}

/* PLACEHOLDER */

.ff-el-form-control::placeholder{

    color:rgba(255,255,255,0.42) !important;
}

/* LABELS */

.ff-el-input--label label{

    color:white !important;
}

/* CHECKBOX */

input[type="checkbox"]{

    accent-color:#6a39ff;
}/* End custom CSS */