.sobre,
.sobre * {
  box-sizing: border-box;
}
.sobre {
  background: var(--yellow-10, #fafaf7);
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
}
.header {
  background: var(--grey-10, #f9f9f9);
  border-style: solid;
  border-color: var(--grey-20, #d7d7d7);
  border-width: 0px 0px 1px 0px;
  padding: 0px var(--margin-grid, 120px) 0px var(--margin-grid, 120px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 70px;
  position: relative;
  box-shadow: 0px 4px 15px 0px rgba(163, 159, 135, 1);
}
.logo {
  flex-shrink: 0;
  width: 63px;
  height: 54px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 63/54;
}
.menu {
  display: flex;
  flex-direction: row;
  gap: var(--space-space-6, 24px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.in-cio {
  color: var(--grey-50, #717171);
  text-align: left;
  font-family: var(--cta-font-family, "SourceSans3-SemiBold", sans-serif);
  font-size: var(--cta-font-size, 20px);
  line-height: var(--cta-line-height, 120%);
  font-weight: var(--cta-font-weight, 600);
  position: relative;
}
.frame-1 {
  display: flex;
  flex-direction: row;
  gap: var(--space-space-1, 2px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.projetos {
  color: var(--grey-50, #717171);
  text-align: left;
  font-family: var(--cta-font-family, "SourceSans3-SemiBold", sans-serif);
  font-size: var(--cta-font-size, 20px);
  line-height: var(--cta-line-height, 120%);
  font-weight: var(--cta-font-weight, 600);
  position: relative;
}
.icon-arrow-down {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.not-cias {
  color: var(--grey-50, #717171);
  text-align: left;
  font-family: var(--cta-font-family, "SourceSans3-SemiBold", sans-serif);
  font-size: var(--cta-font-size, 20px);
  line-height: var(--cta-line-height, 120%);
  font-weight: var(--cta-font-weight, 600);
  position: relative;
}
.sobre2 {
  color: var(--grey-50, #717171);
  text-align: left;
  font-family: var(--cta-font-family, "SourceSans3-SemiBold", sans-serif);
  font-size: var(--cta-font-size, 20px);
  line-height: var(--cta-line-height, 120%);
  font-weight: var(--cta-font-weight, 600);
  position: relative;
}
.contato {
  color: var(--grey-50, #717171);
  text-align: left;
  font-family: var(--cta-font-family, "SourceSans3-SemiBold", sans-serif);
  font-size: var(--cta-font-size, 20px);
  line-height: var(--cta-line-height, 120%);
  font-weight: var(--cta-font-weight, 600);
  position: relative;
}
.hero {
  background: linear-gradient(
    180deg,
    rgba(250, 250, 247, 0.5) 0%,
    rgba(250, 250, 247, 1) 80.0000011920929%
  );
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 500px;
  position: relative;
  object-fit: cover;
}
.section-manilkara {
  padding: 0px var(--margins, 18px) var(--space-section-top-botton, 96px)
    var(--margins, 18px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container {
  display: flex;
  flex-direction: row;
  row-gap: var(--space-space-7, 32px);
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  width: 100%;
  flex-shrink: 0;
  max-width: var(--container, 1200px);
  position: relative;
}
.content {
  display: flex;
  flex-direction: column;
  gap: var(--space-space-6, 24px);
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  min-width: var(--4-coluns, 388px);
  max-width: var(--6-coluns, 591px);
  position: relative;
}
.logo2 {
  flex-shrink: 0;
  width: 125px;
  height: 108px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 125/108;
}
.nossa-hist-ria {
  color: var(--primary-brown, #8d3c1e);
  text-align: left;
  font-family: var(--h1-font-family, "Unbounded-Regular", sans-serif);
  font-size: var(--h1-font-size, 46px);
  line-height: var(--h1-line-height, 120%);
  font-weight: var(--h1-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.o-instituto-manilkara-uma-organiza-o-da-sociedade-civil-de-interesse-p-blico-oscip-que-surgiu-de-experi-ncias-vivenciadas-com-o-desenvolvimento-de-trabalhos-sociais-em-comunidades-ribeirinhas-do-munic-pio-de-ipixuna-do-par-e-bairros-perif-ricos-do-munic-pio-de-barcarena-no-par-no-per-odo-de-2015-a-2017-as-atividades-foram-desenvolvidas-por-uma-equipe-multiprofissional-que-acredita-na-valoriza-o-e-no-resgate-do-potencial-humano-nesse-per-odo-ainda-n-o-ramos-formalizados-e-por-isso-desenvolv-amos-os-trabalhos-em-parceria-com-outras-institui-es-e-empresas-fato-que-nos-limitava-na-tomada-de-decis-es-chegando-a-interferir-em-nossa-autonomia-resolvemos-ent-o-com-coragem-e-com-a-esperan-a-de-construir-junto-s-comunidades-perif-ricas-urbanas-e-ribeirinhas-um-futuro-mais-promissor-criar-o-instituto-manilkara-de-desenvolvimento-socioambiental-sa-de-educa-o-e-empreendedorismo-na-amaz-nia-manilkara-um-tipo-de-ma-aranduba-considerada-uma-das-principais-rvores-do-brasil-uma-das-rvores-da-regi-o-amaz-nica-que-atinge-um-grandioso-porte-nos-representa-por-ser-forte-frondosa-robusta-e-potente-assim-somos-n-s {
  color: var(--grey-60, #4f4f4f);
  text-align: left;
  font-family: var(--body-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-font-size, 18px);
  line-height: var(--body-line-height, 140%);
  font-weight: var(--body-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.rectangle-14 {
  border-radius: var(--corner-radius-2, 20px);
  flex-shrink: 0;
  width: 400px;
  height: 400px;
  position: relative;
  object-fit: cover;
}
.background-1-1 {
  align-self: stretch;
  flex-shrink: 0;
  height: 250px;
  position: relative;
  object-fit: cover;
}
.section-defaut {
  background: var(--yellow-20, #f5f1da);
  padding: 0px var(--margins, 18px) var(--space-space-8, 48px)
    var(--margins, 18px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container2 {
  display: flex;
  flex-direction: row;
  gap: var(--space-space-6, 24px);
  row-gap: var(--space-space-7, 32px);
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: var(--container, 1200px);
  position: relative;
}
.card-mission {
  display: flex;
  flex-direction: column;
  gap: var(--space-space-6, 24px);
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  min-width: var(--3-coluns, 287px);
  position: relative;
}
.frame-3 {
  display: flex;
  flex-direction: column;
  gap: var(--space-space-4, 12px);
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  width: 108px;
  height: 120px;
  position: relative;
  overflow: visible;
}
.frame-34 {
  display: flex;
  flex-direction: column;
  gap: var(--space-space-4, 12px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.miss-o {
  color: var(--primary-brown, #8d3c1e);
  text-align: left;
  font-family: var(--h4-font-family, "Unbounded-Bold", sans-serif);
  font-size: var(--h4-font-size, 26px);
  line-height: var(--h4-line-height, 120%);
  font-weight: var(--h4-font-weight, 700);
  position: relative;
  align-self: stretch;
}
.promover-o-desenvolvimento-humano-com-excel-ncia-usando-ferramentas-inclusivas-por-meio-dos-pilares-da-sa-de-da-educa-o-e-do-empreendedorismo-criativo-e-sustent-vel-na-amaz-nia {
  color: var(--grey-60, #4f4f4f);
  text-align: left;
  font-family: var(--body-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-font-size, 18px);
  line-height: var(--body-line-height, 140%);
  font-weight: var(--body-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.frame-2 {
  display: flex;
  flex-direction: column;
  gap: var(--space-space-4, 12px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 108px;
  height: 120px;
  position: relative;
}
.group-1 {
  flex-shrink: 0;
  width: 80.95px;
  height: 59.12px;
  position: relative;
  overflow: visible;
}
.ellipse-3 {
  background: radial-gradient(
    closest-side,
    rgba(80, 135, 77, 0.5) 0%,
    rgba(217, 217, 217, 0) 100%
  );
  border-radius: 50%;
  align-self: stretch;
  flex-shrink: 0;
  height: 20px;
  position: relative;
  mix-blend-mode: multiply;
}
.vis-o {
  color: var(--primary-brown, #8d3c1e);
  text-align: left;
  font-family: var(--h4-font-family, "Unbounded-Bold", sans-serif);
  font-size: var(--h4-font-size, 26px);
  line-height: var(--h4-line-height, 120%);
  font-weight: var(--h4-font-weight, 700);
  position: relative;
  align-self: stretch;
}
.ser-uma-organiza-o-de-refer-ncia-no-tocante-promo-o-do-desenvolvimento-humano-sob-a-tica-hol-stica {
  color: var(--grey-60, #4f4f4f);
  text-align: left;
  font-family: var(--body-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-font-size, 18px);
  line-height: var(--body-line-height, 140%);
  font-weight: var(--body-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.frame-22 {
  display: flex;
  flex-direction: column;
  gap: var(--space-space-4, 12px);
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  width: 108px;
  height: 120px;
  position: relative;
  overflow: visible;
}
.valores {
  color: var(--primary-brown, #8d3c1e);
  text-align: left;
  font-family: var(--h4-font-family, "Unbounded-Bold", sans-serif);
  font-size: var(--h4-font-size, 26px);
  line-height: var(--h4-line-height, 120%);
  font-weight: var(--h4-font-weight, 700);
  position: relative;
  align-self: stretch;
}
.integridade-transpar-ncia-humaniza-o-responsabilidade-e-equidade {
  color: var(--grey-60, #4f4f4f);
  text-align: left;
  font-family: var(--body-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-font-size, 18px);
  line-height: var(--body-line-height, 140%);
  font-weight: var(--body-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.background-2-jpg-1 {
  align-self: stretch;
  flex-shrink: 0;
  height: 250px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
  object-fit: cover;
}
.section-apoiar {
  padding: var(--space-section-top-botton, 96px) var(--margins, 18px)
    var(--space-section-top-botton, 96px) var(--margins, 18px);
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container3 {
  border-radius: var(--corner-radius-2, 20px);
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  max-width: var(--container, 1200px);
  position: relative;
}
.text {
  display: flex;
  flex-direction: column;
  gap: var(--space-space-6, 24px);
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  min-width: var(--4-coluns, 388px);
  max-width: var(--6-coluns, 591px);
  position: relative;
}
.eixos-de-atua-o {
  color: var(--primary-brown, #8d3c1e);
  text-align: center;
  font-family: var(--h4-font-family, "Unbounded-Bold", sans-serif);
  font-size: var(--h4-font-size, 26px);
  line-height: var(--h4-line-height, 120%);
  font-weight: var(--h4-font-weight, 700);
  position: relative;
  align-self: stretch;
}
.o-instituto-manilkara-tem-atua-o-em-desenvolvimento-socioambiental-com-base-em-tr-s-eixos {
  color: var(--grey-60, #4f4f4f);
  text-align: center;
  font-family: var(--body-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-font-size, 18px);
  line-height: var(--body-line-height, 140%);
  font-weight: var(--body-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.content2 {
  display: flex;
  flex-direction: row;
  gap: 32px;
  row-gap: var(--space-space-7, 32px);
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-35 {
  display: flex;
  flex-direction: column;
  gap: var(--space-space-4, 12px);
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  min-width: var(--2-coluns, 185px);
  max-width: var(--4-coluns, 388px);
  position: relative;
}
.vector-stroke {
  flex-shrink: 0;
  width: 82px;
  height: 66px;
  position: relative;
  overflow: visible;
  aspect-ratio: 82/66;
}
.sa-de {
  color: var(--grey-30, #b5b5b5);
  text-align: center;
  font-family: var(--h4-font-family, "Unbounded-Bold", sans-serif);
  font-size: var(--h4-font-size, 26px);
  line-height: var(--h4-line-height, 120%);
  font-weight: var(--h4-font-weight, 700);
  position: relative;
  width: 104px;
}
.frame-37 {
  display: flex;
  flex-direction: column;
  gap: var(--space-space-4, 12px);
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  min-width: var(--4-coluns, 388px);
  max-width: var(--4-coluns, 388px);
  position: relative;
}
.group {
  flex-shrink: 0;
  width: 68px;
  height: 71.72px;
  position: relative;
  overflow: visible;
  aspect-ratio: 68/71.72;
}
.empreendedorismo-criativo-e-sustent-vel {
  color: var(--grey-30, #b5b5b5);
  text-align: center;
  font-family: var(--h4-font-family, "Unbounded-Bold", sans-serif);
  font-size: var(--h4-font-size, 26px);
  line-height: var(--h4-line-height, 120%);
  font-weight: var(--h4-font-weight, 700);
  position: relative;
  width: 377px;
}
.frame-36 {
  display: flex;
  flex-direction: column;
  gap: var(--space-space-4, 12px);
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  min-width: var(--2-coluns, 185px);
  max-width: var(--4-coluns, 388px);
  position: relative;
}
.vector-stroke2 {
  flex-shrink: 0;
  width: 79px;
  height: 71px;
  position: relative;
  overflow: visible;
  aspect-ratio: 79/71;
}
.educa-o {
  color: var(--grey-30, #b5b5b5);
  text-align: center;
  font-family: var(--h4-font-family, "Unbounded-Bold", sans-serif);
  font-size: var(--h4-font-size, 26px);
  line-height: var(--h4-line-height, 120%);
  font-weight: var(--h4-font-weight, 700);
  position: relative;
  width: 165px;
}
.section-gallery {
  padding: var(--space-section-top-botton, 96px) var(--margins, 18px)
    var(--space-section-top-botton, 96px) var(--margins, 18px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container4 {
  display: flex;
  flex-direction: column;
  gap: 9px;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  max-width: var(--container, 1200px);
  position: relative;
}
.gallery {
  display: flex;
  flex-direction: column;
  gap: var(--space-space-7, 32px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.button-tag {
  background: var(--green-20, #caf6c8);
  border-radius: var(--corner-radius, 10px);
  padding: var(--space-space-2, 4px) var(--space-space-4, 12px)
    var(--space-space-2, 4px) var(--space-space-4, 12px);
  display: flex;
  flex-direction: row;
  gap: var(--space-space-3, 8px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.jam-picture {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.tag-button {
  color: var(--green-50, #50874d);
  text-align: left;
  font-family: var(--body-small-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-small-font-size, 14px);
  line-height: var(--body-small-line-height, 120%);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
}
.gallery2 {
  align-self: stretch;
  flex-shrink: 0;
  display: grid;
  gap: 18px;
  row-gap: 14px;
  position: relative;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.rectangle-1 {
  border-radius: var(--corner-radius-2, 20px);
  height: 293px;
  position: relative;
  object-fit: cover;
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
}
.rectangle-2 {
  border-radius: var(--corner-radius-2, 20px);
  height: 600px;
  position: relative;
  object-fit: cover;
  grid-column: 2 / span 1;
  grid-row: 1 / span 1;
}
.rectangle-3 {
  border-radius: var(--corner-radius-2, 20px);
  height: 293px;
  position: relative;
  object-fit: cover;
  grid-column: 3 / span 1;
  grid-row: 1 / span 1;
}
.rectangle-4 {
  border-radius: var(--corner-radius-2, 20px);
  height: 293px;
  position: relative;
  object-fit: cover;
  grid-column: 4 / span 1;
  grid-row: 1 / span 1;
}
.rectangle-5 {
  border-radius: var(--corner-radius-2, 20px);
  height: 293px;
  position: relative;
  object-fit: cover;
  grid-column: 1 / span 1;
  grid-row: 2 / span 1;
}
.rectangle-7 {
  border-radius: var(--corner-radius-2, 20px);
  height: 293px;
  position: relative;
  object-fit: cover;
  grid-column: 3 / span 2;
  grid-row: 2 / span 1;
}
.section-apoiar2 {
  padding: var(--space-section-top-botton, 96px) var(--margins, 18px)
    var(--space-section-top-botton, 96px) var(--margins, 18px);
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1440px;
  position: relative;
}
.container5 {
  background: var(--yellow-20, #f5f1da);
  border-radius: var(--corner-radius-2, 20px);
  padding: var(--space-space-7, 32px) var(--space-space-6, 24px) 0px
    var(--space-space-6, 24px);
  display: flex;
  flex-direction: row;
  gap: var(--space-space-9, 64px);
  row-gap: var(--space-space-8, 48px);
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  width: 100%;
  flex-shrink: 0;
  max-width: var(--container, 1200px);
  position: relative;
}
.content3 {
  display: flex;
  flex-direction: column;
  gap: var(--space-space-8, 48px);
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  min-width: var(--4-coluns, 388px);
  max-width: var(--6-coluns, 591px);
  position: relative;
}
.text2 {
  display: flex;
  flex-direction: column;
  gap: var(--space-space-6, 24px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.voc-pode-fazer-a-diferen-a {
  color: var(--primary-brown, #8d3c1e);
  text-align: left;
  font-family: var(--h4-font-family, "Unbounded-Bold", sans-serif);
  font-size: var(--h4-font-size, 26px);
  line-height: var(--h4-line-height, 120%);
  font-weight: var(--h4-font-weight, 700);
  position: relative;
  align-self: stretch;
}
.quer-fortalecer-o-instituto-manilkara-e-abrir-novas-oportunidades-para-mais-pessoas-na-comunidade-apoie-e-fa-a-parte-dessa-transforma-o-real {
  color: var(--grey-60, #4f4f4f);
  text-align: left;
  font-family: var(--body-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-font-size, 18px);
  line-height: var(--body-line-height, 140%);
  font-weight: var(--body-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.buttons {
  display: flex;
  flex-direction: row;
  gap: var(--space-space-7, 32px);
  row-gap: 32px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.button {
  background: var(--primary-brown, #8d3c1e);
  border-radius: var(--corner-radius, 10px);
  padding: var(--space-space-4, 12px) var(--space-space-7, 32px)
    var(--space-space-4, 12px) var(--space-space-7, 32px);
  display: flex;
  flex-direction: row;
  gap: var(--space-space-3, 8px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.tabler-heart {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.button2 {
  color: var(--grey-10, #f9f9f9);
  text-align: left;
  font-family: var(--cta-font-family, "SourceSans3-SemiBold", sans-serif);
  font-size: var(--cta-font-size, 20px);
  line-height: var(--cta-line-height, 120%);
  font-weight: var(--cta-font-weight, 600);
  position: relative;
}
.woman-smartphone-2-1 {
  flex-shrink: 0;
  width: 258px;
  height: 400px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 258/400;
}
.banner {
  background: var(--grey-30, #b5b5b5);
  border-radius: var(--corner-radius, 10px);
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 900px;
  height: 250px;
  position: relative;
}
.banner-de-publicidade {
  color: #ffffff;
  text-align: center;
  font-family: var(--h4-font-family, "Unbounded-Bold", sans-serif);
  font-size: var(--h4-font-size, 26px);
  line-height: var(--h4-line-height, 120%);
  font-weight: var(--h4-font-weight, 700);
  position: relative;
}
.footer {
  background: var(--primary-brown, #8d3c1e);
  border-radius: var(--corner-radius-2, 20px) var(--corner-radius-2, 20px) 0px
    0px;
  padding: var(--space-space-8, 48px) var(--margins, 18px)
    var(--space-space-7, 32px) var(--margins, 18px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container6 {
  display: flex;
  flex-direction: column;
  gap: var(--space-space-7, 32px);
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: var(--container, 1200px);
  position: relative;
}
.content4 {
  display: flex;
  flex-direction: row;
  gap: 96px;
  row-gap: var(--space-space-7, 32px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.menu2 {
  display: flex;
  flex-direction: column;
  gap: var(--space-space-3, 8px);
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  min-width: var(--2-coluns, 185px);
  position: relative;
}
.in-cio2 {
  color: #ffffff;
  text-align: left;
  font-family: var(--body-small-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-small-font-size, 14px);
  line-height: var(--body-small-line-height, 120%);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.monta-bike {
  color: #ffffff;
  text-align: left;
  font-family: var(--body-small-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-small-font-size, 14px);
  line-height: var(--body-small-line-height, 120%);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.mulheres-arteira {
  color: #ffffff;
  text-align: left;
  font-family: var(--body-small-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-small-font-size, 14px);
  line-height: var(--body-small-line-height, 120%);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.not-cias2 {
  color: #ffffff;
  text-align: left;
  font-family: var(--body-small-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-small-font-size, 14px);
  line-height: var(--body-small-line-height, 120%);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.sobre3 {
  color: #ffffff;
  text-align: left;
  font-family: var(--body-small-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-small-font-size, 14px);
  line-height: var(--body-small-line-height, 120%);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.contato2 {
  color: #ffffff;
  text-align: left;
  font-family: var(--body-small-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-small-font-size, 14px);
  line-height: var(--body-small-line-height, 120%);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.contato3 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  min-width: var(--3-coluns, 287px);
  position: relative;
}
.instagram {
  display: flex;
  flex-direction: row;
  gap: var(--space-space-3, 8px);
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.ic-sharp-whatsapp {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
._91-98578-4625 {
  color: var(--grey-10, #f9f9f9);
  text-align: left;
  font-family: var(--body-small-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-small-font-size, 14px);
  line-height: var(--body-small-line-height, 120%);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  width: 196px;
}
.mdi-email-outline {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.institutomanilkara-gmail-com {
  color: var(--grey-10, #f9f9f9);
  text-align: left;
  font-family: var(--body-small-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-small-font-size, 14px);
  line-height: var(--body-small-line-height, 120%);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  width: 196px;
}
.instagram2 {
  display: flex;
  flex-direction: row;
  gap: var(--space-space-3, 8px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.tdesign-location {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  aspect-ratio: 1;
}
.group2 {
  width: 66.67%;
  height: 83.33%;
  position: absolute;
  right: 16.67%;
  left: 16.67%;
  bottom: 8.33%;
  top: 8.33%;
  overflow: visible;
}
.rua-bacabeiras-qd-3-lt-4-bairro-guas-verdes-vila-dos-cabanos-barcarena-par {
  color: var(--grey-10, #f9f9f9);
  text-align: left;
  font-family: var(--body-small-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-small-font-size, 14px);
  line-height: var(--body-small-line-height, 120%);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  flex: 1;
}
.redes-sociais {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  min-width: var(--2-coluns, 185px);
  position: relative;
}
.instagram3 {
  display: flex;
  flex-direction: row;
  gap: var(--space-space-3, 8px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 96px;
  position: relative;
}
.mdi-instagram {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.instagram4 {
  color: var(--grey-10, #f9f9f9);
  text-align: left;
  font-family: var(--body-small-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-small-font-size, 14px);
  line-height: var(--body-small-line-height, 120%);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  flex: 1;
}
.ic-baseline-facebook {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.facebook {
  color: var(--grey-10, #f9f9f9);
  text-align: left;
  font-family: var(--body-small-font-family, "SourceSans3-Regular", sans-serif);
  font-size: var(--body-small-font-size, 14px);
  line-height: var(--body-small-line-height, 120%);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  flex: 1;
}
.line-1 {
  margin-top: -1px;
  border-style: solid;
  border-color: var(--brown-50, #d16e49);
  border-width: 1px 0 0 0;
  align-self: stretch;
  flex-shrink: 0;
  height: 0px;
  position: relative;
}
.todos-os-direitos-reservados-2025-por-instituto-manilkara-desenvolvido-por-murucupi-ag-ncia {
  color: #ffffff;
  text-align: center;
  font-family: var(--caption-font-family, "SourceSans3-Medium", sans-serif);
  font-size: var(--caption-font-size, 12px);
  line-height: var(--caption-line-height, 120%);
  font-weight: var(--caption-font-weight, 500);
  position: relative;
  align-self: stretch;
  min-width: var(--4-coluns, 388px);
}
.regua-logos {
  background: var(--grey-10, #fbfbfb);
  padding: var(--texts, 24px);
  display: flex;
  flex-direction: row;
  gap: var(--group, 48px);
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container7 {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  flex: 1;
  max-width: 435px;
  position: relative;
}
.hydro {
  display: flex;
  flex-direction: column;
  gap: var(--16, 16px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.realiza-o {
  color: var(--grey-70, #585859);
  text-align: left;
  font-family: var(--legend-smal-font-family, "NunitoSans-Regular", sans-serif);
  font-size: var(--legend-smal-font-size, 10px);
  line-height: var(--legend-smal-line-height, 120%);
  font-weight: var(--legend-smal-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.logos {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.hydro2 {
  flex-shrink: 0;
  width: 37px;
  height: 37px;
  position: relative;
  overflow: hidden;
}
.camada-1 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.albras {
  flex-shrink: 0;
  width: 43px;
  height: 31px;
  position: relative;
  overflow: hidden;
}
.camada-12 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.line-7 {
  margin-top: -1px;
  border-style: solid;
  border-color: var(--grey-50, #949495);
  border-width: 1px 0 0 0;
  flex-shrink: 0;
  width: 34px;
  height: 0px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.camada-13 {
  flex-shrink: 0;
  width: 42px;
  height: 33px;
  position: relative;
  overflow: visible;
}
.ibs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  width: 82px;
  height: 65px;
  position: relative;
}
.apoio {
  color: var(--grey-70, #585859);
  text-align: left;
  font-family: var(--legend-smal-font-family, "NunitoSans-Regular", sans-serif);
  font-size: var(--legend-smal-font-size, 10px);
  line-height: var(--legend-smal-line-height, 120%);
  font-weight: var(--legend-smal-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.ibs2 {
  align-self: stretch;
  flex-shrink: 0;
  height: 30px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 82/30;
}
.camada-14 {
  width: 100%;
  height: 100.01%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: -0.01%;
  top: 0%;
  overflow: visible;
}
.murucupi {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  width: 75px;
  height: 65px;
  position: relative;
}
.execu-o {
  color: var(--grey-70, #585859);
  text-align: left;
  font-family: var(--legend-smal-font-family, "NunitoSans-Regular", sans-serif);
  font-size: var(--legend-smal-font-size, 10px);
  line-height: var(--legend-smal-line-height, 120%);
  font-weight: var(--legend-smal-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.murucupi2 {
  align-self: stretch;
  flex-shrink: 0;
  height: 28px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 75/28;
}
.camada-15 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}