@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;600;800&display=swap');

/* html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
} */

.bg-fixe {
  background-image: url('../img/bg-fixed.svg');
  background-size: cover;
  background-position: center;
  overflow-x: hidden;
  position: fixed;
  height: 100vh;
  top: 0;
  width: 100vw;
  z-index: -1;
}


.wrappper {
  /* max-width: 85%; */
  /* max-width: 60%; */
  max-width: 1230px;
  margin: 0 auto;
  padding-inline: 20px;
  box-sizing: border-box;
}

.content {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  /* z-index: 1; */
  z-index: -1;
  position: fixed;
  color: white;
}


.fixed-background {
  position: absolute;
  width: 100%;
  height: 100vh;
  /* background: url(../img/bg-fixed.svg) no-repeat 100% 100%;
  background-size: cover;
  opacity: 1;
  mix-blend-mode: overlay; */
}

canvas {
  display: block;
  position: absolute;
  z-index: 2;
  mix-blend-mode: lighten;

}

/*ul {
  background-image: url(check.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60vw;
}
*/

.stretch-image {
  width: 100vw;
}






/*PARALLAX RELLAX*/
.hero-image {
  width: 100%;
  height: 100vh;
  position: absolute;
  background: url(../img/content-image.png) no-repeat 100% 100%;
  background-size: cover;
  mix-blend-mode: overlay;
}

.clouds {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: url(../img/clouds.png) no-repeat 100% 100%;
  background-size: cover;
  opacity: .05;
  mix-blend-mode: overlay;
}

.whitespace {
  width: 100%;
  height: 100vh;
}



/*PARTICLES GERAIS*/

.particle {
  position: fixed;
  border-radius: 50%;
  z-index: 2;
}

#particle-container {
  margin-left: 10%
}

@keyframes particle-animation-1 {
  100% {
    transform: translate3d(34vw, 50vh, 3px);
  }
}

.particle:nth-child(1) {
  animation: particle-animation-1 60s infinite;
  opacity: 0.19;
  height: 3.3px;
  width: 3.3px;
  animation-delay: -0.2s;
  transform: translate3d(74vw, 52vh, 90px);
  background: #81c581;
}

@keyframes particle-animation-2 {
  100% {
    transform: translate3d(38vw, 10vh, 80px);
  }
}

.particle:nth-child(2) {
  animation: particle-animation-2 60s infinite;
  opacity: 0.56;
  height: 2.7px;
  width: 2.7px;
  animation-delay: -0.4s;
  transform: translate3d(9vw, 81vh, 89px);
  background: #81c581;
}

@keyframes particle-animation-3 {
  100% {
    transform: translate3d(41vw, 24vh, 71px);
  }
}

.particle:nth-child(3) {
  animation: particle-animation-3 60s infinite;
  opacity: 0.58;
  height: 1.7px;
  width: 1.7px;
  animation-delay: -0.6s;
  transform: translate3d(50vw, 19vh, 55px);
  background: #81c581;
}

@keyframes particle-animation-4 {
  100% {
    transform: translate3d(43vw, 90vh, 95px);
  }
}

.particle:nth-child(4) {
  animation: particle-animation-4 60s infinite;
  opacity: 0.63;
  height: 1.8px;
  width: 1.8px;
  animation-delay: -0.8s;
  transform: translate3d(68vw, 76vh, 64px);
  background: #81c581;
}

@keyframes particle-animation-5 {
  100% {
    transform: translate3d(7vw, 61vh, 13px);
  }
}

.particle:nth-child(5) {
  animation: particle-animation-5 60s infinite;
  opacity: 0.4;
  height: 1.2px;
  width: 1.2px;
  animation-delay: -1s;
  transform: translate3d(76vw, 29vh, 98px);
  background: #81c581;
}

@keyframes particle-animation-6 {
  100% {
    transform: translate3d(32vw, 37vh, 89px);
  }
}

.particle:nth-child(6) {
  animation: particle-animation-6 60s infinite;
  opacity: 0.37;
  height: 4.3px;
  width: 4.3px;
  animation-delay: -1.2s;
  transform: translate3d(63vw, 60vh, 59px);
  background: #81c581;
}

@keyframes particle-animation-7 {
  100% {
    transform: translate3d(45vw, 78vh, 36px);
  }
}

.particle:nth-child(7) {
  animation: particle-animation-7 60s infinite;
  opacity: 0.46;
  height: 2.25px;
  width: 2.25px;
  animation-delay: -1.4s;
  transform: translate3d(14vw, 13vh, 20px);
  background: #81c581;
}

@keyframes particle-animation-8 {
  100% {
    transform: translate3d(18vw, 54vh, 2px);
  }
}

.particle:nth-child(8) {
  animation: particle-animation-8 60s infinite;
  opacity: 0.56;
  height: .8px;
  width: .8px;
  animation-delay: -1.6s;
  transform: translate3d(10vw, 80vh, 66px);
  background: #81c581;
}

@keyframes particle-animation-9 {
  100% {
    transform: translate3d(6vw, 19vh, 18px);
  }
}

.particle:nth-child(9) {
  animation: particle-animation-9 60s infinite;
  opacity: 0.54;
  height: 1.3px;
  width: 1.3px;
  animation-delay: -1.8s;
  transform: translate3d(13vw, 33vh, 53px);
  background: #81c581;
}

@keyframes particle-animation-10 {
  100% {
    transform: translate3d(1vw, 79vh, 50px);
  }
}

.particle:nth-child(10) {
  animation: particle-animation-10 60s infinite;
  opacity: .45;
  height: 2.3px;
  width: 2.3px;
  animation-delay: -2s;
  transform: translate3d(2vw, 23vh, 4px);
  background: #81c581;
}

@keyframes particle-animation-11 {
  100% {
    transform: translate3d(11vw, 1vh, 37px);
  }
}

.particle:nth-child(11) {
  animation: particle-animation-11 60s infinite;
  opacity: 0.33;
  height: .8px;
  width: .8px;
  animation-delay: -2.2s;
  transform: translate3d(26vw, 28vh, 76px);
  background: #81c581;
}

@keyframes particle-animation-12 {
  100% {
    transform: translate3d(84vw, 33vh, 29px);
  }
}

.particle:nth-child(12) {
  animation: particle-animation-12 60s infinite;
  opacity: .6;
  height: 1.8px;
  width: 1.8px;
  animation-delay: -2.4s;
  transform: translate3d(73vw, 43vh, 52px);
  background: #81c581;
}

@keyframes particle-animation-13 {
  100% {
    transform: translate3d(52vw, 68vh, 43px);
  }
}

.particle:nth-child(13) {
  animation: particle-animation-13 60s infinite;
  opacity: .45;
  height: 1.7px;
  width: 1.7px;
  animation-delay: -2.6s;
  transform: translate3d(61vw, 90vh, 44px);
  background: #81c581;
}

@keyframes particle-animation-14 {
  100% {
    transform: translate3d(28vw, 22vh, 10px);
  }
}

.particle:nth-child(14) {
  animation: particle-animation-14 60s infinite;
  opacity: 0.23;
  height: 1.25px;
  width: 1.25px;
  animation-delay: -2.8s;
  transform: translate3d(57vw, 35vh, 54px);
  background: #81c581;
}

@keyframes particle-animation-15 {
  100% {
    transform: translate3d(35vw, 19vh, 70px);
  }
}

.particle:nth-child(15) {
  animation: particle-animation-15 60s infinite;
  opacity: 0.53;
  height: 1.3px;
  width: 1.3px;
  animation-delay: -3s;
  transform: translate3d(21vw, 86vh, 38px);
  background: #81c581;
}

@keyframes particle-animation-16 {
  100% {
    transform: translate3d(69vw, 67vh, 62px);
  }
}

.particle:nth-child(16) {
  animation: particle-animation-16 60s infinite;
  opacity: 0.5;
  height: 3.1px;
  width: 3.1px;
  animation-delay: -3.2s;
  transform: translate3d(18vw, 77vh, 7px);
  background: #81c581;
}

@keyframes particle-animation-17 {
  100% {
    transform: translate3d(23vw, 57vh, 53px);
  }
}

.particle:nth-child(17) {
  animation: particle-animation-17 60s infinite;
  opacity: 0.41;
  height: .8px;
  width: .8px;
  animation-delay: -3.4s;
  transform: translate3d(67vw, 22vh, 36px);
  background: #81c581;
}

@keyframes particle-animation-18 {
  100% {
    transform: translate3d(60vw, 55vh, 64px);
  }
}

.particle:nth-child(18) {
  animation: particle-animation-18 60s infinite;
  opacity: 0.64;
  height: 1.25px;
  width: 1.25px;
  animation-delay: -3.6s;
  transform: translate3d(30vw, 45vh, 94px);
  background: #81c581;
}

@keyframes particle-animation-19 {
  100% {
    transform: translate3d(8vw, 9vh, 98px);
  }
}

.particle:nth-child(19) {
  animation: particle-animation-19 60s infinite;
  opacity: 0.06;
  height: 1.25px;
  width: 1.25px;
  animation-delay: -3.8s;
  transform: translate3d(7vw, 42vh, 22px);
  background: #81c581;
}

@keyframes particle-animation-20 {
  100% {
    transform: translate3d(85vw, 18vh, 53px);
  }
}

.particle:nth-child(20) {
  animation: particle-animation-20 60s infinite;
  opacity: 0.3;
  height: 1.7px;
  width: 1.7px;
  animation-delay: -4s;
  transform: translate3d(60vw, 4vh, 26px);
  background: #81c581;
}

@keyframes particle-animation-21 {
  100% {
    transform: translate3d(54vw, 64vh, 70px);
  }
}

.particle:nth-child(21) {
  animation: particle-animation-21 60s infinite;
  opacity: 0.56;
  height: 1.25px;
  width: 1.25px;
  animation-delay: -4.2s;
  transform: translate3d(7vw, 80vh, 66px);
  background: #81c581;
}

@keyframes particle-animation-22 {
  100% {
    transform: translate3d(1vw, 71vh, 28px);
  }
}

.particle:nth-child(22) {
  animation: particle-animation-22 60s infinite;
  opacity: 0.72;
  height: .8px;
  width: .8px;
  animation-delay: -4.4s;
  transform: translate3d(53vw, 10vh, 32px);
  background: #81c581;
}

@keyframes particle-animation-23 {
  100% {
    transform: translate3d(86vw, 37vh, 63px);
  }
}

.particle:nth-child(23) {
  animation: particle-animation-23 60s infinite;
  opacity: 0.19;
  height: 3.1px;
  width: 3.1px;
  animation-delay: -4.6s;
  transform: translate3d(27vw, 57vh, 63px);
  background: #81c581;
}

@keyframes particle-animation-24 {
  100% {
    transform: translate3d(56vw, 5vh, 51px);
  }
}

.particle:nth-child(24) {
  animation: particle-animation-24 60s infinite;
  opacity: 0.35;
  height: 3.1px;
  width: 3.1px;
  animation-delay: -4.8s;
  transform: translate3d(62vw, 22vh, 44px);
  background: #81c581;
}

@keyframes particle-animation-25 {
  100% {
    transform: translate3d(46vw, 21vh, 54px);
  }
}

.particle:nth-child(25) {
  animation: particle-animation-25 60s infinite;
  opacity: 0.34;
  height: .8px;
  width: .8px;
  animation-delay: -5s;
  transform: translate3d(36vw, 40vh, 59px);
  background: #81c581;
}

@keyframes particle-animation-26 {
  100% {
    transform: translate3d(26vw, 54vh, 12px);
  }
}

.particle:nth-child(26) {
  animation: particle-animation-26 60s infinite;
  opacity: 0.63;
  height: 1.3px;
  width: 1.3px;
  animation-delay: -5.2s;
  transform: translate3d(22vw, 57vh, 30px);
  background: #81c581;
}

@keyframes particle-animation-27 {
  100% {
    transform: translate3d(16vw, 83vh, 5px);
  }
}

.particle:nth-child(27) {
  animation: particle-animation-27 60s infinite;
  opacity: 0.35;
  height: 1.7px;
  width: 1.7px;
  animation-delay: -5.4s;
  transform: translate3d(37vw, 18vh, 51px);
  background: #81c581;
}

@keyframes particle-animation-28 {
  100% {
    transform: translate3d(58vw, 33vh, 72px);
  }
}

.particle:nth-child(28) {
  animation: particle-animation-28 60s infinite;
  opacity: 0.25;
  height: 1.3px;
  width: 1.3px;
  animation-delay: -5.6s;
  transform: translate3d(5vw, 38vh, 29px);
  background: #81c581;
}

@keyframes particle-animation-29 {
  100% {
    transform: translate3d(75vw, 82vh, 77px);
  }
}

.particle:nth-child(29) {
  animation: particle-animation-29 60s infinite;
  opacity: 0.22;
  height: .8px;
  width: .8px;
  animation-delay: -5.8s;
  transform: translate3d(7vw, 84vh, 16px);
  background: #81c581;
}

@keyframes particle-animation-30 {
  100% {
    transform: translate3d(73vw, 24vh, 83px);
  }
}

.particle:nth-child(30) {
  animation: particle-animation-30 60s infinite;
  opacity: 0.85;
  height: 1.7px;
  width: 1.7px;
  animation-delay: -6s;
  transform: translate3d(4vw, 66vh, 20px);
  background: #81c581;


}

.particle:nth-child(31) {
  animation: particle-animation-1 60s infinite;
  opacity: 0.19;
  height: 1.3px;
  width: 1.3px;
  animation-delay: -0.2s;
  transform: translate3d(34vw, 72vh, 20px);
  background: #81c581;
}

@keyframes particle-animation-2 {
  100% {
    transform: translate3d(18vw, 50vh, 60px);
  }
}

.particle:nth-child(32) {
  animation: particle-animation-2 60s infinite;
  opacity: 0.56;
  height: 1.7px;
  width: 1.7px;
  animation-delay: -0.4s;
  transform: translate3d(29vw, 41vh, 19px);
  background: #81c581;
}

@keyframes particle-animation-3 {
  100% {
    transform: translate3d(81vw, 64vh, 51px);
  }
}

.particle:nth-child(33) {
  animation: particle-animation-3 60s infinite;
  opacity: 0.58;
  height: 1.7px;
  width: 1.7px;
  animation-delay: -0.6s;
  transform: translate3d(150vw, 219vh, 15px);
  background: #81c581;
}

@keyframes particle-animation-4 {
  100% {
    transform: translate3d(43vw, 90vh, 95px);
  }
}

.particle:nth-child(34) {
  animation: particle-animation-4 60s infinite;
  opacity: 0.63;
  height: .8px;
  width: .8px;
  animation-delay: -0.8s;
  transform: translate3d(88vw, 96vh, 14px);
  background: #81c581;
}

@keyframes particle-animation-5 {
  100% {
    transform: translate3d(87vw, 261vh, 30px);
  }
}

.particle:nth-child(35) {
  animation: particle-animation-5 60s infinite;
  opacity: 0.4;
  height: .8px;
  width: .8px;
  animation-delay: -1s;
  transform: translate3d(276vw, 49vh, 98px);
  background: #81c581;
}

@keyframes particle-animation-6 {
  100% {
    transform: translate3d(62vw, 97vh, 6px);
  }
}

.particle:nth-child(36) {
  animation: particle-animation-6 60s infinite;
  opacity: 0.37;
  height: 1.3px;
  width: 1.3px;
  animation-delay: -1.2s;
  transform: translate3d(43vw, 160vh, 29px);
  background: #81c581;
}

@keyframes particle-animation-7 {
  100% {
    transform: translate3d(45vw, 78vh, 16px);
  }
}

.particle:nth-child(37) {
  animation: particle-animation-7 60s infinite;
  opacity: 0.46;
  height: 1.25px;
  width: 1.25px;
  animation-delay: -1.4s;
  transform: translate3d(140vw, 130vh, 20px);
  background: #81c581;
}

@keyframes particle-animation-8 {
  100% {
    transform: translate3d(88vw, 64vh, 20px);
  }
}

.particle:nth-child(38) {
  animation: particle-animation-8 60s infinite;
  opacity: 0.56;
  height: .8px;
  width: .8px;
  animation-delay: -1.6s;
  transform: translate3d(60vw, 20vh, 16px);
  background: #81c581;
}

@keyframes particle-animation-9 {
  100% {
    transform: translate3d(36vw, 49vh, 38px);
  }
}

.particle:nth-child(39) {
  animation: particle-animation-9 60s infinite;
  opacity: 0.54;
  height: 1.3px;
  width: 1.3px;
  animation-delay: -1.8s;
  transform: translate3d(130vw, 93vh, 53px);
  background: #81c581;
}

@keyframes particle-animation-10 {
  100% {
    transform: translate3d(1vw, 79vh, 50px);
  }
}

.particle:nth-child(40) {
  animation: particle-animation-10 60s infinite;
  opacity: .45;
  height: 1.3px;
  width: 1.3px;
  animation-delay: -2s;
  transform: translate3d(20vw, 83vh, 40px);
  background: #81c581;
}

@keyframes particle-animation-11 {
  100% {
    transform: translate3d(11vw, 1vh, 37px);
  }
}

.particle:nth-child(41) {
  animation: particle-animation-11 60s infinite;
  opacity: 0.33;
  height: .8px;
  width: .8px;
  animation-delay: -2.2s;
  transform: translate3d(56vw, 88vh, 16px);
  background: #81c581;
}

@keyframes particle-animation-12 {
  100% {
    transform: translate3d(84vw, 33vh, 29px);
  }
}

.particle:nth-child(42) {
  animation: particle-animation-12 60s infinite;
  opacity: .6;
  height: .8px;
  width: .8px;
  animation-delay: -2.4s;
  transform: translate3d(33vw, 13vh, 42px);
  background: #81c581;
}

@keyframes particle-animation-13 {
  100% {
    transform: translate3d(52vw, 68vh, 43px);
  }
}

.particle:nth-child(43) {
  animation: particle-animation-13 60s infinite;
  opacity: .45;
  height: 1.7px;
  width: 1.7px;
  animation-delay: -2.6s;
  transform: translate3d(61vw, 90vh, 14px);
  background: #81c581;
}

@keyframes particle-animation-14 {
  100% {
    transform: translate3d(28vw, 22vh, 10px);
  }
}

.particle:nth-child(44) {
  animation: particle-animation-14 60s infinite;
  opacity: 0.23;
  height: 1.25px;
  width: 1.25px;
  animation-delay: -2.8s;
  transform: translate3d(97vw, 75vh, 24px);
  background: #81c581;
}

@keyframes particle-animation-15 {
  100% {
    transform: translate3d(35vw, 19vh, 70px);
  }
}

.particle:nth-child(45) {
  animation: particle-animation-15 60s infinite;
  opacity: 0.53;
  height: 1.3px;
  width: 1.3px;
  animation-delay: -3s;
  transform: translate3d(61vw, 96vh, 87px);
  background: #81c581;
}

@keyframes particle-animation-16 {
  100% {
    transform: translate3d(19vw, 32vh, 32px);
  }
}

.particle:nth-child(46) {
  animation: particle-animation-16 60s infinite;
  opacity: 0.5;
  height: 6.1px;
  width: 6.1px;
  animation-delay: -3.2s;
  transform: translate3d(28vw, 97vh, 27px);
  background: #81c581;
}

@keyframes particle-animation-17 {
  100% {
    transform: translate3d(23vw, 57vh, 13px);
  }
}

.particle:nth-child(47) {
  animation: particle-animation-17 60s infinite;
  opacity: 0.41;
  height: 5.8px;
  width: 5.8px;
  animation-delay: -3.4s;
  transform: translate3d(167vw, 122vh, 69px);
  background: #81c581;
}

@keyframes particle-animation-18 {
  100% {
    transform: translate3d(60vw, 55vh, 34px);
  }
}

.particle:nth-child(48) {
  animation: particle-animation-18 60s infinite;
  opacity: 0.64;
  height: 4.25px;
  width: 4.25px;
  animation-delay: -3.6s;
  transform: translate3d(100vw, 65vh, 34px);
  background: #81c581;
}

@keyframes particle-animation-19 {
  100% {
    transform: translate3d(8vw, 9vh, 58px);
  }
}

.particle:nth-child(49) {
  animation: particle-animation-19 60s infinite;
  opacity: 0.06;
  height: 3.25px;
  width: 3.25px;
  animation-delay: -3.8s;
  transform: translate3d(70vw, 12vh, 99px);
  background: #81c581;
}

@keyframes particle-animation-20 {
  100% {
    transform: translate3d(45vw, 18vh, 33px);
  }
}

.particle:nth-child(50) {
  animation: particle-animation-20 60s infinite;
  opacity: 0.3;
  height: 8.7px;
  width: 8.7px;
  animation-delay: -4s;
  transform: translate3d(160vw, 40vh, 75px);
  background: #81c581;
}

@keyframes particle-animation-21 {
  100% {
    transform: translate3d(54vw, 64vh, 70px);
  }
}

.particle:nth-child(51) {
  animation: particle-animation-21 60s infinite;
  opacity: 0.56;
  height: 4.25px;
  width: 4.25px;
  animation-delay: -4.2s;
  transform: translate3d(70vw, 30vh, 16px);
  background: #81c581;
}

@keyframes particle-animation-22 {
  100% {
    transform: translate3d(1vw, 71vh, 28px);
  }
}

.particle:nth-child(52) {
  animation: particle-animation-22 60s infinite;
  opacity: 0.72;
  height: 7.8px;
  width: 7.8px;
  animation-delay: -4.4s;
  transform: translate3d(53vw, 10vh, 32px);
  background: #81c581;
}

@keyframes particle-animation-23 {
  100% {
    transform: translate3d(26vw, 97vh, 13px);
  }
}

.particle:nth-child(53) {
  animation: particle-animation-23 60s infinite;
  opacity: 0.19;
  height: 6.1px;
  width: 6.1px;
  animation-delay: -4.6s;
  transform: translate3d(97vw, 120vh, 163px);
  background: #81c581;
}

@keyframes particle-animation-24 {
  100% {
    transform: translate3d(56vw, 5vh, 51px);
  }
}

.particle:nth-child(54) {
  animation: particle-animation-24 60s infinite;
  opacity: 0.35;
  height: 6.1px;
  width: 6.1px;
  animation-delay: -4.8s;
  transform: translate3d(62vw, 22vh, 44px);
  background: #81c581;
}

@keyframes particle-animation-25 {
  100% {
    transform: translate3d(246vw, 211vh, 4px);
  }
}

.particle:nth-child(55) {
  animation: particle-animation-25 60s infinite;
  opacity: 0.34;
  height: 4.8px;
  width: 4.8px;
  animation-delay: -5s;
  transform: translate3d(36vw, 40vh, 59px);
  background: #81c581;
}

@keyframes particle-animation-26 {
  100% {
    transform: translate3d(66vw, 4vh, 120px);
  }
}

.particle:nth-child(56) {
  animation: particle-animation-26 60s infinite;
  opacity: 0.63;
  height: 3.3px;
  width: 3.3px;
  animation-delay: -5.2s;
  transform: translate3d(22vw, 57vh, 30px);
  background: #81c581;
}

@keyframes particle-animation-27 {
  100% {
    transform: translate3d(16vw, 83vh, 5px);
  }
}

.particle:nth-child(57) {
  animation: particle-animation-27 60s infinite;
  opacity: 0.35;
  height: 4.7px;
  width: 4.7px;
  animation-delay: -5.4s;
  transform: translate3d(97vw, 180vh, 16px);
  background: #81c581;
}

@keyframes particle-animation-28 {
  100% {
    transform: translate3d(58vw, 33vh, 72px);
  }
}

.particle:nth-child(58) {
  animation: particle-animation-28 60s infinite;
  opacity: 0.25;
  height: 5.3px;
  width: 5.3px;
  animation-delay: -5.6s;
  transform: translate3d(59vw, 150vh, 290px);
  background: #81c581;
}

@keyframes particle-animation-29 {
  100% {
    transform: translate3d(75vw, 82vh, 77px);
  }
}

.particle:nth-child(59) {
  animation: particle-animation-29 60s infinite;
  opacity: 0.22;
  height: 2.8px;
  width: 2.8px;
  animation-delay: -5.8s;
  transform: translate3d(70vw, 43vh, 96px);
  background: #81c581;
}

@keyframes particle-animation-30 {
  100% {
    transform: translate3d(73vw, 24vh, 83px);
  }
}

.particle:nth-child(60) {
  animation: particle-animation-30 60s infinite;
  opacity: 0.85;
  height: 4.7px;
  width: 4.7px;
  animation-delay: -6s;
  transform: translate3d(56vw, 16vh, 60px);
  background: #81c581;


}


/*SCSS*/

/*.particle {
	position: absolute;
 	border-radius: 50%;
}

@for $i from 1 through 30 {
	@keyframes particle-animation-#{$i} {
		100% {
			transform: translate3d((random(90) * 1vw), (random(90) * 1vh), (random(100) * 1px));
		}
	}
	
.particle:nth-child(#{$i}){
		animation: particle-animation-#{$i} 60s infinite;
		$size: random(5) + .5 + px;
		opacity: random(100)/100;
		height: $size;
		width: $size;
		animation-delay: -$i * .5s;
		transform: translate3d((random(90) * .5vw), (random(90) * .5vh), (random(100) * 2px));
		// background: hsl(random(360), 70%, 50%);
    		background: black;
	}
}*/


/* HEADER */

nav {
  padding-top: 50px;
  display: flex;
  z-index: 10;
  background: transparent;
  margin: auto;
  position: relative;
  justify-content: space-between;
  align-items: center;
}

/* Styling Logo*/

.logo {
  text-align: left;
}

.logo img {
  height: auto;
}

/* Styling Navigation Links*/

.nav-links {
  display: flex;
  /* padding: 0 0.7vw; */
  justify-content: space-evenly;
  align-items: center;
  text-transform: uppercase;
  list-style: none;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: -0.025em;
  color: #74FFFA;
  /* margin-inline: -10px; */
}

.slash_menu {
  font-size: 0.9em;
  font-weight: 300;
}

.nav-links li a {
  margin: 0 0.7vw;
  text-decoration: none;
  /* transition: all ease-in-out 350ms; */
  padding: 10px;
  color: #74FFFA;
}

.nav-links li a:hover {
  color: #fff;
  padding: 10px;
  border-bottom: 3px solid #fff;
}

.nav-links li {
  position: relative;
}

.nav-links li a:hover::before {
  width: 80%;
}

/*Navigation Icon Styling*/
.hamburger div {
  width: 30px;
  height: 3px;
  background: #74FFFA;
  margin: 5px;
  transition: all 0.3s ease;
}

.hamburger {
  display: none;
  cursor: pointer;
}

.hide-item {
  display: none;
}

.disable-scroll{
  overflow-y: hidden;
}

.title-ingenious{
  width: 600px;
}

.row-brand-protection-sub{
  display: none !important;
}

.row-automation-sub{
  display: none !important;
}

.row-intelligence-sub{
  display: none !important;
}

.no-margin-top{
  margin-top: unset !important;
}

.row.brands img{
  width: 75%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.detail_sub{
  width: 70%;
  font-weight: 500 !important;
}

/*Responsive Adding Media Queries*/

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

  .hamburger {
    display: block;
    transform: translate(-5%, -50%);
    z-index: 2;
    transition: all 0.7s ease;
  }

  .nav-links {
    background-color: #21714E;
    position: fixed;
    left: 0 ;
    top: 0;
    opacity: 1;
    height: 100%;
    flex-direction: column;
    /* clip-path: circle(50px at 90% -20%);
    -webkit-clip-path: circle(50px at 90% -10%); */
    transition: all .3s ease-out;
    pointer-events: none;
    width: 100%;
    opacity: 0;
    visibility: hidden;
  }

  .nav-links.open {
    /* clip-path: circle(1000px at 90% -10%);
    -webkit-clip-path: circle(1000px at 90% -10%); */
    pointer-events: all;
    opacity: 1;
    visibility: visible;
  }

  .nav-links li {
    opacity: 0;
  }

  .nav-links li:nth-child(1) {
    /* transition: all 0.5s ease 0.2s; */
  }

  .nav-links li:nth-child(2) {
    /* transition: all 0.5s ease 0.4s; */
  }

  .nav-links li:nth-child(3) {
    /* transition: all 0.5s ease 0.6s; */
  }

  .nav-links li:nth-child(4) {
    /* transition: all 0.5s ease 0.7s; */
  }

  .nav-links li:nth-child(5) {
    /* transition: all 0.5s ease 0.8s; */
  }

  .nav-links li:nth-child(6) {
    /* transition: all 0.5s ease 0.9s; */
    margin: 0;
  }

  .nav-links li:nth-child(7) {
    /* transition: all 0.5s ease 1s; */
    margin: 0;
  }

  li.fade {
    opacity: 1;
  }

  /* Navigation Bar Icon on Click*/

  .toggle .bars1 {
    transform: rotate(-45deg) translate(-5px, 6px);
  }

  .toggle .bars2 {
    transition: all 0s ease;
    width: 0;
  }

  .toggle .bars3 {
    transform: rotate(45deg) translate(-5px, -6px);
  }

  .imagem_esquerda{
    padding-bottom: 30px;
    margin:auto;
    margin-top: 0px !important;
  }

  .imagem-direitax{
    text-align: center;
  }

  .titulo-interno{
    font-size: 18px !important;
  }
}

.imagem_esquerda{
  max-width: 85% !important;
}

.row {
  display: flex;
  /* padding-bottom: 23px */
}

.col {
  flex: 1;
}

@media (max-width: 48em) {
  .row {
    flex-direction: column;
  }

  .col {
    flex: 0 0 auto;
  }
}

@media (min-width: 48em) {
  .col-tenth {
    flex: 0 0 10%;
  }

  .col-fifth {
    flex: 0 0 20%;
  }

  .col-quarter {
    flex: 0 0 25%;
  }

  .col-third {
    flex: 0 0 33.3333334%;
  }
  
  .col-fourth {
    flex: 0 0 40%;
  }

  .col-fourthfive {
    flex: 0 0 45%;
  }

  .col-half {
    flex: 0 0 50%;
  }

  .col-sixth {
    flex: 0 0 60%;
  }

  .col-sixthfive {
    flex: 0 0 65%;
  }

  
}

.title {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 53px;
  display: flex;
  align-items: flex-end;
  letter-spacing: 0.035em;
  color: #FFFFFF;
  margin-bottom: 25px;
}

.title-2 {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-size: 38px;
  line-height: 42px;
  display: flex;
  align-items: flex-end;
  letter-spacing: 0.035em;
  color: #FFFFFF;
  margin-bottom: 50px;
}

.subtile {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 41px;
  color: #FFFFFF;
  margin-bottom: 30px;
}

.descricao {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: #FFFFFF;
  margin-bottom: 25px;
}

.btnSpecialist {
  background-color: transparent;
  border: 1px solid #74FFFA;
  display: inline-block;
  cursor: pointer;
  color: #74FFFA;
  font-family: 'Montserrat';
  font-size: 11px;
  padding: 12px 14px;
  line-height: 14px;
  text-decoration: none;
  letter-spacing: 0.1em;
  transition: all .3s;
  width: 197px;
}

.btnSpecialist:hover {
  background-color: white;
  color: #103730;
}

.btnSpecialist:hover span {
  display:none
}

.btnSpecialist:hover:before {
  content:"TALK TO A SPECIALIST";
}

.btnSpecialist:active {
  position: relative;
  top: 1px;
}

.btnSpecialist.--big {
  margin-top: 35px;
  padding: 15px 48px;
}

.myButton {
  background-color: transparent;
  border: 1px solid #74FFFA;
  display: inline-block;
  cursor: pointer;
  color: #74FFFA;
  font-family: 'Montserrat';
  font-size: 11px;
  padding: 12px 14px;
  line-height: 14px;
  text-decoration: none;
  letter-spacing: 0.1em;
  transition: all .3s;
  min-width: 185px;
}

.myButton:hover {
  background-color: #fff;
  color: #103730;
  border-color: #fff;
}
.myButton:active {
  position: relative;
  top: 1px;
}

.myButton.--big {
  margin-top: 35px;
  padding: 15px 48px;
}

.learn_more{
  width: 185px;
}

.titulo-interno{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 26px;
  display: flex;
  align-items: flex-end;
  letter-spacing: 0.035em;
  color: #FFFFFF;
}

.section-holder {
  margin-top: 100px;
}

.imagem-direita{
  height: 100%;
  display: flex;
  align-items: center;
}
.imagem-direita svg,
.imagem-direita img{
  /* margin-top: -70px;
  padding-left: 50px; */
  margin-left: auto;
  display: block;
  /* margin-top: 40px; */
}


.imagem-direita img {
  max-width: 100%;
}

.tabs {
  margin-bottom: 60px;
}

.tab {
  cursor: pointer;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: flex-end;
  letter-spacing: 0.035em;
  color: #FFFFFF;
  padding-bottom: 5px;
  display: inline-block;
  border-bottom: 3px solid transparent;
  transition: all .3s;
  padding-inline: 10px;
}

.tab:hover,
.tab.--active {
  border-bottom: 3px solid #FFF;
}

.tab-width{
  width: 624px;
}

.col-ajuste-aba{
  flex: 0.9;
}

@media screen and (max-width: 800px) {
  .row.tabs{
    text-align: center;
  }

  .row.brands img{
    width: 50%;
  }

  .tab-width{
    width: auto;
  }

  .imagem-direita {
    margin-top: 20px;
    text-align: center;
    padding-left: 0px;
  }

  .title-ingenious{
    width: auto;
  }
}

.section-tabs{
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: -1;
  top: 0;
  pointer-events: none;
}

.section-tabs.--active {
  opacity: 1;
  visibility: visible;
  position: static;
  z-index: 1;
  pointer-events: all;
}

.section-tabs > .row {
  margin-top: 78px;
}

.section-tabs > .row strong {
  display: block;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  margin-bottom: 15px;
}

.section-tabs > .row_half {
  margin-top: 45px;
}

.section-tabs > .row_half strong {
  display: block;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  margin-bottom: 15px;
}

.cols-content {
  justify-content: space-between;
}

.cols-content .col{
  max-width: 365px;
}

.cols-content .texto-linha {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #FFFFFF;
  min-height: 115px;
}

.icons {
  margin-top: 30px;
}

.icons a{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-decoration-line: underline;
  color: #FFFFFF;
  display: block;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.icons svg {
  margin-right: 20px;
}

.titulo-card {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-size: 27px;
  line-height: 35px;
  display: flex;
  align-items: flex-end;
  letter-spacing: 0.035em;
  color: #FFFFFF;
  margin-bottom: 50px;
}

.subtitulo-card {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #FFFFFF;
  margin-top: -20px;
  margin-bottom: 70px;
}

.texto-linha {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 25px;
  color: #FFFFFF;
  text-align: justify;
  hyphens: auto;
}

.texto-linha a {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-decoration-line: underline;
  color: #74FFFA;
}

.texto-linha.-small {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin-top: 30px;
}

.align-center {
  text-align: center;
  align-items: center;
  justify-content: center;
}

.link {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-decoration-line: underline;
  color: #74FFFA;
}

.button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.button:hover {
  opacity: 0.7;
}

.title-lists{
  justify-content: space-between;
  margin-bottom: 100px;
}
.title-lists.--min{
  max-width: 980px;
}

.title-lists .col{
  max-width: 180px;
}

.title-lists .texto-linha{
  font-size: 12px;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.035em;
}

.title-lists .texto-linha strong{
  display: block;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  line-height: 35px;
  letter-spacing: 0.035em;
  margin-bottom: 8px;
}

.list-content strong{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 34px;
  margin-bottom: 10px;
  display: block;
}

.list-content ul{
  margin-bottom: 40px;
}

.list-content ul li{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  text-align: left;
}

.list-content ul li span{
  display: block;
  font-weight: 600;
  margin-top: 10px;
}

.galeria {
  flex-wrap: wrap;
  margin-top: 65px;
}

.galeria .col {
  margin-bottom: 40px;
  flex: 0 0 calc(100% / 4);
}

.back-to-top {
  margin-block-start: 150px;
  margin-block-end: 100px;
}

blockquote {
  padding-right: 10px;
  width: 90%;
}

blockquote .texto-linha{
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px; 
  color: #FFFFFF;
  margin-bottom: 30px;
}

blockquote span {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
}


footer {
  padding-bottom: 40px;
}

footer nav {
  justify-content: center;
}

.footer-nav-links {
  /* width: 80vw; */
  display: flex;
  padding: 0 0.7vw;
  justify-content: space-evenly;
  align-items: center;
  text-transform: uppercase;
  list-style: none;

  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  letter-spacing: -0.025em;
  color: #74FFFA;
}

.footer-nav-links li a {
  margin: 0 0.7vw;
  text-decoration: none;
  padding: 10px;
  color: #74FFFA;
}

.footer-nav-links li a:hover {
  color: #fff;
  padding: 10px;
  border-bottom: 3px solid #fff;
}

.footer-nav-links li {
  position: relative;
}

.footer-nav-links li a:hover::before {
  width: 80%;
}

.space-between {
  justify-content: space-between;
}

.mb-0 {
  margin-bottom: 0;
}


@media (max-width: 1279px) {
  .logo  {
    max-width: 150px;
  }
  .logo img {
    width: 100%;
  }

  .nav-links li a,
  .nav-links li a:hover {
    padding-inline: 4px;
  }

  .section-holder,
  .section-tabs > .row {
    margin-top: 80px;
  }

  .imagem-direita svg,
  .imagem-direita img {
    width: 90%;
  }
  
  .list-content {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  
  .list-content .col{
    flex: auto;
    width: calc(100% / 3);
  }

  blockquote .texto-linha {
   font-size: 17px; 
  }

  .section-tabs > .row strong {
    font-size: 18px;
  }

  .cols-content .texto-linha {
    font-size: 16px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 1023px) {
  .col-sixthfive,
  .col-half {
    flex: 0 0 100%;
  }

  .title {
    font-size: 40px;
  }

  .section-tabs > .row {
    flex-wrap: wrap;
  }

  .section-tabs > .row .col  {
    flex: 1 1 100%;
  }

  .imagem-direita {
    margin-top: 30px;
  }

  .title-lists {
    flex-wrap: wrap;
  }

  .row.title-lists {
    justify-content: flex-start;
    row-gap: 30px;
  }

  .row.title-lists .col {
    flex: 1 1 30%;
    max-width: 240px;
  }

  .back-to-top {
    margin-block-start: 90px;
    margin-block-end: 50px;
  }

  footer nav {
    padding-top: 30px;
  }

  .footer-nav-links li a {
    padding: 10px 5px;
  }

  .row.quote {
    flex-wrap: wrap;
  }

  .row.quote .col{
    flex: 1 0 50%;
    margin-bottom: 40px;
  }

  .section-tabs .list-content .col {
    flex: auto;
  }

  .cols-content {
    flex-wrap: wrap;
  }

  .section-tabs .cols-content .col {
    flex: 1 0 50%;
    margin-bottom: 40px;
  }

  .cols-content .texto-linha {
    min-height: 90px;
    margin-bottom: 20px;
  }

  .imagem-direita svg,
  .imagem-direita img{
    margin-top: 40px;
  }

}

@media screen and (max-width: 768px) {
  .title {
    font-size: 30px;
    line-height: 40px;
  }

  .logo img {
    width: 80%;
  }

  .title-2 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 30px;
  }

  .tab {
    margin-bottom: 15px;
  }

  .section-holder, .section-tabs > .row {
    margin-top: 60px;
  }

  .titulo-card {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 30px;
    letter-spacing: 0;
  }

  .imagem-direita svg,
  .imagem-direita img {
    width: 100%;
    margin-top: 0;
  }

  .list-content,
  .row.title-lists {
    flex-direction: row;
    column-gap: 10px;
  }

  .section-tabs .list-content .col,
  .section-tabs .row.title-lists .col {
    flex: 1 0 45%;
  }

  .galeria.row {
    flex-direction: row;
  }

  .galeria .col {
    flex: 1 0 45%;
  }

  .galeria img {
    width: 90%;
  }

  .footer-nav-links {
    flex-direction: column;
  }

  .footer-nav-links li {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .footer-nav-links .slash_menu{
    display: none;
  }
}