@font-face {
  font-family: StretchPro;
  src: url(fonts/StretchPro/StretchPro.otf);
}
* {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@font-face {
  font-family: BebasNeue;
  src: url("fonts/bebas\ neue/BebasNeueRegular.otf");
}
@font-face {
  font-family: Poppins;
  src: url(fonts/poppins/Poppins-Medium.ttf);
}
@font-face {
  font-family: PoppinsLight;
  src: url(fonts/poppins/Poppins-Light.ttf);
}
@font-face {
  font-family: PoppinsSemiBold;
  src: url(fonts/poppins/Poppins-SemiBold.ttf);
}
@font-face {
  font-family: PoppinsBold;
  src: url(fonts/poppins/Poppins-Bold.ttf);
}
@font-face {
  font-family: MontserratSemiBold;
  src: url(fonts/montserrat/Montserrat-SemiBold.otf);
}
@font-face {
  font-family: MontserratLight;
  src: url(fonts/montserrat/Montserrat-Light.otf);
}
@font-face {
  font-family: Montserrat;
  src: url(fonts/montserrat/Montserrat-Regular.otf);
}
@font-face {
  font-family: MontserratMedium;
  src: url(fonts/montserrat/Montserrat-Medium.otf);
}
@font-face {
  font-family: MontserratBold;
  src: url(fonts/montserrat/Montserrat-ExtraBold.otf);
}
@font-face {
  font-family: BebasNeueBold;
  src: url("fonts/bebas\ neue/BebasNeueBold.ttf");
}
*,
body {
  margin: 0;
  padding: 0;
}
body {
  overflow-x: hidden;
}
nav {
  width: 100vw;
  background-color: #28085e;
  height: 6vh;
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
}
.nav-logo {
  width: 5vh;
  height: 5vh;
  background: transparent url(images/Captura_de_ecra_2021-07-30_as__dm.png) 100%
    no-repeat padding-box;
  background-size: contain;
  margin-left: 7.708vw;
}
.nav-text {
  font-family: StretchPro;
  opacity: 0.25;
  font-size: 1.5vw;
  margin-left: auto;
  margin-right: 7.71vw;
  color: #fff;
}
.first-section {
  position: relative;
  margin-top: -6vh;
  height: 100vh;
  background-image: url(images/Imagem_1.png);
  background-size: 100% 100%;
  z-index: 101;
}
.first-section-purple {
  position: absolute;
  height: 100vh;
  width: 100vw;
  opacity: 0.45;
  background-color: rgba(40, 8, 94, 1);
  inset: 0;
  margin: 0;
  z-index: 101;
}
.first-section-title {
  position: absolute;
  top: 40.5vh;
  left: 7.708vw;
  font: normal normal normal 4.3vw StretchPro;
  text-align: left;
  color: #fff;
  opacity: 0.9;
  z-index: 101;
}
.first-section-subtitle {
  position: absolute;
  top: 54vh;
  left: 7.708vw;
  text-align: left;
  font: normal normal bold 5.2vw BebasNeue;
  color: #fff;
  line-height: 10vh;
  text-transform: uppercase;
  opacity: 0.5;
  z-index: 101;
}
.first-section-image {
  position: absolute;
  top: 9.907vh;
  left: 7.708vw;
  width: 5.99vw;
  height: 13.148vh;
  background: transparent url(images/Camada_2.png);
  background-size: 100% 100%;
  mix-blend-mode: luminosity;
  z-index: 101;
}
.first-section-button {
  text-align: center;
  position: absolute;
  top: 8.704vh;
  left: 79.844vw;
  width: 12.5vw;
  height: 4.815vh;
  background: #fff;
  border: 1px solid #69c9e0;
  border-radius: 3px 0 0 3px;
  color: #13abd0;
  font-family: Poppins;
  font-size: 0.99vw;
  z-index: 101;
}
.first-section-button:hover {
  cursor: pointer;
  background: #13abd0;
  border: 1px solid #69c9e0;
  border-radius: 3px 0 0 3px;
  color: #fff;
  padding-left: 2vw;
  font-family: Poppins;
  font-size: 0.99vw;
  z-index: 101;
}
.second-section {
  position: relative;
  width: 100vw;
  height: 41.67vh;
}
.second-section-title {
  position: absolute;
  top: 12.222vh;
  left: 7.708vw;
  text-align: left;
  font: normal normal bold 4.167vw BebasNeue;
  letter-spacing: 2px;
  color: #13abd0;
  text-transform: uppercase;
}
.second-section-subtitle {
  position: absolute;
  top: 32.685vh;
  left: 7.708vw;
  text-align: left;
  font: normal normal 600 1.458vw Poppins;
  letter-spacing: 0;
  color: #28085e;
}
.second-section-blue-rectangle {
  position: absolute;
  top: 14.6vh;
  left: 76.406vw;
  width: 15.885vw;
  height: 6.111vh;
  background-color: #13abd0;
}
.second-section-blue-rectangle-text {
  position: absolute;
  top: 0.741vh;
  left: 7.969vw;
  text-align: left;
  font: normal normal 600 1.771vw PoppinsSemiBold;
  letter-spacing: 0;
  color: #fff;
  text-transform: uppercase;
}
.second-section-purple-rectangle {
  position: absolute;
  top: 20.711vh;
  left: 78.906vw;
  width: 13.385vw;
  height: 6.11vh;
  background-color: #28085e;
}
.second-section-purple-rectangle-text {
  position: absolute;
  top: 0.741vh;
  right: 2.92vw;
  text-align: left;
  font: normal normal 100 1.563vw PoppinsLight;
  letter-spacing: 0;
  color: #fff;
  text-transform: uppercase;
}
.second-section-purple-rectangle-small {
  position: absolute;
  top: 32.96vh;
  left: 0;
  width: 5.63vw;
  height: 1.48vh;
  background-color: #28085e;
  opacity: 1;
}
.third-section {
  position: relative;
  width: 100vw;
  height: 56.57vh;
}
.third-section-title {
  position: absolute;
  top: 1.5vh;
  left: 7.71vw;
  text-align: left;
  font: normal normal bold 1.67vw PoppinsBold;
  letter-spacing: 0;
  color: #28085e;
  text-transform: uppercase;
}
.third-section-subtitle {
  position: absolute;
  top: 7vh;
  left: 7.66vw;
  text-align: left;
  font: normal normal 600 1.25vw MontserratSemiBold;
  letter-spacing: 0;
  color: #1d1d1d;
}
.third-section-text {
  position: absolute;
  top: 11.3vh;
  left: 7.71vw;
  text-align: left;
  font: normal normal 300 1.25vw MontserratLight;
  letter-spacing: 0;
  color: #1d1d1d;
}
.third-section-check-1 {
  position: absolute;
  top: 25.09vh;
  left: 9vw;
  width: 2.8vw;
  height: 4vh;
  background: transparent url(images/Ativo_1.png) 100% no-repeat padding-box;
}
.third-section-vantagem-1 {
  position: absolute;
  top: 25.09vh;
  left: 12.71vw;
  text-align: left;
  font: normal normal normal 1.25vw Montserrat;
  letter-spacing: 0;
  color: #1d1d1d;
}
.third-section-check-2 {
  position: absolute;
  top: 34.35vh;
  left: 9vw;
  width: 2.8vw;
  height: 4vh;
  background: transparent url(images/Ativo_1.png) 100% no-repeat padding-box;
}
.third-section-vantagem-2 {
  position: absolute;
  top: 34.35vh;
  left: 12.71vw;
  text-align: left;
  font: normal normal normal 1.25vw Montserrat;
  letter-spacing: 0;
  color: #1d1d1d;
}
.third-section-check-3 {
  position: absolute;
  top: 43.61vh;
  left: 9vw;
  width: 2.8vw;
  height: 4vh;
  background: transparent url(images/Ativo_1.png) 100% no-repeat padding-box;
}
.third-section-vantagem-3 {
  position: absolute;
  top: 43.61vh;
  left: 12.71vw;
  text-align: left;
  font: normal normal normal 1.25vw Montserrat;
  letter-spacing: 0;
  color: #1d1d1d;
}
.third-section-check-4 {
  position: absolute;
  top: 52.87vh;
  left: 9vw;
  width: 2.8vw;
  height: 4vh;
  background-size: cover;
  background: transparent url(images/Ativo_1.png) 100% no-repeat padding-box;
}
.third-section-vantagem-4 {
  position: absolute;
  top: 52.87vh;
  left: 12.71vw;
  text-align: left;
  font: normal normal normal 1.25vw Montserrat;
  letter-spacing: 0;
  color: #1d1d1d;
}
.forth-section {
  position: relative;
  width: 100vw;
  height: 82vh;
}
.forth-section-title {
  position: absolute;
  top: 7.67vh;
  left: 7.71vw;
  height: 9.38vh;
  text-align: left;
  font: normal normal normal 1.67vw Poppins;
  letter-spacing: 0.64px;
  color: #28085e;
  text-transform: uppercase;
}
.forth-section-title-bold {
  text-align: left;
  font: normal normal bold 1.67vw PoppinsBold;
  letter-spacing: 0.64px;
  color: #28085e;
  text-transform: uppercase;
}
.forth-section-container {
  display: flex;
  gap: 1.46vw;
  padding-top: 24vh;
  align-items: center;
  justify-content: center;
  width: 100vw;
}
.forth-section-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 27.24vw;
  height: 25.21vw;
  background: #28085e;
  border-radius: 4px;
}
.forth-section-first-card-image {
  height: 45%;
  width: 42%;
  background: transparent url(images/charger.png) 100% no-repeat padding-box;
  background-size: cover;
}
.forth-section-second-card-image {
  height: 45%;
  width: 42%;
  background: transparent url(images/people1_b.png) 100% no-repeat padding-box;
  background-size: cover;
}
.forth-section-third-card-image {
  height: 45%;
  width: 42%;
  background: transparent url(images/location2.png) 100% no-repeat padding-box;
  background-size: cover;
}
.forth-section-card-title {
  text-align: center;
  font: normal normal normal 1.82vw Montserrat;
  letter-spacing: 0;
  color: #fff;
  margin-top: 3%;
}
.forth-section-card-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #28085e;
  z-index: 2;
  opacity: 0;
  top: 0;
  left: 0;
  border-radius: 4px;
}
.forth-section-card-background:hover {
  opacity: 1;
}
.forth-section-card-hover {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #28085e;
  border-radius: 4px;
  opacity: 0.75;
}
.forth-section-first-card-image-hover {
  height: 36%;
  width: 33%;
  background: transparent url(images/charger.png) 100% no-repeat padding-box;
  background-size: cover;
}
.forth-section-second-card-image-hover {
  height: 36%;
  width: 33%;
  background: transparent url(images/people1_b.png) 100% no-repeat padding-box;
  background-size: cover;
}
.forth-section-third-card-image-hover {
  height: 36%;
  width: 33%;
  background: transparent url(images/location2.png) 100% no-repeat padding-box;
  background-size: cover;
}
.forth-section-card-text {
  text-align: center;
  width: 21.98vw;
  font: normal normal normal 1.15vw MontserratMedium;
  letter-spacing: 0;
  color: #fff;
  margin-top: 10%;
  line-height: 4vh;
}
.fifth-section {
  position: relative;
  width: 100vw;
  height: 102vh;
}
.fifth-section-blue-rectangle {
  position: absolute;
  top: 13.43vh;
  left: 7.71vw;
  width: 15.885vw;
  height: 6.111vh;
  background-color: #13abd0;
}
.fifth-section-blue-rectangle-text {
  position: absolute;
  top: 0.741vh;
  left: 2.6vw;
  text-align: left;
  font: normal normal 600 1.771vw PoppinsSemiBold;
  letter-spacing: 0;
  color: #fff;
  text-transform: uppercase;
}
.fifth-section-purple-rectangle {
  position: absolute;
  top: 19.54vh;
  left: 7.71vw;
  width: 13.385vw;
  height: 6.11vh;
  background-color: #28085e;
}
.fifth-section-purple-rectangle-text {
  position: absolute;
  top: 0.741vh;
  left: 2.92vw;
  text-align: left;
  font: normal normal 100 1.563vw PoppinsLight;
  letter-spacing: 0;
  color: #fff;
  text-transform: uppercase;
}
.fifth-section-title {
  position: absolute;
  top: 15.09vh;
  right: 7.66vw;
  text-align: left;
  font: normal normal normal 4.17vw BebasNeueBold;
  letter-spacing: 2px;
  color: #13abd0;
  text-transform: uppercase;
  opacity: 1;
}
.fifth-section-container {
  display: flex;
  justify-content: space-between;
  padding-top: 37.41vh;
  margin-left: 12.66vw;
  margin-right: 14.17vw;
}
.fifth-section-first-card {
  position: relative;
  width: 33.85vw;
  height: 64.54vh;
  border-radius: 4px;
}
.fifth-section-second-card {
  position: relative;
  width: 33.85vw;
  height: 64.54vh;
  border-radius: 4px;
}
.fifth-section-card-title {
  text-align: left;
  font: normal normal bold 2.6vw MontserratSemiBold;
  letter-spacing: 0;
  color: #fff;
  text-transform: uppercase;
  z-index: 2;
}
.fifth-section-second-card-not-hover {
  background: transparent url(images/Grupo_de_mscara_2.png) 100% no-repeat
    padding-box;
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.fifth-section-card-not-hover-background {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #28085e;
  opacity: 0.2;
  border-radius: 4px;
}
.fifth-section-second-card-hover {
  background: transparent url(images/Grupo_de_mscara_2.png) 100% no-repeat
    padding-box;
  background-size: cover;
  z-index: 5;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  border-radius: 4px;
}
.fifth-section-card-hover-background {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #28085e;
  opacity: 0.5;
  border-radius: 4px;
}
.fifth-section-card-text {
  text-align: left;
  font: normal normal bold 1.9vw MontserratSemiBold;
  line-height: 6.94vh;
  color: #fff;
  z-index: 2;
}
.fifth-section-second-card-hover:hover {
  opacity: 1;
}
.fifth-section-first-card-hover:hover {
  opacity: 1;
}
.fifth-section-first-card-not-hover {
  background: transparent url(images/Grupo_de_mscara_1.png) 100% no-repeat
    padding-box;
  position: absolute;
  background-size: cover;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.fifth-section-first-card-hover {
  background: transparent url(images/Grupo_de_mscara_1.png) 100% no-repeat
    padding-box;
  z-index: 5;
  background-size: cover;
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  border-radius: 4px;
}
.fifth-section-blue-stripe {
  position: absolute;
  z-index: -2;
  top: 51.85vh;
  left: 85.42vw;
  width: 9.69vw;
  height: 1.48vh;
  background: #13abd0;
}
.sixth-section {
  width: 100vw;
  position: relative;
  height: 68.8vh;
}
.sixth-section-title {
  position: absolute;
  left: 7.71vw;
  top: 8.06vh;
  text-align: left;
  font: normal normal normal 2.6vw PoppinsBold;
  letter-spacing: 0;
  color: #28085e;
  text-transform: uppercase;
}
.sixth-section-subtitle {
  position: absolute;
  left: 7.71vw;
  top: 14.26vh;
  text-align: left;
  font: normal normal bold 1.98vw Poppins;
  letter-spacing: 0;
  color: #5726ab;
  text-transform: uppercase;
  opacity: 1;
}
.sixth-section-first-image {
  position: absolute;
  top: 28.52vh;
  left: 21.82vw;
  width: 5.47vw;
  height: 5.05vw;
  background: transparent url("images/Grupo 138.png") 100% no-repeat padding-box;
  background-size: cover;
  opacity: 1;
  background-size: contain;
}
.sixth-section-first-image-text {
  position: absolute;
  top: 41vh;
  left: 19.6vw;
  text-align: center;
  font: normal normal 600 1.67vw MontserratSemiBold;
  letter-spacing: 0;
  color: #13abd0;
  opacity: 1;
}
.sixth-section-second-image {
  position: absolute;
  top: 28.52vh;
  left: 40.16vw;
  width: 2.71vw;
  height: 10vh;
  background: transparent url("images/Grupo 149.png") 0 0 no-repeat padding-box;
  opacity: 1;
  background-size: cover;
  background-size: contain;
}
.sixth-section-second-image-text {
  position: absolute;
  top: 41vh;
  left: 36vw;
  text-align: center;
  font: normal normal 600 1.67vw MontserratSemiBold;
  letter-spacing: 0;
  color: #13abd0;
  opacity: 1;
}
.sixth-section-third-image {
  position: absolute;
  top: 28.52vh;
  left: 56.2vw;
  width: 4.53vw;
  height: 10vh;
  background: transparent url("images/Caminho 69.png") 0 0 no-repeat padding-box;
  background-size: cover;
  opacity: 1;
  background-size: contain;
}
.sixth-section-third-image-text {
  position: absolute;
  top: 41vh;
  left: 54vw;
  text-align: center;
  font: normal normal 600 1.67vw MontserratSemiBold;
  letter-spacing: 0;
  color: #13abd0;
  opacity: 1;
}
.sixth-section-forth-image {
  position: absolute;
  top: 28.52vh;
  left: 72.92vw;
  width: 5.05vw;
  height: 10vh;
  background: transparent url("images/Grupo 143.png") 0 0 no-repeat padding-box;
  background-size: cover;
  opacity: 1;
  background-size: contain;
}
.sixth-section-forth-image-text {
  position: absolute;
  top: 41vh;
  left: 71vw;
  text-align: center;
  font: normal normal 600 1.67vw MontserratSemiBold;
  letter-spacing: 0;
  color: #13abd0;
  opacity: 1;
}
.sixth-section-text {
  position: absolute;
  top: 53.52vh;
  left: 7.71vw;
  text-align: left;
  font: normal normal normal 3.13vw BebasNeue;
  letter-spacing: 0;
  color: #28085e;
}
.sixth-section-purple-stripe {
  position: absolute;
  top: 64.26vh;
  left: 82.03vw;
  width: 9.79vw;
  height: 1.48vh;
  background: #28085e;
}
.seventh-section {
  width: 100vw;
  position: relative;
  height: 80.65vh;
}
.seventh-section-image {
  position: absolute;
  bottom: 0;
  width: 44.69vw;
  height: 70.02vh;
  background: transparent url(images/Grupo_de_mscara_3.png) 100% no-repeat
    padding-box;
  background-size: cover;
}
.seventh-section-blue-stripe {
  position: absolute;
  top: 35.67vh;
  z-index: -2;
  left: 39.43vw;
  width: 9.69vw;
  height: 1.48vh;
  background: #13abd0;
}
.seventh-section-text {
  position: absolute;
  top: 14.54vh;
  left: 50vw;
  text-align: left;
  font: normal normal normal 3.13vw BebasNeueBold;
  letter-spacing: 1.5px;
  line-height: 6.48vh;
  color: #13abd0;
  text-transform: uppercase;
}
.seventh-section-person-image {
  position: absolute;
  top: 37.09vh;
  left: 53.23vw;
  width: 4.92vw;
  height: 10vh;
  background: transparent url("images/Grupo 129.png") 100% no-repeat padding-box;
  background-size: contain;
}
.seventh-section-contact-image {
  position: absolute;
  top: 50.48vh;
  left: 57.81vw;
  width: 4.92vw;
  height: 10vh;
  background: transparent url("images/Grupo 133.png") 100% no-repeat padding-box;
  background-size: contain;
}
.seventh-section-person-text {
  position: absolute;
  top: 39.04vh;
  left: 59.64vw;
  text-align: left;
  font: normal normal normal 1.67vw Poppins;
  letter-spacing: 0;
  color: #28085e;
  opacity: 1;
}
.seventh-section-contact-text {
  position: absolute;
  top: 52.52vh;
  left: 64.22vw;
  text-align: left;
  font: normal normal normal 1.67vw Poppins;
  letter-spacing: 0;
  color: #28085e;
  opacity: 1;
}
footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 6.57vh;
  background: #28085e;
  color: #fff;
  text-align: center;
  font: italic normal 100 0.94vw MontserratLight;
}

.video-section{
  position: relative;
  width: 100vw;
  height: 98vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-section-title {
  position: absolute;
  top: 11vh;
  left: 7.71vw;
  font: normal normal normal 5vw BebasNeueBold;
  letter-spacing: 1px;

}

.video-section > iframe{
  position: absolute;
  top:30vh;
  width: 67.71vw;
  height: 67.78vh;
}