.elementor-857 .elementor-element.elementor-element-d96af86{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-857 .elementor-element.elementor-element-d96af86:not(.elementor-motion-effects-element-type-background), .elementor-857 .elementor-element.elementor-element-d96af86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-857 .elementor-element.elementor-element-f130861 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:36px;font-weight:700;}.elementor-857 .elementor-element.elementor-element-c8e300d{--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;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-857 .elementor-element.elementor-element-6036d34 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}#elementor-popup-modal-857 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-857{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-857 .dialog-message{width:900px;height:auto;}#elementor-popup-modal-857 .dialog-close-button{display:flex;}/* Start custom CSS for jet-listing-grid, class: .elementor-element-6036d34 *//* ==================================================
   PROJECT POPUP - GRAND ECRAN UNIQUEMENT
================================================== */

@media (min-width:1450px){

    .popup-project-grid .jet-listing-grid__items{
        display:flex !important;
        flex-wrap:wrap !important;

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

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

        margin-left:auto !important;
        margin-right:auto !important;

        gap:30px !important;
    }

    .popup-project-grid .jet-listing-grid__item{
        flex:0 0 calc(50% - 15px) !important;

        width:calc(50% - 15px) !important;
        max-width:540px !important;

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

        box-sizing:border-box !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d96af86 *//* ===========================
   CARD
=========================== */

#project-card{
    padding:28px;
    border-radius:24px;
    background:#ffffff;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

/* ===========================
   IMAGE
=========================== */

#gauche{
    width:220px;
    flex:0 0 220px;
}

#popup-image{
    width:220px;
    flex-shrink:0;
}

#popup-image img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    display:block;
    border-radius:20px;
}

/* ===========================
   COLONNE TEXTE
=========================== */

#droit{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

/* ===========================
   BADGES
=========================== */

.project-badges{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:12px;
    width:100%;
    margin-bottom:12px;
}

.project-badge{
    background:#D86AF8;
    color:#ffffff;
    padding:8px 18px;
    border-radius:999px;
    font-size:14px;
    font-weight:700;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

/* ===========================
   TITRE
=========================== */

#popup-title{
    margin:0 0 6px 0;
}

#popup-title h1,
#popup-title h2,
#popup-title h3{
    margin:0;
    color:#1436D8;
    font-size:42px;
    font-weight:700;
    line-height:1.1;
}

/* ===========================
   CITY
=========================== */

#popup-location{
    color:#1436D8;
    font-weight:600;
    margin-bottom:12px;
}

#popup-location p{
    margin:0;
}

/* ===========================
   SUMMARY
=========================== */

#popup-summary{
    margin-bottom:20px;
}

#popup-summary p{
    margin:0;
    line-height:1.6;
}

/* ===========================
   BUTTON
=========================== */

#popup-button{
    margin-top:0;
}

#popup-button a{
    background:#1436D8 !important;
    border-radius:999px !important;
    padding:14px 30px !important;
    color:#fff !important;
    font-weight:700 !important;
    border:none !important;
    text-decoration:none !important;
    transition:.2s;
}

#popup-button a:hover{
    transform:translateY(-2px);
}

/* ===========================
   RESPONSIVE
=========================== */

@media(max-width:768px){

    #project-card{
        padding:20px;
    }

    #gauche,
    #popup-image{
        width:100%;
        flex:0 0 100%;
    }

    #popup-image img{
        width:100%;
        aspect-ratio:16/9;
    }

    #popup-title h1,
    #popup-title h2,
    #popup-title h3{
        font-size:30px;
    }

    .project-badges{
        flex-wrap:wrap;
        margin-bottom:10px;
    }
}/* End custom CSS */