.elementor-kit-12{--e-global-color-primary:#1B40CE;--e-global-color-secondary:#066A15;--e-global-color-text:#4B4B4B;--e-global-color-accent:#F39C12;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 
 * Ce code utilise Flexbox pour aligner les éléments.
 * Il ne modifie que le widget sélectionné.
*/

/* Étape 1: On cible le conteneur principal des éléments */
.elementor-kit-12 .box-container {
  display: flex; /* Active le mode d'alignement Flexbox */
  flex-wrap: wrap; /* Permet aux éléments de passer à la ligne */
  align-items: center; /* Aligne l'icône et le titre sur l'axe vertical */
}

/* Étape 2: On ajoute un espace entre l'icône et le titre */
.elementor-kit-12 .box-icon {
  margin-right: 15px; /* Ajustez la valeur pour plus ou moins d'espace */
  color: #FF8C03;
}

/* Étape 3: On force le paragraphe à prendre toute la largeur pour qu'il passe à la ligne en dessous */
.elementor-kit-12 .box-body {
  flex-basis: 100%; /* Le paragraphe occupe 100% de la largeur disponible */
  margin-top: 10px; /* Ajoute un petit espace au-dessus du paragraphe */
}

/* Étape 4 (Optionnel): On s'assure que le titre ne passe pas sous l'icône */
.elementor-kit-12 .box-title-1 {
    flex-grow: 1; /* Le titre prend l'espace restant sur la ligne */
    color: #FF8C03;
}

.elementor-kit-12 .aclonica {
        font-family: "Aclonica", Sans-serif !important;
}/* End custom CSS */