/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 25 2026 | 17:41:11 */
html,body{
	overflow-x:hidden !important;
}
ul{
	margin-bottom: 10px !important;
}
/* Footer */
#forminator-module-1191 > div:nth-child(4),#forminator-module-1957 > div:nth-child(4){
	display:none !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;
}
.elementor-button {
    border-radius: 16px 16px 16px 16px;
}
.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: -55%;
  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:hover,.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;
}
/* .cyber .forminator-button-submit:after{
	  		 background: linear-gradient(35deg, #FF9C70, #5E54FF)  !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;

}
.cyber .forminator-label,.cyber .forminator-checkbox__label {
	color: #ffffff !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;
}
.cyber .forminator-input{
	background: linear-gradient(35deg, #ffffff, #ffffff) !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;
}
.span-back.alt span{
	background-color:#FF9C70;
	padding:0 5px;
	color:#ffffff;
}
.span-back.gradient span{
	padding-bottom:5px;
	    background-image: linear-gradient(90deg, var(--e-global-color-04bfa80) 0%, var(--e-global-color-secondary) 100%);
	background-color:transparent;
}
@media(max-width:1024px){
	.span-back.gradient br{
		display:none;
	}
}
.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.page-id-935 .elementor-widget-nav-menu, body.page-id-769  .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:transparent;
    padding: 2.5px 15px;
	margin-bottom:5px;
    border: 1px solid #5E54FF;
	transition:all 300ms ease-out;
	color:#5E54FF !important;
}
.blog-tag li a:hover{
	  background-color: #5E54FF;
	border-color:#5E54FF;
	color:white !important;
}
.blog-image a{
	width:100% !important;
}
.blog-image a img{
	width:100% !important;
	}
/* .single-post em{
	color:green;
} */
.blog-contenue .e-con.e-flex{
	padding:0;
}
/* Blob Offre */
/* .etixioblob {
  width: 800px;
  height:800px;
  border-radius: 100%;
  background-image: linear-gradient(#0043FF 10%, #0043FF 30%);
  filter: blur(150px);
  transition: all 450ms ease-out;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  transform: translate(calc(-50% + 15px), -50%);
  z-index: 0;
} */

.etixioblob {
  width: 1200px;
  height: 1200px;
  border-radius: 50%;
  background-image: radial-gradient(circle, #0043FF  0%, transparent 100%);
  filter: blur(150px);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 0; /* above inner content */
  transform: translateZ(0);
  backface-visibility: hidden;
  contain: layout paint;
}

.grad-border::before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:3px;
	background-image: linear-gradient(90deg, var(--e-global-color-04bfa80) 0%, var(--e-global-color-secondary) 100%);
}
.grad-border .elementor-widget-container{
	transition: all 500ms ease-out;
}
.grad-border:hover .elementor-widget-container{
	padding-bottom:50px !important;
}
.grad-border.alt:hover  .elementor-widget-container{
	  background: linear-gradient(
    -135deg, 
    rgba(0, 67, 255, 0.2) 0%,   /* top-right */
		   rgba(255, 255, 255,0.5) 40%, /* middle */
		  rgba(255, 255, 255,0.5) 60%, /* middle */
    rgba(255, 156, 112,0.2) 100% /* bottom-left */
  );
		padding-bottom:20px !important;
}
.grad-border.alt p.elementor-icon-box-description{
	height:100%;
	max-height:0;
	transition:all 200ms ease-out;
	overflow:hidden;
}
.grad-border.alt:hover p.elementor-icon-box-description{
	max-height:200px;
	transition:all 500ms ease-out;
}
.elementor-editor-active.grad-border.alt p.elementor-icon-box-description{
	max-height:100px;
}

.secteur-title{
	min-height:40px;
}
.secteur-hover .secteur-text{
	opacity:0;
	transition:all 300ms ease-out;
}
.secteur-hover .secteur-back{
		transition:all 300ms ease-out;
}
.secteur-hover:hover .secteur-text{
	opacity:1;
}
.secteur-hover:hover .secteur-back{
		 background-position: 0% -300%;
}
@media(min-width:1025px){
.compare-text p{
	min-height:140px;
}
}
@media(min-width:769px){
	.equipe-slider .swiper {
	overflow:hidden;
	position:relative;
	-webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
	mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
}
}


.shape-divider{
    --speed: 10s;
}
.shape-divider .elementor-widget-container{
    animation: moving var(--speed) linear infinite alternate;
}
@keyframes moving {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.shape-divider .flip {
    transform: scaleX(-1);
}

/* Timeline */

/* USER DEFINED STYLES START */
.my-timeline {
    --arrow-size: 25px;
    --arrow-size-mobile: 20px;
    --arrow-offset: 25px;       /* For top and bottom alignment only */
    --timeline-fill-ratio: 0.8; /* 0 = top of screen, 1 = bottom of screen */
    --timeline-empty-color: #FF9C7033;
    --timeline-fill-color: #0043FF;
}

/* .my-timeline .is-active .timeline-item-point > .elementor-widget-container {
    background-color: #4717f6;  
} */

.my-timeline .elementor-icon svg {
  fill: currentColor;
}
/* .my-timeline .is-active .timeline-item-point {
    background-color: #4717f6;  
} */
.my-timeline .timeline-line {
  transition: background 0.4s linear;
}
.my-timeline .is-active :is(.timeline-item-meta, .timeline-item-meta .elementor-heading-title) {
    color: #F3EFEE;             /* Meta Active Colour */
}

.my-timeline .is-active .timeline-item-card :is(.timeline-item-meta, .timeline-item-meta .elementor-heading-title) {
    color: #A239CA;             /* Card Meta Active Colour */
}

/*selector .is-active .timeline-item-card .elementor-heading-title {
    color: red;                  Card Title Active Colour 
}*/

/*selector .is-active .timeline-item-card {
    background-color: green!important;     Card Active Background Colour 
}*/

/* Target any other active element with: selector .is-active .your-class-name {...} Use !important if you have to */

/* NOTE: Breakpoint (default: 1024px) can be changed further down in @media query */
/* USER DEFINED STYLES END */

/* BASE STYLES */
.my-timeline > .e-con-inner {
    position: relative;
}

.my-timeline .timeline-item {
    padding: 0;
	
}
.my-timeline .timeline-item.is-active {
	opacity:1;
}
.my-timeline .timeline-item .timeline-item-card {
    z-index: 0;
}
.my-timeline .timeline-item .timeline-item-card {
	opacity:0;
	transition:all 800ms ease-out;
}
.my-timeline .timeline-item.is-active .timeline-item-card {
	opacity:1;
}

.my-timeline .timeline-item-point {
    line-height: 0;
    z-index: 1;
}

.my-timeline .timeline-line {
    top: 0;
    bottom: 0;
    left: calc((100% - var(--timeline-padding-left, 0px) - var(--timeline-padding-right, 0px)) / 2 + var(--timeline-padding-left, 0px) - 0.5 * var(--width));
    padding: 0;
    z-index: 0;
}



/* HORIZONTAL ALIGNMENTS */
.my-timeline:is(.left, .right) .timeline-item-meta {
    display: none;
}

.my-timeline:is(.left, .right) .timeline-item-card .timeline-item-meta {
    display: block;
}

/* 
Choose your Breakpoint px 
Laptop:             1366px
Tablet Landscape:   1200px
Tablet Portrait:    1024px
Mobile Landscape:    880px
Mobile Portrait:     767px
*/

@media (max-width: 1024px) {
    .my-timeline.flip .timeline-item {
        flex-direction: row!important;
    }
    
    .my-timeline .timeline-item-meta {
        display: none;
    }
    
    .my-timeline .timeline-item-card .timeline-item-meta {
        display: block;
    }
    
    /* DEFAULT BREAK LEFT */
    .my-timeline .timeline-item-point {
        order: 0;
    }
    
    .my-timeline .timeline-item-card {
        order: 1;
    }
  
    .my-timeline:not(.right):not(.break-right) .timeline-item-card::before {
        left: calc(-0.5 * var(--arrow-size)) !important;
        border-width: var(--border-left-width) !important;
        border-top: none !important;
        border-right: none !important;
        border-bottom-style: solid !important;
        border-left-style: solid !important;
        border-color: inherit !important;
    }

    .my-timeline:not(.right):not(.break-right) .timeline-item-card::after {
        left: 0 !important;
        width: var(--border-left-width) !important;
    }

    .my-timeline .timeline-line {
        left: 12px;
    }
 
    /* Unless 'right' or 'break-right' are applied */
    .my-timeline:is(.right, .break-right) .timeline-item-point {
        order: 1;
    }
    
    .my-timeline:is(.right, .break-right) .timeline-item-card {
        order: 0;
    }
    
    .my-timeline:is(.right, .break-right) .timeline-item-card::before {
        left: initial !important;
        right: calc(-0.5 * var(--arrow-size)) !important;
        border-width: var(--border-right-width) !important;
        border-top-style: solid !important;
        border-right-style: solid !important;
        border-bottom: none !important;
        border-left: none !important;
        border-color: inherit !important;
    }

    .my-timeline:is(.right, .break-right) .timeline-item-card::after {
        left: initial !important;
        right: 0 !important;
        width: var(--border-right-width) !important;
    }
      
    .my-timeline.break-right .timeline-line {
        left: initial;
        right: calc(0.5 * (var(--point-width) - var(--width)) + var(--timeline-padding-right, 0px));
    }
}

@media (max-width: 767px) {
    .my-timeline {
        --arrow-size: var(--arrow-size-mobile);
    }
}
@media(min-width:1025px){
	.title-effect h4{
	opacity:0;
}
}

/* Blog */
.blog3-title{
	min-height:65px;
}

.elementor-234 .elementor-element.elementor-element-a1f4917 .elementor-nav-menu--dropdown{
	margin-left:1px !important;	
}
@media(max-width:480px){
.sub-menu.elementor-nav-menu--dropdown{
	position:relative !important;
	margin-left:20px !important;
	margin-top:0 !important;
	text-align:right !important;
}
.sub-menu.elementor-nav-menu--dropdown li{
text-align: right;
    display: flex;
    justify-content: end;
    align-items: end;
}
}

/* Cybersecurite Page */
.back-blur{
	backdrop-filter: blur(100px);
}
.back-blur h4{
	min-height:40px;
}
.elementor-sub-item.elementor-item-active{
	background-color:transparent !important;
	color: var(--e-global-color-04bfa80) !important;
}

/*  */
.elementor-testimonial__image img{
	 padding: 1px;       /* border thickness */
  position: relative;
  z-index: 1;
  background: linear-gradient(#FF9C70, #5E54FF) border-box;
  -webkit-background-clip: padding-box, border-box;
  background-clip: padding-box, border-box;
}
/* Testimonial */
.testimonial-quote-icon {
  margin-bottom: 30px; /* spacing between icon and testimonial text */
}

.testimonial-quote-icon img {
  width: 40px; /* adjust size as needed */
  height: auto;
}
/* Behind Grad */
.grad-1,.why-grad,.testi-grad{
	position:relative;
}
.why-grad::before,.grad-1::before,.testi-grad::before{
  content: "";
  position: absolute;
  background-color: #5d52ff1a;
  border-radius: 50%;         /* square corners */
  filter: blur(125px);      /* blur effect */
  z-index: 0;              /* behind content */
}
.grad-1::before {
  width: 999px;             /* square width */
  height:999px;          /* square height same as width */
  top: 10%;
  left: -100px;
}
.why-grad::before{
  width: 437px;             /* square width */
  height:437px;          /* square height same as width */
  top:0;
  left: 0;
}
.testi-grad::before{
	  width: 1172px;             /* square width */
  height:1172px;          /* square height same as width */
  top: 45%;
	right:0;
  left: auto;
}

#forminator-module-3788 .forminator-checkbox__label a,#forminator-module-4453 .forminator-checkbox__label a{
	color:#FF9C70 !important;
}
@media(max-width:1024px){
	.over{
	overflow-x:scroll;
}
}
.elementor-nav-menu > li > a.elementor-item-active,.elementor-nav-menu > li > a:hover{
	    background-color: #0043FF;
}

.list-back li{
	background-color: #ffffff;
	border-radius:50px;
	padding:10px 20px !important;
	margin-bottom:10px !important;
}
.fh-title{
	min-height:66px;
}
@media(max-width:1200px){
	.stack-title{
	min-height:84px;
}
}
strong{
	font-weight:600;
}
.mega-menu:not(.alt) .elementor-nav-menu{
	display:flex;
	justify-content:space-between;
	align-items:start;
}
.mega-menu:not(.alt) .elementor-nav-menu li{
	width:50%;
		padding:0 !important;
}
.mega-menu.alt li{
	margin-bottom:8px !important;
}
.mega-menu.alt li a{
	padding: 0 !important;
}
.mega-menu .elementor-nav-menu li a{
	margin:0 !important;
	background-color:transparent !important;
}
.mega-menu .elementor-nav-menu li.menu-item-has-children{
	    flex-direction: column;
}
.mega-menu .elementor-nav-menu li.menu-item-has-children ul{
	    position: relative !important;
    display: block !important;
    top: 0 !important;
	background-color:transparent !important;
	list-style: disc !important;
}
.mega-menu .elementor-nav-menu li.menu-item-has-children ul li{list-style: disc !important;}
.mega-menu .elementor-nav-menu li.menu-item-has-children ul a{
	padding:0 !important;
}
.elementskit-megamenu-panel {
    padding-top: 40px;
}
.elementor-editor-active .postid-5706 header.elementor.elementor-234.elementor-location-header  {
	display:none !important;
}
.icon-menu .elementor-icon-box-title{
	margin:0 !important;
	margin-bottom:5px !important;
}

.slinky a {
  display: block  !important;
  font-family: "Funnel", Sans-serif !important;
	font-weight:600 !important;
  font-size: 16px !important;
  text-decoration: none !important;
  color: #111 !important;
	padding: 14px 18px !important;
}

.slinky li {
  border-bottom: 1px solid #BECFFE !important;
}

img._mi._before._svg {
    top: 5px;
    position: relative;
    margin-right: 10px;
}
.page-id-1854 .elementskit-navbar-nav>li.current-menu-item>a,.page-id-29 .elementskit-navbar-nav>li.current-menu-item>a:not(:hover){
	background-color: transparent !important;
}
.msp-main-nav ul li a{
	height: 50px !important;
}
.ms-parent-id-3 .ms-bullets.ms-dir-h.ms-align-bottom {
    right: -50px !important;
    left: auto !important;
}

.ms-parent-id-3 .ms-view {
	overflow:hidden;
	padding:1px !important;
	border-radius:32px !important;
	position:relative;
}
.ms-parent-id-3 .ms-view:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image:url("https://www.etixio.com/wp-content/uploads/2026/01/logo-border.png");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:2;
}
.ms-parent-id-3 .ms-view img{
	border-radius:42px !important;
	transform:scale(0.99);
	transform-origin:center;
}
.menu-sub-menu-h4 h4{
	margin-bottom:0 !important;
}
.sub-menu-hover:hover h4{
	color:#FF9C70;
}
.opac-img{
	position:relative;
	overflow:hidden;
}
.opac-img::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(255,255,255,.2);
	border-radius:16px;
	z-index:2;
}
.home-slider .swiper-pagination-bullet {
	width:90px !important;
	height:4px !important;
	border-radius:10px !important;
}

/* Header SLider */
/* ==================================
   ELEMENTOR CAROUSEL - CONTINUOUS SLIDE TRANSITION
   ==================================
   Smooth left-to-right sliding without fade gaps
   Add this CSS to: Elementor > Custom CSS 
   OR WordPress > Customizer > Additional CSS
   ================================== */

/* ==================================
   MAIN SLIDE TRANSITION - SMOOTH CONTINUOUS FLOW
   ================================== */

/* Ensure all slides are visible during transition */
.header-reveal .e-n-carousel .swiper-slide {
    opacity: 1 !important;
    transition: transform 0ms ease !important;
}

/* Smooth wrapper movement - this creates the slide effect */
.header-reveal .e-n-carousel .swiper-wrapper {
    transition-duration: 800ms !important;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Remove any scale/opacity effects that create gaps */
.header-reveal .e-n-carousel .swiper-slide-active,
.header-reveal .e-n-carousel .swiper-slide-prev,
.header-reveal .e-n-carousel .swiper-slide-next {
    opacity: 1 !important;
    transform: none !important;
}

/* ==================================
   OPTION 1: SMOOTH EASE (RECOMMENDED)
   ================================== */
.header-reveal .e-n-carousel .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* ==================================
   OPTION 2: ELASTIC BOUNCE (PLAYFUL)
   ================================== */
/* 
.header-reveal .e-n-carousel .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
    transition-duration: 1000ms !important;
}
*/

/* ==================================
   OPTION 3: QUICK & SNAPPY
   ================================== */
/* 
.header-reveal .e-n-carousel .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 800ms !important;
}
*/

/* ==================================
   OPTION 4: SLOW & ELEGANT
   ================================== */
/* 
.header-reveal .e-n-carousel .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1) !important;
    transition-duration: 1600ms !important;
}
*/

/* ==================================
   OPTION 5: LINEAR (CONSTANT SPEED)
   ================================== */
/* 
.header-reveal .e-n-carousel .swiper-wrapper {
    transition-timing-function: linear !important;
    transition-duration: 1000ms !important;
}
*/

/* ==================================
   STAGGERED CONTENT ANIMATIONS
   (Content animates as slide enters view)
   ================================== */

/* Heading animation */
.header-reveal .e-n-carousel .swiper-slide .elementor-heading-title {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 600ms ease-out 100ms, 
                transform 600ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}

.header-reveal .e-n-carousel .swiper-slide-active .elementor-heading-title {
    opacity: 1;
    transform: translateX(0);
}

/* Text content animation */
.header-reveal .e-n-carousel .swiper-slide .elementor-text-editor {
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity 600ms ease-out 300ms, 
                transform 600ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
}

.header-reveal .e-n-carousel .swiper-slide-active .elementor-text-editor {
    opacity: 1;
    transform: translateX(0);
}

/* Button animation */
.header-reveal .e-n-carousel .swiper-slide .elementor-button-wrapper {
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity 600ms ease-out 500ms, 
                transform 600ms cubic-bezier(0.4, 0, 0.2, 1) 500ms;
}

.header-reveal .e-n-carousel .swiper-slide-active .elementor-button-wrapper {
    opacity: 1;
    transform: translateX(0);
}

/* Image animation - slides in from right */
.header-reveal .e-n-carousel .swiper-slide .elementor-widget-image {
    opacity: 0;
    transform: translateX(50px) scale(0.95);
    transition: opacity 700ms ease-out 200ms, 
                transform 700ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
}

.header-reveal .e-n-carousel .swiper-slide-active .elementor-widget-image {
    opacity: 1;
    transform: translateX(0) scale(1);
}

/* ==================================
   ALTERNATIVE: NO CONTENT ANIMATION
   (Just pure slide - uncomment to disable content animations)
   ================================== */
/*
.header-reveal .e-n-carousel .swiper-slide .elementor-heading-title,
.header-reveal .e-n-carousel .swiper-slide .elementor-text-editor,
.header-reveal .e-n-carousel .swiper-slide .elementor-button-wrapper,
.header-reveal .e-n-carousel .swiper-slide .elementor-widget-image {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}
*/

/* ==================================
   SUBTLE SHADOW EFFECT (OPTIONAL)
   Adds depth during slide transition
   ================================== */
/* .header-reveal .e-n-carousel .swiper-slide {
    position: relative;
}

.header-reveal .e-n-carousel .swiper-slide::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, transparent, rgba(0,0,0,0.05));
    opacity: 0;
    transition: opacity 400ms ease;
    pointer-events: none;
    z-index: 2;
}

.header-reveal .e-n-carousel .swiper-slide-prev::after {
    opacity: 1;
} */

/* ==================================
   PERFORMANCE OPTIMIZATION
   ================================== */

/* Enable GPU acceleration for smoother animations */
.header-reveal .e-n-carousel .swiper-wrapper,
.header-reveal .e-n-carousel .swiper-slide {
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* ==================================
   RESPONSIVE ADJUSTMENTS
   ================================== */

/* Faster transitions on mobile for better performance */
@media (max-width: 768px) {
    .header-reveal .e-n-carousel .swiper-wrapper {
        transition-duration: 800ms !important;
    }
    
    /* Reduce content animation delays on mobile */
    .header-reveal .e-n-carousel .swiper-slide .elementor-heading-title {
        transition-delay: 50ms;
    }
    
    .header-reveal .e-n-carousel .swiper-slide .elementor-text-editor {
        transition-delay: 150ms;
    }
    
    .header-reveal .e-n-carousel .swiper-slide .elementor-button-wrapper {
        transition-delay: 250ms;
    }
    
    .header-reveal .e-n-carousel .swiper-slide .elementor-widget-image {
        transition-delay: 100ms;
    }
}

/* ==================================
   USAGE INSTRUCTIONS
   ==================================
   
   1. Add CSS class "header-reveal" to your carousel's parent container
   2. Paste this entire CSS into Elementor Custom CSS or WordPress Customizer
   3. Choose ONE timing option (1-5) - Option 1 is recommended
   4. Adjust transition-duration to your preference:
      - 800ms = Fast
      - 1200ms = Medium (default)
      - 1600ms = Slow
   
   To remove content animations:
   - Uncomment the "NO CONTENT ANIMATION" section
   
   To change slide direction:
   - This is controlled by Elementor carousel settings
   - The CSS will work for any direction
   
   ================================== */