/*
Theme Name: XPR Theme
Theme URI: https://oceanwp.org/
Description: Theme officiel du site de Free Pro - Solutions XPR
Author: Remi Sirol
Author URI: https://remisirol.com
Template: oceanwp
Version: 1.0
*/

body.solutionTemplate {background-color: var(--N900) !important; color: var(--N0) !important;}
body.solutionTemplate main a{color: inherit; font-size: inherit;}
.elementor-widget-container p a{font-size: inherit;}
a:active, a:focus {outline: none !important;}
p{margin:0 !important; padding: 0px; line-height: 1.75em;}
b, strong{font-weight: 600 !important;}

body.solutionTemplate .e-n-menu-title:hover{background: var(--N800) !important; color: var(--N0)!important;}
.e-n-menu-title .e-n-menu-title-text{cursor:pointer !important;}
.full-width {left: 50%; margin-left: -50vw; margin-right: -50vw; max-width: 100vw !important; position: relative; right: 50%; width: 100vw !important;}
.elementor-widget-icon .elementor-icon, .elementor-widget-icon .elementor-icon-wrapper{line-height: 0;}

#main-logo{width: 312px; height: 32px; background: url(/wp-content/uploads/2024/05/fp-xpr-horizontal-pos.svg) no-repeat center left / contain}
body.solutionTemplate #main-logo{background-image: url(/wp-content/uploads/2024/05/fp-xpr-horizontal-neg.svg);}

#footer-logo{
width: 121px; height: 24px; 
background: url(/wp-content/uploads/main/footer-logo.svg) no-repeat center left / contain;
}
 body.solutionTemplate #footer-logo{background-image: url(/wp-content/uploads/main/footer-logo-dark.svg);}

#mainSlider .elementor-slides-wrapper{border-radius: 0px !important;}
#mainSlider .swiper-slide-contents{width: 1132px;}

#mainSlider .elementor-background-overlay{background: linear-gradient(40deg, rgb(10, 10, 11) 0%, rgba(10,10,11,0.6) 40%, rgba(0,0,0,0) 100%) !important;}

/*** NAVIGATION ***/
/* megamenu */
@media (max-width: 1024px) {
  .e-n-menu-wrapper{box-shadow: 0 100vh 0 100vh rgba(0,0,0,0.5) !important;}
  body.solutionTemplate .e-open svg path, body.solutionTemplate .e-close svg path{stroke: var(--N0) !important;}
}
  
@media (min-width: 1025px) {
  .megamenu{box-shadow: 0 100vh 0 100vh rgba(0,0,0,0.5);}
  body.solutionTemplate .e-n-menu-heading > .e-n-menu-title:hover:not(.e-current){background: var(--N800) !important; color: var(--N0)!important;}
  body.solutionTemplate .elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-title-container .e-n-menu-title-text{color:var(--N0);}
  body.solutionTemplate .e-n-menu-heading > .e-n-menu-title:hover:not(.e-current){background: var(--N800) !important; color: var(--N0)!important;}
  body.solutionTemplate .elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon span svg{fill:var(--N0) !important;}
body.solutionTemplate .elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-title-container .e-n-menu-title-text{color:var(--N0);}
}


/* topbar */
#top-bar {max-width: 100%; height: 37px; padding: 4px 32px; font-size: var(--fontSize200);}
 #top-bar-wrap{border-bottom: none !important; height: 37px !important; z-index:10;}

  .topbar-content {position: absolute; left: 0;}
    #top-bar .topbar-content a, #top-bar a.menu-link{font-size: var(--fontSize200) !important; color: var(--N50) !important;}
    #top-bar .topbar-content a:hover, #top-bar a.menu-link:hover{color: var(--N200) !important;}
    .topbar-content a:not(:last-child){margin-right: 1rem;}

  #top-bar-nav > ul > li:not(:last-child){margin-right: 1rem !important;}
  
@media screen and (max-width: 1024px) {
 .topbar-content {width: 100%; text-align: center}
 body.default-breakpoint #top-bar-nav, body.default-breakpoint #site-headerigation-wrap, body.default-breakpoint .oceanwp-social-menu, body.default-breakpoint .after-header-content {display: none;}
}

/* mainnav */
#site-header{
  position: sticky !important; height: 74px !important; 
  background: var(--N50) !important; z-index:20 !important; box-shadow: none; transition: all .3s linear;
}
  #site-header.scrollDown{top:-74px;background: var(--N50) !important;}
  #site-header.scrollUp{top:0px; background: var(--N0) !important; box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.01), 0px 10px 34px rgba(0, 0, 0, 0.005);}

#site-header .menu-item {margin: 0 2px !important;}


/*pages solutions*/
body.solutionTemplate nav#site-header{background: var(--N900) !important; color: var(--N0) !important; border-bottom: 1px solid var(--N800) !important;}

/* megamenu */
.megamenu {z-index: 15;}
.megamenu .megamenu-links span.solution_title{display: inline-block;padding: 0; margin: 0;font-size: 14px; font-weight: 600; color: var(--N900);}
.megamenu .megamenu-links p{padding: 0; margin: 0;font-size: 12px; font-weight: 400; color: var(--N600); line-height: 1.5;}
.megamenu .megamenu-links .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon{width:38px; height: 38px; background: var(--N900) !important; border-radius: 8px; justify-content: center; align-items: center; flex-shrink: 0; flex-grow: 0; margin-right: 12px;}
.megamenu .megamenu-links .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg{margin:0;}
.megamenu .megamenu-links .elementor-icon-list-item a {border-radius: var(--radiusM); padding: 12px 12px 12px 18px; transition: all .3s ease-in-out;}
.megamenu .megamenu-links .elementor-icon-list-item a:hover {background-color: rgba(241, 242, 243, 0.75);}


/* footer */
body.solutionTemplate #footer-widgets{
  background: var(--N900) !important; color: var(--N0) !important;
  border-top: 1px solid var(--N800);
}
body #footer-widgets .footer-ml a span, body #footer-widgets .footer-ml span a{color: var(--N600) !important;}
  body #footer-widgets .footer-ml a span:hover, body #footer-widgets .footer-ml span a:hover{color: var(--N700) !important;}

body.solutionTemplate #footer-widgets .footer-title span{color: var(--N0) !important;}
body.solutionTemplate #footer-widgets .footer-links a span{color: var(--N200) !important;}
  body.solutionTemplate #footer-widgets .footer-links a span:hover{color: var(--N0) !important;}
body.solutionTemplate #footer-widgets .footer-ml a span, body.solutionTemplate #footer-widgets .footer-ml span a{color: var(--N300) !important;}
  body.solutionTemplate #footer-widgets .footer-ml a span:hover, body.solutionTemplate #footer-widgets .footer-ml span a:hover{color: var(--N200) !important;}
body.solutionTemplate #footer-widgets .footer-ml .elementor-social-icon svg{fill: var(--N200) !important}
  body.solutionTemplate #footer-widgets .footer-ml .elementor-social-icon svg:hover{fill: var(--N0) !important}

/* sticky nav */
#stickyNav{
  position: sticky !important; z-index:10; transition: all .3s linear;
}
body #stickyNav #stickyNavBar{backdrop-filter: blur(5px); background-color: rgba(255, 255, 255, 0.9); color: var(--N900); border: 0px solid var(--N50);}

#stickyNav .elementor-widget-container{overflow:visible;}
#stickyNav #stickyNavBar{overflow: hidden !important;}
	#stickyNav #stickyNavBar ul li a::after, #stickyNav #stickyNavBar ul li a::before{
	  content: "";
	  width: 32px; height: 12px;
	  background: var(--N0);
	  position: absolute; left: calc(50% - 16px);
	  border-radius: 4px; filter: blur(10px); opacity: 0;
      transition: all .3s ease-in-out;
	}

	#stickyNav #stickyNavBar ul li a::after {bottom: -38px;} 
	#stickyNav #stickyNavBar ul li a:hover::after {bottom: -32px; opacity: .3;}

	#stickyNav #stickyNavBar ul li a::before {top: -38px;} 
	#stickyNav #stickyNavBar ul li a:hover::before {top: -32px; opacity: .3;}

  body #stickyNav #stickyNavBar h1{font-family: iliad, Montserrat, sans-serif; font-weight: 700; color:var(--N900);}


  #stickyNav.scrollDown{top:20px;}
  #stickyNav.scrollUp{top:94px;}




  /*pages solutions*/
  body.solutionTemplate #stickyNav #stickyNavBar{background-color: rgba(10, 10, 11, 0.8) !important; color: var(--N0) !important; border: 1px solid var(--N800) !important;}
  body.solutionTemplate #stickyNav #stickyNavBar h1{color: var(--N0) !important;}


/* COMPONENTS */
/*  tag */
.xprTag > .elementor-widget-container > *, .xprTag a, .xprTag span{
  display: inline-block; border-radius: var(--radiusL); 
	font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.15em !important;
}

	.xprTag.sizeMedium span, .xprTag.sizeMedium > .elementor-widget-container > *{padding: 6px 18px; font-size: var(--fontSize200) !important; line-height: 1.25 !important;}
	.xprTag.sizeSmall span, .xprTag.sizeSmall > .elementor-widget-container > *{padding: 4px 10px; font-size: var(--fontSize50) !important; line-height: 1.25 !important;}

	.xprTag.typeBrand span, .xprTag.typeBrand > .elementor-widget-container > *{background: linear-gradient(90deg, rgba(204, 0, 0, 0.1) 0%, rgba(204, 0, 0, 0.05) 100%); color: var(--F500) !important;}
	.xprTag.typeSecondary span, .xprTag.typeSecondary > .elementor-widget-container > *{background: linear-gradient(90deg, rgba(56, 60, 63, 0.1) 0%, rgba(56, 60, 63, 0.05) 100%); color: var(--N700) !important;}
		.xprTag.typeSecondary.themeDark span, .xprTag.typeSecondary.themeDark > .elementor-widget-container > *{background: linear-gradient(90deg, rgba(193, 197, 202, 0.1) 0%, rgba(193, 197, 202, 0.05) 100%)  !important; color: var(--N0) !important;}
	.xprTag.typeCloud span, .xprTag.typeCloud > .elementor-widget-container > *{background: linear-gradient(90deg, rgba(26, 160, 255, 0.1) 0%, rgba(26, 160, 255, 0.05) 100%); color: var(--C500) !important;}
	.xprTag.typeDatacenter span, .xprTag.typeDatacenter > .elementor-widget-container > *{background: linear-gradient(90deg, rgba(0, 198, 179, 0.1) 0%, rgba(0, 198, 179, 0.05) 100%); color: var(--T500) !important;}
	.xprTag.typeCyber span, .xprTag.typeCyber > .elementor-widget-container > *{background: linear-gradient(90deg, rgba(230, 144, 61, 0.1) 0%, rgba(230, 144, 61, 0.05) 100%); color: var(--Y500) !important;}
	.xprTag.typeReseau span, .xprTag.typeReseau > .elementor-widget-container > *{background: linear-gradient(90deg, rgba(156, 83, 249, 0.1) 0%, rgba(156, 83, 249, 0.05) 100%); color: var(--P500) !important;}
	.xprTag.typeTelephonie span, .xprTag.typeTelephonie > .elementor-widget-container > *{background: linear-gradient(90deg, rgba(156, 83, 249, 0.1) 0%, rgba(156, 83, 249, 0.05) 100%); color: var(--M500) !important;}
	.xprTag.typeMobilite span, .xprTag.typeMobilite > .elementor-widget-container > *{background: linear-gradient(90deg, rgba(113, 127, 206, 0.1) 0%, rgba(113, 127, 206, 0.05) 100%); color: var(--I500) !important;}

/* alerts */
.xprAlert{
  display: flex; flex-direction: column; gap: 10px;
  border-left: var(--radiusM) solid; border-radius: var(--radiusM);
  padding: 16px 20px; margin: 20px 0;
  color: var(--N900); line-height: 1.5rem !important;
}
.xprAlert .title{display: flex; align-items: center; gap: 12px;font-weight: 600;}

.xprAlert .title::before{
  display: flex; justify-content: center; align-items: center; line-height: 0;
  width: 32px; height: 32px;
  border-radius: var(--radiusM);
}

.xprAlert.typeInfo{background-color: var(--B500A); border-color: var(--B500);}
.xprAlert.typeInfo .title{color: var(--B900);}
.xprAlert.typeInfo .title::before{content:url(/wp-content/uploads/main/info_mini-dark.svg); background:var(--B900);}

.xprAlert.typeError{background-color: var(--R500A); border-color: var(--R500);}
.xprAlert.typeError .title{color: var(--R900);}
.xprAlert.typeError .title::before{content:url(/wp-content/uploads/main/close-circle_mini-dark.svg); background:var(--R900);}

.xprAlert.typeSuccess{background-color: var(--G500A); border-color: var(--G500);}
.xprAlert.typeSuccess .title{color: var(--G900);}
.xprAlert.typeSuccess .title::before{content:url(/wp-content/uploads/main/check-circle_mini-dark.svg); background:var(--G900);}

.xprAlert.typeWarning{background-color: var(--O500A); border-color: var(--O500);}
.xprAlert.typeWarning .title{color: var(--O900);}
.xprAlert.typeWarning .title::before{content:url(/wp-content/uploads/main/alert_mini-dark.svg); background:var(--O900);}

/* accordeons */
.elementor-accordion .elementor-tab-title .elementor-accordion-icon svg{max-width: 16px; max-height:16px;}
.elementor-accordion .elementor-accordion-item .elementor-tab-content a{font-size: inherit !important;}
.elementor-accordion{max-width: 748px; margin:auto;}
.elementor-accordion .elementor-tab-title{display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center;}
.elementor-accordion .elementor-accordion-item{border-radius: var(--radiusL); background-color: var(--N100);} 
.elementor-accordion .elementor-accordion-item:not(:last-child){margin-bottom: 20px;}

.themeDark .elementor-accordion .elementor-accordion-item{background-color: var(--N800);}
.themeDark .elementor-accordion .elementor-tab-title a{color: var(--N0) !important;}
.themeDark .elementor-accordion .elementor-tab-content{color: var(--N200) !important;}
.themeDark .elementor-accordion .elementor-tab-content a{text-decoration: underline;}
.themeDark .elementor-accordion svg{fill: var(--N0) !important;}
.themeDark .elementor-accordion a:hover{color:var(--N0);}
.themeDark .elementor-accordion h4{font-size:16px; color:var(--N0); margin: 20px 0 8px;}
/* buttons */


.elementor-button, .hs-button{
  display: flex; align-items: center; max-width: max-content;
  color: var(--N0) !important; font-weight: 600 !important; 
  border-radius: var(--radiusM);
  transition: all 0.3s ease-out;
  cursor: pointer; outline: none;
  overflow: hidden; position: relative;
}
.elementor-button img.hs-cta-img{z-index:1;}
.elementor-button > span{align-items: center; position: relative;}

  /*tracking*/
  .elementor-button::before{
    --size: 150px; content: "";
    position: absolute; left: var(--x); top: var(--y); 
    width: var(--size); height: var(--size);
    transform: translate(-50%, -50%);
    transition: opacity 1s ease; opacity: 0;
    }
    .elementor-button:hover::before {opacity: .6;}

  /*icon*/
  .elementor-button .elementor-button-icon{display: flex; align-items: center;}
  .elementor-button svg{height: 12px !important;}
  .elementor-button span.elementor-align-icon-left{margin-right: 10px !important;}
  .elementor-button span.elementor-align-icon-right{margin-left: 10px !important;}
  /*size*/
  :not(.inline) .elementor-size-sm{padding: 8px 12px !important; font-size: 0.875rem !important; height:36px; line-height: 20px !important;}
  :not(.inline) .elementor-size-md, .button-md{padding: 10px 16px !important; font-size: 0.875rem !important; height:40px; line-height: 20px !important;}
  :not(.inline) .elementor-size-lg, .button-lg{padding: 10px 24px !important; font-size: 1rem !important; height:44px; line-height: 24px !important;}
  :not(.inline) .elementor-size-xl, .button-xl{padding: 12px 28px !important; font-size: 1rem !important; height:48px; line-height: 24px !important;}
  
  /*colors*/
  .brand .elementor-button, .hs-button{background: var(--primaryGradient) !important; background-color: var(--F500) !important; text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.75), 0px 0px 10px rgba(160, 0, 0, 0.6);}
    .brand .elementor-button:hover, .hs-button:hover{background: var(--F500) !important;}
    .brand .elementor-button::before, .hs-button::before{background: radial-gradient(circle closest-side, var(--F200), transparent);}
    .brand .elementor-button:active, .hs-button:active{background: var(--F800) !important;}
    .brand .elementor-button:disabled, .hs-button:disabled{background: var(--N200) !important; color: var(--N300) !important;}
      .brand.dark .elementor-button:disabled, .brand.dark .hs-button:disabled{background: var(--N700) !important; color: var(--N600) !important;}

  .secondary .elementor-button{background: transparent !important; background-color: transparent !important; border: 1px solid var(--N200) !important; color: var(--N800) !important;}
    .secondary .elementor-button:hover{border: 1px solid var(--N600) !important;}
    .secondary .elementor-button:active{border: 2px solid var(--N600) !important;}
    .secondary .elementor-button:disabled{background: var(--N200) !important; color: var(--N300) !important;}
      .secondary.dark .elementor-button{background: var(--N800) !important; background-color: var(--N800) !important; border: none !important; color: var(--N0) !important;}
      .secondary.dark .elementor-button:hover{background: var(--N700) !important;}
      .secondary.dark .elementor-button:disabled{background: var(--N700) !important; color: var(--N600) !important;}

  .cloud .elementor-button{background: var(--cyanGradient) !important; background-color: var(--C500) !important; text-shadow: 0px 0px 25px rgba(0, 84, 168, 0.75), 0px 0px 10px rgba(7, 43, 79, 0.6);}
    .cloud .elementor-button:hover{background: var(--C500) !important;}
    .cloud .elementor-button::before{background: radial-gradient(circle closest-side, var(--C200), transparent);}
    .cloud .elementor-button:active{background: var(--C800) !important;}
    .cloud .elementor-button:disabled{background: var(--N200) !important; color: var(--N300) !important;}
      .cloud.dark .elementor-button:disabled{background: var(--N700) !important; color: var(--N600) !important;}

  .datacenter .elementor-button{background: var(--tealGradient) !important; background-color: var(--T500) !important; text-shadow: 0px 0px 25px rgba(0, 91, 112, 0.75), 0px 0px 10px rgba(13, 53, 63, 0.6);}
    .datacenter .elementor-button:hover{background: var(--T500) !important;}
    .datacenter .elementor-button::before{background: radial-gradient(circle closest-side, var(--T200), transparent);}
    .datacenter .elementor-button:active{background: var(--T800) !important;}
    .datacenter .elementor-button:disabled{background: var(--N200) !important; color: var(--N300) !important;}
      .datacenter.dark .elementor-button:disabled{background: var(--N700) !important; color: var(--N600) !important;}

  .cyber .elementor-button{background: var(--yellowGradient) !important; background-color: var(--Y500) !important; text-shadow: 0px 0px 25px rgba(189, 75, 50, 0.75), 0px 0px 10px rgba(114, 31, 13, 0.6);}
    .cyber .elementor-button:hover{background: var(--Y500) !important;}
    .cyber .elementor-button::before{background: radial-gradient(circle closest-side, var(--Y200), transparent);}
    .cyber .elementor-button:active{background: var(--Y800) !important;}
    .cyber .elementor-button:disabled{background: var(--N200) !important; color: var(--N300) !important;}
      .cyber.dark .elementor-button:disabled{background: var(--N700) !important; color: var(--N600) !important;}

  .reseau .elementor-button{background: var(--purpleGradient) !important; background-color: var(--P500) !important; text-shadow: 0px 0px 25px rgba(79, 60, 175, 0.75), 0px 0px 10px rgba(53, 45, 94, 0.6);}
    .reseau .elementor-button:hover{background: var(--P500) !important;}
    .reseau .elementor-button::before{background: radial-gradient(circle closest-side, var(--P200), transparent);}
    .reseau .elementor-button:active{background: var(--P800) !important;}
    .reseau .elementor-button:disabled{background: var(--N200) !important; color: var(--N300) !important;}
      .reseau.dark .elementor-button:disabled{background: var(--N700) !important; color: var(--N600) !important;}

  .telephonie .elementor-button{background: var(--magentaGradient) !important; background-color: var(--M500) !important; text-shadow: 0px 0px 25px rgba(158, 36, 65, 0.75), 0px 0px 10px rgba(94, 21, 39, 0.6);}
    .telephonie .elementor-button:hover{background: var(--M500) !important;}
    .telephonie .elementor-button::before{background: radial-gradient(circle closest-side, var(--M200), transparent);}
    .telephonie .elementor-button:active{background: var(--M800) !important;}
    .telephonie .elementor-button:disabled{background: var(--N200) !important; color: var(--N300) !important;}
      .telephonie.dark .elementor-button:disabled{background: var(--N700) !important; color: var(--N600) !important;}

  .mobilite .elementor-button{background: var(--indigoGradient) !important; background-color: var(--I500) !important; text-shadow: 0px 0px 25px rgba(55, 69, 147, 0.75), 0px 0px 10px rgba(18, 32, 107, 0.6);}
    .mobilite .elementor-button:hover{background: var(--I500) !important;}
    .mobilite .elementor-button::before{background: radial-gradient(circle closest-side, var(--I200), transparent);}
    .mobilite .elementor-button:active{background: var(--I800) !important;}
    .mobilite .elementor-button:disabled{background: var(--N200) !important; color: var(--N300) !important;}
      .mobilite.dark .elementor-button:disabled{background: var(--N700) !important; color: var(--N600) !important;}


    .inline .elementor-button{background: transparent !important; color: var(--N900) !important; font-weight: 600 !important; display: inline-flex;}
      .inline .elementor-button:hover{color: var(--N700) !important;}
      .inline.dark .elementor-button{color: var(--N50) !important;}
        .inline.dark .elementor-button:hover{color: var(--N200) !important;}

        .inline .elementor-size-sm{padding: 4px 0 !important; font-size: 0.75rem !important; }
        .inline .elementor-size-md{padding: 4px 0 !important; font-size: 0.875rem !important;}
        .inline .elementor-size-lg{padding: 4px 0 !important; font-size: 1rem !important;}
        .inline .elementor-size-xl{padding: 4px 0 !important; font-size: 1rem !important;}

    .inline:not(.empty) .elementor-button:after{
      content: ""; width: 12px; height: 12px; display: inline-block !important; margin-left: 8px; transition: all .1s ease-out !important;
      background: url(/wp-content/uploads/main/arrow-next.svg) no repeart center center / contain;
      opacity: .8;
    }
      .inline.dark:not(.empty) .elementor-button:after{background-image: url(/wp-content/uploads/main/arrow-next-dark.svg); opacity: 1;}
        .inline:not(.empty) .elementor-button:hover:after{opacity: 1; margin-left: 10px;}
        .inline.dark:not(.empty) .elementor-button:hover:after{opacity: 0.8; margin-left: 10px;}

/*buttons blog */
.wp-block-button a.wp-block-button__link{
color: var(--N0) !important; font-weight: 600 !important;
border-radius: var(--radiusM); margin-bottom: 30px; text-decoration:none; background-color:var(--F500);display: flex; gap: 10px;
}
.wp-block-button a.wp-block-button__link:hover{opacity:1; background-color:var(--F800)}
.wp-block-button.secondary a.wp-block-button__link{background-color:var(--N100); color: var(--N900) !important;}
.wp-block-button.secondary a.wp-block-button__link:hover{opacity:.8;}

/* hr */
hr.wp-block-separator{background-color: var(--N200) !important; max-width: 100% !important; margin: 60px 0 !important; border-bottom: 0px !important; opacity: .25 !important;}
hr.iliad{background-color: var(--F500) !important; max-width: 100% !important; margin: 0 0 40px 0 !important; border-bottom: 0px !important; opacity: 1 !important;}

/*product card*/
a.productCard{
	border-radius: var(--radiusL);
	box-shadow: 0px 8px 16px rgba(94, 101, 110, 0.04), 0px 16px 24px rgba(83, 183, 255, 0.04);
	transition: all .1s ease-in-out
}
a.productCard:hover{transform: scale(1.03); box-shadow: 0px 8px 16px rgba(94, 101, 110, 0.06), 0px 16px 24px rgba(83, 183, 255, 0.08);}

.productCard img{
	box-shadow: 0px 2px 6px rgba(82, 94, 109, 0.04), 0px 4px 8px rgba(83, 183, 255, 0.04);
	border-radius: 8px;
}

/* sticky contact */
.stickyContact{animation: morph 4s linear infinite;}

/* certifications */
.certifications .elementor-widget-image-box .elementor-image-box-img{
  width: 112px !important; height: 112px !important; 
  padding: 16px; margin-bottom: 0px !important;
  background-color: var(--N100);
  border-radius: var(--radiusL);
}
  body.solutionTemplate .certifications .elementor-widget-image-box .elementor-image-box-img{background-color: var(--N800);}

.certifications .elementor-widget-image-box .elementor-image-box-title{
  margin:0 !important; opacity: 0;
  font-size: var(--fontSize200) !important; line-height: 1.5em !important; color: var(--N800) !important; font-weight: 400 !important;
  transition: opacity .5s ease-in-out;
}
  body.solutionTemplate .certifications .elementor-widget-image-box .elementor-image-box-title{color: var(--N300) !important;}
  .certifications .elementor-widget-image-box:hover .elementor-image-box-title{opacity: 1;}

@media screen and (max-width: 767px) {
.certifications .elementor-widget-image-box .elementor-image-box-img{width: 60px !important; height: 60px !important; border-radius: var(--radiusM); padding: 8px; margin-bottom: 0px !important;}
.certifications .elementor-widget-image-box .elementor-image-box-title {display: none;}
}

/* bloc actions */
ul.slick-dots{margin: 10px !important;}
.bloc-actions .slick-slide{transition: all .2s ease-in;}
.bloc-actions .slick-slide:not(.slick-current){opacity:.6; transform: scale(.86); transition: all .2s ease-in;}
.premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow{z-index: 1 !important;}
.bloc-actions li{margin-bottom:6px;}

/* section benefices */
@media screen and (max-width: 767px) {
.benefice-card img{opacity:.5;}
.benefice-card .elementor-widget-icon-box{margin-top: -340px;width: 90%; margin-left: auto; margin-right: auto;}
}


/** FORMULAIRES **/
.xprForm form label{margin-bottom: 8px; display: block;}
.xprForm form label span{font-size: 0.875rem;}
.xprForm form label span.hs-form-required{color: var(--N300);}

.xprForm form legend.hs-field-desc{
  font-size: 0.75rem; color: var(--N700);
  padding: 0;  margin: -8px 0 8px 0; border: none;  
}

.xprForm form input[type="text"], .xprForm form input[type="password"], .xprForm form input[type="email"], .xprForm form input[type="url"], .xprForm form input[type="date"], .xprForm form input[type="month"], .xprForm form input[type="time"], .xprForm form input[type="datetime"], .xprForm form input[type="datetime-local"], .xprForm form input[type="week"], .xprForm form input[type="number"], .xprForm form input[type="search"], .xprForm form input[type="tel"], .xprForm form input[type="color"], .xprForm form select, .xprForm form textarea{
  width: 100% !important;
  border-radius: 8px; border: 1px solid var(--N200);
  background-color: var(--N0);  height: 40px;
  font-size: 0.875rem; color: var(--N900); line-height: 20px;
}

.xprForm form input[type="text"]:hover, .xprForm form input[type="password"]:hover, .xprForm form input[type="email"]:hover, .xprForm form input[type="url"]:hover, .xprForm form input[type="date"]:hover, .xprForm form input[type="month"]:hover, .xprForm form input[type="time"]:hover, .xprForm form input[type="datetime"]:hover, .xprForm form input[type="datetime-local"]:hover, .xprForm form input[type="week"]:hover, .xprForm form input[type="number"]:hover, .xprForm form input[type="search"]:hover, .xprForm form input[type="tel"]:hover, .xprForm form input[type="color"]:hover, .xprForm form select:hover, .xprForm form textarea:hover{
  border: 1px solid var(--N600);
}

.xprForm form input[type="text"]:active, .xprForm form input[type="password"]:active, .xprForm form input[type="email"]:active, .xprForm form input[type="url"]:active, .xprForm form input[type="date"]:active, .xprForm form input[type="month"]:active, .xprForm form input[type="time"]:active, .xprForm form input[type="datetime"]:active, .xprForm form input[type="datetime-local"]:active, .xprForm form input[type="week"]:active, .xprForm form input[type="number"]:active, .xprForm form input[type="search"]:active, .xprForm form input[type="tel"]:active, .xprForm form input[type="color"]:active, .xprForm form select:active, .xprForm form textarea:active{
  border: 2px solid var(--N600);
}

.xprForm form input[type="text"]:focus, .xprForm form input[type="password"]:focus, .xprForm form input[type="email"]:focus, .xprForm form input[type="url"]:focus, .xprForm form input[type="date"]:focus, .xprForm form input[type="month"]:focus, .xprForm form input[type="time"]:focus, .xprForm form input[type="datetime"]:focus, .xprForm form input[type="datetime-local"]:focus, .xprForm form input[type="week"]:focus, .xprForm form input[type="number"]:focus, .xprForm form input[type="search"]:focus, .xprForm form input[type="tel"]:focus, .xprForm form input[type="color"]:focus, .xprForm form select:focus, .xprForm form textarea:focus{
  border: 1px solid #5E656E;
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #202224;
}

.xprForm form fieldset{margin-bottom: 32px;} 
.xprForm form fieldset:last-child{margin-bottom: 20px;}
.xprForm form fieldset.form-columns-2 .input, .xprForm form fieldset.form-columns-1 .input{margin-right:0;}
.xprForm form fieldset.form-columns-2 div:first-child .input{margin-right:20px;}

.xprForm form ul.hs-error-msgs{list-style-type: none; display: flex; margin: 4px 0 0 0;}

.xprForm form ul.hs-error-msgs::before{
  content:url(/wp-content/uploads/main/info-mini-red.svg); margin-right: 6px; margin-top: -4px;
  width: 12px; height: 12px;
}

.xprForm form ul.hs-error-msgs li label.hs-error-msg{color: var(--R500); font-size: 0.688rem; line-height: 18px; display: block; padding-right: 20px;}
.xprForm form .legal-consent-container p{font-size: 0.688rem; color: var(--N300); line-height: 1.7;}
.xprForm form .hs-submit .actions{display: flex; justify-content: center;}
.xprForm form .hs-submit .actions input.hs-button{text-transform: capitalize; padding: 10px 24px; font-size: 1rem; height:44px; line-height: 24px; letter-spacing: normal;}


/* table certif */
.table-certification svg{width: 16px; height: 16px; fill: var(--G500); margin-top:1px;}
.table-certification span{height: 20px;}


@keyframes morph{
0% {border-radius: 60% 50% 60% 40% / 70% 45% 60% 40%;}
33% {border-radius: 60% 40% 60% 50% / 60% 40% 70% 45%;}
66% {border-radius: 50%;}
100% {border-radius: 60% 50% 60% 40% / 70% 45% 60% 40%;}
}

/** BLOG **/

.head-singleBlog .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}

/** MODAL **/
.xprModal .dialog-message{max-height: 700px !important;}


/** DOCS **/

.betterdocs-search-form-wrapper .betterdocs-live-search{max-width:100% !important;}
.betterdocs-live-search .betterdocs-searchform{padding:0 !important;}

.elementor-location-archive .betterdocs-single-category-inner .betterdocs-body, .elementor-location-archive .betterdocs-single-category-inner .betterdocs-footer{background-color: var(--N50) !important; margin: 0 10px 10px 10px;}
	.elementor-location-archive .betterdocs-single-category-inner .betterdocs-body{border-radius: 8px 8px 0 0;} 
	.elementor-location-archive .betterdocs-single-category-inner .betterdocs-footer{border-radius: 0 0 8px 8px; margin-bottom: 10px; padding: 0 0 20px 20px !important;}
.elementor-location-archive .betterdocs-category-header .betterdocs-category-header-inner{padding-bottom: 0px !important;}
.elementor-location-archive .betterdocs-elementor .betterdocs-category-title:not(a){margin-left:10px;}
.elementor-location-archive .betterdocs-category-grid-inner-wrapper .betterdocs-category-items-counts{background-color:#CC000005 !important;}
.elementor-location-archive .betterdocs-category-grid-inner-wrapper .betterdocs-category-items-counts span{background-color:#CC000012 !important;}

.betterdocs-breadcrumb .betterdocs-breadcrumb-list .item-home, ul.betterdocs-breadcrumb-list > li.breadcrumb-delimiter:nth-child(2){display: none !important;}

.betterdocs-breadcrumb .betterdocs-breadcrumb-item.current span{color: var(--N900) !important;}

media only screen and (max-width: 767px)
.betterdocs-searchform-input-wrap {border: 0px !important;}

/* nav single docs */
.xprSingleDoc .xprNavDoc .betterdocs-category-header{background-color: var(--N0) !important; border-right: none !important;}
.xprSingleDoc .xprNavDoc .betterdocs-single-category-wrapper.active .betterdocs-category-header{background-color: #CC00000D !important;}

.xprSingleDoc .xprNavDoc h2.betterdocs-category-title{font-weight: 500 !important;}
.xprSingleDoc .xprNavDoc  .betterdocs-category-header h2:before{
	display:inline-block; content:""; width:16px; height: 16px; vertical-align: middle;
	background: url(https://xpr.freepro.com/wp-content/uploads/2023/09/folder-line.svg) no-repeat; margin-right:10px; margin-top: -5px;
}
.xprSingleDoc .xprNavDoc .betterdocs-single-category-wrapper.active .betterdocs-category-header h2:before{background: url(https://xpr.freepro.com/wp-content/uploads/2023/09/folder-fill.svg) no-repeat;}

.xprSingleDoc .xprNavDoc  h1 a{font-weight: 700 !important;}

.xprSingleDoc .xprNavDoc .betterdocs-body{padding:0 !important;}
.xprSingleDoc .xprNavDoc .betterdocs-articles-list{width: 100%}
.xprSingleDoc .xprNavDoc .betterdocs-articles-list li svg{display: none;}
.xprSingleDoc .xprNavDoc .betterdocs-articles-list li a{width: 100%; padding: 8px 12px 6px 12px; color: var(--N900) !important; border-radius: 8px; font-weight: 500 !important; margin-left: 12px; cursor: pointer;}
.xprSingleDoc .xprNavDoc .betterdocs-articles-list li:hover a{background:var(--N50) !important;}
.xprSingleDoc .xprNavDoc .betterdocs-articles-list li a.active{background:var(--N50) !important;}

.xprSingleDoc .xprNavDoc .betterdocs-articles-list li a:before{
	content:""; display: inline-block; width: 5px; height: 90%; background: var(--N0); border-radius: 5px; position: absolute; left: 0; top: 2px;
}
.xprSingleDoc .xprNavDoc .betterdocs-articles-list li a.active:before{background: var(--F500);}
.xprSingleDoc .xprNavDoc .betterdocs-articles-list li:hover a:not(.active):before{background: var(--N100);}

ul.betterdocs-articles-list li i{display: none;}

/* style docs */
/* style */
#betterdocs-single-content{color: var(--N900); line-height: 1.5em;}
#betterdocs-single-content img{border-radius: var(--radiusM); display: inline;}
.betterdocs-entry-content a:not(.batterdocs-anchor){text-decoration: underline; font-size: inherit; color:var(--B500)}
.betterdocs-entry-content .wp-block-heading, h2.docs-cat-heading{font-family: 'Montserrat', sans-serif;}
#betterdocs-single-content h1, #betterdocs-single-content h2{font-size: var(--fontSize600); border-bottom: 1px solid var(--N100); padding: 20px 0; font-weight: 700;}
#betterdocs-single-content h3{ font-size: var(--fontSize500); font-weight: 600; color: var(--N800);}
#betterdocs-single-content h4, #betterdocs-single-content h5, #betterdocs-single-content h6{ font-size: var(--fontSize400); font-weight: 600; color: var(--N800);}
.wp-block-table td, .wp-block-table th{padding: 10px 20px; border-color: var(--N100); }
.wp-block-table tr{background-color: var(--N0);}
#betterdocs-single-content ol{counter-reset: circle-counter 0; list-style: none; margin: 0 0 20px 0;}
#betterdocs-single-content ol li{counter-increment: circle-counter 1; position: relative; padding-left: 2rem; padding-top:4px;}
#betterdocs-single-content ol li::before {
  display: inline-block; content: counter(circle-counter); position: absolute; font-weight: 500; font-size: 14px;
  width: 1.7em; height: 1.7em; text-align: center; left: -5px; top:3px; padding-top: 2px;
  background-color: var(--N100); color:var(--N900); border-radius: 50%;
}
#betterdocs-single-content .wp-block-table{border-radius: 4px; margin: 20px 0;}
#betterdocs-single-content .wp-block-table table{margin-bottom: 0;}
#betterdocs-single-content .wp-block-table th{font-weight: 600;}
#betterdocs-single-content .wp-block-table th strong{font-weight: 800;}
#betterdocs-single-content h2, #betterdocs-single-content h3, #betterdocs-single-content h4, #betterdocs-single-content h5, #betterdocs-single-content h6{margin: 40px 0 10px;}


#betterdocs-single-content a[target=_blank]:after {
	content: ""; display: inline-block; margin-left: 6px; vertical-align: middle; width: 12px; height: 12px;
	background: url(/wp-content/uploads/2023/09/share-box-fill.svg) no-repeat center/contain;
}
#betterdocs-single-content ul{list-style: none;}
#betterdocs-single-content ul li::before {
  position: relative;
  left: -1.1rem;
  content: "▸";
  color: var(--N800); width: 1.35rem;
}

.betterdocs-feelings svg .st0{fill-opacity: 1 !important;}
.betterdocs-toc a.active{font-weight: 600 !important; color:var(--N900) !important;}

/* Form HS */
.hsForm input::placeholder{color:var(--N300);}
.hsForm select.is-placeholder{color:#C6CACE;}

.hsForm label span:not(.hs-form-required){font-weight:500;}

.hsForm fieldset{max-width: 100% !important; margin: 0 !important; display: flex; gap: 16px}
.hsForm .hs-form-field{flex-basis: 100%;}
.hsForm fieldset input{margin-right: 0 !important;}

.hsForm input:not(.hs-button), .hsForm select, .hsForm form textarea{
  background-color: var(--N0) !important;
  border-radius:8px !important;  border:1px solid var(--N100) !important; 
  font-size:14px !important; color:var(--N900);}

.hsForm form .hs-input{width:100% !important;}
.hsForm input, .hsForm select{min-height: 46px !important; margin:0 !important; padding: 10px 16px !important;}
.hsForm form textarea{padding:20px;}

.hsForm label.hs-error-msg{font-size:11px !important; line-height:1.5em; margin-top:6px !important; color: var(--R500);}

.hsForm .hs-form-field{margin: 20px 0 0 0 !important}
.hsForm form :not(.hs-error-msgs) label:not(.hs-error-msg){font-size:14px !important; display: block; }
.hsForm form legend{border-bottom: none !important; color: var(--N300); font-size: 12px; padding: 0 0 2px 0;line-height:1.5em;}
  
.hsForm input:hover, .hsForm select:hover, .hsForm form textarea:hover{border:1px solid var(--N600)}
.hsForm input:active, .hsForm select:active, .hsForm form textarea:active{border:2px solid var(--N600)}
.hsForm input:focus, .hsForm select:focus, .hsForm form textarea:focus{border: 1px solid var(--N600); box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #202224 !important;}

.hsForm .legal-consent-container, .hsForm .legal-consent-container a{font-size:11px !important; line-height: 1.5em; color: var(--N200)!important;margin-top: 20px;}

.hsForm form input:focus:invalid, form textarea:focus:invalid, form select:focus:invalid{color:var(--N900) !important;}

.hsForm ul.inputs-list, .hsForm ol{
    font-size:11px !important; list-style-type: none !important;
    margin: 0 !important;
}

.hsForm .actions{display: flex;justify-content: center;}

.hsForm .actions .hs-button{text-transform: none;
  letter-spacing: normal;
  margin-top: 30px !important;
}

.hsForm .hs_error_rollup ul.hs-error-msgs{
border-radius: 4px; border-left: 4px solid var(--R500);
padding: 0 12px; margin-top: 20px !important;
background-color: rgba(214, 56, 45, 0.05) !important;
}

.hsForm :not(.hs_error_rollup) ul.hs-error-msgs li label a{display:block; background-color: var(--N100); padding: 0 10px; border-radius: 16px; font-size:12px !important;}

.hsForm input.invalid, .hsForm select.invalid{border:1px solid var(--R500) !important;}

.iconStep svg .st0{fill:var(--N300); stroke-width: 0;}
svg .st0{fill: inherit; stroke-width: 0;}

.post-password-form{
  max-width: 1280px;
  margin: 100px auto 100px;
  text-align: center;
}


.post-password-form input[type="submit"]{
  margin-top:20px;
}


table th{text-transform: none !important;}

details.wp-block-details{
border-radius: var(--radiusL);
background-color: var(--N100);
max-width: 748px;
 margin: 0 auto 20px auto;
padding-bottom: 4px;
}

details.wp-block-details > summary{
padding: 20px 32px;
color: var( --e-global-color-56af4e5 );
font-size: 1rem;
  font-weight: 600;
  line-height: 1.75em;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
display:flex;
 justify-content: space-between; align-items: center;
}

details.wp-block-details > p{padding: 0 32px;}

details.wp-block-details > summary:after{
  content: "";
  display: block;
  width: 21px;
  height: 21px;
background:url(/wp-content/uploads/2023/12/arrow-down.svg); background-repeat:no-repeat; background-size:contain; background-position:center center;
}

details.wp-block-details[open] > summary:after{transform:rotate(180deg);}



.legal-consent-container, .legal-consent-container .hs-form-booleancheckbox-display{
font-size: 0.688rem;
  color: var(--N300);
  line-height: 1.7;
}

ul.inputs-list{margin-left: 0px; margin-bottom: 0px;}
.hs-dependent-field ul li{list-style-type: none;}

.hs-dependent-field input[type="checkbox"]:checked::before{
  content: "";
  background: var(--R500);
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin: 2px;
}

input[type="checkbox"]{
border-radius:4px;	
margin: 3px 10px 0 0; min-width:16px; max-width: 16px;
}

.xprForm form fieldset{margin-bottom: 10px;}
.xprForm form label {margin-bottom: 0px;}
.xprForm form label span {font-size: 12px; color: var(--N600);}
.singleArticle ul li {margin: 0 !important;padding-left: 0px !important;}
.actions .primary{margin-top:20px;}

.iliad{font-family:iliad, montserrat, sans-serif !important;}
.gapL{gap:60px;}


.actions .primary{margin-top:0;}

.theme-button, input[type="submit"], button[type="submit"], button, .button, body div.wpforms-container-full .wpforms-form input[type="submit"], body div.wpforms-container-full .wpforms-form button[type="submit"], body div.wpforms-container-full .wpforms-form .wpforms-page-button{border-width:0px !important;}

p.elementor-slide-heading{padding-bottom:14px;}