/* screen - desktop-all-breakpoints */

.desktop-all-breakpoints {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 6021px;
  overflow-x: hidden;
  width: 1445px;
}

.desktop-all-breakpoints .overlap-group11 {
  height: 2424px;
  position: relative;
  width: 1451px;
}

.desktop-all-breakpoints .overlap-group8 {
  align-items: center;
  background-color: var(--pampas);
  display: flex;
  flex-direction: column;
  left: 1px;
  min-height: 572px;
  padding: 49px 114px;
  position: absolute;
  top: 1852px;
  width: 1440px;
}

.desktop-all-breakpoints .flex-row {
  align-self: flex-start;
  margin-top: 38px;
  min-width: 1209px;
}

.desktop-all-breakpoints .a {
  height: 188px;
  object-fit: cover;
  width: 188px;
}

.desktop-all-breakpoints .b {
  height: 188px;
  margin-left: 71px;
  object-fit: cover;
  width: 188px;
}

.desktop-all-breakpoints .c {
  height: 188px;
  margin-left: 70px;
  object-fit: cover;
  width: 188px;
}

.desktop-all-breakpoints .flex-row-item {
  height: 188px;
  margin-left: 64px;
  object-fit: cover;
  width: 188px;
}

.desktop-all-breakpoints .flex-row-1 {
  align-items: flex-end;
  display: flex;
  height: 115px;
  margin-right: 4.0px;
  margin-top: 11px;
  min-width: 1198px;
}

.desktop-all-breakpoints .gua-e-alimentos {
  color: var(--moonstone);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 26.4px;
  min-height: 85px;
  text-align: center;
  width: 177px;
}

.desktop-all-breakpoints .biodiversidade-e-biomas {
  color: var(--sushi);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 26.4px;
  margin-left: 49px;
  min-height: 85px;
  text-align: center;
  width: 245px;
}

.desktop-all-breakpoints .clima-cidades-e-comunidades {
  color: var(--blaze-orange);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 26.4px;
  margin-bottom: 3.95px;
  margin-left: 21px;
  min-height: 85px;
  text-align: center;
  width: 229px;
}

.desktop-all-breakpoints .democracia-participa {
  align-self: flex-start;
  color: var(--deluge);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 26.4px;
  margin-left: 35px;
  min-height: 59px;
  text-align: center;
  width: 220px;
}

.desktop-all-breakpoints .economia-verde-e-equidade {
  align-self: center;
  color: var(--teal-blue);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 26.4px;
  margin-bottom: 12.53px;
  margin-left: 45px;
  min-height: 85px;
  text-align: center;
  width: 177px;
}

.desktop-all-breakpoints .get-vaccine {
  align-items: flex-start;
  background-color: var(--valentino);
  border-radius: 20px;
  box-shadow: 0px 4px 4px #00000040;
  display: inline-flex;
  gap: 10px;
  margin-top: 54px;
  padding: 20px 25px;
  position: relative;
}

.desktop-all-breakpoints .conhea-as-nossas-propostas {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.desktop-all-breakpoints .descricao {
  height: 794px;
  left: 1px;
  position: absolute;
  top: 1060px;
  width: 1442px;
}

.desktop-all-breakpoints .ssola-container {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  gap: 95px;
  height: 794px;
  justify-content: flex-end;
  left: 0;
  min-width: 1440px;
  padding: 60px 123px;
  position: absolute;
  top: 0;
}

.desktop-all-breakpoints .bussola-grde {
  height: 400px;
  margin-top: 60px;
  object-fit: cover;
  width: 396px;
}

.desktop-all-breakpoints .a-bssola-2024-um {
  align-self: flex-end;
  color: transparent;
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 30.8px;
  min-height: 504px;
  width: 682px;
}

.desktop-all-breakpoints .bssola-um-novo-olhar-para-as-cidades {
  left: 635px;
  letter-spacing: 0;
  line-height: 52.8px;
  position: absolute;
  top: 80px;
}

.desktop-all-breakpoints .banner-principal {
  height: 919px;
  left: 1px;
  position: absolute;
  top: 145px;
  width: 1442px;
}

.desktop-all-breakpoints .overlap-group10 {
  background-color: var(--amber);
  height: 919px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}

.desktop-all-breakpoints .overlap-group {
  height: 709px;
  left: 139px;
  position: absolute;
  top: 177px;
  width: 1254px;
}

.desktop-all-breakpoints .para-cidades-resilientes {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: 40px;
  font-weight: 700;
  left: 0;
  letter-spacing: -0.80px;
  line-height: normal;
  position: absolute;
  top: 244px;
  width: 1056px;
}

.desktop-all-breakpoints .book {
  background-image: url(../img/book-1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 709px;
  left: 618px;
  position: absolute;
  top: 0;
  width: 636px;
}

.desktop-all-breakpoints .get-vaccine-1 {
  background-color: var(--vermilion);
  left: 144px;
  position: absolute;
  top: 631px;
}

.desktop-all-breakpoints .baixar-o-guia {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.desktop-all-breakpoints .bssola-2024 {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: 96px;
  font-weight: 700;
  left: 139px;
  letter-spacing: -1.92px;
  line-height: normal;
  position: absolute;
  top: 316px;
  width: 825px;
}

.desktop-all-breakpoints .guia-para-cidados {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-l);
  font-style: italic;
  font-weight: 400;
  left: 144px;
  letter-spacing: -0.64px;
  line-height: normal;
  position: absolute;
  top: 498px;
  width: 639px;
}

.desktop-all-breakpoints .menu {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 203px;
  height: 151px;
  justify-content: flex-end;
  left: 0;
  min-width: 1440px;
  padding: 16px 78px;
  position: absolute;
  top: 0;
}

.desktop-all-breakpoints .bussola_pqno {
  align-self: flex-end;
  height: 95px;
  object-fit: cover;
  width: 94px;
}

.desktop-all-breakpoints .navbar {
  align-items: center;
  display: inline-flex;
  gap: 48px;
  justify-content: flex-end;
  margin-top: 1.0px;
  position: relative;
}

.desktop-all-breakpoints .navbar-link {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop-all-breakpoints .carta {
  align-items: flex-start;
  display: flex;
  margin-left: 4px;
  margin-top: 4px;
  min-width: 1444px;
}

.desktop-all-breakpoints .overlap-group7 {
  align-items: flex-start;
  background-color: var(--valentino);
  display: flex;
  gap: 152px;
  height: 412px;
  min-width: 1440px;
  padding: 85px 111px;
}

.desktop-all-breakpoints .flex-col {
  flex-direction: column;
  gap: 25px;
  min-height: 220px;
  width: 791px;
}

.desktop-all-breakpoints .faa-a-sua-adeso {
  height: 67px;
  letter-spacing: 0;
  line-height: 48.5px;
  width: 461px;
}

.desktop-all-breakpoints .candidato-eleio {
  color: var(--amber);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xl);
  font-weight: 700;
  height: 128px;
  letter-spacing: 0;
  line-height: 48.5px;
  width: 791px;
}

.desktop-all-breakpoints .botao {
  align-items: flex-start;
  align-self: center;
  cursor: pointer;
  display: flex;
  height: 69px;
  margin-top: 53.0px;
  min-width: 195px;
}

.desktop-all-breakpoints .get-vaccine-2 {
  background-color: var(--vermilion);
  position: relative;
}

.desktop-all-breakpoints .assine-aqui {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.desktop-all-breakpoints .overlap-group13 {
  height: 1341px;
  margin-left: 4px;
  position: relative;
  width: 1444px;
}

.desktop-all-breakpoints .eventos {
  height: 544px;
  left: 0;
  position: absolute;
  top: 797px;
  width: 1442px;
}

.desktop-all-breakpoints .overlap-group5 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  gap: 111px;
  height: 544px;
  left: 0;
  min-width: 1440px;
  padding: 20px 111px;
  position: absolute;
  top: 0;
}

.desktop-all-breakpoints .participe-do-laname {
  letter-spacing: 0;
  line-height: 30.8px;
  min-height: 183px;
  width: 583px;
}

.desktop-all-breakpoints .botao-1 {
  align-items: flex-start;
  background-color: var(--vermilion);
  border-radius: 20px;
  box-shadow: 0px 4px 4px #00000040;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  margin-bottom: 84px;
  padding: 20px 25px;
  position: relative;
}

.desktop-all-breakpoints .inscreva-se {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.desktop-all-breakpoints .eventos-1 {
  color: var(--vermilion);
  font-family: var(--font-family-rubik);
  font-size: 64px;
  font-weight: 700;
  left: 111px;
  letter-spacing: 0;
  line-height: 70.4px;
  position: absolute;
  top: 60px;
  white-space: nowrap;
}

.desktop-all-breakpoints .lanamento-bssola-2 {
  left: 111px;
  letter-spacing: 0;
  line-height: 52.8px;
  position: absolute;
  top: 155px;
}

.desktop-all-breakpoints .data-16-de-setembro {
  left: 805px;
  letter-spacing: 0;
  line-height: 35.2px;
  position: absolute;
  top: 123px;
}

.desktop-all-breakpoints .local-crisantempo {
  left: 805px;
  letter-spacing: 0;
  line-height: 35.2px;
  position: absolute;
  top: 226px;
  width: 515px;
}

.desktop-all-breakpoints .overlap-group6 {
  align-items: flex-start;
  background-color: var(--amber);
  display: flex;
  gap: 125px;
  height: 801px;
  left: 0;
  min-width: 1440px;
  padding: 0 86px;
  position: absolute;
  top: 0;
}

.desktop-all-breakpoints .overlap-group-1 {
  height: 391px;
  position: relative;
  width: 461px;
}

.desktop-all-breakpoints .participe {
  height: 301px;
  left: 0;
  letter-spacing: 0;
  line-height: 48.5px;
  position: absolute;
  top: 0;
  width: 461px;
}

.desktop-all-breakpoints .qual-o-desafio-da-sua-cidade {
  height: 301px;
  left: 0;
  letter-spacing: 0;
  line-height: 48.5px;
  position: absolute;
  top: 90px;
  width: 461px;
}

.desktop-all-breakpoints .form {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 515px;
  margin-bottom: 142.0px;
  position: relative;
  width: 637px;
}

.desktop-all-breakpoints .input-1 {
  height: 80px;
  width: 295px;
}

.desktop-all-breakpoints .nome-completo {
  align-self: stretch;
  color: var(--black);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.desktop-all-breakpoints .field {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--bon-jour);
  border-radius: 8px;
  box-shadow: 0px 1px 2px #0000000d;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 8px;
  padding: 12px 16px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .label {
  color: var(--gray);
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.desktop-all-breakpoints .input {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 80px;
  position: relative;
  width: 541px;
}

.desktop-all-breakpoints .email {
  align-self: stretch;
  color: var(--black);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.desktop-all-breakpoints .telefone {
  align-self: stretch;
  color: var(--black);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.desktop-all-breakpoints .cidade-estado {
  align-self: stretch;
  color: var(--black);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.desktop-all-breakpoints .field-1 {
  align-self: stretch;
  flex: 1;
  flex-grow: 1;
  width: 100%;
}

.desktop-all-breakpoints .input-2 {
  height: 99px;
  margin-bottom: -32.00px;
  width: 541px;
}

.desktop-all-breakpoints .qual-o-desafio-da-sua-cidade-1 {
  align-self: stretch;
  color: var(--black);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.desktop-all-breakpoints .button {
  align-items: center;
  align-self: stretch;
  background-color: var(--valentino);
  border-radius: 8px;
  box-shadow: 0px 1px 2px #0000000d;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  margin-bottom: -126.00px;
  padding: 16px 32px;
  position: relative;
  width: 541px;
}

.desktop-all-breakpoints .enviar {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  /* width: fit-content; */
}

.desktop-all-breakpoints .overlap-group-container {
  height: 1840px;
  margin-left: 4px;
  position: relative;
  width: 1444px;
}

.desktop-all-breakpoints .overlap-group1 {
  height: 303px;
  left: 0;
  position: absolute;
  top: 1537px;
  width: 1440px;
}

.desktop-all-breakpoints .overlap-group-2 {
  align-items: center;
  background-color: var(--valentino);
  display: flex;
  height: 303px;
  justify-content: flex-end;
  left: 0;
  min-width: 1440px;
  padding: 60px 144px;
  position: absolute;
  top: 0;
}

.desktop-all-breakpoints .bussola-amarela {
  align-self: flex-start;
  height: 151px;
  object-fit: cover;
  width: 150px;
}

.desktop-all-breakpoints .bssola-para-as-eleies-2024 {
  color: var(--white);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-s);
  font-weight: 500;
  height: 93px;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 34.0px;
  margin-left: 32px;
  width: 197px;
}

.desktop-all-breakpoints .idsidsbrasilorg-11-3071-0434 {
  height: 106px;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: 21.0px;
  margin-left: 595px;
  width: 173px;
}

.desktop-all-breakpoints .flex-row-2 {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  height: 40px;
  left: 656px;
  min-width: 136px;
  position: absolute;
  top: 115px;
}

.desktop-all-breakpoints .facebook {
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: flex-end;
  min-width: 40px;
  padding: 0 10.0px;
}

.desktop-all-breakpoints .icon {
  height: 20px;
  width: 20px;
}

.desktop-all-breakpoints .link {
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 40px;
  min-width: 40px;
  padding: 0 10px;
}

.desktop-all-breakpoints .icon-1 {
  height: 14px;
  width: 20px;
}

.desktop-all-breakpoints .overlap-group2 {
  align-items: flex-end;
  background-color: var(--vermilion);
  display: flex;
  flex-direction: column;
  gap: 62px;
  left: 0;
  min-height: 544px;
  padding: 86px 372px;
  position: absolute;
  top: 995px;
  width: 1440px;
}

.desktop-all-breakpoints .quer-ajudar-as-propo {
  height: 177px;
  letter-spacing: 0;
  line-height: 48.5px;
  text-align: center;
  width: 691px;
}

.desktop-all-breakpoints .get-vaccine-3 {
  align-self: center;
  background-color: var(--valentino);
  margin-right: 19.0px;
  position: relative;
}

.desktop-all-breakpoints .clique-aqui-e-faa-uma-doao {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.desktop-all-breakpoints .overlap-group3 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 48px;
  left: 0;
  min-height: 489px;
  padding: 73px 68px;
  position: absolute;
  top: 510px;
  width: 1440px;
}

.desktop-all-breakpoints .participantes-e-parceiros {
  letter-spacing: 0;
  line-height: 52.8px;
  margin-left: 11px;
  min-height: 53px;
  width: 753px;
}

.desktop-all-breakpoints .flex-row-3 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  gap: 52px;
  min-width: 1282px;
}

.desktop-all-breakpoints .ids {
  height: 66px;
  margin-bottom: 44.0px;
  object-fit: cover;
  width: 186px;
}

.desktop-all-breakpoints .logos-2 {
  height: 202px;
  object-fit: cover;
  width: 1044px;
}

.desktop-all-breakpoints .overlap-group4 {
  align-items: center;
  background-color: var(--pampas);
  display: flex;
  flex-direction: column;
  gap: 24px;
  left: 0;
  min-height: 511px;
  padding: 91px 417px;
  position: absolute;
  top: 0;
  width: 1440px;
}

.desktop-all-breakpoints .continue-se-atualizando {
  align-self: flex-start;
  letter-spacing: -0.80px;
  line-height: normal;
  margin-top: 1px;
  min-height: 48px;
  text-align: center;
  width: 582px;
}

.desktop-all-breakpoints .assine-a-nossa-newsl {
  color: var(--tundora);
  font-weight: 400;
  height: 92px;
  line-height: 36px;
  margin-right: 24.0px;
  text-align: center;
  width: 454px;
}

.desktop-all-breakpoints .submit-button {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  margin-right: 24.0px;
  position: relative;
  width: 326px;
}

.desktop-all-breakpoints .field-2 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  margin-left: -0.50px;
  margin-right: -0.50px;
  padding: 16px;
  width: 327px;
}

.desktop-all-breakpoints .label-1 {
  color: var(--gray);
  font-weight: 500;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  /* width: fit-content; */
}

.desktop-all-breakpoints .button-new {
  align-items: center;
  background-color: var(--amber);
  border-radius: 8px;
  border-color: var(--amber);
  box-shadow: 0px 1px 2px #0000000d;
  display: flex;
  gap: 8px;
  height: 62px;
  justify-content: center;
  padding: 24px 32px;
  position: relative;
  width: 162px;
}

.desktop-all-breakpoints .enviar-1 {
  color: var(--white);
  font-weight: 500;
  line-height: 30px;
  margin-bottom: -7.00px;
  margin-top: -9.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop-all-breakpoints .field-3 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--bon-jour);
  border-radius: 8px;
  box-shadow: 0px 1px 2px #0000000d;
  position: relative;
}

.desktop-all-breakpoints .flex {
  align-items: flex-start;
  display: flex;
}

.desktop-all-breakpoints .get-vaccine-4 {
  align-items: flex-start;
  border-radius: 20px;
  box-shadow: 0px 4px 4px #00000040;
  display: inline-flex;
  gap: 10px;
  padding: 20px 25px;
}

.desktop-all-breakpoints .input-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}
/* screen - mobile */

.mobile {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  width: 373px;
}

.mobile .menu-1 {
  align-items: flex-start;
  display: flex;
  min-width: 387px;
}

.mobile .overlap-group11-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  gap: 39px;
  height: 301px;
  min-width: 375px;
  padding: 24px 29px;
}

.mobile .bussola_pqno-1 {
  height: 95px;
  margin-top: 13px;
  object-fit: cover;
  width: 94px;
}

.mobile .flex-col-1 {
  align-items: flex-end;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 240px;
  width: 184px;
}

.mobile .place {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  margin-right: 15px;
  min-width: 58px;
  white-space: nowrap;
}

.mobile .sobre-o-projeto {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  margin-right: 6px;
  min-width: 149px;
  white-space: nowrap;
}

.mobile .eixos-estratgicos {
  align-self: flex-start;
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  white-space: nowrap;
}

.mobile .faa-a-sua-adeso-1 {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  min-width: 175px;
  white-space: nowrap;
}

.mobile .participe-1 {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  margin-right: 2px;
  min-width: 88px;
  white-space: nowrap;
}

.mobile .eventos-2 {
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  margin-right: 7px;
  min-width: 79px;
}

.mobile .banner-principal1 {
  height: 711px;
  position: relative;
  width: 379px;
}

.mobile .overlap-group10-1 {
  align-items: flex-start;
  background-color: var(--amber);
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 711px;
  padding: 49px 19.0px;
  position: absolute;
  top: 0;
  width: 375px;
}

.mobile .para-cidades-resilientes-1 {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: -0.48px;
  line-height: normal;
  margin-left: 6.04px;
  margin-top: 48px;
  min-height: 37px;
  width: 304px;
}

.mobile .overlap-group-3 {
  align-self: flex-end;
  height: 448px;
  position: relative;
  width: 331px;
}

.mobile .guia-para-cidados-1 {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xs);
  font-style: italic;
  font-weight: 400;
  left: 0;
  letter-spacing: -0.40px;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 299px;
}

.mobile .book-1 {
  background-image: url(../img/book-1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 359px;
  left: 9px;
  position: absolute;
  top: 89px;
  width: 322px;
}

.mobile .get-vaccine-4 {
  align-self: center;
  background-color: var(--vermilion);
  display: inline-flex;
  margin-right: 9.0px;
  margin-top: 11px;
}

.mobile .baixar-o-guia-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.mobile .bssola-2024-1 {
  left: 25px;
  letter-spacing: -0.96px;
  line-height: normal;
  position: absolute;
  top: 45px;
  width: 331px;
}

.mobile .descricao1 {
  height: 1088px;
  margin-left: 1px;
  position: relative;
  width: 376px;
}

.mobile .ssola-container-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 201px;
  left: 0;
  min-height: 1088px;
  padding: 48px 60px;
  position: absolute;
  top: 0;
  width: 374px;
}

.mobile .bussola-grde-1 {
  align-self: flex-end;
  height: 151px;
  margin-right: 58px;
  object-fit: cover;
  width: 149px;
}

.mobile .a-bssola-2024-um-1 {
  color: transparent;
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xs);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22.0px;
  min-height: 584px;
  text-align: center;
  width: 243px;
}

.mobile .bssola-um-novo-olhar-para-as-cidades-1 {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: 36px;
  font-weight: 700;
  left: 51px;
  letter-spacing: 0;
  line-height: 39.6px;
  position: absolute;
  text-align: center;
  top: 216px;
  width: 261px;
}

.mobile .eixos1 {
  align-items: flex-start;
  display: flex;
  height: 1347px;
  min-width: 381px;
}

.mobile .overlap-group8-1 {
  align-items: center;
  background-color: var(--pampas);
  display: flex;
  flex-direction: column;
  min-height: 1347px;
  padding: 36px;
  width: 371px;
}

.mobile .a-1 {
  height: 136px;
  margin-left: 16.0px;
  object-fit: cover;
  width: 137px;
}

.mobile .gua-e-alimentos-1 {
  color: var(--moonstone);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xxxs);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 17.6px;
  margin-left: 17.0px;
  margin-top: 29px;
  min-height: 62px;
  text-align: center;
  width: 128px;
}

.mobile .overlap-group8-item {
  height: 136px;
  margin-left: 17.0px;
  object-fit: cover;
  width: 136px;
}

.mobile .biodiversidade-e-biomas-1 {
  color: var(--sushi);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xxxs);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 17.6px;
  margin-left: 16.0px;
  margin-top: 29px;
  min-height: 61px;
  text-align: center;
  width: 177px;
}

.mobile .clima-cidades-e-comunidades-1 {
  color: var(--blaze-orange);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xxxs);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 17.6px;
  margin-left: 17.0px;
  margin-top: 27px;
  min-height: 61px;
  text-align: center;
  width: 166px;
}

.mobile .democracia-participa-1 {
  color: var(--deluge);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xxxs);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 17.6px;
  margin-left: 17.0px;
  margin-top: 8px;
  min-height: 43px;
  text-align: center;
  width: 160px;
}

.mobile .e {
  height: 136px;
  margin-left: 17.0px;
  margin-top: 65px;
  object-fit: cover;
  width: 136px;
}

.mobile .economia-verde-e-equidade-1 {
  color: var(--teal-blue);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xxxs);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 17.6px;
  margin-left: 17.0px;
  margin-top: 14px;
  min-height: 62px;
  text-align: center;
  width: 128px;
}

.mobile .botao-2 {
  align-items: flex-start;
  align-self: flex-end;
  background-color: var(--valentino);
  border-radius: 20px;
  box-shadow: 0px 4px 4px #00000040;
  display: flex;
  gap: 10px;
  height: 60px;
  margin-top: 42px;
  padding: 20px 25px;
  position: relative;
  width: 298px;
}

.mobile .conhea-as-nossas-propostas-1 {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxs);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.mobile .carta1 {
  align-items: flex-start;
  display: flex;
  height: 451px;
  margin-left: -1px;
  min-width: 383px;
}

.mobile .overlap-group7-1 {
  align-items: flex-end;
  background-color: var(--valentino);
  display: flex;
  flex-direction: column;
  min-height: 451px;
  padding: 44px 21px;
  width: 379px;
}

.mobile .faa-a-sua-adeso-2 {
  color: var(--white);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-l);
  font-weight: 700;
  height: 67px;
  letter-spacing: 0;
  line-height: 32.3px;
  margin-right: 5px;
  text-align: center;
  width: 311px;
}

.mobile .candidato-eleio-1 {
  color: var(--amber);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-l);
  font-weight: 700;
  height: 148px;
  letter-spacing: 0;
  line-height: 32.3px;
  text-align: center;
  width: 331px;
}

.mobile .botao-3 {
  align-items: flex-start;
  align-self: center;
  cursor: pointer;
  display: flex;
  height: 69px;
  margin-left: 6.0px;
  margin-top: 33px;
  min-width: 195px;
}

.mobile .get-vaccine-5 {
  background-color: var(--vermilion);
  display: inline-flex;
}

.mobile .assine-aqui-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.mobile .participe1 {
  align-items: flex-start;
  display: flex;
  height: 1060px;
  min-width: 379px;
}

.mobile .overlap-group6-1 {
  align-items: center;
  background-color: var(--amber);
  display: flex;
  flex-direction: column;
  min-height: 1060px;
  padding: 41px 8px;
  width: 375px;
}

.mobile .participe-2 {
  height: 77px;
  letter-spacing: 0;
  line-height: 48.5px;
  margin-right: 4.0px;
  width: 289px;
}

.mobile .qual-o-desafio-da-sua-cidade-2 {
  height: 143px;
  letter-spacing: 0;
  line-height: 48.5px;
  margin-right: 8.0px;
  margin-top: 10px;
  width: 293px;
}

.mobile .form-1 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 716px;
  margin-top: 31px;
  position: relative;
  width: 336px;
}

.mobile .input-3 {
  height: 80px;
  width: 295px;
}

.mobile .nome-completo-1 {
  align-self: stretch;
  color: var(--black);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.mobile .field-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 8px;
  padding: 12px 16px;
  width: 100%;
}

.mobile .label-2 {
  flex: 1;
  line-height: 24px;
}

.mobile .input-4 {
  height: 80px;
  width: 287px;
}

.mobile .email-1 {
  align-self: stretch;
  color: var(--black);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.mobile .telefone-1 {
  align-self: stretch;
  color: var(--black);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.mobile .input-5 {
  height: 112px;
  width: 295px;
}

.mobile .cidade-estado-1 {
  align-self: stretch;
  color: var(--black);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.mobile .field-4 {
  align-self: stretch;
  flex: 1;
  flex-grow: 1;
  width: 100%;
}

.mobile .input-6 {
  height: 131px;
  width: 295px;
}

.mobile .qual-o-desafio-da-sua-cidade-3 {
  align-self: stretch;
  color: var(--black);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.mobile .button-1 {
  align-items: center;
  background-color: var(--valentino);
  border-color: var(--valentino);
  border-radius: 8px;
  box-shadow: 0px 1px 2px #0000000d;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 16px 32px;
  position: relative;
  width: 295px;
}

.mobile .enviar-2 {
  letter-spacing: 0;
  margin-top: -1.00px;
}

.mobile .eventos1 {
  height: 672px;
  position: relative;
  width: 377px;
}

.mobile .overlap-group5-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 63px;
  left: 0;
  min-height: 672px;
  padding: 60px 45px;
  position: absolute;
  top: 0;
  width: 375px;
}

.mobile .participe-do-laname-1 {
  letter-spacing: 0;
  line-height: 22.0px;
  margin-top: 206px;
  min-height: 214px;
  width: 280px;
}

.mobile .botao-4 {
  align-items: flex-start;
  align-self: center;
  background-color: var(--vermilion);
  border-radius: 20px;
  box-shadow: 0px 4px 4px #00000040;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  margin-right: 2.0px;
  padding: 20px 25px;
  position: relative;
}

.mobile .inscreva-se-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.mobile .eventos-3 {
  color: var(--vermilion);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-l);
  font-weight: 700;
  left: 49px;
  line-height: 35.2px;
  position: absolute;
  top: 32px;
}

.mobile .lanamento-bssola-2-1 {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: 36px;
  font-weight: 700;
  left: 47px;
  letter-spacing: 0;
  line-height: 39.6px;
  position: absolute;
  top: 80px;
  width: 280px;
}

.mobile .data-16-de-setembro-1 {
  left: 49px;
  letter-spacing: 0;
  line-height: 17.6px;
  position: absolute;
  top: 376px;
}

.mobile .local-crisantempo-1 {
  left: 47px;
  letter-spacing: 0;
  line-height: 17.6px;
  position: absolute;
  top: 431px;
  width: 234px;
}

.mobile .news {
  align-items: flex-start;
  display: flex;
  height: 542px;
  min-width: 379px;
}

.mobile .overlap-group4-1 {
  align-items: center;
  background-color: var(--pampas);
  display: flex;
  flex-direction: column;
  min-height: 542px;
  padding: 53px 24px;
  width: 375px;
}

.mobile .continue-se-atualizando-1 {
  letter-spacing: -0.80px;
  line-height: normal;
  margin-right: 2.0px;
  min-height: 58px;
  text-align: center;
  width: 291px;
}

.mobile .assine-a-nossa-newsl-1 {
  color: var(--tundora);
  font-weight: 400;
  height: 172px;
  line-height: 36px;
  margin-right: 6.0px;
  margin-top: 43px;
  text-align: center;
  width: 227px;
}

.mobile .submit-button-1 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  margin-top: 21px;
  position: relative;
  width: 326px;
}

.mobile .field-5 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  margin-left: -0.50px;
  margin-right: -0.50px;
  padding: 16px;
  width: 327px;
}

.mobile .label-3 {
  line-height: 30px;
  white-space: nowrap;
  width: fit-content;
}

.mobile .button-new-1 {
  align-items: center;
  background-color: var(--amber);
  border-color: var(--amber);
  border-radius: 8px;
  box-shadow: 0px 1px 2px #0000000d;
  display: flex;
  gap: 8px;
  height: 62px;
  justify-content: center;
  padding: 24px 32px;
  position: relative;
  width: 162px;
}

.mobile .enviar-3 {
  color: var(--white);
  font-weight: 500;
  margin-bottom: -7.00px;
  margin-top: -9.00px;
}

.mobile .parceiros {
  align-items: flex-start;
  display: flex;
  height: 604px;
  min-width: 377px;
}

.mobile .overlap-group3-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-height: 604px;
  padding: 39px 24px;
  width: 375px;
}

.mobile .participantes-e-parceiros-1 {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 26.4px;
  margin-right: 21.0px;
  min-height: 52px;
  width: 264px;
}

.mobile .ids-1 {
  height: 52px;
  margin-right: 60.0px;
  margin-top: 22px;
  object-fit: cover;
  width: 147px;
}

.mobile .logos-vertical-1 {
  align-self: flex-end;
  height: 282px;
  margin-top: 42px;
  object-fit: cover;
  width: 317px;
}

.mobile .doacao {
  align-items: flex-start;
  display: flex;
  height: 359px;
  min-width: 377px;
}

.mobile .overlap-group2-1 {
  align-items: center;
  background-color: var(--vermilion);
  display: flex;
  flex-direction: column;
  gap: 13px;
  min-height: 359px;
  padding: 26px 0;
  width: 375px;
}

.mobile .quer-ajudar-as-propo-1 {
  color: var(--white);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-l);
  font-weight: 700;
  height: 186px;
  letter-spacing: 0;
  line-height: 32.3px;
  margin-left: 1.0px;
  text-align: center;
  width: 276px;
}

.mobile .get-vaccine-6 {
  background-color: var(--valentino);
  display: flex;
  height: 76px;
  width: 287px;
}

.mobile .clique-aqui-e-faa-uma-doao-1 {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxs);
  font-weight: 700;
  height: 36px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 227px;
}

.mobile .rodape {
  align-items: flex-start;
  display: flex;
  min-width: 379px;
}

.mobile .overlap-group1-1 {
  height: 355px;
  position: relative;
  width: 375px;
}

.mobile .overlap-group-4 {
  align-items: flex-end;
  background-color: var(--valentino);
  display: flex;
  flex-direction: column;
  gap: 104px;
  left: 0;
  min-height: 355px;
  padding: 22px 2px;
  position: absolute;
  top: 0;
  width: 375px;
}

.mobile .ssola-container-2 {
  align-items: center;
  display: flex;
  gap: 32px;
  margin-top: 8px;
  min-width: 305px;
}

.mobile .bussola-amarela-1 {
  height: 77px;
  object-fit: cover;
  width: 76px;
}

.mobile .bssola-para-as-eleies-2024-1 {
  color: var(--white);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xxxs);
  font-weight: 500;
  height: 93px;
  letter-spacing: 0;
  line-height: 24px;
  width: 197px;
}

.mobile .idsidsbrasilorg-11-3071-0434-1 {
  align-self: center;
  color: var(--white);
  font-family: var(--font-family-rubik);
  font-size: 13px;
  font-weight: 500;
  height: 106px;
  letter-spacing: 0;
  line-height: 19.5px;
  margin-right: 14.0px;
  text-align: center;
  width: 173px;
}

.mobile .flex-row-4 {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  height: 40px;
  left: 114px;
  min-width: 136px;
  position: absolute;
  top: 155px;
}

.mobile .link-1 {
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 40px;
  min-width: 40px;
  padding: 0 10px;
}

.mobile .icon-2 {
  height: 20px;
  width: 20px;
}

.mobile .icon-3 {
  height: 14px;
  width: 20px;
}

.mobile .enviar {
  line-height: 30px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .eventos {
  letter-spacing: 0;
  white-space: nowrap;
}

.mobile .field {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--bon-jour);
  border-radius: 8px;
  box-shadow: 0px 1px 2px #0000000d;
  position: relative;
}

.mobile .get-vaccine {
  align-items: flex-start;
  border-radius: 20px;
  box-shadow: 0px 4px 4px #00000040;
  gap: 10px;
  padding: 20px 25px;
  position: relative;
}

.mobile .input {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.mobile .label {
  color: var(--gray);
  font-weight: 500;
  margin-top: -1.00px;
  position: relative;
}
/* screen - tablet */

.tablet {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 9383px;
  overflow-x: hidden;
  width: 767px;
}

.tablet .menu-2 {
  align-items: flex-start;
  display: flex;
  min-width: 780px;
}

.tablet .overlap-group11-2 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 90px;
  height: 221px;
  min-width: 768px;
  padding: 48px 44px;
}

.tablet .bussola_pqno-2 {
  height: 95px;
  object-fit: cover;
  width: 94px;
}

.tablet .flex-col-2 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 34px;
  min-height: 97px;
  width: 492px;
}

.tablet .flex-row-5 {
  align-items: flex-end;
  display: flex;
  gap: 53px;
  height: 33px;
  min-width: 492px;
}

.tablet .place-1 {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  min-width: 58px;
  white-space: nowrap;
}

.tablet .sobre-o-projeto-1 {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  min-width: 149px;
  white-space: nowrap;
}

.tablet .eixos-estratgicos-1 {
  align-self: flex-start;
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  white-space: nowrap;
}

.tablet .flex-row-6 {
  align-items: flex-start;
  display: flex;
  gap: 48px;
  margin-right: 8.0px;
  min-width: 438px;
}

.tablet .faa-a-sua-adeso-3 {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  min-width: 175px;
  white-space: nowrap;
}

.tablet .participe-3 {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  min-width: 88px;
  white-space: nowrap;
}

.tablet .eventos-4 {
  cursor: pointer;
  height: 30px;
  line-height: 30px;
}

.tablet .banner-principal2 {
  height: 1362px;
  position: relative;
  width: 770px;
}

.tablet .overlap-group10-2 {
  align-items: center;
  background-color: var(--amber);
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 1362px;
  padding: 103px 26px;
  position: absolute;
  top: 0;
  width: 768px;
}

.tablet .para-cidades-resilientes-2 {
  align-self: flex-end;
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.80px;
  line-height: normal;
  margin-top: 148px;
  min-height: 108px;
  width: 667px;
}

.tablet .book-2 {
  background-image: url(../img/book-1.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 709px;
  margin-top: 99px;
  width: 636px;
}

.tablet .get-vaccine-7 {
  background-color: var(--vermilion);
  margin-left: 6.0px;
  margin-top: 23px;
}

.tablet .baixar-o-guia-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.tablet .bssola-2024-2 {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: 96px;
  font-weight: 700;
  left: 75px;
  letter-spacing: -1.92px;
  line-height: normal;
  position: absolute;
  top: 146px;
  width: 648px;
}

.tablet .guia-para-cidados-2 {
  color: var(--valentino);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-l);
  font-style: italic;
  font-weight: 400;
  left: 75px;
  letter-spacing: -0.64px;
  line-height: normal;
  position: absolute;
  top: 313px;
  width: 639px;
}

.tablet .overlap-group12 {
  height: 2592px;
  position: relative;
  width: 778px;
}

.tablet .overlap-group8-2 {
  align-items: center;
  background-color: var(--pampas);
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 1331px;
  padding: 95px 0;
  position: absolute;
  top: 1261px;
  width: 768px;
}

.tablet .flex-row-7 {
  align-items: flex-start;
  display: flex;
  gap: 71px;
  margin-right: 25.0px;
  margin-top: 12px;
  min-width: 447px;
}

.tablet .a-2 {
  height: 188px;
  object-fit: cover;
  width: 188px;
}

.tablet .b-1 {
  height: 188px;
  object-fit: cover;
  width: 188px;
}

.tablet .flex-row-8 {
  align-items: flex-start;
  display: flex;
  gap: 49px;
  height: 85px;
  margin-left: 9.0px;
  margin-top: 40px;
  min-width: 471px;
}

.tablet .gua-e-alimentos-2 {
  color: var(--moonstone);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 26.4px;
  min-height: 85px;
  text-align: center;
  width: 177px;
}

.tablet .biodiversidade-e-biomas-2 {
  color: var(--sushi);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 26.4px;
  min-height: 85px;
  text-align: center;
  width: 245px;
}

.tablet .flex-row-9 {
  align-items: flex-start;
  display: flex;
  gap: 64px;
  margin-right: 4.0px;
  margin-top: 40px;
  min-width: 440px;
}

.tablet .c-1 {
  height: 188px;
  object-fit: cover;
  width: 188px;
}

.tablet .d {
  height: 188px;
  object-fit: cover;
  width: 188px;
}

.tablet .flex-row-10 {
  align-items: flex-start;
  display: flex;
  gap: 35px;
  height: 111px;
  margin-top: 11px;
  min-width: 484px;
}

.tablet .clima-cidades-e-comunidades-2 {
  align-self: flex-end;
  color: var(--blaze-orange);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 26.4px;
  min-height: 85px;
  text-align: center;
  width: 229px;
}

.tablet .democracia-participa-2 {
  color: var(--deluge);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 26.4px;
  min-height: 59px;
  text-align: center;
  width: 220px;
}

.tablet .e-1 {
  height: 188px;
  margin-right: 10.0px;
  margin-top: 53px;
  object-fit: cover;
  width: 188px;
}

.tablet .economia-verde-e-equidade-2 {
  color: var(--teal-blue);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 26.4px;
  margin-right: 11.0px;
  margin-top: 19px;
  min-height: 85px;
  text-align: center;
  width: 177px;
}

.tablet .get-vaccine-8 {
  background-color: var(--valentino);
  margin-right: 10.0px;
  margin-top: 53px;
}

.tablet .conhea-as-nossas-propostas-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.tablet .descricao2 {
  height: 1279px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 769px;
}

.tablet .ssola-container-3 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 214px;
  left: 0;
  min-height: 1279px;
  padding: 55px 62px;
  position: absolute;
  top: 0;
  width: 767px;
}

.tablet .bussola-grde-2 {
  align-self: center;
  height: 400px;
  margin-right: 21.0px;
  object-fit: cover;
  width: 396px;
}

.tablet .a-bssola-2024-um-2 {
  color: transparent;
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 30.8px;
  min-height: 504px;
  width: 626px;
}

.tablet .bssola-um-novo-olhar-para-as-cidades-2 {
  left: 79px;
  letter-spacing: 0;
  line-height: 52.8px;
  position: absolute;
  top: 527px;
}

.tablet .carta2 {
  align-items: flex-start;
  display: flex;
  height: 655px;
  min-width: 772px;
}

.tablet .overlap-group7-2 {
  align-items: center;
  background-color: var(--valentino);
  display: flex;
  flex-direction: column;
  min-height: 655px;
  padding: 93px 142px;
  width: 768px;
}

.tablet .faa-a-sua-adeso-4 {
  align-self: flex-end;
  height: 67px;
  letter-spacing: 0;
  line-height: 48.5px;
  text-align: center;
  width: 461px;
}

.tablet .candidato-eleio-2 {
  color: var(--amber);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xl);
  font-weight: 700;
  height: 258px;
  letter-spacing: 0;
  line-height: 48.5px;
  margin-left: 11.0px;
  text-align: center;
  width: 461px;
}

.tablet .botao-5 {
  display: flex;
  height: 69px;
  margin-right: 11.0px;
  margin-top: 49px;
  min-width: 195px;
}

.tablet .get-vaccine-9 {
  background-color: var(--vermilion);
}

.tablet .assine-aqui-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.tablet .participe2 {
  align-items: flex-start;
  display: flex;
  min-width: 771px;
}

.tablet .overlap-group6-2 {
  background-color: var(--amber);
  height: 1084px;
  position: relative;
  width: 767px;
}

.tablet .form-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 533px;
  left: 70px;
  position: absolute;
  top: 318px;
  width: 628px;
}

.tablet .input-8 {
  height: 80px;
  width: 295px;
}

.tablet .nome-completo-2 {
  align-self: stretch;
  color: var(--black);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.tablet .field-6 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 8px;
  padding: 12px 16px;
  width: 100%;
}

.tablet .label-4 {
  flex: 1;
  line-height: 24px;
}

.tablet .input-7 {
  height: 80px;
  width: 541px;
}

.tablet .email-2 {
  align-self: stretch;
  color: var(--black);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.tablet .telefone-2 {
  align-self: stretch;
  color: var(--black);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.tablet .cidade-estado-2 {
  align-self: stretch;
  color: var(--black);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.tablet .field-7 {
  align-self: stretch;
  flex: 1;
  flex-grow: 1;
  width: 100%;
}

.tablet .input-9 {
  height: 99px;
  margin-bottom: -14.00px;
  width: 541px;
}

.tablet .qual-o-desafio-da-sua-cidade-4 {
  align-self: stretch;
  color: var(--black);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.tablet .button-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--valentino);
  border-radius: 8px;
  box-shadow: 0px 1px 2px #0000000d;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  margin-bottom: -108.00px;
  padding: 16px 32px;
  position: relative;
  width: 100%;
}

.tablet .enviar-4 {
  letter-spacing: 0;
  margin-top: -1.00px;
}

.tablet .participe-4 {
  height: 125px;
  left: 66px;
  letter-spacing: 0;
  line-height: 48.5px;
  position: absolute;
  top: 55px;
  width: 461px;
}

.tablet .qual-o-desafio-da-sua-cidade-5 {
  height: 311px;
  left: 66px;
  letter-spacing: 0;
  line-height: 48.5px;
  position: absolute;
  top: 55px;
  width: 461px;
}

.tablet .eventos2 {
  height: 967px;
  position: relative;
  width: 770px;
}

.tablet .overlap-group5-2 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 247px;
  left: 0;
  min-height: 967px;
  padding: 112px 77px;
  position: absolute;
  top: 0;
  width: 768px;
}

.tablet .participe-do-laname-2 {
  letter-spacing: 0;
  line-height: 30.8px;
  margin-top: 244px;
  min-height: 183px;
  width: 583px;
}

.tablet .botao-6 {
  background-color: var(--vermilion);
  border-radius: 20px;
  box-shadow: 0px 4px 4px #00000040;
  display: inline-flex;
  gap: 10px;
  padding: 20px 25px;
  position: relative;
}

.tablet .inscreva-se-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.tablet .eventos-5 {
  color: var(--vermilion);
  font-family: var(--font-family-rubik);
  font-size: 64px;
  font-weight: 700;
  left: 77px;
  line-height: 70.4px;
  position: absolute;
  top: 75px;
}

.tablet .lanamento-bssola-2-2 {
  left: 77px;
  letter-spacing: 0;
  line-height: 52.8px;
  position: absolute;
  top: 170px;
}

.tablet .data-16-de-setembro-2 {
  left: 77px;
  letter-spacing: 0;
  line-height: 35.2px;
  position: absolute;
  top: 538px;
}

.tablet .local-crisantempo-2 {
  left: 77px;
  letter-spacing: 0;
  line-height: 35.2px;
  position: absolute;
  top: 641px;
  width: 515px;
}

.tablet .news-1 {
  align-items: flex-start;
  display: flex;
  height: 511px;
  min-width: 772px;
}

.tablet .overlap-group4-2 {
  align-items: center;
  background-color: var(--pampas);
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 511px;
  padding: 91px 78px;
  width: 768px;
}

.tablet .continue-se-atualizando-2 {
  align-self: flex-start;
  letter-spacing: -0.80px;
  line-height: normal;
  margin-top: 1px;
  min-height: 48px;
  text-align: center;
  width: 582px;
}

.tablet .assine-a-nossa-newsl-2 {
  color: var(--tundora);
  font-weight: 400;
  height: 92px;
  line-height: 36px;
  margin-right: 30.0px;
  text-align: center;
  width: 454px;
}

.tablet .submit-button-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  margin-right: 30.0px;
  position: relative;
  width: 326px;
}

.tablet .field-8 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  margin-left: -0.50px;
  margin-right: -0.50px;
  padding: 16px;
  width: 327px;
}

.tablet .label-5 {
  line-height: 30px;
  white-space: nowrap;
  width: fit-content;
}

.tablet .button-new-2 {
  align-items: center;
  background-color: var(--amber);
  border-color: var(--amber);
  border-radius: 8px;
  box-shadow: 0px 1px 2px #0000000d;
  display: flex;
  gap: 8px;
  height: 62px;
  justify-content: center;
  padding: 24px 32px;
  position: relative;
  width: 162px;
}

.tablet .enviar-5 {
  color: var(--white);
  font-weight: 500;
  margin-bottom: -7.00px;
  margin-top: -9.00px;
}

.tablet .parceiros-1 {
  align-items: flex-start;
  display: flex;
  height: 912px;
  min-width: 770px;
}

.tablet .overlap-group2-2 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-height: 912px;
  padding: 56.5px 39px;
  width: 768px;
}

.tablet .participantes-e-parceiros-2 {
  letter-spacing: 0;
  line-height: 52.8px;
  min-height: 46px;
  white-space: nowrap;
  width: 650px;
}

.tablet .ids-2 {
  align-self: center;
  height: 51px;
  margin-left: 62.0px;
  margin-top: 50px;
  object-fit: cover;
  width: 186px;
}

.tablet .logos-vertical-1-1 {
  height: 542px;
  margin-right: 36px;
  margin-top: 88px;
  object-fit: cover;
  width: 610px;
}

.tablet .doacao-1 {
  align-items: flex-start;
  display: flex;
  height: 622px;
  margin-left: 4px;
  min-width: 766px;
}

.tablet .overlap-group3-2 {
  align-items: flex-start;
  background-color: var(--vermilion);
  display: flex;
  flex-direction: column;
  gap: 62px;
  min-height: 622px;
  padding: 117px 34px;
  width: 764px;
}

.tablet .quer-ajudar-as-propo-2 {
  height: 177px;
  letter-spacing: 0;
  line-height: 48.5px;
  text-align: center;
  width: 691px;
}

.tablet .get-vaccine-10 {
  align-self: center;
  background-color: var(--valentino);
  margin-right: 29.0px;
}

.tablet .clique-aqui-e-faa-uma-doao-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.tablet .rodape-1 {
  align-items: flex-start;
  display: flex;
  margin-left: 4px;
  min-width: 768px;
}

.tablet .overlap-group1-2 {
  height: 457px;
  position: relative;
  width: 764px;
}

.tablet .overlap-group-5 {
  align-items: flex-start;
  background-color: var(--valentino);
  display: flex;
  flex-direction: column;
  gap: 64px;
  left: 0;
  min-height: 457px;
  padding: 65px 59px;
  position: absolute;
  top: 0;
  width: 764px;
}

.tablet .ssola-container-4 {
  align-items: center;
  display: flex;
  gap: 32px;
  min-width: 379px;
}

.tablet .bussola-amarela-2 {
  height: 151px;
  object-fit: cover;
  width: 150px;
}

.tablet .bssola-para-as-eleies-2024-2 {
  color: var(--white);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-s);
  font-weight: 500;
  height: 93px;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 2.0px;
  width: 197px;
}

.tablet .idsidsbrasilorg-11-3071-0434-2 {
  align-self: center;
  height: 106px;
  letter-spacing: 0;
  line-height: 30px;
  margin-right: 1.0px;
  width: 173px;
}

.tablet .flex-row-11 {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  height: 40px;
  left: 553px;
  min-width: 136px;
  position: absolute;
  top: 118px;
}

.tablet .link-2 {
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 40px;
  min-width: 40px;
  padding: 0 10px;
}

.tablet .icon-4 {
  height: 20px;
  width: 20px;
}

.tablet .icon-5 {
  height: 14px;
  width: 20px;
}

.tablet .botao {
  align-items: flex-start;
  cursor: pointer;
}

.tablet .enviar {
  line-height: 30px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tablet .eventos {
  letter-spacing: 0;
  white-space: nowrap;
}

.tablet .field {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--bon-jour);
  border-radius: 8px;
  box-shadow: 0px 1px 2px #0000000d;
  position: relative;
}

.tablet .get-vaccine {
  align-items: flex-start;
  border-radius: 20px;
  box-shadow: 0px 4px 4px #00000040;
  display: inline-flex;
  gap: 10px;
  padding: 20px 25px;
  position: relative;
}

.tablet .input {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.tablet .label {
  color: var(--gray);
  font-weight: 500;
  margin-top: -1.00px;
  position: relative;
}
@media screen and (max-width: 766px) {
  .screen.desktop-all-breakpoints { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
}
@media screen and (min-width: 767px) and (max-width: 1444px) {
  .screen.desktop-all-breakpoints { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
}
@media screen and (min-width: 1445px) {
  .screen.mobile { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
}