.elementor-30 .elementor-element.elementor-element-7116a2b{--display:flex;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-30 .elementor-element.elementor-element-9516674{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-30 .elementor-element.elementor-element-6e598b4 .elementor-button{background-color:#1A2F6B;border-style:none;}.elementor-30 .elementor-element.elementor-element-6e598b4.elementor-element{--align-self:flex-end;}body.elementor-page-30:not(.elementor-motion-effects-element-type-background), body.elementor-page-30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-30 .elementor-element.elementor-element-9516674{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-30 .elementor-element.elementor-element-9516674{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for text-editor, class: .elementor-element-0312fbe *//* Container de la section */
.services-header {
    text-align: left; /* Aligné à gauche comme sur votre maquette */
    padding: 60px 20px;
    background-color: #F8FAFD; /* Couleur fond très clair */
}

/* Sous-titre orange */
.services-header .subtitle {
    font-size: 0.75rem;
    font-weight: 700;
    color: #E8622A;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

/* Titre principal */
.services-header h2 {
    font-family: 'Lora', serif; /* Police avec empattement */
    font-size: 3rem;
    color: #1A2F6B; /* Bleu marine */
    margin: 0 0 20px 0;
}

/* Texte mis en avant en orange */
.services-header h2 em {
    color: #E8622A;
    font-style: italic;
}

/* Ligne orange de décoration */
.accent-line {
    width: 60px;
    height: 3px;
    background: #E8622A;
    margin-bottom: 25px;
}

/* Paragraphe descriptif */
.services-header p {
    font-size: 1.1rem;
    color: #4A5568;
    max-width: 600px;
    line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-37b26f1 */.services-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    align-items: stretch; /* Ajouté : force toutes les cartes à la même hauteur */
}



.service-box {
    background: #fff;
    padding: 40px 30px;
    border: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease;
}

/* Numéro en fond */
.bg-number {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 5rem;
    font-weight: 900;
    color: #f8fafd;
    z-index: 0;
}

/* Contenu */
.icon-box { font-size: 1rem; color: #1A2F6B; margin-bottom: 20px;
background-color: #E88A4C; 
    
    /* Pour créer un carré ou un cercle parfait */
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px; /* Coins arrondis pour un aspect moderne */
    
    /* Espacement et couleur de l'icône */
    margin-bottom: 20px;
    font-size: 1.5rem;
    color: #1A2F6B;}
.service-box h3 { color: #1A2F6B; font-size: 1.25rem; margin-bottom: 15px; z-index: 1; position: relative; }
.service-box p { color: #4A5568; line-height: 1.6; margin-bottom: 20px; z-index: 1; position: relative; }
.service-btn { color: #E8622A; font-weight: 700; text-decoration: none !important; display: block; z-index: 1; position: relative; }

/* Animation au survol */
.service-box:hover {
    border-bottom: 4px solid #E8622A;
    box-shadow: 0 15px 30px rgba(0,0,0,0.05);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ef28056 */.services-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    align-items: stretch; /* Ajouté : force toutes les cartes à la même hauteur */
}




.service-box {
    background: #fff;
    padding: 40px 30px;
    border: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease;
}

/* Numéro en fond */
.bg-number {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 5rem;
    font-weight: 900;
    color: #f8fafd;
    z-index: 0;
}

/* Contenu */
.icon-box { font-size: 2rem; color: #1A2F6B; margin-bottom: 20px; }
.service-box h3 { color: #1A2F6B; font-size: 1.25rem; margin-bottom: 15px; z-index: 1; position: relative; }
.service-box p { color: #4A5568; line-height: 1.6; margin-bottom: 20px; z-index: 1; position: relative; }
.service-btn { color: #E8622A; font-weight: 700; text-decoration: none !important; display: block; z-index: 1; position: relative; }

/* Animation au survol */
.service-box:hover {
    border-bottom: 4px solid #E8622A;
    box-shadow: 0 15px 30px rgba(0,0,0,0.05);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ded5e3a */.services-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    align-items: stretch; /* Ajouté : force toutes les cartes à la même hauteur */
}




.service-box {
    background: #fff;
    padding: 40px 30px;
    border: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease;
}

/* Numéro en fond */
.bg-number {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 5rem;
    font-weight: 900;
    color: #f8fafd;
    z-index: 0;
}

/* Contenu */
.icon-box { font-size: 2rem; color: #1A2F6B; margin-bottom: 20px; }
.service-box h3 { color: #1A2F6B; font-size: 1.25rem; margin-bottom: 15px; z-index: 1; position: relative; }
.service-box p { color: #4A5568; line-height: 1.6; margin-bottom: 20px; z-index: 1; position: relative; }
.service-btn { color: #E8622A; font-weight: 700; text-decoration: none !important; display: block; z-index: 1; position: relative; }

/* Animation au survol */
.service-box:hover {
    border-bottom: 4px solid #E8622A;
    box-shadow: 0 15px 30px rgba(0,0,0,0.05);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e5bc12 */.services-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    align-items: stretch; /* Ajouté : force toutes les cartes à la même hauteur */
}




.service-box {
    background: #fff;
    padding: 40px 30px;
    border: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease;
}

/* Numéro en fond */
.bg-number {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 5rem;
    font-weight: 900;
    color: #f8fafd;
    z-index: 0;
}

/* Contenu */
.icon-box { font-size: 2rem; color: #1A2F6B; margin-bottom: 20px; }
.service-box h3 { color: #1A2F6B; font-size: 1.25rem; margin-bottom: 15px; z-index: 1; position: relative; }
.service-box p { color: #4A5568; line-height: 1.6; margin-bottom: 20px; z-index: 1; position: relative; }
.service-btn { color: #E8622A; font-weight: 700; text-decoration: none !important; display: block; z-index: 1; position: relative; }

/* Animation au survol */
.service-box:hover {
    border-bottom: 4px solid #E8622A;
    box-shadow: 0 15px 30px rgba(0,0,0,0.05);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-14163e4 */.services-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    align-items: stretch; /* Ajouté : force toutes les cartes à la même hauteur */
}




.service-box {
    background: #fff;
    padding: 40px 30px;
    border: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease;
}

/* Numéro en fond */
.bg-number {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 5rem;
    font-weight: 900;
    color: #f8fafd;
    z-index: 0;
}

/* Contenu */
.icon-box { font-size: 2rem; color: #1A2F6B; margin-bottom: 20px; }
.service-box h3 { color: #1A2F6B; font-size: 1.25rem; margin-bottom: 15px; z-index: 1; position: relative; }
.service-box p { color: #4A5568; line-height: 1.6; margin-bottom: 20px; z-index: 1; position: relative; }
.service-btn { color: #E8622A; font-weight: 700; text-decoration: none !important; display: block; z-index: 1; position: relative; }

/* Animation au survol */
.service-box:hover {
    border-bottom: 4px solid #E8622A;
    box-shadow: 0 15px 30px rgba(0,0,0,0.05);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-04faf2f */.services-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    align-items: stretch; /* Ajouté : force toutes les cartes à la même hauteur */
}




.service-box {
    background: #fff;
    padding: 40px 30px;
    border: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease;
}

/* Numéro en fond */
.bg-number {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 5rem;
    font-weight: 900;
    color: #f8fafd;
    z-index: 0;
}

/* Contenu */
.icon-box { font-size: 2rem; color: #1A2F6B; margin-bottom: 20px; }
.service-box h3 { color: #1A2F6B; font-size: 1.25rem; margin-bottom: 15px; z-index: 1; position: relative; }
.service-box p { color: #4A5568; line-height: 1.6; margin-bottom: 20px; z-index: 1; position: relative; }
.service-btn { color: #E8622A; font-weight: 700; text-decoration: none !important; display: block; z-index: 1; position: relative; }

/* Animation au survol */
.service-box:hover {
    border-bottom: 4px solid #E8622A;
    box-shadow: 0 15px 30px rgba(0,0,0,0.05);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5a87a63 */.band-t {
    font-size: 1.1rem;
    font-weight: 800;
    color: #ffff;
}
.band-t span {
    font-weight: 300;
    font-size: .9rem;
    display: block;
    color: rgba(255, 255, 255, .8);
    margin-top: 2px;
}/* End custom CSS */