* {
  box-sizing: border-box;
}

body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  background: rgb(244, 243, 239);
  min-height: 100vh; /* ✅ This allows scrolling */
  font-family: 'Figtree', sans-serif;
  overflow-x: hidden; /* Prevent horizontal scrolling */
  position: relative; /* Ensure proper positioning */
}

.navbar {
  display: none;
}

/* Navbar mobile container (now invisible) */
.navbar_mobile {
  position: relative;
  padding: 1em;
  z-index: 10000; /* Makes sure the navbar is above other elements */
  display: none;
}

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

p.Logo_principal_texto1 {
  color: rgb(225, 77, 67);
  font-size: 2.88vh;
  position: absolute;
  top: 10%;
  left: 70%;
  transform: translate(-50%, -50%); /* Centraliza o texto */
  font-weight: 800;
}

div.hexagono_principal {
  background: rgb(194, 25, 28);
  width: 21.6vh; /* Converted from 12em */
  height: 21.6vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  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: 1.8vh;
  font-size: 3.6625vh;
  font-weight: 800;
}

div.hexagono_1 {
  background: rgb(230, 113, 103);
  width: 15vh;
  height: 15vh;
  display: flex;
  position: absolute;
  top: 59%;
  left: 11.5%;
  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(255, 194, 61);
  width: 15vh;
  height: 15vh;
  display: flex;
  position: absolute;
  top: 45%;
  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_3 {
  background: rgb(230, 113, 103);
  width: 15vh;
  height: 15vh;
  display: flex;
  position: absolute;
  top: 31%;
  left: 11.5%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  overflow-x: hidden;
}

img.Ellipse2 {
  position: absolute;
  width: 9%; /* Set width to 90% */
  height: auto;
  top: 23%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

img.Ellipse5 {
  position: absolute;
  width: 45%; /* Set width to 90% */
  height: auto;
  top: 37%;
  left: 22.5%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

img.Ellipse1 {
  position: absolute;
  width: 12%; /* Set width to 90% */
  height: auto;
  top: 32%;
  left: 7%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

img.Ellipse3 {
  position: absolute;
  width: 8%; /* Set width to 90% */
  height: auto;
  top: 48%;
  left: 16%;
  transform: translate(-50%, -50%);
  z-index: 1020;
}

div.hexagono_4 {
  background: rgb(225, 77, 67);
  width: 15vh;
  height: 15vh;
  display: flex;
  position: absolute;
  top: 59%;
  left: 88.5%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  overflow-x: hidden;
}

div.hexagono_5 {
  background: rgb(253, 178, 14);
  width: 15vh;
  height: 15vh;
  display: flex;
  position: absolute;
  top: 45%;
  left: 100%;
  transform: translate(-50%, -50%);
  clip-path: polygon(
    0% 25%,
    /* upper left */ 50% 0%,
    /* top center */ 50% 100%,
    /* bottom center */ 0% 75% /* lower left */
  );
}

div.hexagono_6 {
  background: rgb(225, 77, 67);
  width: 15vh;
  height: 15vh;
  display: flex;
  position: absolute;
  top: 31%;
  left: 88.5%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  overflow-x: hidden;
}

img.imagem_abelha {
  position: absolute;
  width: 11.7vh; /* Converted from 6.5em */
  height: 11.7vh;
  top: 58.8%;
  left: 88%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}

div.hexagono_7 {
  background-image: url('Hexagono1.png');
  background-size: cover;
  background-position: center;
  width: 15vh;
  height: 15vh;
  display: flex;
  position: absolute;
  top: 73%;
  left: 75%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  overflow-x: hidden;
}

div.hexagono_8 {
  background-image: url('Hexagono\ 2\ imagem.png');
  background-size: cover;
  background-position: center;
  width: 12vh;
  height: 12vh;
  display: flex;
  position: absolute;
  top: 100%;
  left: 85%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  overflow-x: hidden;
}




div.hexagono_extra {
  background-image: url('hexagono_extra.png');
  background-size: cover;
  background-position: center;
  width: 12vh;
  height: 12vh;
  display: flex;
  position: absolute;
  top: 112%;
  left: 70%;
  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-image: url('Hexagono3.png');
  background-size: cover;
  background-position: center;
  width: 15vh;
  height: 15vh;
  display: flex;
  position: absolute;
  top: 128%;
  left: 18%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  overflow-x: hidden;
}

.Ellipse4 {
  position: absolute;
  width: 9%; /* Set width to 90% */
  height: auto;
  top: 109%;
  left: 92%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

div.bloco_texto1 {
  background: linear-gradient(to top, #FFAE00, #BF0C0F);
  width: 55%;
  border-radius: 2.025vh;
  border: 0.1125vh solid hsl(0, 0%, 7%);
  box-shadow: 0.27vh 0.27vh 0 rgba(0, 0, 0, 0.3);
  padding: 1.2vh 2.7vh;
  display: block; /* ou remover display: flex */
  position: absolute;
  top: 76.5%;
  left: 24%;
  transform: translate(-50%, -50%);
}

h2.titulo_texto {
  color: hsl(0, 0%, 100%);
  text-align: center;
  margin: 0;
  font-size: 1.45vh; /* Converted from 0.645em */
  font-weight: bold;
}

p.bloco_texto1_texto {
  color: hsl(0, 0%, 100%);
  text-align: justify;
  margin: 0;
  padding: 0.0675vh; /* Converted from 0.0375em */
  font-size: 1.1vh; /* Converted from 0.645em */
}

p.bloco_texto2_texto {
  color: hsl(0, 0%, 100%);
  text-align: justify;
  padding: 0.0675vh; /* Converted from 0.0375em */
  font-size: 1.1vh; /* Converted from 0.645em */
  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.0675vh; /* Converted from 0.0375em */
  font-size: 1.1vh; /* Converted from 0.645em */
  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;
  font-size: 1.1vh; /* Converted from 0.645em */
  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;
  font-size: 1.15vh; /* Converted from 0.645em */
  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: 89.3%;
  left: 25%;
  gap: 2.3vh; /* Converted from 0.7em */
  transform: translate(-50%, -50%); /* Center the hexagon */
}

img.lampada {
  width: 4.05vh; /* Converted from 2.25em */
  height: auto; /* Maintain aspect ratio */
}

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


img.lampada3 {
  width: 4.05vh; /* Converted from 2.25em */
  height: auto; /* Maintain aspect ratio */
  display: none; /* Hide these elements */
}

div.bloco_texto2 {
  background: linear-gradient(to right, #FFAE00, #BF0C0F);
  width: 48%; /* Converted from 12em */
  height: fit-content; /* Converted from 8.2em */
  border-radius: 2.025vh; /* Converted from 1.125em */
  border: 0.1125vh solid hsl(0, 0%, 7%); /* Converted from 0.0625em */
  box-shadow: 0.27vh 0.27vh 0 rgba(0, 0, 0, 0.3); /* Converted from 0.15em */
  padding: 1.26vh; /* Converted from 0.7em */
  padding-right: 2.7vh; /* Converted from 1.5em */
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 88%;
  left: 80%;
  transform: translate(-50%, -50%);
}

div.bloco_texto3 {
  background: linear-gradient(to bottom, #FFAE00, #BF0C0F);
  width: 55%; /* Converted from 12em */
  height: fit-content; /* Converted from 8.5em */
  border-radius: 2.025vh; /* Converted from 1.125em */
  border: 0.1125vh solid hsl(0, 0%, 7%); /* Converted from 0.0625em */
  box-shadow: 0.27vh 0.27vh 0 rgba(0, 0, 0, 0.3); /* Converted from 0.15em */
  padding: 1.62vh; /* Converted from 0.9em */
  padding-left: 2.7vh; /* Converted from 1.5em */
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 105%;
  left: 24%;
  transform: translate(-50%, -50%);
}


div.bloco_texto4 {
  background: linear-gradient(to left, #FFAE00, #BF0C0F);
  width: 69%; /* Converted from 12em */
  height: fit-content; /* Converted from 8.2em */
  border-radius: 2.025vh; /* Converted from 1.125em */
  border: 0.1125vh solid hsl(0, 0%, 7%); /* Converted from 0.0625em */
  box-shadow: 0.27vh 0.27vh 0 rgba(0, 0, 0, 0.3); /* Converted from 0.15em */
  padding: 1.26vh; /* Converted from 0.7em */
  padding-right: 2.7vh; /* Converted from 1.5em */
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 128%;
  left: 70%;
  transform: translate(-50%, -50%);
}

div.botao_apply2 {
  width: 18.8vh; /* Converted from 18em */
  height: 9.8vh; /* Converted from 6.125em */
  padding: 4vh; /* Converted from 2.5em */
  position: absolute;
  top: 31%;
  left: 87%;
  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(236, 87, 76);
  text-align: center;
  margin: 0;
  padding: 0.6vh; /* Converted from 0.375em */
  font-size: 2.0625vh;
  font-weight: 800;
  text-decoration: none; /* Removes underline */
  border-radius: 0.675vh;
  cursor: pointer;
  box-shadow: 0 2.5px 4px rgba(0, 0, 0, 0.19);
}


.botao_apply_texto {
  color: hsl(0, 0%, 100%);
  text-align: center;
  margin: 0;
  padding: 0.675vh; /* Converted from 0.375em */
  font-size: 3.075vh;
  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: 80%;
  height: 3.825vh; /* Converted from 2.125em */
  border-radius: 5.625vh; /* Converted from 3.125em */
  border: 0.1125vh solid hsl(0, 0%, 7%); /* Converted from 0.0625em */
  box-shadow: 0.45vh 0.45vh 0 rgba(0, 0, 0, 0.5); /* Converted from 0.25em */
  padding: 2.36vh;
  position: absolute;
  top: 142.5%;
  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: 80%;
  height: 3.825vh; /* Converted from 2.125em */
  border-radius: 5.625vh; /* Converted from 3.125em */
  border: 0.1125vh solid hsl(0, 0%, 7%); /* Converted from 0.0625em */
  box-shadow: 0.45vh 0.45vh 0 rgba(0, 0, 0, 0.5); /* Converted from 0.25em */
  padding: 2.36vh;
  position: absolute;
  top: 150%;
  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: 80%;
  height: 3.825vh; /* Converted from 2.125em */
  border-radius: 5.625vh; /* Converted from 3.125em */
  border: 0.1125vh solid hsl(0, 0%, 7%); /* Converted from 0.0625em */
  box-shadow: 0.45vh 0.45vh 0 rgba(0, 0, 0, 0.5); /* Converted from 0.25em */
  padding: 2.36vh;
  position: absolute;
  top: 157.5%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the hexagon */
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center; /* Centers vertically */
}


h2.Prizes_Header_Text {
  color: white;
  background-color: rgb(253, 178, 14);
  margin-top: 0.1125vh; /* Converted from 0.0625em */
  padding: 1.215vh 3.6vh; /* Converted from 0.675em 2em */
  border-radius: 1.8vh; /* Converted from 1em */
  font-size: 1.8vh;
  position: absolute;
  top: 167%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}

div.lampada_Prizes1 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 153.5%;
  left: 4%;
  gap: 1.6875vh;
}

div.lampada_Prizes2 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 153.5%;
  left: 70.5%;
  gap: 1.6875vh;
}

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

div.hexagono_Prizes1 {
  background: hsl(0, 0%, 100%);
  width: 12.6vh; /* Converted from 7em */
  height: 12.6vh;
  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: 5%;
}

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

div.hexagono_Prizes2,
div.hexagono_Prizes3 {
  background: hsl(0, 0%, 100%);
  width: 12.6vh; /* Converted from 7em */
  height: 12.6vh; /* Converted from 7em */
  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.8vh;
  font-weight: bold;
  margin: 0;
  padding: 0.675vh;
  position: relative;
  top: -1.7em; /* Move text slightly up */
  z-index: 100;
}

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

h2.schedule_Header_Text {
  color: white;
  background-color: rgb(194, 25, 28);
  margin-top: 0.1125vh; /* Converted from 0.0625em */
  padding: 1.215vh 2.7vh; /* Converted from 0.675em 1.5em */
  border-radius: 1.8vh; /* Converted from 1em */
  font-size: 1.62vh;
  font-weight: 700;
  align-items: center;
  position: absolute;
  top: 167%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the hexagon */
}

div.Moeda_Schedule1 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 164%;
  left: 8%;
  gap: 1.6875vh; /* Converted from 0.9375em */
}

div.Moeda_Schedule2 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 164%;
  left: 70.5%;
  gap: 1.6875vh; /* Converted from 0.9375em */
}

div.Schedule {
  width: 46vh; /* Converted from 20em */
  height: 30.2vh; /* Converted from 14em */
  position: absolute;
  transform: translate(-50%, -50%); /* Center the hexagon */
  top: 182%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

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

div.lampada_FAQ1 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 196%;
  left: 8%;
  gap: 1.6875vh;
}

div.lampada_FAQ2 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 196%;
  left: 70.5%;
  gap: 1.6875vh;
}

div.FAQ {
  background: linear-gradient(to bottom, rgb(246, 150, 1), rgb(201, 38, 13));
  width: 32.4vh; /* Converted from 18em */
  height: 42.4vh; /* Converted from 28em */
  border-radius: 2.025vh; /* Converted from 1.125em */
  border: 0.1125vh solid hsl(0, 0%, 7%); /* Converted from 0.0625em */
  box-shadow: 0.45vh 0.45vh 0 rgba(0, 0, 0, 0.5); /* Converted from 0.25em */
  position: absolute;
  transform: translate(-50%, -50%); /* Center the hexagon */
  top: 225%;
  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.675vh;
  font-size: 1.26vh;
  cursor: pointer; /* Makes it clickable */
}

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

.FAQ_resposta.show {
  max-height: 18vh; /* Converted from 10em */
  padding-top: 0.1vh; /* Converted from 1em */
  padding-bottom: 2.3vh; /* Converted from 1em */
}

div.Partners {
  position: absolute;
  transform: translate(-50%, -50%); /* Center the hexagon */
  top: 253%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.16vh; /* Converted from 1.2em */
}

h2.Partners_Header_Text {
  color: white;
  background-color: rgb(194, 25, 28);
  background-color: rgb(194, 25, 28);
  margin-top: 0.1125vh; /* Converted from 0.0625em */
  padding: 0.9vh 3.06vh; /* Converted from 0.5em 1.7em */
  border-radius: 1.8vh; /* Converted from 1em */
  font-size: 1.8vh; /* Converted from 1em */
  font-weight: 700;
}

div.Supporters {
  position: absolute;
  transform: translate(-50%, -50%); /* Center the hexagon */
  top: 266.5%;
  left: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.16vh;
  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.1125vh; /* Converted from 0.0625em */
  padding: 0.9vh 3.06vh; /* Converted from 0.5em 1.7em */
  border-radius: 1.8vh; /* Converted from 1em */
  font-size: 1.8vh; /* Converted from 1em */
  font-weight: 700;
}

.Partner_img {
  width: 100%; /* Adjust the width as needed */
  height: auto; /* Maintain aspect ratio */
}

.Supporters_img {
  width: 90%; /* Adjust the width as needed */
  height: auto; /* Maintain aspect ratio */
}



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

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

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

div.Fila_Hexagonos_3 {
  display: flex; /* Places items in a row */
  position: absolute;
  top: 314%;
  transform: translate(-50%, -50%);
  left: 53%;
  gap: 0vh; /* Converted from 0em */
}

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

.hexagon-wrapper {
  position: relative;
  width: 10.5vh; /* Converted from 5em */
  height: 10.5vh; /* Converted from 5em */
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.hexagon-wrapper_extra {
  position: relative;
  width: 10.5vh; /* Converted from 5em */
  height: 10.5vh; /* Converted from 5em */
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  display: none;
}

div.hexagono_MO {
  background-image: url('Foto\ Quitans\ 1.png');
  background-size: cover;
  background-position: center;
  position: relative;
  width: 9.3vh; /* Converted from 4em */
  height: 9.3vh; /* Converted from 4em */
  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: 9.3vh; /* Converted from 4em */
  height: 9.3vh; /* Converted from 4em */
  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: 9.3vh; /* Converted from 4em */
  height: 9.3vh; /* Converted from 4em */
  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: 9.3vh; /* Converted from 4em */
  height: 9.3vh; /* Converted from 4em */
  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: 9.3vh; /* Converted from 4em */
  height: 9.3vh; /* Converted from 4em */
  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: 9.3vh; /* Converted from 4em */
  height: 9.3vh; /* Converted from 4em */
  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: 9.3vh; /* Converted from 4em */
  height: 9.3vh; /* Converted from 4em */
  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.svg');
  background-size: cover;
  background-position: center;
  position: relative;
  width: 9.3vh; /* Converted from 4em */
  height: 9.3vh; /* Converted from 4em */
  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: 9.3vh; /* Converted from 4em */
  height: 9.3vh; /* Converted from 4em */
  z-index: 5;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.MO {
  position: absolute;
  top: 68%;
  left: 68%;
  transform: translate(-50%, -50%);
  z-index: 100;
  width: 6.4vh; /* Converted from 2.8em */
  height: 6.2vh; /* Converted from 2.8em */
}

.MO_maior {
  position: absolute;
  top: 70%;
  left: 67%;
  transform: translate(-50%, -50%);
  z-index: 100;
  width: 6.4vh; /* Converted from 2.8em */
  height: 6.4vh; /* Converted from 2.8em */
}

.MO_wierd {
  position: absolute;
  top: 68%;
  left: 65%;
  transform: translate(-50%, -50%);
  z-index: 100;
  width: 6.4vh; /* Converted from 2.8em */
  height: 6.4vh; /* Converted from 2.8em */
}

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



/* Ellipse styles */

/* Hide all untouched elements */
div.hexagono_10,
div.hexagono_11,
div.hexagono_12,
div.hexagono_13,
div.hexagono_14,
div.Categories_Header,
div.Categories {
  display: none; /* Hide these elements */
}