.logoInner {
         display: flex;
         align-items: center;
         justify-content: space-between;
         position: relative;
         max-width: 660px;
         margin: auto;
         }
         .logoInner  .fade-element>svg{
         max-width: 500px;
         }
         .logoInner>img{
         max-width: 325px;
         }
         .KowhaiwhaiSvg{
         width: 1154px;
         height: 319px;
         transform: rotate(192deg);
         opacity: 0.04;
         filter: grayscale(100%);
         position: absolute;
         bottom: 100px;
         left: -85px;
         }
         .headerSec{
         position: relative;
         padding-top: 340px;
         padding-bottom: 95px;
         }
         .parallax {
         position: absolute;
         bottom: -52px; 
         right: 0;
         width: 100%;
         will-change: transform; 
         }
         .logoInner .fade-element{
         width: 100%;
         display: flex;
         flex-direction: column;
         gap: 15px;
         }
         .shapeInner{
         overflow: hidden;
         position: relative;
         z-index: 1;
         }
         .shapeInner svg {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         will-change: transform;
         pointer-events: none;
         }
         .firstShape {
         width: 3325px;
         height: 40px;
         margin: 75px 0px -34px calc((100% - 980px) * 0.5);
         left: -1172px;
         position: relative;
         }
         .secondShape {
         width: 3325px;
         height: 40px;
         position: relative;
         margin: 0px 0px -10px calc((100% - 980px) * 0.5);
         left: -1172px;
         }
         .thirdShape {
         width: 3325px;
         height: 64px;
         position: relative;
         margin: 0px 0px 0px calc((100% - 980px) * 0.5);
         left: -1172px;
         }
         .fourthShape {
         position: relative;
         margin: 0px 0px 0px calc((100% - 980px) * 0.5);
         left: -1172px;
         width: 3325px;
         height: 314px;
         }
         .fifthShape {
         width: 3322px;
         height: 150px;
         position: relative;
         margin: 0px 0px 43px calc((100% - 980px) * 0.5);
         left: -1172px;
         }
         .customContainer{
         max-width: 877px;
         padding-inline: 50px;
         box-sizing: border-box;
         width: 100%;
         margin: auto;
         }
         .teMatuku{
         background: #000;
         height: 800px;
         }
         .fourthShape>div>svg{
         width: 3325px;
         height: 314px;
         }