body {
  background-color: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden; /* Para evitar scroll horizontal */
}

.navbar_mobile {
  display: none;
}

div.navbar {
  position: fixed;
  top: 0;
  gap: 3vw;
  width: 100%;
  height: auto;
  z-index: 10000; /* Makes sure the navbar is above other elements */
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 174, 0, 0.9); /* Adds an orange tone with slight transparency */
  border: 0.0325em solid hsl(0, 0%, 7%);
  box-shadow: 0.1em 0.1em 0 rgba(0, 0, 0, 0.55);
}

img.Best_logo {
  width: 7.5em; /* Increase size */
  height: auto; /* Maintain aspect ratio */
  max-height: none; /* Remove navbar restrictions */
}

div.navbar a {
  color: white;
  text-decoration: none;
  height: 1.4em; /* Increase height */
  background-color: #FFAE00;
  padding: 0.5em 2em;
  border-radius: 1.1em;
  font-size: 1.5em;
  border: 0.0215em solid hsl(0, 0%, 7%);
  box-shadow: 0.060em 0.06em 0 rgba(0, 0, 0, 0.45);
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center; /* Centers vertically */
}

div.navbar a:hover {
  transform: scale(1.08);
  transition: all 0.2s ease-in-out;
  filter: brightness(90%); /* Darkens the button slightly */
}

div.navbar a:active {
  transform: scale(1.08);
  transition: all 0.2s ease-in-out;
  filter: brightness(85%); /* Darkens the button slightly */
}

/* Criamos um espaço de referência invisível */
#home_nav {
  position: absolute;
  top: 0%; /* Ajuste conforme necessário */
  left: 0;
  width: 100%;
  height: 0.0625em; /* Pequeno, só para ser um alvo de rolagem */
}

img.BEE_logo {
  width: 50.5em; /* Adjust the width as needed */
  height: auto; /* Maintain aspect ratio */
  position: absolute;
  top: 30%;
  left: 52%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}


div.hexagono_principal {
  background: rgb(194, 25, 28);
  width: 24.75em;
  height: 24.75em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 87.25%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

p.hexagono_principal_texto {
  color: hsl(0, 0%, 100%);
  text-align: center;
  margin: 0;
  padding: 1em;
  font-size: 4.0625em;
  font-weight: 800;
  font-weight: bold;
}

div.hexagono_1 {
  background: rgb(230, 113, 103);
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 70%;
  left: 0%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_2 {
  background: rgb(253, 178, 14);
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 70%;
  left: 20%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_3 {
  background: rgb(230, 113, 103);
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 102.5%;
  left: 10%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

img.Ellipse1 {
  position: absolute;
  top: 65%;
  left: 3%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}

img.Ellipse2 {
  position: absolute;
  top: 50%;
  left: 28%;
  transform: translate(-50%, -50%);
}

img.Ellipse3 {
  position: absolute;
  top: 110%;
  left: 10%;
  transform: translate(-50%, -50%);
}

img.Ellipse4 {
  position: absolute;
  top: 90%;
  left: 15%;
  transform: translate(-50%, -50%);
}

img.Ellipse5 {
  position: absolute;
  top: 82%;
  left: 12%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

div.hexagono_4 {
  background: rgb(225, 77, 67);
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 60%;
  left: 96%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_5 {
  background: rgb(253, 178, 14);
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 92.5%;
  left: 86%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_6 {
  background: rgb(253, 244, 127);
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 92.5%;
  left: 106%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_7 {
  background: rgb(225, 77, 67);
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 125%;
  left: 76%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_8 {
  background-image: url("Hexagono1.png");
  background-size: cover;
  background-position: center;
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 157.5%; /* Ajuste estes valores para posicionar o hexágono */
  left: 86%; /* Ajuste estes valores para posicionar o hexágono */
  transform: translate(-50%, -50%); /* Centraliza o hexágono */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_extra {
  background: rgb(230, 113, 103);
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 157.5%;
  left: 66%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_extra2 {
  background: rgb(253, 178, 14);
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 190%;
  left: 56%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_extra3 {
  background-image: url("hexagono_extra.png");
  background-size: cover;
  background-position: center;
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 222.5%;
  left: 46%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_9 {
  background: rgb(225, 77, 67);
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 190%;
  left: 76%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_10 {
  background: rgb(230, 113, 103);
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 222.5%;
  left: 66%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_11 {
  background-image: url("Hexagono\ 2\ imagem.png");
  background-size: cover;
  background-position: center;
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 255%;
  left: 76%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_12 {
  background: rgb(253, 178, 14);
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 255%;
  left: 56%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_13 {
  background: rgb(230, 113, 103);
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 255%;
  left: 36%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_14 {
  background-image: url("Hexagono3.png");
  background-size: cover;
  background-position: center;
  width: 16.25em;
  height: 16.25em;
  display: flex;
  position: absolute;
  top: 287.5%;
  left: 26%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

img.imagem_abelha {
  position: absolute;
  width: 14.5%;
  height: auto;
  top: 59%;
  left: 96%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}

img.imagem_abelha2 {
  position: absolute;
  width: 17%;
  height: auto;
  top: 190%;
  left: 55.5%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}

img.imagem_data7812 {
  position: absolute;
  top: 125%;
  left: 76%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}


div.botao_apply2 {
  width: 18em;
  height: 6.125em;
  padding: 2.5em;
  position: absolute;
  top: 92.5%;
  left: 86%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center; /* Centers vertically */
}
.botao_apply_texto2 {
  color: hsl(0, 0%, 100%);
  background: rgb(254, 188, 46);
  text-align: center;
  margin: 0;
  font-size: 2.575em;
  font-weight: 800;
  text-decoration: none;
  border-radius: 0.5em;
  cursor: pointer;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

div.bloco_texto1 {
  background: linear-gradient(to top, rgb(246, 150, 1), rgb(201, 38, 13));
  width: 34.375em;
  height: fit-content;
  border-radius: 1.125em;
  border: 0.0625em solid hsl(0, 0%, 7%);
  box-shadow: 0.15em 0.15em 0 rgba(0, 0, 0, 0.3);
  padding: 1.5em;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 150%;
  left: 17.4%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}


h2.titulo_texto {
  color: hsl(0, 0%, 100%);
  text-align: center;
  margin: 0;
  padding: 0.175em;
  font-size: 1.875em;
  font-weight: bold;
}

p.bloco_texto1_texto {
  color: hsl(0, 0%, 100%);
  text-align: justify;
  padding: 0.1875em;
  margin: 0;
  font-size: 1.375em;
}

p.bloco_texto2_texto {
  color: hsl(0, 0%, 100%);
  text-align: justify;
  padding: 0.1875em;
  margin: 0;
  font-size: 1.375em;
  margin-bottom: 1em; /* Espaço extra entre parágrafo e lista */
  margin-top: 1em; /* Espaço extra entre parágrafo e lista */
}

p.bloco_texto3_texto {
  color: hsl(0, 0%, 100%);
  text-align: justify;
  padding: 0.1875em;
  margin: 0;
  font-size: 1.575em;
  margin-bottom: 0.5em; /* Espaço extra entre parágrafo e lista */
  margin-bottom: 0.5em; /* Espaço extra entre parágrafo e lista */
}


ul.bloco_texto3_lista {
  color: hsl(0, 0%, 100%);
  text-align: justify;
  margin: 0;
  font-size: 1.375em;
  margin-bottom: 1em; /* Espaço extra entre parágrafo e lista */
  margin-top: 1em; /* Espaço extra entre parágrafo e lista */
}

ul.bloco_texto4_lista {
  color: hsl(0, 0%, 100%);
  text-align: justify;
  margin: 0;
  font-size: 1.675em;
  margin-bottom: 0.5em; /* Espaço extra entre parágrafo e lista */
  margin-top: 0.5em; /* Espaço extra entre parágrafo e lista */
}

div.lampada-container-esquerda {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 180.5%;
  left: 2.7%;
  gap: 3.4375em;
}

img.lampada {
  width: 6.25em; /* Adjust the width as needed */
  height: auto; /* Maintain aspect ratio */
}

img.lampada1 {
  width: 4.75em; /* Adjust the width as needed */
  height: auto; /* Maintain aspect ratio */
}


img.lampada3 {
  width: 6.25em; /* Adjust the width as needed */
  height: auto; /* Maintain aspect ratio */
}


div.bloco_texto2 {
  background: linear-gradient(to right, rgb(246, 150, 1), rgb(201, 38, 13));
  width: 37.5em;
  height: fit-content;
  border-radius: 1.125em;
  border: 0.0625em solid hsl(0, 0%, 7%);
  box-shadow: 0.15em 0.15em 0 rgba(0, 0, 0, 0.3);
  padding: 1.5em;
  display: flex;
  flex-direction: column;
  position: absolute;
  text-align: center; 
  top: 194%;
  left: 81.1%;
  transform: translate(-50%, -50%);
}



div.moeda-container-direita {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 212.5%;
  left: 89%;
  gap: 1.25em;
}

img.Moeda {
  width: 6.25em;
  height: auto;
}

div.bloco_texto3 {
  background: linear-gradient(to bottom, #FFAE00, #BF0C0F);
  width: 34.375em;
  height: fit-content;
  border-radius: 1.125em;
  border: 0.0625em solid hsl(0, 0%, 7%);
  box-shadow: 0.15em 0.15em 0 rgba(0, 0, 0, 0.3);
  padding: 1.5em;
  display: flex;
  flex-direction: column;
  text-align: center; 
  position: absolute;
  top: 230.25%;
  left: 17.4%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}


div.bloco_texto4 {
  background: linear-gradient(to left, rgb(246, 150, 1), rgb(201, 38, 13));
  width: 56.25em;
  height: fit-content;
  border-radius: 1.125em;
  padding: 1.5em;
  border: 0.0625em solid hsl(0, 0%, 7%);
  box-shadow: 0.15em 0.15em 0 rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 300%;
  left: 71.5%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}


.botao_apply_texto {
  color: hsl(0, 0%, 100%);
  text-align: center;
  margin: 0;
  padding: 0.375em;
  font-size: 3.875em;
  font-weight: bold;
  text-decoration: none; /* Removes underline */
}

div.botao_apply {
  background: linear-gradient(to right, rgb(201, 38, 13), rgb(246, 150, 1));
  width: 70em;
  height: 6.125em;
  border-radius: 3.125em;
  border: 0.0625em solid hsl(0, 0%, 7%);
  box-shadow: 0.25em 0.25em 0 rgba(0, 0, 0, 0.5);
  padding: 2.5em;
  position: absolute;
  top: 345%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center; /* Centers vertically */
}


div.learn_more {
  background: linear-gradient(to right, rgb(201, 38, 13), rgb(246, 150, 1));
  width: 70em;
  height: 6.125em;
  border-radius: 3.125em;
  border: 0.0625em solid hsl(0, 0%, 7%);
  box-shadow: 0.25em 0.25em 0 rgba(0, 0, 0, 0.5);
  padding: 2.5em;
  position: absolute;
  top: 365%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center; /* Centers vertically */
}

div.Regulations {
  background: linear-gradient(to right, rgb(201, 38, 13), rgb(246, 150, 1));
  width: 70em;
  height: 6.125em;
  border-radius: 3.125em;
  border: 0.0625em solid hsl(0, 0%, 7%);
  box-shadow: 0.25em 0.25em 0 rgba(0, 0, 0, 0.5);
  padding: 2.5em;
  position: absolute;
  top: 385%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center; /* Centers vertically */
}


/* Criamos um espaço de referência invisível */
#prizes_nav {
  position: absolute;
  top: 405%; /* Ajuste conforme necessário */
  left: 0;
  width: 100%;
  height: 0.0625em;
}

h2.Prizes_Header_Text {
  color: white;
  background-color: rgb(253, 178, 14);
  margin-top: 0.0625em;
  padding: 0.675em 3em;
  border-radius: 1em;
  font-size: 2.5em;
  position: absolute;
  top: 420%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}

div.lampada_Prizes1 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 410%;
  left: 6.5%;
  gap: 3.4375em;
}

div.lampada_Prizes2 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 410%;
  left: 67%;
  gap: 3.4375em;
}

div.Prizes {
  background: linear-gradient(to bottom, rgb(246, 150, 1), rgb(201, 38, 13));
  width: 75em;
  height: 50em;
  border-radius: 1.125em;
  padding: 1.875em;
  border: 0.0625em solid hsl(0, 0%, 7%);
  box-shadow: 0.25em 0.25em 0 rgba(0, 0, 0, 0.5);
  position: absolute;
  transform: translate(-50%, -50%); /* Center the hexagon */
  top: 500%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

div.hexagono_Prizes1 {
  background: hsl(0, 0%, 100%);
  width: 16.25em;
  height: 16.25em;
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  position: absolute;
  top: 8%;
}

div.hexagono_Prizes_linha_baixo {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 49%;
  transform: translate(-50%, -50%);
  left: 50%;
  gap: 2em;
}

div.hexagono_Prizes2 {
  background: hsl(0, 0%, 100%);
  width: 16.25em;
  height: 16.25em;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_Prizes3 {
  background: hsl(0, 0%, 100%);
  width: 16.25em;
  height: 16.25em;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

p.Prizes_texto {
  color: rgb(253, 178, 14);
  text-align: center;
  font-size: 1.875em;
  font-weight: bold;
  margin: 0;
  padding: 0.375em;
  position: relative;
  top: -2em; /* Move text slightly up */
  z-index: 100;
}

p.Prizes_texto2 {
  color: rgb(253, 178, 14);
  text-align: center;
  font-size: 1.875em;
  font-weight: bold;
  margin: 0;
  padding: 0.375em;
  position: relative;
  top: 1.5em; /* Move text slightly up */
  z-index: 100;
}

/* Criamos um espaço de referência invisível */
#schedule_nav {
  position: absolute;
  top: 396%; /* Ajuste conforme necessário */
  left: 0;
  width: 100%;
  height: 1px;
}

h2.schedule_Header_Text {
  color: white;
  background-color: rgb(194, 25, 28);
  margin-top: 0.0625em;
  padding: 0.675em 3em;
  border-radius: 1em;
  font-size: 2.5em;
  font-weight: 700;
  align-items: center;
  position: absolute;
  top: 420%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}

div.Moeda_Schedule1 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 409%;
  left: 5%;
  gap: 3.4375em;
}

div.Moeda_Schedule2 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 409%;
  left: 68%;
  gap: 3.4375em;
}

div.Schedule {
  width: 100em;
  height: 75em;
  border-radius: 1.125em;
  padding: 1.875em;
  position: absolute;
  transform: translate(-50%, -50%); /* Center the hexagon */
  top: 485%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Schedule .horario {
  width: 90%;
  height: auto;
}

#Categories_nav {
  position: absolute;
  top: 750%;
  left: 0;
  width: 100%;
  height: 0.0625em;
}

h2.Categories_Header_Text {
  color: white;
  background-color: rgb(194, 25, 28);
  margin-top: 0.0625em;
  padding: 0.675em 3em;
  border-radius: 1em;
  font-size: 2.5em;
  align-items: center;
  position: absolute;
  top: 765%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}

div.Categories {
  display: flex; /* Places items in a row */
  position: absolute;
  transform: translate(-50%, -50%); /* Center the hexagon */
  top: 830%;
  left: 50%;
  gap: 3.4375em;
}

a.Bloco_1 {
  background: linear-gradient(to bottom, rgb(201, 38, 13), rgb(246, 150, 1));
  width: 25em;
  height: 37.5em;
  border-radius: 1.125em;
  padding: 1.875em;
  border: 0.0625em solid hsl(0, 0%, 7%);
  box-shadow: 0.25em 0.25em 0 rgba(0, 0, 0, 0.5);
}

a.Bloco_2 {
  background: linear-gradient(to bottom, rgb(201, 38, 13), rgb(246, 150, 1));
  width: 25em;
  height: 37.5em;
  border-radius: 1.125em;
  padding: 1.875em;
  border: 0.0625em solid hsl(0, 0%, 7%);
  box-shadow: 0.25em 0.25em 0 rgba(0, 0, 0, 0.5);
}

a.Bloco_3 {
  background: linear-gradient(to bottom, rgb(201, 38, 13), rgb(246, 150, 1));
  width: 25em;
  height: 37.5em;
  border-radius: 1.125em;
  padding: 1.875em;
  border: 0.0625em solid hsl(0, 0%, 7%);
  box-shadow: 0.25em 0.25em 0 rgba(0, 0, 0, 0.5);
}

#FAQ_nav {
  position: absolute;
  top: 540%; /* Ajuste conforme necessário */
  left: 0;
  width: 100%;
  height: 0.0625em; /* Pequeno, só para ser um alvo de rolagem */
}

h2.FAQ_Header_Text {
  color: white;
  background-color: rgb(253, 178, 14);
  margin-top: 0.0625em;
  padding: 0.675em 3em;
  border-radius: 1em;
  font-size: 2.5em;
  font-weight: 700;
  align-items: center;
  position: absolute;
  top: 565%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}

div.lampada_FAQ1 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 554%;
  left: 6.5%;
  gap: 3.4375em;
}

div.lampada_FAQ2 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 554%;
  left: 67%;
  gap: 3.4375em;
}

div.FAQ {
  background: linear-gradient(to bottom, rgb(246, 150, 1), rgb(201, 38, 13));
  width: 75em;
  height: 45em;
  border-radius: 1.125em;
  padding: 1.875em;
  border: 0.0625em solid hsl(0, 0%, 7%);
  box-shadow: 0.25em 0.25em 0 rgba(0, 0, 0, 0.5);
  position: absolute;
  transform: translate(-50%, -50%); /* Center the hexagon */
  top: 640%;
  left: 50%;
  display: flex;
  flex-direction: column; /* Align content in columns */
  justify-content: center;
  align-items: left;
}

h2.FAQ_pergunta {
  color: hsl(0, 0%, 100%);
  text-align: justify;
  margin: 0;
  padding: 0.375em;
  font-size: 2em;
  cursor: pointer; /* Makes it clickable */
}

.FAQ_resposta {
  max-height: 0em;
  overflow: hidden; /* Properly hides content */
  color: white;
  font-size: 1.25em;
  padding-left: 0.5em;
  transition: all 0.3s ease-in-out;
}

.FAQ_resposta.show {
  max-height: 10em; /* Adjust for longer answers */
  padding-top: 1em;
  padding-bottom: 1em;
}

#Partners_nav {
  position: absolute;
  top: 690%;
  left: 0;
  width: 100%;
  height: 0.0625em;
}

div.Partners {
  position: absolute;
  transform: translate(-50%, -50%); /* Center the hexagon */
  top: 720%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.4375em;
  display: hide;
}

h2.Partners_Header_Text {
  color: white;
  background-color: rgb(194, 25, 28);
  margin-top: 0.0625em;
  padding: 0.675em 3em;
  border-radius: 1em;
  font-size: 2.5em;
  font-weight: 700;
  display: hide;
}

div.Supporters {
  position: absolute;
  transform: translate(-50%, -50%); /* Center the hexagon */
  top: 775%;
  left: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3.4375em;
  width: 100%; /* Ensure the container allows the image to grow */
  max-width: none; /* Remove any max-width constraints */
}


h2.Supporters_Header_Text {
  color: white;
  background-color: rgb(253, 178, 14);
  margin-top: 0.0625em;
  padding: 0.675em 3em;
  border-radius: 1em;
  font-size: 2.5em;
  font-weight: 700;
}

.Partner_img {
  width: 45em; /* Adjust the width as needed */
  height: auto; /* Maintain aspect ratio */
  display: hide;
}

.Supporters_img {
  width: 70em; /* Increased from 45em */
  height: auto; /* Maintain aspect ratio */
}

#Team_nav {
  position: absolute;
  top: 840%;
  left: 0;
  width: 100%;
  height: 0.0625em;
}

h2.Team_Header_Text {
  color: white;
  background-color: rgb(194, 25, 28);
  margin-top: 0.0625em;
  padding: 0.675em 3em;
  border-radius: 1em;
  font-size: 2.5em;
  font-weight: 700;
  align-items: center;
  position: absolute;
  top: 860%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}

div.Fila_Hexagonos_1 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 895%;
  transform: translate(-50%, -50%);
  left: 51.25%;
  gap: 0em;
}

div.Fila_Hexagonos_2 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 925.5%;
  transform: translate(-50%, -50%);
  left: 51.25%;
  gap: 0em;
}

div.Fila_Hexagonos_3 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 985.5%;
  transform: translate(-50%, -50%);
  left: 51.25%;
  gap: 0em;
  display: none;
}

.hexagon-wrapper {
  position: relative;
  width: 18em;
  height: 18em;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.hexagon-wrapper_extra {
  position: relative;
  width: 18em;
  height: 18em;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.footer {
  position: absolute;
  top: 965%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}


div.hexagono_MO {
  background-image: url("Foto\ Quitans\ 1.png");
  background-size: cover;
  background-position: center;
  position: relative;
  width: 16.25em;
  height: 16.25em;
  z-index: 5;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_Secretary {
  background-image: url("Foto\ Matilde\ 1.png");
  background-size: cover;
  background-position: center;
  position: relative;
  width: 16.25em;
  height: 16.25em;
  z-index: 5;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_Logistics {
  background-image: url("Foto\ Mariana\ 1.png");
  background-size: cover;
  background-position: center;
  position: relative;
  width: 16.25em;
  height: 16.25em;
  z-index: 5;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_video_editor {
  background-image: url("Foto\ Francisco\ \ 1.png");
  background-size: cover;
  background-position: center;
  position: relative;
  width: 16.25em;
  height: 16.25em;
  z-index: 5;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_Topic {
  background-image: url("Foto\ Falcão\ 1.png");
  background-size: cover;
  background-position: center;
  position: relative;
  width: 16.25em;
  height: 16.25em;
  z-index: 5;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_Design {
  background-image: url("Foto\ Luis\ 1.png");
  background-size: cover;
  background-position: center;
  position: relative;
  width: 16.25em;
  height: 16.25em;
  z-index: 5;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_Pr {
  background-image: url("Foto\ Confraria\ 1.png");
  background-size: cover;
  background-position: center;
  position: relative;
  width: 16.25em;
  height: 16.25em;
  z-index: 5;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_IT {
  background-image: url("Foto\ Charneca\ \(1\)\ 1.png");
  background-size: cover;
  background-position: center;
  position: relative;
  width: 16.25em;
  height: 16.25em;
  z-index: 5;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

div.hexagono_CR {
  background-image: url("Foto\ Sofia.png");
  background-size: cover;
  background-position: center;
  position: relative;
  width: 16.25em;
  height: 16.25em;
  z-index: 5;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.MO {
  position: absolute;
  top: 70%;
  left: 72%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

.MO_maior {
  position: absolute;
  top: 72%;
  left: 67%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

.MO_wierd {
  position: absolute;
  top: 71%;
  left: 67%;
  transform: translate(-50%, -50%);
  z-index: 100;
}