/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://exemple.com
 Description:  Thème enfant de Hello Elementor
 Author:       Ton Nom
 Author URI:   https://exemple.com
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Ici tu pourras ajouter tes styles personnalisés */



.main-menu li a{
	padding: 9px 16px;
    font-weight: 500;
    letter-spacing: .02em;
    color: rgba(255, 255, 255, .65);
    border-radius: 6px;
    transition: all .2s;
    position: relative;
}

.main-menu li a.elementor-item-active::after,
.main-menu li a:hover::after{
    left: 10px !important;
    right: 10px !important;
}

.main-menu li a::after{
	content: '';
    position: absolute;
    bottom: 5px;
    left: 50%;
    right: 50%;
    height: 2px;
    background-color: var(--green) !important;
    border-radius: 1px;
    transition: all .2s cubic-bezier(.25,.8,.25,1);
}

.main-menu li a.active, 
.main-menu li a.elementor-item-active::after{
    content: '';
    position: absolute;
    bottom: 5px;
    left: 50%;
    right: 50%;
    height: 2px;
    background-color: var(--green) !important;
    border-radius: 1px;
    transition: all .2s cubic-bezier(.25,.8,.25,1);
}




:root {
  --navy:    #478CD7; /*blue one*/
  --navy2:   #0F2347;
  --dark:    #1A2540;
  --anthracite: #252E42;
  --mid:     #3A4560;
  --green:   #2ECC8E;
  --green2:  #22B87A;
  --blue-accent: #1C4ED8;
  --light:   #F5F7FB;
  --muted:   #7A849A;
  --border:  #E4E8F0;
  --white:   #FFFFFF;
  --serif:   'DM Serif Display', Georgia, serif;
  --sans:    'DM Sans', sans-serif;
  --mono:    'Space Mono', monospace;
  --r:       6px;
  --ease:    cubic-bezier(.25,.8,.25,1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
}

.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.reveal.visible{opacity:1;transform:none}
.reveal-left{opacity:0;transform:translateX(-32px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.reveal-left.visible{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}


.exp-prev-card{
  padding:40px 32px;background:var(--light);
  transition:all .3s;position:relative;overflow:hidden;cursor:pointer;
  overflow: hidden !important;
}
.exp-prev-card::before{
  content:'';position:absolute;inset:0;background:var(--navy);
  transform:translateY(100%);transition:transform .4s var(--ease);
}
.exp-prev-card:hover::before{transform:translateY(0)}
.exp-prev-card>*{position:relative;z-index:1}
.exp-prev-card:hover h3,.exp-prev-card:hover p{color:var(--white)}
.exp-prev-card:hover p{color:rgba(255,255,255,.6)}
.exp-prev-card::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:3px;
  background:var(--green);transform:scaleX(0);transform-origin:left;
  transition:transform .3s var(--ease);z-index:2;
}
.exp-prev-card:hover::after{transform:scaleX(1)}
.exp-num{letter-spacing:.15em;margin-bottom:20px;display:block}
.exp-prev-card h3{margin-bottom:10px;transition:color .3s}
.exp-prev-card p{transition:color .3s}
.exp-prev-card .arrow{
  display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--green);
  margin-top:20px;letter-spacing:.05em;
  opacity:0;transform:translateX(-8px);
  transition:opacity .3s,transform .3s;
}
.exp-prev-card:hover .arrow{opacity:1;transform:none}








.one-expertise:hover .expertise-number span{
    color: var( --e-global-color-primary ) !important;
}


.sector-box{
    background-size: 100% ;
     transition:transform 0.5s ease-out, background-size 0.5s ease-in-out;
     
}

.sector-box:hover{
    cursor: pointer;
    background-size: 110% !important;
    transform: translateY(-5px);

}