/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 05 2025 | 20:20:16 */
anhtml,body{
	overflow-x:hidden !important;
}
/* Header */
.she-header-yes, .she-header-yes .e-con-inner{
	transition:all 300ms ease-out !important;
}
.she-header-yes.active{
	background-color:hsla(0, 0%, 0%, 0.8) !important;
	backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
.she-header-yes.active .e-con-inner{
	padding:16px 0;
}

.nav-bar{
	position:relative;
}
/* Menu Hover Animation */
.menu-hover-bg {
  position: absolute;
  background-color:#0043FF;
  pointer-events: none;
  transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease, opacity 0.3s ease;
  opacity: 0;
  z-index: 0;
}
.menu-hover-bg.active {
  opacity: 1;
}
.elementor-widget-nav-menu .elementor-widget-container {
  position: relative; /* needed for absolute positioning of hover-bg */
}
/* 3D Hover */
.home-intro-block-hover-anim {
  perspective: 800px;
  display: inline-block;
}
.home-intro-block-hover-anim img {
  width: 100%;
  height: 100%;
  transition: transform 0.2s ease;
  transform-style: preserve-3d;
  will-change: transform;
}
/* Image 3D */
.image-auto-3d {
  perspective: 1000px;
  display: inline-block;
}
.image-auto-3d img {
  width: 100%;
  height: 100%;
  display: block;
  transform-style: preserve-3d;
  will-change: transform;
}
/* Image Pop */
.img-pop {
  transform: translateY(100%);
  opacity: 0;
  animation: popUpFromBottom 0.5s forwards;
  animation-play-state: paused; /* paused by default */
}
@keyframes popUpFromBottom {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/* Header Morph  */

.header-reveal .morph-img {
  position: absolute !important;
  top: -90%;
  right: -24%;
  width: 100% !important;
  height: 100% !important;
  opacity: 0;
  will-change: opacity;
  transition: none !important;
  z-index: 1;
  object-fit: contain; 
}
.header-reveal .morph-img:first-child {
  opacity: 1;
  z-index: 2;
}
@media screen and (max-width:960px){
	.header-reveal .morph-img {
  position: absolute !important;
  top: -65%;
}
}
@media screen and (max-width:480PX){
	.header-reveal .morph-img {
  position: absolute !important;
  top: 60%;
		 right: auto;
		left:0
}
}
/* Poste Gallery */
.poste-block{
	position:relative;
}
.poste-photo-info{
	height:100%;
	width:100%;
	left:-100% !important;
transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}
.poste-block:hover .poste-photo-info{
	left:0 !important;
}
/* Tech Swiper */
#premium-carousel-70c54b0 .slick-dots {
  display: flex !important;
  flex-direction: column;
  position: absolute;
  left: -50px; /* or left: 10px if you prefer */
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

#premium-carousel-70c54b0 .slick-dots li {
  margin: 5px 0;
}

#premium-carousel-70c54b0 .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
}


/* Gradient Button */
@property --r {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}
.grad-but .elementor-button::after,.forminator-button-submit::after,.metform-submit-btn::after {
  content: "";
  display: block;
  position: absolute;
  background: #494949;
  inset: 2px;
  border-radius:12px;
  z-index: 1;
  transition: all .3s ease-out;
}
.metform-submit-btn::after {
	border:none !important;
	width: auto;
    height: auto;
    margin: 0;
	opacity:1;
	animation:none !important;
}
.grad-but.alt .elementor-button::after{
	background: #698DF0;
	background-image: linear-gradient(25deg, #698DF0 0%, #0043FF 71%)  !important;
}
.grad-but.alt2 .elementor-button::after,.forminator-button-submit::after,.metform-submit-btn::after{
	background: #BEBEBE;
	background-image: linear-gradient(15deg, #BEBEBE 0%, #F8F8F8 71%)  !important;
}
.grad-but .elementor-button,.forminator-button-submit,.metform-submit-btn  {
  background: conic-gradient(from var(--r), #454545 0%, #FF9C70 10%, #5E54FF 20%, #454545 30%) !important;
  animation: rotating 5s linear infinite !important;
	position:relative;
	  transition: all .3s ease;
}

.grad-but.alt .elementor-button{
  background: conic-gradient(from var(--r), #698DF0 0%, #FF9C70 10%, #ffffff 20%, #698DF0 30%)  !important;
}
.grad-but.alt2 .elementor-button,.forminator-button-submit,.metform-submit-btn{
  background: conic-gradient(from var(--r), #bebebe 0%, #FF9C70 10%, #5E54FF 20%, #F8F8F8 30%) !important;
}
.grad-but .elementor-button:hover:after,.forminator-button-submit:hover:after,.metform-submit-btn:hover:after{
	 background: linear-gradient(35deg, #FF9C70, #5E54FF)  !important;
}
.grad-but .elementor-button:hover,.forminator-button-submit:hoverr,.metform-submit-btn:hover {
	background: linear-gradient(35deg, #FF9C70, #5E54FF) !important;
}
.forminator-button-submit,.metform-submit-btn{
	
    border-style: none;
    border-radius: 16px !important;
    padding: 20px 40px 20px 40px !important;	
	color:#000000 !important;
	    font-family: "Funnel", Sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
}

.metform-submit-btn{
	box-shadow:none !important;
}
.forminator-button-submit:hover,.metform-submit-btn:hover{
	color:#ffffff !important;
}
@keyframes rotating {
  0% {
    --r: 0deg;
  }
  100% {
    --r: 360deg;
  }
}
.grad-but .elementor-button span,.forminator-button-submit span,.metform-submit-btn span{
	position:relative;
	z-index:2;
	white-space: normal;
  word-break: break-word; 
}

/* Header Effect */
.header-reveal {
  position: relative;
  overflow: hidden;

}
#reveal-mask {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  z-index: 0;
  background: url('https://www.etixio.com/wp-content/uploads/2025/06/etixio-home-back-effect.png') center center no-repeat;
  background-size: cover;
  filter: brightness(.7);
  -webkit-mask-image: radial-gradient(circle 250px at var(--x, 50%) var(--y, 50%), rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
  mask-image: radial-gradient(circle 250px at var(--x, 50%) var(--y, 50%), rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  opacity: 0;
	mix-blend-mode: screen;
  transition: opacity 0.3s ease;
}
/* Formulaire */
.forminator-label{
	color: #0043ff;
	text-align: left;
    font-family: "Funnel", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 28px !important;

}
.mf-input-required-indicator,.forminator-required{
	color: #FF9C70 !important;
	padding-right:5px;
}

.forminator-input,.forminator-textarea,.forminator-button-upload,span.select2-selection.select2-selection--single{
	border-radius:12px !important;
	    font-family: "Funnel", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 28px !important;
	padding:15px 20px !important;
	border:none !important;
box-shadow: -1px -1px 4px #2A4182, 1px 1px 4px #685046 !important;	    background: linear-gradient(35deg, #19191930, #FFFFFF30) !important;
	color:#000000 !important;
}
.mf-input,.mf-input-file-upload-label {
	box-shadow: -1px -1px 4px #2A4182, 1px 1px 4px #685046 !important;	    background: linear-gradient(35deg, #19191930, #FFFFFF30) !important;
}
span.select2-selection.select2-selection--single{
	padding:10px 20px !important;
  background-image: linear-gradient(35deg, #19191930, #FFFFFF30) !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.forminator-ui#forminator-module-405.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]
 {
    background-image: linear-gradient(35deg, #19191930, #FFFFFF30) !important;
}
.forminator-row.forminator-row-last .forminator-field {
    justify-content: center;
    align-items: center;
    display: flex;
}
.forminator-ui#forminator-module-405.forminator-design--default .forminator-consent__label p{
		    font-family: "Funnel", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 28px !important;
}
.forminator-button-upload {
		padding:10px 20px !important;
}
.forminator-checkbox__wrapper{
	align-items: center !important;
}
.forminator-button-upload:hover,.mf-input-file-upload-label:hover{
	background-color:#FF9C70 !important;
	color:#ffffff !important;
}
.forminator-checkbox .forminator-checkbox-box:before{
	color:#0043FF !important;
}
.forminator-design--default .forminator-consent input:checked + .forminator-checkbox-box {
    border-color: #0043FF !important;
}
/* General Css */
.text-back-bg h2{
	background-color:#FF9C70;
	padding:0 20px;
	display:inline-block;
}
.hov-back-title, .hov-back-title h2{
	transition:all 300ms ease-out;
	position:relative;
}
.hov-back-title:before{
	content:"";
	background-color:#5E54FF;
	width:0;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition:all 300ms ease-out;
}
.home-intro-block-hover-anim:hover .hov-back-title:before{
	width:100%;
}
.home-intro-block-hover-anim:hover .hov-back-title h2{
	color: #ffffff !important;
}
.span-back span{
	background-color:#0043FF;
	padding:0 5px;
	color:#ffffff;
}
.carte-3,.carte-3-back{
	max-height:453px;
	overflow:hidden;
		transition: all 300ms ease-out;
}
.carte-1,.carte-1-back,.carte-2,.carte-2-back{
	max-height:219px;
	overflow:hidden;
	transition: all 300ms ease-out;
}
.carte-3-back,.carte-1-back,.carte-2-back{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.carte-1-back,
.carte-2-back,
.carte-3-back {
  transform: translateY(100%);
  transition: all 300ms ease-out;
}
.carte-1.active .carte-1-back,
.carte-2.active .carte-2-back,
.carte-3.active .carte-3-back {
  transform: translateY(0);
}
.carte-3.active .click-hov3,.carte-2.active .click-hov2,.carte-1.active .click-hov1{
	opacity:0 !important;
}
.recrute-content{
	position:relative;
}
.recrute-content:after{
	content:"";
	bottom:0;
	left:0;
	width:425px;
	height:564px;
	position:absolute;
	background-image:url(/wp-content/uploads/2025/06/recrute-Union-bot.svg);
	background-position:center;
	background-repeat:no-repeat;
}

/* Ebook */
.ebook-form .forminator-input,.ebook-form .forminator-textarea,.ebook-form .forminator-button-upload,.ebook-form span.select2-selection.select2-selection--single{
	border-radius:12px !important;
	    font-family: "Funnel", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 28px !important;
	padding:15px 20px !important;
	border:none !important;
box-shadow: -1px -1px 4px #2A4182, 1px 1px 4px #685046 !important;	    background: linear-gradient(35deg, #ffffff30, #FFFFFF) !important;
	color:#ffffff !important;
}.ebook-form *::placeholder{
	color:#ffffff !important;
}
.ebook-cover{
	position:relative;
	--w: 0px;
  --h: 0px;
}
.ebook-cover .elementor-widget-container{
	z-index:2;
	position:relative;
}
.ebook-cover::before, .ebook-cover::after {
  content: "";
  width: var(--w);
  height: var(--h);
  display: block;
  position: absolute;
  z-index: 0;
  border-radius: 20px;
  background-image: linear-gradient(0, #0043FF, #FF9C70);
  background-size: 100% 200%;
  background-position: center center;
  top: -5px;
  left: -5px;
  -webkit-animation: ebookcover 3000ms infinite alternate;
          animation: ebookcover 3000ms infinite alternate;
}
.ebook-cover::after {
  filter: blur(100px);
	
}
@-webkit-keyframes ebookcover {
  0% {
    background-position: top center;
  }
  100% {
    background-position: bottom center;
  }
}

@keyframes ebookcover {
  0% {
    background-position: top center;
  }
  100% {
    background-position: bottom center;
  }
}
/* Elementor Editor */

.elementor-editor-active .img-pop{
	opacity:1 !important;
	transform: translateY(0) !Important;
}
.elementor-editor-active .carte-1-back,
.elementor-editor-active .carte-2-back,
.elementor-editor-active .carte-3-back  {
	position:relative !important;
	  transform: translateY(0) !important;
	min-height:300px !important;
}
.elementor-editor-active .carte-1,
.elementor-editor-active .carte-2{
	min-height:500px !important;
}
.elementor-editor-active .carte-3{
	min-height:960px !important;
}
/* Hide Menu */
body:not(.page-id-29):not(.page-id-1260):not(.error404):not(.page-id-1854):not(.page-id-1988):not(.single-post):not(.page-id-2145) .elementor-widget-nav-menu {
	opacity: 0;
	pointer-events: none;
}
.ekit-overlay.ekit-bg-black {
    backdrop-filter: blur(10px);
}
@media screen and (max-width:480px){
	.forminator-file-upload {
    display: flow !important;
}
}
/* Newsletter */
#forminator-module-1191,#forminator-module-1957 {
	display:flex;
	gap:0;
}
#forminator-module-1191 .forminator-row,#forminator-module-1957 .forminator-row {
  flex: 2;
}

#forminator-module-1191 .forminator-row-last,#forminator-module-1957.forminator-row-last{
  flex: 1;
}
#forminator-module-1191 button.forminator-button.forminator-button-submit,#forminator-module-1957 button.forminator-button.forminator-button-submit {
    padding: 7px 15px !important;
    font-size:15px !important;
	width:100% !important;
	border-top-left-radius:0 !important;
	border-bottom-left-radius:0 !important;
}
#forminator-module-1191 .forminator-button-submit:after,#forminator-module-1191 .forminator-button-submit,.grad-but.header .elementor-button:after,.grad-but.header .elementor-button,#forminator-module-1957 .forminator-button-submit:after,#forminator-module-1957 .forminator-button-submit,.grad-but.header .elementor-button:after,.grad-but.header .elementor-button {
	 background: linear-gradient(35deg, #FF9C70, #5E54FF)  !important;
	transition:all 300ms ease-out;
}
#forminator-module-1191 .forminator-button-submit:hover,#forminator-module-1191 .forminator-button-submit:hover:after,.grad-but.header .elementor-button:hover:after,.grad-but.header .elementor-button:hover,#forminator-module-1957 .forminator-button-submit:hover,#forminator-module-1957 .forminator-button-submit:hover:after,.grad-but.header .elementor-button:hover:after,.grad-but.header .elementor-button:hover {
	 background: linear-gradient(35deg, #5E54FF, #FF9C70)  !important;
}
/* #forminator-module-1191 .forminator-button-submit,#forminator-module-1191 .forminator-input,#forminator-module-1191 .forminator-textarea{
	color:#ffffff !important;
} */
/* form:not(#forminator-module-405) .forminator-input,form:not(#forminator-module-405) .forminator-textarea{
	color:#ffffff !important;
} */
#forminator-module-1191 .forminator-input,#forminator-module-1957 .forminator-input{
	font-size: 15px !important;
    padding: 8.2px 15px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
#forminator-module-1191 input:focus,#forminator-module-1957 input:focus {
	animation: glow 800ms ease-out infinite alternate;
	outline: none !important;
}
@keyframes glow {
    0% {
		border-color: #393 !important;
		box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;
    }	
    100% {
		border-color: #6f6 !important;
		box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 2px 0 #000;
    }
}
/* Footer List */
.footer-list ul {
	column-count:2;
}

/* New Form */

.mf-input:focus,.mf-input:not(:placeholder-shown) {
	background-color: #e7effe  !important;
	color:#000 !important;
}
.forminator-input:focus,.forminator-input:not(:placeholder-shown),.forminator-textarea:focus,.forminator-textarea:not(:placeholder-shown){
		background-color: #e7effe  !important;
	color:#000 !important;
}
.forminator-input,.forminator-textarea{
		color:#000 !important;
}
.mf-response-msg {
    background-color: #b0fdc1 !important;
    border: none !important;
}
.mf-response-msg p {
    font-size: 17px;
    line-height: 20px;
    color: #101010;
    margin-bottom: 0;
    font-family: "Funnel", Sans-serif;
    font-weight: 300;
}
.mf-main-response-wrap.mf-response-msg-wrap {
    background-color: transparent !important;
}
.forminator-response-message.forminator-show.forminator-success{
    font-size: 20px !important;
    line-height: 20px !important;
    color: #000000 !important;
    font-family: "Funnel", Sans-serif !important;
    font-weight: 400 !important;
    background-color: #b0fdc1 !important;
    border: none !important;
    padding: 30px !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    text-align: center !important;
}
.newsletter-footer .mf-input {
	 font-size: 15px !important;
    padding: 8.2px 15px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.newsletter-footer  button.metform-btn.metform-submit-btn:after,
.newsletter-footer  button.metform-btn.metform-submit-btn{
	  background: linear-gradient(35deg, #FF9C70, #5E54FF) !important;
    transition: all 300ms ease-out;
}
.newsletter-footer  button.metform-btn.metform-submit-btn{
	padding: 7px 15px !important;
    font-size: 15px !important;
    width: 100% !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.newsletter-footer  button.metform-btn.metform-submit-btn {
    color: #ffffff !important;
}
.newsletter-footer  button.metform-btn.metform-submit-btn:hover,.newsletter-footer  button.metform-btn.metform-submit-btn:hover:after{
    background: linear-gradient(35deg, #5E54FF, #FF9C70) !important;
}
/* Vertical Carousel */
.ms-parent-id-1 > .master-slider{
	background-position:center;
	background-size:cover;
}
.ms-bullets.ms-dir-h.ms-align-bottom{
	opacity: 1 !important;
	display:flex !important;
	top: 50%  !important;
    transform: translateY(-50%)  !important;
    bottom: auto !important;
    left: -50px !important;
    right: auto !important;
    width: auto !important;
}
.ms-bullets-count {
    display: flex  !important;
    flex-direction: column  !important;
	right: auto !important;
}

.ms-skin-default .ms-bullet {
    width: 10px;
    height: 10px;
    background-color: #1447ff42;
    border-radius: 50%;
    background-image: none;
    margin: 10px 0 !important;
}
.ms-skin-default .ms-bullet-selected{
	background-color: #fff;
}
#forminator-module-1191 .forminator-response-message.forminator-show.forminator-success#forminator-module-1957 .forminator-response-message.forminator-show.forminator-success {
    display: block;
    position: absolute;
    top: 50px;
    padding: 15px !important;
}

/* Blog Tag */
.blog-tag li a{
	    margin-right: 5px;
    border-radius: 50px;
    background-color: #0000001f;
    padding: 2.5px 15px;
	margin-bottom:5px;
    border: 1px solid #a5a5a5;
	transition:all 300ms ease-out;
}
.blog-tag li a:hover{
	  background-color: #5e54ff;
	border-color:#5e54ff;
	color:white !important;
}

/* 
.jet-radio-list-wrapper fieldset {
    display: flex;
    gap: 10px;
}
.jet-radio-list .jet-radio-list__item .jet-radio-list__decorator{
	display:none !important;
}
.jet-radio-list .jet-radio-list__item .jet-radio-list__button{
	padding:10px 25px !important;
	border-radius:50px;
    border: 1px solid #a5a5a5;
	transition:all 300ms ease-out;
	    background-color: #0000001f;
}
.jet-radio-list .jet-radio-list__item .jet-radio-list__button:hover{
	  background-color: #5e54ff;
	border-color:#5e54ff;
	color:white !important;
}

.jet-radio-list .jet-radio-list__item .jet-radio-list__input:checked+.jet-radio-list__button {
	background-color:#5e54ff;
		color:white !important;
		border-color:#5e54ff;
} */