.elementor-23 .elementor-element.elementor-element-d853f8e{--display:flex;--position:fixed;--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;--padding-top:60px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;top:0px;--z-index:999;}.elementor-23 .elementor-element.elementor-element-d853f8e::before, .elementor-23 .elementor-element.elementor-element-d853f8e > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-d853f8e > .e-con-inner > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-d853f8e > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-d853f8e > .e-con-inner > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-d853f8e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-23 .elementor-element.elementor-element-d853f8e.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-23 .elementor-element.elementor-element-d853f8e{left:0px;}body.rtl .elementor-23 .elementor-element.elementor-element-d853f8e{right:0px;}.elementor-23 .elementor-element.elementor-element-5d96855{--display:flex;}.elementor-23 .elementor-element.elementor-element-bcbe2a6{--display:flex;--position:fixed;--min-height:1vh;--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;--overlay-opacity:1;--padding-top:60px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;top:0px;--z-index:999;}.elementor-23 .elementor-element.elementor-element-bcbe2a6::before, .elementor-23 .elementor-element.elementor-element-bcbe2a6 > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-bcbe2a6 > .e-con-inner > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-bcbe2a6 > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-bcbe2a6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-bcbe2a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-23 .elementor-element.elementor-element-bcbe2a6.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-23 .elementor-element.elementor-element-bcbe2a6{left:0px;}body.rtl .elementor-23 .elementor-element.elementor-element-bcbe2a6{right:0px;}.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-23 .elementor-element.elementor-element-f47fb81{width:var( --container-widget-width, 108.696% );max-width:108.696%;--container-widget-width:108.696%;--container-widget-flex-grow:0;text-align:center;}.elementor-23 .elementor-element.elementor-element-f47fb81 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-f47fb81.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-f47fb81 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:1px;font-weight:100;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-136332b{--display:flex;}.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-23 .elementor-element.elementor-element-4a4e755 .elementor-button{background-color:#61CE7000;font-family:"Albert Sans", Sans-serif;font-size:15px;font-weight:300;fill:#B9B9B9;color:#B9B9B9;}.elementor-23 .elementor-element.elementor-element-4a4e755 > .elementor-widget-container{margin:0px 0px 0px -30px;}.elementor-23 .elementor-element.elementor-element-4a4e755.elementor-element{--align-self:flex-start;}.elementor-23 .elementor-element.elementor-element-4a4e755 .elementor-button:hover, .elementor-23 .elementor-element.elementor-element-4a4e755 .elementor-button:focus{color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-4a4e755 .elementor-button:hover svg, .elementor-23 .elementor-element.elementor-element-4a4e755 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-f406775 .elementor-button{background-color:#61CE7000;font-family:"Albert Sans", Sans-serif;font-size:15px;font-weight:300;fill:#B9B9B9;color:#B9B9B9;}.elementor-23 .elementor-element.elementor-element-f406775 > .elementor-widget-container{margin:-30px 0px 0px -30px;}.elementor-23 .elementor-element.elementor-element-f406775.elementor-element{--align-self:flex-start;}.elementor-23 .elementor-element.elementor-element-f406775 .elementor-button:hover, .elementor-23 .elementor-element.elementor-element-f406775 .elementor-button:focus{color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-f406775 .elementor-button:hover svg, .elementor-23 .elementor-element.elementor-element-f406775 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-599fc5c .elementor-button{background-color:#61CE7000;font-family:"Albert Sans", Sans-serif;font-size:15px;font-weight:300;fill:#B9B9B9;color:#B9B9B9;}.elementor-23 .elementor-element.elementor-element-599fc5c > .elementor-widget-container{margin:-30px 0px 0px -30px;padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-599fc5c.elementor-element{--align-self:flex-start;}.elementor-23 .elementor-element.elementor-element-599fc5c .elementor-button:hover, .elementor-23 .elementor-element.elementor-element-599fc5c .elementor-button:focus{color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-599fc5c .elementor-button:hover svg, .elementor-23 .elementor-element.elementor-element-599fc5c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-49bf0bc .elementor-button{background-color:#61CE7000;font-family:"Albert Sans", Sans-serif;font-size:15px;font-weight:300;fill:#B9B9B9;color:#B9B9B9;}.elementor-23 .elementor-element.elementor-element-49bf0bc > .elementor-widget-container{margin:-30px 0px 0px -30px;}.elementor-23 .elementor-element.elementor-element-49bf0bc.elementor-element{--align-self:flex-start;}.elementor-23 .elementor-element.elementor-element-49bf0bc .elementor-button:hover, .elementor-23 .elementor-element.elementor-element-49bf0bc .elementor-button:focus{color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-49bf0bc .elementor-button:hover svg, .elementor-23 .elementor-element.elementor-element-49bf0bc .elementor-button:focus svg{fill:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-68529d3 .elementor-button{background-color:#61CE7000;font-family:"Albert Sans", Sans-serif;font-size:15px;font-weight:300;fill:#B9B9B9;color:#B9B9B9;}.elementor-23 .elementor-element.elementor-element-68529d3 > .elementor-widget-container{margin:-30px 0px 0px -30px;}.elementor-23 .elementor-element.elementor-element-68529d3.elementor-element{--align-self:flex-start;}.elementor-23 .elementor-element.elementor-element-68529d3 .elementor-button:hover, .elementor-23 .elementor-element.elementor-element-68529d3 .elementor-button:focus{color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-68529d3 .elementor-button:hover svg, .elementor-23 .elementor-element.elementor-element-68529d3 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-bb3fd15 .elementor-button{background-color:#61CE7000;font-family:"Albert Sans", Sans-serif;font-size:15px;font-weight:300;fill:#B9B9B9;color:#B9B9B9;}.elementor-23 .elementor-element.elementor-element-bb3fd15 > .elementor-widget-container{margin:-30px 0px 0px -30px;}.elementor-23 .elementor-element.elementor-element-bb3fd15.elementor-element{--align-self:flex-start;}.elementor-23 .elementor-element.elementor-element-bb3fd15 .elementor-button:hover, .elementor-23 .elementor-element.elementor-element-bb3fd15 .elementor-button:focus{color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-bb3fd15 .elementor-button:hover svg, .elementor-23 .elementor-element.elementor-element-bb3fd15 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-cf77ec3 .elementor-button{background-color:#61CE7000;font-family:"Albert Sans", Sans-serif;font-size:15px;font-weight:300;fill:#B9B9B9;color:#B9B9B9;}.elementor-23 .elementor-element.elementor-element-cf77ec3 > .elementor-widget-container{margin:-30px 0px 0px -30px;}.elementor-23 .elementor-element.elementor-element-cf77ec3.elementor-element{--align-self:flex-start;}.elementor-23 .elementor-element.elementor-element-cf77ec3 .elementor-button:hover, .elementor-23 .elementor-element.elementor-element-cf77ec3 .elementor-button:focus{color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-cf77ec3 .elementor-button:hover svg, .elementor-23 .elementor-element.elementor-element-cf77ec3 .elementor-button:focus svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-d853f8e{--width:140px;}.elementor-23 .elementor-element.elementor-element-bcbe2a6{--width:153px;}}/* Start custom CSS for heading, class: .elementor-element-f47fb81 *//* 1) Importer Albert Sans (Thin = 100) */
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@100&display=swap');

/* 2) Réinitialiser les marges, etc. */
html, body {
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: #f4f4f9;
  /* Police par défaut si nécessaire */
  font-family: 'Albert Sans', sans-serif;
  font-weight: 100;
}

/* 3) Le conteneur principal du titre */
.nouhaila-title {
  font-size: 0;     /* Supprime l'espace inline entre <span> */
  cursor: default;
  color: #fff;      /* Couleur du texte (blanc) */
}

/* 4) Styles communs aux lettres pour éviter le décalage */
.nouhaila-title .initial,
.nouhaila-title .letters .char {
  display: inline-block;
  font-family: 'Albert Sans', sans-serif;
  font-weight: 100;           /* Thin */
  font-size: 2rem;            /* Taille du texte */
  line-height: 1;             /* Évite un décalage vertical */
  vertical-align: middle;     /* Aligne le N et les autres lettres au même niveau */
  color: #fff;
}

/* La première lettre (N) est toujours visible */
.nouhaila-title .initial {
  opacity: 1;
  transform: translateX(0);
}

/* Conteneur pour les autres lettres */
.nouhaila-title .letters {
  font-size: 0; /* Pour enlever l'espace entre <span> .char */
}

/* Chaque caractère est invisible et légèrement déplacé au départ */
.nouhaila-title .letters .char {
  opacity: 0;
  transform: translateX(10px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}

/* Apparition en hover */
.nouhaila-title:hover .letters .char {
  opacity: 1;
  transform: translateX(0);
}

/* 5) Délais d'apparition en cascade */
.nouhaila-title .letters .char:nth-of-type(1)  { transition-delay: 0.05s; }
.nouhaila-title .letters .char:nth-of-type(2)  { transition-delay: 0.10s; }
.nouhaila-title .letters .char:nth-of-type(3)  { transition-delay: 0.15s; }
.nouhaila-title .letters .char:nth-of-type(4)  { transition-delay: 0.20s; }
.nouhaila-title .letters .char:nth-of-type(5)  { transition-delay: 0.25s; }
.nouhaila-title .letters .char:nth-of-type(6)  { transition-delay: 0.30s; }
.nouhaila-title .letters .char:nth-of-type(7)  { transition-delay: 0.35s; }
.nouhaila-title .letters .char:nth-of-type(8)  { transition-delay: 0.40s; }

/* Si vous avez un <span class=\"char space\"> pour l'espace, il peut avoir un width */
.nouhaila-title .letters .char.space {
  width: 0.5rem;
}

.nouhaila-title .letters .char:nth-of-type(9)  { transition-delay: 0.45s; }
.nouhaila-title .letters .char:nth-of-type(10) { transition-delay: 0.50s; }
.nouhaila-title .letters .char:nth-of-type(11) { transition-delay: 0.55s; }
.nouhaila-title .letters .char:nth-of-type(12) { transition-delay: 0.60s; }
.nouhaila-title .letters .char:nth-of-type(13) { transition-delay: 0.65s; }
.nouhaila-title .letters .char:nth-of-type(14) { transition-delay: 0.70s; }
.nouhaila-title .letters .char:nth-of-type(15) { transition-delay: 0.75s; }
.nouhaila-title .letters .char:nth-of-type(16) { transition-delay: 0.80s; }
.nouhaila-title .letters .char:nth-of-type(17) { transition-delay: 0.85s; }/* End custom CSS */