.w-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition:
      transform 0.3s ease,
      opacity 0.2s ease,
      background-color 0.3s ease;
    will-change: transform, opacity, background-color;
    background-color: transparent; /* default at page top */
}

  /* Hidden when scrolling down */
  .w-nav--hidden {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
  }

  /* Background turns white when you scroll even 1px */
  .w-nav--scrolled {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  }

  .is-home-nav.w-nav--scrolled {
    background-color: transparent!important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  }

  .home-nav--solid .nav_button-hamburger_line {
    background: black!important;
  }

 

/* When near the top (section visible) */
.w-nav.is-home-nav.home-nav--transparent {
  background-color: transparent !important;
  color: #ffffff !important;  /* light text */
  box-shadow: none;
}

/* When below the section (section NOT visible) */
.w-nav.is-home-nav.home-nav--solid {
  background-color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.w-nav.is-home-nav.home-nav--solid .nav_menu_link.is-home-nav-links{
  background-color: #ffffff !important;
}

.w-nav.is-home-nav.home-nav--solid .nav_menu_link-dropdown.is-home-nav-links {
  background-color: #ffffff !important;
}

.w-nav.is-home-nav.home-nav--solid .w-nav-menu a, .w-nav.is-home-nav.home-nav--solid .w-nav-menu .nav_menu_link-dropdown.is-home-nav-links {
  color: #000000 !important;  /* dark text */
}

.w-nav.is-home-nav.home-nav--solid .nav_sub-menu.is-home-nav-sub-menu.w--open {
  background-color: white;
  border: solid 1px black;
}

.w-nav.is-home-nav.home-nav--solid .nav_brand.w-nav-brand.w--current {
  filter: invert(1) brightness(0);
}


.main-wrapper {
  padding-top: 100px;
}

.is-90-margin-top {
  padding-top: 90px;
}


@media only screen and (max-width: 1335px) {

  .w-nav {
      /*background-color: white; */
  }

  .tenc_side-image-wrapper.is-aboutus-side-image-wrapper::before, 
  .tenc_side-image-wrapper.is-our-team-new-image-wrapper::before, 
  .tenc_side-image-wrapper.is-ecmplatform-side-image-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.3)
  }

}

/* Rotate platform image */
   
.is-ecmplatform-strand-img {
  /*width: 3500px;
  height: 1054px;*/
  max-width: none;
  transform: rotate(26.57deg);
  
}

@media only screen and (max-width: 1400px) {

  .tenc_side-image-wrapper.is-news-side-wrapper {
    left: -480px;
  }

}

@media only screen and (min-width: 1550px) {

  .tenc_side-image-wrapper.is-life-engitix-strand-wrapper {
    top: 289px;
    left: -700px;
}

  .is-ecmplatform-strand-img {
    /*width: 3500px;
    height: 1054px;*/
    max-width: none;
    width: 2500px;
    max-width: none;
  }

}


 @media only screen and (min-width: 1800px) {

	/* Home strand */
  
  .tenc_side-image-wrapper.tenc_whole-image-wrapper-home {
    width: 3000px;
    top: -682px;
    left: -641px;
    height: 2025px;
}
  
  .tenc_whole-image-home {
    width: 100%;
    height: 100%;
    max-width: none;
  }
  
  /* Team strand */
  
.tenc_side-image-wrapper.is-our-team-new-image-wrapper {
    top: -300px;
    left: -1200px;
}

	.is-ourpeople-strand-image {
      width: 1300px;
		}
    
    /* life at engitix */
  
   .tenc_side-image-wrapper.is-life-engitix-strand-wrapper {
        top: 289px;
        left: -707px;
    }
  
  .is-ecmplatform-strand-img {
    /*width: 3500px;
    height: 1054px;*/
    max-width: none;
    transform: rotate(26.57deg);
	}
  
     /* Understanding the ECM */

	.tenc_side-image-wrapper.is-ecmplatform-side-image-wrapper {
     left: -501px;
}

  .is-understanding-strand {

}




.tenc_side-image-wrapper.is-contact-side-image {
    z-index: -1;
    top: -400px;
    left: -1318px;
    width: 165%;
}

.is-contact-wavy-strand {
	width: 100%;
}

.stage-caption p {
   font-size: 21px!important;
 }

}


 @media only screen and (min-width: 2200px)  {

  /* Understanding the ECM */
   
     .tenc_side-image-wrapper.is-ecmplatform-side-image-wrapper {
      left: -640px;
 }

/* life at engitix */

.tenc_side-image-wrapper.is-life-engitix-strand-wrapper {
  top: 289px;
  left: -900px;
}

.is-ecmplatform-strand-img {
  /*width: 3500px;
  height: 1054px;*/
  max-width: none;
  width: 3000px;
  max-width: none;
}

   
 }




 @media screen and (max-width: 767px) {

  .tenc_side-image-wrapper.is-life-engitix-strand-wrapper {
      top: 298px;
      left: -350px;
  }
  
}







  /* strand fine tuning */
  
  @media screen and (max-width: 515px) {
   
    /* home page strand */

    .is-home-strand-wrapper .tenc_responsive-side-image-wrapper {
       top: -278px;
    }
    
    /* Life at Engitix strand */
    
         .tenc_side-image-wrapper.is-life-engitix-strand-wrapper {
       top: 351px;
     }
  
  }
  
  @media screen and (max-width: 430px) {
  
    /* home page strand */

    .is-home-strand-wrapper .tenc_responsive-side-image-wrapper {
       top: -218px;
    }
    
       /* Life at Engitix strand */
    
         .tenc_side-image-wrapper.is-life-engitix-strand-wrapper {
          top: 411px;
     }
  
  }
  
     @media screen and (max-width: 360px) {
  
    /* home page strand */

    .is-home-strand-wrapper .tenc_responsive-side-image-wrapper {
       top: -178px;
    }
    

  
  }
























/* @media only screen and (max-width: 1280px) and (min-width: 993px) {



.nav_menu.is-responsive-styles.w-nav-menu {
  background: #011125;
}

.nav_menu.is-responsive-styles-light.w-nav-menu {
  background: white;
}




  .tenc_image-wrapper.is-height-100.is-left-image-about {
    margin-left: -200px;
}

.tenc_image-wrapper.is-height-100.is-pillar-right {
  margin-right: -280px;
}


.tenc_image-wrapper.is-ecm-pipe-right-marg {
  margin-left: -250px;
  padding-right: 20px;
}

.exm_box5_grid-item.is-responsive-styles .tenc_image-wrapper {
  
}

.exm_box5_grid-item.is-responsive-styles .tenc_image-wrapper .tenc_image {
  height: 100%;
  object-fit: contain;
}

.exm_box5_grid-item.is-responsive-styles  .tenc_content-wrapper.is-100-height.is-flex-col-center.is-max-w-650 {
  padding: 30px;
}

.exm_box5_grid-item.is-responsive-styles  .tenc_content-wrapper.is-100-height.is-flex-col-center.is-max-w-650 .heading-style-h4 {
  font-size: 24px;
}



.ourpeople_hero_grid-wrapper2.is-responsive-styles.is-bg-faded-white.animate-up {
  background-color: transparent;
}



.ecm_image-text4_grid-item .tenc_image-wrapper.is-height-100.is-left-slide-img {
  margin-left: -700px;
}

.ecm_image-text4_grid-wrapper.is-responsive-styles-extra {
  gap: 82px;
}




.partner_collab3_grid-item2 .tenc_image-wrapper .tenc_logo.is-max-width-469 {
  max-width: 100%;
  width: 100%;
}


#w-node-b596c741-bdb3-a474-1eb8-18bf1df32ed0-422b20d6 {
  grid-area: 1 / 2 / 1 / 6;
}

#w-node-_91058d3b-efc5-5d4e-95a2-4012a66dae88-422b20d6 {
  grid-area: 1 / 7 / 1 / 11;
}


.tenc_filter-wrapper.is-padding-left.is-responsive-styles.animate-up {
  flex-wrap: wrap;
}

.tenc_news_top-grid-wrapper {
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}



.section-news-hero .tenc_heading-wrapper {
  gap: 64px;
}

}



*/







/*.stage {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #000;
 }
 .stage .stack {
   position: absolute;
   inset: 0;
 }

 .stage .stack .slide {
   position: absolute;
   inset: 0;
 }
 .stage .stack .slide .slide__media {
   position: absolute;
   inset: 0;
 }
 .stage .stack .slide .slide__media .slide__img {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transform: scale(1);
   transform-origin: 50% 50%;
   opacity: 0;
   will-change: transform, opacity, transform-origin;
 }
 
 .stage .stack .slide .caption {
   position: absolute;
   left: 8vw;
   top: 45vh;
   transform: none;
   width: min(58ch, 52vw);
   color: #fff;
   text-align: left;
   opacity: 0;
   pointer-events: none;
   will-change: opacity, transform;
   text-shadow: 0 2px 20px rgba(0, 0, 0, 0.35);
   z-index: 900;
 }
 .stage .stack .slide .caption h1 {
   margin: 0 0 0.6rem;
   font-size: clamp(24px, 5vw, 56px);
   line-height: 1.1;
 }
 .stage .stack .slide .caption p {
   margin: 0;
   max-width: 65ch;
   font-size: clamp(16px, 2.2vw, 20px);
   line-height: 1.5;
   opacity: 0.9;
 }

 .warp {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   pointer-events: none;
   opacity: 0;
   z-index: 1000;
 }

 .after {
   min-height: 200vh;
   color: #fff;
   display: grid;
   place-items: center;
   background: linear-gradient(#000, #111);
 }

 
 #warp-bank {
   position: absolute; 
   width:1px; 
   height:1px; 
   overflow:hidden; 
   opacity:0; 
   pointer-events:none;
   }
   
   

 
  html.wf-design-mode .stage {
    height: auto;
  }
 
 html.wf-design-mode .stage .stack .slide .slide__media .slide__img  {
   opacity: 1;
   z-index: 10;
 }
 
 html.wf-design-mode .stage .stack, html.wf-design-mode  .stage .stack .slide, html.wf-design-mode .stage .stack .slide .slide__media, html.wf-design-mode .stage .stack .slide .slide__media .slide__img {
   position: relative;
 }
 
 html.wf-design-mode .stage .stack .slide {

 }
 
 html.wf-design-mode .stage .stack .slide .caption {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   opacity: 1;
   z-index: 100;
 }
 
******* Eng of Home page animation styles *******

*/