.elementor-kit-4{--e-global-color-primary:#0B1D3A;--e-global-color-secondary:#1E3A6A;--e-global-color-text:#000000;--e-global-color-accent:#D4FF00;--e-global-color-13425bd:#FFFFFF;--e-global-color-0bc2b5e:#000000;--e-global-color-797f630:#CBD5E0;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-size:64px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Outfit";--e-global-typography-secondary-font-size:44px;--e-global-typography-secondary-font-weight:800;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Outfit";--e-global-typography-accent-font-size:21px;--e-global-typography-accent-font-weight:700;font-family:"Outfit", Sans-serif;font-size:17px;font-weight:400;}.elementor-kit-4 a{color:var( --e-global-color-primary );font-family:"Outfit", Sans-serif;}.elementor-kit-4 a:hover{color:var( --e-global-color-secondary );text-decoration:underline;}.elementor-kit-4 h1{font-family:"Outfit", Sans-serif;font-size:64px;font-weight:900;}.elementor-kit-4 h2{font-family:"Outfit", Sans-serif;font-size:44px;font-weight:800;}.elementor-kit-4 h3{font-family:"Outfit", Sans-serif;font-size:21px;font-weight:700;}.elementor-kit-4 h4{font-family:"Outfit", Sans-serif;}.elementor-kit-4 h5{font-family:"Outfit", Sans-serif;}.elementor-kit-4 h6{font-family:"Outfit", Sans-serif;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-family:"Outfit", Sans-serif;font-weight:700;text-decoration:none;color:var( --e-global-color-13425bd );background-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{color:var( --e-global-color-primary );background-color:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-kit-4{--e-global-typography-primary-font-size:48px;--e-global-typography-secondary-font-size:36px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-primary-font-size:36px;--e-global-typography-secondary-font-size:28px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:19px;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:16px;letter-spacing:0.3px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   CARTES BÉNÉFICES (section "Pourquoi nous rejoindre")
   ---------------------------------------------------------
   À ajouter à la suite du CSS global existant dans
   Réglages du site > CSS personnalisé.

   Usage dans un widget HTML Elementor :
   <div class="pmd-benefit-card">
       <div class="pmd-benefit-icon pmd-benefit-icon--primary">🎯</div>
       <h3>Titre</h3>
       <p>Description...</p>
   </div>
========================================================= */

.pmd-benefit-card {
    background: #fafbfc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 38px 32px;
    font-family: 'Outfit', sans-serif;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    height: 100%;
    box-sizing: border-box;
}
.pmd-benefit-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(11,29,58,0.10);
    border-color: transparent;
}

.pmd-benefit-card .pmd-benefit-icon {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.9rem;
    line-height: 1;
    margin-bottom: 22px;
}

.pmd-benefit-card .pmd-benefit-icon--primary {
    background: #0B1D3A;
}
.pmd-benefit-card .pmd-benefit-icon--accent {
    background: #D4FF00;
}

.pmd-benefit-card h3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #0B1D3A;
    margin: 0 0 12px 0;
    line-height: 1.25;
}
.pmd-benefit-card p {
    color: #64748b;
    margin: 0;
    line-height: 1.6;
    font-size: 1rem;
}

@media (max-width: 600px) {
    .pmd-benefit-card { padding: 30px 24px; }
}/* End custom CSS */