.elementor-kit-28{--e-global-color-primary:#E5E6E7;--e-global-color-secondary:#0E1121;--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-178cd85-font-family ), Sans-serif;font-size:var( --e-global-typography-178cd85-font-size );font-weight:var( --e-global-typography-178cd85-font-weight );line-height:var( --e-global-typography-178cd85-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:4.6rem;--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-178cd85-font-size );line-height:var( --e-global-typography-178cd85-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-178cd85-font-size );line-height:var( --e-global-typography-178cd85-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: 100px;
 
  top: 105%;
  left: 0%;
  transform: skewX(20deg);
  border-top:10px #EA5C1C  dashed;
  border-right:4px #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  {  line-height: 1.4;
  min-height: 2.8em; /* 2 × 1.4 */ }
  
 .service-box  h2::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  {  line-height: 1.4;
  min-height: 2.8em; /* 2 × 1.4 */ }
  
 .service-box-top h2::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 20px;
  top: -10px;
  left: -10px;
  transform: skewX(-20deg);
  border-top:1px #ccc  solid;
  border-left:1px #ccc  solid;
  
}
/* --- Custom img mask  ---*/

.mask-container img {
    -webkit-mask-image: url("https://otbs.v2.web2code.com/wp-content/uploads/2026/02/mask-1.png");
    mask-image: url("https://otbs.v2.web2code.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  solid;
  border-right:1px #ccc  solid;
  
}

.rkit-image-container img {
    -webkit-mask-image: url("https://otbs.v2.web2code.com/wp-content/uploads/2026/02/mask-1.png");
    mask-image: url("https://otbs.v2.web2code.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 ;  }/* End custom CSS */