.home-imagem {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.home-imagem .div {
  background-color: #ffffff;
  overflow: hidden;
  width: 1366px;
  height: 4177px;
  position: relative;
}

.home-imagem .overlap {
  position: absolute;
  width: 1386px;
  height: 2313px;
  top: 775px;
  left: 0;
}

.home-imagem .mensagens {
  position: absolute;
  width: 1365px;
  height: 783px;
  top: 1530px;
  left: 0;
  object-fit: cover;
}

.home-imagem .vdeo {
  position: absolute;
  width: 1366px;
  height: 796px;
  top: 771px;
  left: 0;
  object-fit: cover;
}

.home-imagem .conhea-o-relatrio {
  position: absolute;
  width: 1366px;
  height: 845px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.home-imagem .text-wrapper {
  position: absolute;
  width: 598px;
  top: 1658px;
  left: 724px;
  font-family: "Avenir Next-DemiBold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.home-imagem .ods {
  width: 476px;
  top: 83px;
  left: 0;
  position: absolute;
  height: 65px;
  object-fit: cover;
}

.home-imagem .v-deo-t-TULO {
  position: absolute;
  top: 795px;
  left: 221px;
  font-family: "Avenir Next-Bold", Helvetica;
  font-weight: 700;
  color: #044d88;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.home-imagem .img {
  width: 476px;
  top: 822px;
  left: 0;
  position: absolute;
  height: 65px;
  object-fit: cover;
}

.home-imagem .mensagens-2 {
  position: absolute;
  top: 1561px;
  left: 289px;
  font-family: "Avenir Next-Bold", Helvetica;
  font-weight: 700;
  color: #044d88;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.home-imagem .ods-2 {
  width: 544px;
  top: 1588px;
  left: 0;
  position: absolute;
  height: 65px;
  object-fit: cover;
}

.home-imagem .com-grande-satisfa-o {
  position: absolute;
  width: 598px;
  top: 1729px;
  left: 64px;
  font-family: "Avenir Next-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  text-align: justify;
  letter-spacing: 0;
  line-height: normal;
}

.home-imagem .em-um-mundo-em {
  position: absolute;
  width: 598px;
  top: 1729px;
  left: 724px;
  font-family: "Avenir Next-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  text-align: justify;
  letter-spacing: 0;
  line-height: normal;
}

.home-imagem .ibaneis-rocha {
  position: absolute;
  width: 371px;
  top: 2120px;
  left: 64px;
  font-family: "Avenir Next-DemiBold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.home-imagem .p {
  position: absolute;
  width: 515px;
  top: 1658px;
  left: 64px;
  font-family: "Avenir Next-DemiBold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.home-imagem .conhe-a-o-relat-rio {
  position: absolute;
  top: 58px;
  left: 221px;
  font-family: "Avenir Next-Bold", Helvetica;
  font-weight: 700;
  color: #044d88;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.home-imagem .ney-ferraz-j-nior {
  position: absolute;
  width: 662px;
  top: 2111px;
  left: 724px;
  font-family: "Avenir Next-DemiBold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.home-imagem .group {
  position: absolute;
  width: 193px;
  height: 46px;
  top: 2227px;
  left: 724px;
}

.home-imagem .overlap-group {
  position: relative;
  width: 191px;
  height: 46px;
  background-color: #044d88;
  border-radius: 10px;
  box-shadow: 0px 4px 4px #00000040;
}

.home-imagem .leia-mais {
  position: absolute;
  top: 7px;
  left: 34px;
  font-family: "Avenir Next-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.home-imagem .overlap-wrapper {
  position: absolute;
  width: 193px;
  height: 46px;
  top: 2227px;
  left: 64px;
}

.home-imagem .text-wrapper-2 {
  position: absolute;
  width: 607px;
  top: 172px;
  left: 192px;
  font-family: "Avenir Next-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 28px;
  text-align: justify;
  letter-spacing: 0;
  line-height: normal;
}

.home-imagem .laptop-contorno {
  position: absolute;
  width: 1139px;
  height: 707px;
  top: 796px;
  left: 113px;
  object-fit: cover;
}

.home-imagem .overlap-2 {
  position: absolute;
  width: 1366px;
  height: 775px;
  top: 0;
  left: 0;
  background-image: url(./img/t-tulo-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.home-imagem .rectangle {
  position: absolute;
  width: 1158px;
  height: 34px;
  top: 66px;
  left: 140px;
  background-color: #044d88;
}

.home-imagem .ods-logo {
  position: absolute;
  width: 97px;
  height: 101px;
  top: 33px;
  left: 53px;
  object-fit: cover;
}

.home-imagem .mensagens-3 {
  position: absolute;
  width: 111px;
  top: 71px;
  left: 596px;
  font-family: "Avenir Next-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home-imagem .downloads {
  position: absolute;
  width: 119px;
  top: 71px;
  left: 1015px;
  font-family: "Avenir Next-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home-imagem .conhe-a-o-relat-rio-2 {
  position: absolute;
  width: 209px;
  top: 71px;
  left: 264px;
  font-family: "Avenir Next-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home-imagem .v-deo {
  position: absolute;
  width: 56px;
  top: 71px;
  left: 830px;
  font-family: "Avenir Next-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home-imagem .overlap-3 {
  position: absolute;
  width: 1418px;
  height: 1077px;
  top: 3100px;
  left: -9px;
}

.home-imagem .download {
  position: absolute;
  width: 1349px;
  height: 857px;
  top: 0;
  left: 26px;
}

.home-imagem .fa-a-o-download {
  position: absolute;
  top: 12px;
  left: 298px;
  font-family: "Avenir Next-Bold", Helvetica;
  font-weight: 700;
  color: #044d88;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.home-imagem .ods-3 {
  width: 544px;
  top: 39px;
  left: 9px;
  position: absolute;
  height: 65px;
  object-fit: cover;
}

.home-imagem .rectangle-2 {
  position: absolute;
  width: 1418px;
  height: 308px;
  top: 769px;
  left: 0;
  background-color: #006bb4;
}

.home-imagem .GDF-governo-do {
  position: absolute;
  top: 919px;
  left: 442px;
  font-family: "Raleway", Helvetica;
  font-weight: 600;
  color: #fffbfb;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.home-imagem .gdf {
  position: absolute;
  width: 137px;
  height: 75px;
  top: 827px;
  left: 623px;
  object-fit: cover;
}

.home-imagem .overlap-group-wrapper {
  position: absolute;
  width: 906px;
  height: 506px;
  top: 165px;
  left: 241px;
}

.home-imagem .overlap-4 {
  position: relative;
  width: 902px;
  height: 506px;
  background-image: url(./img/rectangle-2.png);
  background-size: cover;
  background-position: 50% 50%;
}

.home-imagem .relat-rio-local-wrapper {
  position: absolute;
  width: 902px;
  height: 90px;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 27px 27px 0px 0px;
  border: 1px solid;
  border-color: #044d88;
}

.home-imagem .relat-rio-local {
  position: absolute;
  top: 20px;
  left: 128px;
  font-family: "Avenir Next-Bold", Helvetica;
  font-weight: 700;
  color: #044d88;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.home-imagem .overlap-5 {
  position: absolute;
  width: 902px;
  height: 90px;
  top: 416px;
  left: 0;
  border-radius: 27px 27px 0px 0px;
}

.home-imagem .rectangle-3 {
  position: absolute;
  width: 902px;
  height: 90px;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 27px 27px 0px 0px;
  border: 1px solid;
  border-color: #044d88;
  transform: rotate(180deg);
  box-shadow: 0px 4px 4px #00000040;
}

.home-imagem .fazer-download {
  position: absolute;
  top: 33px;
  left: 334px;
  font-family: "Avenir Next-Bold", Helvetica;
  font-weight: 700;
  color: #044d88;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Raleway:600");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}
@font-face {
  font-family: "Avenir Next-DemiBold";
  src: url("https://anima-uploads.s3.amazonaws.com/projects/5ffe5b6452a0908bf83b5c78/fonts/avenirnextltpro-bold.otf")
    format("opentype");
}

@font-face {
  font-family: "Avenir Next-Bold";
  src: url("https://anima-uploads.s3.amazonaws.com/projects/5ffe5b6452a0908bf83b5c78/fonts/avenirnextltpro-bold.otf")
    format("opentype");
}

@font-face {
  font-family: "Avenir Next-Regular";
  src: url("https://anima-uploads.s3.amazonaws.com/projects/6004c39ea61b2822e470dc98/fonts/metropolis-regular.otf")
    format("opentype");
}