.elementor-kit-28{--e-global-color-primary:#E5E6E7;--e-global-color-secondary:#030A23;--e-global-color-text:#E5E6E7;--e-global-color-accent:#EA5C1C;--e-global-color-30fdec4:#EA5C1C;--e-global-color-c44bfa4:#02010100;--e-global-color-a2e747e:#242122;--e-global-color-7b081a7:#353233;--e-global-color-dcc9e11:#FF7D163D;--e-global-color-99b410b:#1E1B1B8C;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:1rem;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Kode Mono";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.8em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:0.9em;--e-global-typography-42a2323-font-family:"Kode Mono";--e-global-typography-42a2323-font-size:5rem;--e-global-typography-42a2323-font-weight:600;--e-global-typography-42a2323-line-height:1.2em;--e-global-typography-d489a1f-font-family:"Kode Mono";--e-global-typography-d489a1f-font-size:4rem;--e-global-typography-d489a1f-font-weight:600;--e-global-typography-d489a1f-line-height:1.2em;--e-global-typography-4e7ad5a-font-family:"Kode Mono";--e-global-typography-4e7ad5a-font-size:1.5rem;--e-global-typography-4e7ad5a-font-weight:600;--e-global-typography-4e7ad5a-line-height:1.2em;--e-global-typography-ffb364a-font-family:"Plus Jakarta Sans";--e-global-typography-ffb364a-font-size:1.2rem;--e-global-typography-ffb364a-font-weight:500;--e-global-typography-ffb364a-line-height:1.2em;--e-global-typography-2a992ed-font-family:"Kode Mono";--e-global-typography-2a992ed-font-size:2rem;--e-global-typography-2a992ed-font-weight:400;--e-global-typography-2a992ed-line-height:1.2em;--e-global-typography-2a992ed-letter-spacing:2px;--e-global-typography-4c05e87-font-family:"Plus Jakarta Sans";--e-global-typography-4c05e87-font-size:4rem;--e-global-typography-4c05e87-font-weight:400;--e-global-typography-4c05e87-line-height:1em;--e-global-typography-178cd85-font-family:"Plus Jakarta Sans";--e-global-typography-178cd85-font-size:2.6rem;--e-global-typography-178cd85-font-weight:600;--e-global-typography-178cd85-line-height:1.2em;--e-global-typography-ab09bcc-font-family:"Plus Jakarta Sans";--e-global-typography-ab09bcc-font-size:1rem;--e-global-typography-ab09bcc-font-weight:500;--e-global-typography-ab09bcc-line-height:1em;--e-global-typography-0f2292f-font-family:"Kode Mono";--e-global-typography-0f2292f-font-size:2em;--e-global-typography-0f2292f-font-weight:600;background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:1em;font-weight:400;line-height:1.8em;}.elementor-kit-28 button,.elementor-kit-28 input[type="button"],.elementor-kit-28 input[type="submit"],.elementor-kit-28 .elementor-button{background-color:transparent;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );color:#FFFFFF;background-image:linear-gradient(16deg, var( --e-global-color-accent ) 0%, var( --e-global-color-accent ) 100%);border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:20px 35px 20px 35px;}.elementor-kit-28 button:hover,.elementor-kit-28 button:focus,.elementor-kit-28 input[type="button"]:hover,.elementor-kit-28 input[type="button"]:focus,.elementor-kit-28 input[type="submit"]:hover,.elementor-kit-28 input[type="submit"]:focus,.elementor-kit-28 .elementor-button:hover,.elementor-kit-28 .elementor-button:focus{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(18deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-secondary ) 100%);border-radius:0px 0px 0px 0px;}.elementor-kit-28 e-page-transition{background-color:#FFBC7D;}.elementor-kit-28 a{color:#F18700;}.elementor-kit-28 a:hover{color:var( --e-global-color-text );}.elementor-kit-28 h1{color:#FFFFFF;font-family:var( --e-global-typography-42a2323-font-family ), Sans-serif;font-size:var( --e-global-typography-42a2323-font-size );font-weight:var( --e-global-typography-42a2323-font-weight );line-height:var( --e-global-typography-42a2323-line-height );}.elementor-kit-28 h2{color:#FFFFFF;font-family:var( --e-global-typography-d489a1f-font-family ), Sans-serif;font-size:var( --e-global-typography-d489a1f-font-size );font-weight:var( --e-global-typography-d489a1f-font-weight );line-height:var( --e-global-typography-d489a1f-line-height );}.elementor-kit-28 h3{color:#FFFFFF;font-family:var( --e-global-typography-4e7ad5a-font-family ), Sans-serif;font-size:var( --e-global-typography-4e7ad5a-font-size );font-weight:var( --e-global-typography-4e7ad5a-font-weight );line-height:var( --e-global-typography-4e7ad5a-line-height );}.elementor-kit-28 h4{color:#FFFFFF;font-family:var( --e-global-typography-4e7ad5a-font-family ), Sans-serif;font-size:var( --e-global-typography-4e7ad5a-font-size );font-weight:var( --e-global-typography-4e7ad5a-font-weight );line-height:var( --e-global-typography-4e7ad5a-line-height );}.elementor-kit-28 h5{color:var( --e-global-color-text );font-family:var( --e-global-typography-ffb364a-font-family ), Sans-serif;font-size:var( --e-global-typography-ffb364a-font-size );font-weight:var( --e-global-typography-ffb364a-font-weight );line-height:var( --e-global-typography-ffb364a-line-height );}.elementor-kit-28 h6{color:var( --e-global-color-text );font-family:var( --e-global-typography-ab09bcc-font-family ), Sans-serif;font-size:var( --e-global-typography-ab09bcc-font-size );font-weight:var( --e-global-typography-ab09bcc-font-weight );line-height:var( --e-global-typography-ab09bcc-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-28{--e-global-typography-primary-font-size:0.9rem;--e-global-typography-text-font-size:0.9em;--e-global-typography-accent-font-size:0.9rem;--e-global-typography-42a2323-font-size:3rem;--e-global-typography-d489a1f-font-size:3.2em;--e-global-typography-4e7ad5a-font-size:1.3rem;--e-global-typography-ffb364a-font-size:1.1rem;--e-global-typography-2a992ed-font-size:0.9em;--e-global-typography-4c05e87-font-size:3.8rem;--e-global-typography-178cd85-font-size:2rem;--e-global-typography-ab09bcc-font-size:0.9rem;font-size:0.9em;}.elementor-kit-28 h1{font-size:var( --e-global-typography-42a2323-font-size );line-height:var( --e-global-typography-42a2323-line-height );}.elementor-kit-28 h2{font-size:var( --e-global-typography-d489a1f-font-size );line-height:var( --e-global-typography-d489a1f-line-height );}.elementor-kit-28 h3{font-size:var( --e-global-typography-4e7ad5a-font-size );line-height:var( --e-global-typography-4e7ad5a-line-height );}.elementor-kit-28 h4{font-size:var( --e-global-typography-4e7ad5a-font-size );line-height:var( --e-global-typography-4e7ad5a-line-height );}.elementor-kit-28 h5{font-size:var( --e-global-typography-ffb364a-font-size );line-height:var( --e-global-typography-ffb364a-line-height );}.elementor-kit-28 h6{font-size:var( --e-global-typography-ab09bcc-font-size );line-height:var( --e-global-typography-ab09bcc-line-height );}.elementor-kit-28 button,.elementor-kit-28 input[type="button"],.elementor-kit-28 input[type="submit"],.elementor-kit-28 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:767px){.elementor-kit-28{--e-global-typography-primary-font-size:0.8rem;--e-global-typography-text-font-size:0.8rem;--e-global-typography-accent-font-size:0.8rem;--e-global-typography-42a2323-font-size:2.4rem;--e-global-typography-d489a1f-font-size:2.3em;--e-global-typography-4e7ad5a-font-size:1.2rem;--e-global-typography-ffb364a-font-size:1rem;--e-global-typography-2a992ed-font-size:0.8em;--e-global-typography-2a992ed-line-height:1rem;--e-global-typography-4c05e87-font-size:1.9rem;--e-global-typography-178cd85-font-size:1.3rem;--e-global-typography-ab09bcc-font-size:0.8rem;font-size:0.8rem;}.elementor-kit-28 h1{font-size:var( --e-global-typography-42a2323-font-size );line-height:var( --e-global-typography-42a2323-line-height );}.elementor-kit-28 h2{font-size:var( --e-global-typography-d489a1f-font-size );line-height:var( --e-global-typography-d489a1f-line-height );}.elementor-kit-28 h3{font-size:var( --e-global-typography-4e7ad5a-font-size );line-height:var( --e-global-typography-4e7ad5a-line-height );}.elementor-kit-28 h4{font-size:var( --e-global-typography-4e7ad5a-font-size );line-height:var( --e-global-typography-4e7ad5a-line-height );}.elementor-kit-28 h5{font-size:var( --e-global-typography-ffb364a-font-size );line-height:var( --e-global-typography-ffb364a-line-height );}.elementor-kit-28 h6{font-size:var( --e-global-typography-ab09bcc-font-size );line-height:var( --e-global-typography-ab09bcc-line-height );}.elementor-kit-28 button,.elementor-kit-28 input[type="button"],.elementor-kit-28 input[type="submit"],.elementor-kit-28 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}/* Start custom CSS *//* Header */
/* État après scroll */
.elementor-top-section.scrolled {
    background-color: rgba(0, 0, 0, 0.7) !important; 
}


/* Menu et logo */
.elementor-top-section .elementskit-menu-container   {
    transition: all 0.3s ease;  
}




/* Logo initial */
.elementor-top-section .top-logo img {
    transition: all 0.3s ease;  
     width: 160px ;
     height:  auto !important
}

.elementor-top-section .ekit_navSidebar-button i::before {
    transition: all 0.3s ease;  
     font-size: 40px;
}

.elementor-top-section .ekit_navSidebar-button i {
    transition: all 0.3s ease;  
    display:block;
}


/* Logo après scroll */
.elementor-top-section.scrolled .top-logo img {
    width : 120px;  
    
 
}
 
.elementor-top-section.scrolled .ekit_navSidebar-button i::before {
    font-size: 30px;
  
}

.elementor-top-section.scrolled .ekit_navSidebar-button i { 
   transform: skewX(-12deg);
    transform: rotate(-12deg);
}
 

    


/* Hero */
.hero-title::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 50px;
 
  top: 20%;
  left: 10px;
  transform: skewX(-45deg);
  border-bottom:5px #EA5C1C  dashed;
  border-right:2px #EA5C1C  dashed;
  
}

/* --- Video on scroll --- */
 /* Placeholder div for scrolling */
    #set-height {
 
    }
    /* Fixed video styling */
    #v0 {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      object-fit: cover;
    }
    
 .gsap-section-1 { 
    overflow: hidden;
    position: relative;
     transform: translateZ(0);
     animation: none !important;
  transition: none !important;
  }
  
.gsap-box-left::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 50px;
  top: 105%;
  left: 0%;
  transform: skewX(20deg);
  border-top:10px #EA5C1C  dashed;
  border-right:5px #EA5C1C  dashed;
}

.gsap-box-right::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 50px;
 
  top: 105%;
  right: 0%;
  transform: skewX(-20deg);
  border-top:10px #EA5C1C  dashed;
  border-left:5px #EA5C1C  dashed;
  
}

.gsap-box-left,.gsap-box-right
   {
    opacity: 0;
    will-change: transform, opacity;
  }
  
  
/* --- svg animation ---*/

.animated-line {
  display: block;
width:100%; 
height: auto;
}

/* Animated stroke */
.animated-line path {
  fill: none;
  stroke: #EA5C1C;
  stroke-width: 0.2;

  /* These values should match the path length */
  stroke-dasharray: 100;
  stroke-dashoffset: 400;

  animation: move 4s linear infinite;
}
/* Drawing animation */
@keyframes move {
    100% {
        stroke-dashoffset: 0;
    }
}
 
/* --- Custom button */
.custom-button {
   
   /* border-left:5px white dashed;
    border-bottom:2px white dashed;*/
}
 
 
/* --- service boxes */
 
 .service-box img {
    filter: grayscale(100%);
    transition: all  0.4s ease, opacity 0.4s ease;
    opacity: .5;
}

.service-box  img:hover {
    filter: grayscale(0%);
    opacity: 1;
    cursor: pointer;
}


 .service-box h2, .service-box h3 {  line-height: 1.4;
  min-height: 2.8em; /* 2 × 1.4 */ }
  
 .service-box  h2::before, 
 .service-box  h3::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 20px;
  z-index: 1001;
 
  top: -10px;
  left: -10px;
  transform: skewX(-20deg);
  border-top:1px #ccc  solid;
  border-left:1px #ccc  solid;
  
}

  

 .service-box-top h2, 
 .service-box-top h3  {  line-height: 1.4;
  min-height: 2.8em; /* 2 × 1.4 */ }
  
 .service-box-top h2::before,
  .service-box-top h3::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 20px;
  top: -10px;
  left: -10px;
  transform: skewX(-20deg);
  border-top:1px #ccc  dashed;
  border-left:1px #ccc  dashed;
  
}
/* --- Custom img mask  ---*/

.service-box-top .elementor-flip-box__button { 
    padding: 0px;
    border-width: 0px !important;
    margin: 0;
    font-size: 28px;
	}
	
	
.mask-container-off img {
    -webkit-mask-image: url("https://www.onetech-bs.com/wp-content/uploads/2026/02/mask-1.png");
    mask-image: url("https://www.onetech-bs.com/wp-content/uploads/2026/02/mask-1.png");

    -webkit-mask-size: cover;
    mask-size: cover;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    display: block;
}

/* --- Custom testimonial  ---*/
.testimonial_body::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 50px;
  top: 5%;
  right: 20px;
  transform: skewX(20deg);
  border-top:10px #EA5C1C  dashed;
  border-right:5px #EA5C1C  dashed;
  z-index: 100;
}

/* --- Custom blog  ---*/
.rkit-post-grid-title::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 20px;
  bottom: 5px;
  right: 10px;
  transform: skewX(-20deg);
  border-bottom:1px #ccc  dashed;
  border-right:1px #ccc  dashed;
  
}

.content-box:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 50px;
  top: -3%;
  right: -20px;
  transform: skewX(20deg);
  border-top:10px #EA5C1C  dashed;
  border-right:5px #EA5C1C  dashed;
  z-index: 100;
}

/* --- Solutiosn menu  ---  */ 
.menu-box:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 30px;
  top: 0px;
  right: 10px;
  transform: skewX(20deg);
  border-top:5px #EA5C1C  dashed;
  border-right:3px #EA5C1C  dashed;
  z-index: 100;
}


.menu-text {
  line-height: 1.3;
  min-height: calc(1.3em * 2);
  max-height: calc(1.3em * 2);
  display: flex;
  align-items: center;       
  justify-content: center;   
  text-align: center;
  overflow: hidden;
}


.solutions-menu {
  width: 100%;
  transition: transform 0.35s ease, opacity 0.35s ease, box-shadow 0.35s ease;
  will-change: transform, opacity;
}

/* état normal */
.solutions-menu {
  transform: translateY(0);
  opacity: 1;
}

/* sticky ON */
.solutions-menu.sticky {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 999;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);

  animation: slideDown 0.35s ease forwards;
}

/* animation entrée */
@keyframes slideDown {
  from {
    transform: translateY(-8px);
    opacity: 0.6;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* effet quand on enlève sticky */
.solutions-menu:not(.sticky) {
  animation: slideUp 0.25s ease forwards;
}

@keyframes slideUp {
  from {
    transform: translateY(-8px);
    opacity: 1;
  }
  to {
    transform: translateY(-0px);
    opacity: 0.8;
  }
}


.rkit-image-container img {
    -webkit-mask-image: url("https://www.onetech-bs.com/wp-content/uploads/2026/02/mask-1.png");
    mask-image: url("https://www.onetech-bs.com/wp-content/uploads/2026/02/mask-1.png");

    -webkit-mask-size: cover;
    mask-size: cover;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    display: block;
}


/* --- Custom cta   ---*/
.cta-container .elementor-background-slideshow::before
{ background-size:100% 100% !important ;  } 
	 
.cta-container .head-png
 { background-size:100% 100% !important ;  }
 
 
 /*  Tablet */
@media (max-width: 1024px) {
  .hero-title::after {
    width: 250px;
    height: 40px;
    top: 20%;
    
  }
  
  
  
  
  
  #v0 {
    height: 100vh; }
    
  .animated-line path {
    stroke-width: 0.6 ; }
  
}

/*  Mobile */
@media (max-width: 767px) {
  .hero-title::after {
    width: 250px;
    height: 40px;
    top: 25%;
  }
  
   #v0 {
    height: 100vh; 
    object-fit: cover;
  }
  
  .gsap-box-left::after {

  width: 220px;
  height: 50px;
  border-top:5px #EA5C1C  dashed;
  border-right:3px #EA5C1C  dashed;
}

.gsap-box-right::after {
  width: 220px;
  height: 50px;
  border-top:5px #EA5C1C  dashed;
  border-left:3px #EA5C1C  dashed;
  
}
    .animated-line path {
  stroke-width: 0.6 ; }
  
 
  
}
 
 
 
/* custom behaviour */
.centered-icon-abs  {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} 


.rotating {
  animation: spin 10s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.icon-box::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 20px;
  bottom: 5px;
  right: 10px;
  transform: skewX(-20deg);
  border-bottom:2px #fff  dashed;
  border-right:2px #fff  dashed;
  
}
 


.image-box::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 20px;
  bottom: -15px;
  right: 10px;
  transform: skewX(-20deg);
  border-bottom:2px #fff  dashed;
  border-right:2px #fff  dashed;
  
}

.image-box::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 20px;
    top: -17px;
    left: 10px;
    transform: skewX(-20deg);
    border-top: 6px #ea5d24 dashed;
    border-left: 6px #ea5d24 dashed;
  
}

.arrow-anim {
  display: inline-block;
  animation: arrowMoveFadeX 1s ease-in-out infinite alternate;
}

/* Desktop → animation */
@keyframes arrowMoveFadeX {
  from {
    transform: translateX(0);
    opacity: 0.6;
  }
  to {
    transform: translateX(10px);
    opacity: 1;
  }
}

/* 📱 Mobile: rotate + vertical animation */
@media (max-width: 768px) {
  .arrow-anim {
    animation: arrowMoveFadeY 1s ease-in-out infinite alternate;
  }

  @keyframes arrowMoveFadeY {
    from {
      transform: rotate(90deg) translateX(0);
      opacity: 0.6;
    }
    to {
      transform: rotate(90deg) translateX(10px);
      opacity: 1;
    }
  }
}


.box-left::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 50px;
  top: 105%;
  left: 0%;
  transform: skewX(20deg);
  border-top:5px #EA5C1C  dashed;
}

.box-right::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 50px;
 
  top: 105%;
  right:0%;
  transform: skewX(-20deg);
  border-top:5px #EA5C1C  dashed;
 
  
} 

.single-post h2 { font-size: 24px; }


.accord-white h4,
.accord-white h5,
.accord-white p,
.accord-white ul,
.accord-white ol,
.accord-white li {
    color: #030A23;
}


.accord-white a {
    color: #030A23;
}

/* Jobs */
.awsm-job-form-inner {

    background-color: #272727;
   border-style:dashed !important;
    border-width: 0px 0px 2px 2px;
    border-style: solid;
    border-color: #FFFFFF;

}

.awsm-job-form-inner input {

    border-radius: 0px !important;
    
}

.awsm-job-form-inner input[type="submit"] {

    border:1px solid #FFFFFF;
    
}

.jobs-box h2 { 
color: var(--e-global-color-secondary);
    font-size:24px !important;
}

.jobs-box .awsm-job-listing-item a { border:0px  ; position: relative ; }

.jobs-box .awsm-job-listing-item a:before { 
     content: "";
    position: absolute;
    width: 50%;
    height: 20px;
    top: -10px;
    left: -10px;
    transform: skewX(-20deg);
    border-top: 1px #ccc dashed;
    border-left: 1px #ccc dashed;
}


.jobs-box .awsm-job-listing-item a  {
    color: #30fdec4); }
    
    
.jobs-box .awsm-job-listing-item a:hover  {
    color: #000; }/* End custom CSS */