.elementor-395 .elementor-element.elementor-element-1b13213{padding:39px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-1b13213 *//* ==========================================
   NOXERA DIGITAL HEADER PREMIUM
========================================== */


.nx-header{

position:fixed;

top:0;

left:0;

width:100%;

z-index:99999;

background:transparent;

}



/* CONTENEUR FLOTTANT */

.nx-container{

max-width:1300px;

margin:px auto;

padding:15px 15px;


display:flex;

align-items:center;

justify-content:space-between;


background:rgba(255,255,255,.92);

backdrop-filter:blur(18px);

box-shadow:

0 15px 45px rgba(0,0,0,.12);

}



/* ==========================================
   LOGO
========================================== */


.nx-logo img{

width:130px;

height:auto;

display:block;

background:transparent;

transition:.3s;

}


.nx-logo img:hover{

transform:scale(1.05);

}




/* ==========================================
   MENU DESKTOP
========================================== */


.nx-menu ul{

display:flex;

align-items:center;

gap:5px;

list-style:none;

padding:0;

margin:0;

}



.nx-menu a{

display:flex;

align-items:center;

gap:7px;

padding:11px 14px;


border-radius:12px;


font-size:15px;

font-weight:600;


color:#111827;


text-decoration:none;


transition:.3s ease;

}



.nx-menu a:hover{

color:#005DFE;


background:

linear-gradient(

135deg,

rgba(0,93,254,.12),

rgba(174,10,254,.12)

);


transform:translateY(-2px);

}





/* ==========================================
   SOUS MENU SERVICES / SOLUTIONS
========================================== */


.nx-dropdown{

position:relative;

}



.nx-dropdown-box{


position:absolute;


top:50px;

left:0;


width:350px;


background:white;


padding:15px;


border-radius:20px;


box-shadow:

0 25px 70px rgba(0,0,0,.18);



opacity:0;

visibility:hidden;


transform:translateY(15px);


transition:.35s ease;


}



/* apparition au survol */

.nx-dropdown:hover .nx-dropdown-box{


opacity:1;

visibility:visible;


transform:translateY(0);


}



.nx-dropdown-box a{


display:block;


padding:14px;


border-radius:14px;


}



.nx-dropdown-box a:hover{


background:#f4f7ff;


transform:translateX(6px);


}



.nx-dropdown-box strong{


display:block;

font-size:15px;

color:#111827;


}



.nx-dropdown-box small{


display:block;

margin-top:5px;


font-size:13px;

color:#6b7280;


}





/* ==========================================
   BOUTONS
========================================== */


.nx-actions{


display:flex;

gap:10px;

align-items:center;


}



.nx-login{


padding:10px 20px!important;


border:2px solid #005DFE;


border-radius:50px!important;


color:#005DFE!important;


}



.nx-login:hover{


background:#005DFE!important;


color:white!important;


}





.nx-register{


padding:12px 24px!important;


border-radius:50px!important;


background:

linear-gradient(

135deg,

#005DFE,

#AE0AFE

);


color:white!important;


box-shadow:

0 12px 30px rgba(0,93,254,.25);


}



.nx-register:hover{


transform:translateY(-3px);


box-shadow:

0 20px 45px rgba(0,93,254,.35);


}




/* ==========================================
   MOBILE BUTTON
========================================== */


#nx-toggle{

display:none;

}



.nx-hamburger{

display:none;

cursor:pointer;

}



.nx-hamburger span{


display:block;


width:30px;


height:3px;


background:#111827;


margin:6px;


border-radius:20px;


transition:.3s;


}



.nx-mobile-item{

display:none;

}



/* ==========================================
   VERSION MOBILE
========================================== */


@media(max-width:950px){



.nx-container{


margin:0;


border-radius:0;


padding:15px 20px;


}




.nx-logo img{


width:120px;


}



.nx-hamburger{


display:block;


}



.nx-actions{


display:none;


}




/* MENU PLEIN ECRAN */


.nx-menu{


position:fixed;


top:0;

left:0;


width:100%;


height:100vh;


background:white;


padding:100px 25px 30px;


display:none;


overflow-y:auto;


box-shadow:

0 20px 60px rgba(0,0,0,.20);


}



/* ouverture */

#nx-toggle:checked ~ .nx-menu{


display:block;


animation:nxMenuOpen .45s ease;


}



@keyframes nxMenuOpen{


from{

opacity:0;

transform:translateY(-100%);

}


to{

opacity:1;

transform:translateY(0);

}


}



.nx-menu ul{


display:flex;


flex-direction:column;


align-items:flex-start;


gap:12px;


}



.nx-menu li{


width:100%;


}



.nx-menu a{


width:100%;


padding:15px;


font-size:17px;


}





/* boutons mobiles */


.nx-mobile-item{


display:block;


}




.nx-mobile-item a{


text-align:center;


justify-content:center;


margin-top:10px;


}



/* sous menu mobile */


.nx-dropdown-box{


position:static;


width:100%;


box-shadow:none;


display:none;


opacity:1;


visibility:visible;


transform:none;


}




.nx-dropdown:hover .nx-dropdown-box{


display:block;


}



}
/* =================================
   CORRECTION MENU MOBILE
================================= */


@media(max-width:950px){


.nx-menu{

position:absolute;

top:75px;

left:0;

width:100%;

height:auto;

max-height:calc(100vh - 75px);


background:white;


padding:25px 20px;


border-radius:

0 0 25px 25px;


overflow-y:auto;


box-shadow:

0 20px 60px rgba(0,0,0,.18);


transform:translateY(-20px);

opacity:0;


transition:.4s ease;


}



/* ouverture */

#nx-toggle:checked ~ .nx-menu{


display:block;


opacity:1;


transform:translateY(0);


animation:nxDrop .4s ease;


}




@keyframes nxDrop{


from{

opacity:0;

transform:translateY(-30px);

}


to{

opacity:1;

transform:translateY(0);

}


}
/* =====================================
   CORRECTION HEADER PC CENTRAGE
===================================== */

@media(min-width:951px){


.nx-header{

position:fixed;

top:0;

left:0;

right:0;

width:100%;

z-index:99999;

}



.nx-container{

width:calc(100% - 80px);

max-width:1300px;

margin:15px auto !important;


display:flex;

align-items:center;

justify-content:space-between;


}



.nx-logo{

display:flex;

align-items:center;

}



.nx-menu{

display:flex;

align-items:center;

justify-content:center;

flex:1;

}



.nx-menu ul{

justify-content:center;

}



.nx-actions{

display:flex;

align-items:center;

justify-content:flex-end;

}



}/* End custom CSS */