.elementor-140 .elementor-element.elementor-element-b6f7088{--display:flex;--position:fixed;--min-height:80px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0.6rem;--padding-bottom:0.6rem;--padding-left:5vw;--padding-right:5vw;top:0px;--z-index:999;}body:not(.rtl) .elementor-140 .elementor-element.elementor-element-b6f7088{left:0px;}body.rtl .elementor-140 .elementor-element.elementor-element-b6f7088{right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-140 .elementor-element.elementor-element-5f6b8e3{text-align:left;}.elementor-140 .elementor-element.elementor-element-5f6b8e3 img{width:110px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-140 .elementor-element.elementor-element-a23472d{--display:flex;}.elementor-140 .elementor-element.elementor-element-3e26370{--display:flex;}.elementor-140 .elementor-element.elementor-element-defad68{--display:flex;}.elementor-140 .elementor-element.elementor-element-b5a4342{--display:flex;}.elementor-140 .elementor-element.elementor-element-1e4e22a{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;grid-column:span 2;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:#FFFFFF;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-title-normal-color-dropdown:var( --e-global-color-403e3ef );--n-menu-title-active-color-dropdown:var( --e-global-color-403e3ef );}:where( .elementor-140 .elementor-element.elementor-element-1e4e22a > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{background-color:var( --e-global-color-primary );}.elementor-140 .elementor-element.elementor-element-1e4e22a > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:var( --e-global-color-primary );}.elementor-140 .elementor-element.elementor-element-1e4e22a > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{background-color:var( --e-global-color-primary );}.elementor-140 .elementor-element.elementor-element-1e4e22a.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-140 .elementor-element.elementor-element-1e4e22a > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-140 .elementor-element.elementor-element-1e4e22a > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-140 .elementor-element.elementor-element-1e4e22a > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Clash Grotesk", Sans-serif;font-weight:500;}.elementor-140 .elementor-element.elementor-element-1e4e22a {--n-menu-title-color-hover:var( --e-global-color-accent );--n-menu-title-color-active:var( --e-global-color-accent );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-140 .elementor-element.elementor-element-b6f7088{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-140 .elementor-element.elementor-element-1e4e22a{--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;padding:10px 10px 10px 10px;--n-menu-title-font-size:2rem;--n-menu-toggle-icon-distance-from-dropdown:30px;}.elementor-140 .elementor-element.elementor-element-1e4e22a.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}}/* Start custom CSS for mega-menu, class: .elementor-element-1e4e22a */@media (max-width: 1024px) {
  .e-n-menu-heading {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    gap: 15px;
  }

  .e-n-menu-title-container {
    width: 100%;
    justify-content: center!important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-355fc66 */.elementor-140 .elementor-element.elementor-element-355fc66{
    display: none
    }
/* CSS pour le header avec classe .header */

/* Header de base - transparent */
.header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    background-color: transparent !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

/* État scrollé - couleur primaire */
.header-scrolled,
.header-menu-open {
    background-color: var(--e-global-color-primary) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

/* Header caché */
.header-hidden {
    transform: translateY(-100%) !important;
}

/* Header visible */
.header-visible {
    transform: translateY(0) !important;
}



/* Optionnel : Animation plus fluide sur les liens */
.header.header-scrolled a,
.header.header-scrolled .elementor-nav-menu--main a,
.header.header-menu-open a,
.header.header-menu-open .elementor-nav-menu--main a {
    transition: color 0.3s ease !important;
}

/* Optionnel : Changer la couleur du texte quand le fond devient coloré */
.header.header-scrolled,
.header.header-scrolled *,
.header.header-menu-open,
.header.header-menu-open * {
    color: white !important;
}

/* Changer la couleur des icônes SVG du menu burger quand le header est coloré */
.header.header-scrolled .e-n-menu-toggle svg,
.header.header-menu-open .e-n-menu-toggle svg {
    fill: white !important;
}

/* Si vous avez un logo, vous pouvez aussi l'adapter */
.header.header-scrolled .elementor-image img,
.header.header-scrolled .site-logo img,
.header.header-menu-open .elementor-image img,
.header.header-menu-open .site-logo img {
    filter: brightness(0) invert(1);
    transition: filter 0.3s ease;
}


@media (max-width: 1024px) {
.e-n-menu-heading{
    min-height: calc(100vh - 80px)!important;
    align-content : center;
    background-color: var(--e-global-color-primary)!important
    
}

.e-n-menu-title-text{
    font-size: 3rem!important
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Clash Grotesk';
	font-display: auto;
	src: url('https://arafri.com/wp-content/uploads/2025/07/ClashGrotesk-Variable.ttf') format('truetype');
}
/* End Custom Fonts CSS */