.comunidade.hero_section-comunidade {
  display: flex;
  flex-direction: column;
  background: var(--src) center center/cover no-repeat;
  background-color: #101a2a;
  overflow: hidden;
}
.comunidade .flex_row-comunidade {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
  /*margin: 35px 3.81% 108px auto;
  width: 87.85%;
  max-width: 1200.015625px;*/
  margin: 10% auto 108px auto;
  width: 1128.03125px;
  max-width: 85%;	
	
}
@media (max-width: 1199px) {
  .comunidade .flex_row-comunidade {
    flex-direction: column;
    align-items: center;
    gap: 30px 10px;
  }
}
@media (max-width: 575px) {
  .comunidade .flex_row-comunidade {
    margin: 35px 3.81% 80px auto;
  }
}
@media (max-width: 383px) {
  .comunidade .flex_row-comunidade {
    margin: 35px 3.81% 50px auto;
  }
}
.comunidade .flex_col-comunidade {
  display: flex;
  flex-direction: column;
  gap: 32px 0;
  margin: 0px 0 0;
  width: 480px;
  min-width: 0;
}
@media (max-width: 1199px) {
  .comunidade .flex_col-comunidade {
    margin: 0;
    width: 100%;
    min-width: unset;
  }
}
.comunidade .flex_col1-comunidade {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  margin: 0 0 0 5px;
}
.comunidade .hero_title_box-comunidade {
  display: flex;
  align-items: center;
}
.comunidade .hero_title-comunidade {
  font: 700 45px/1.15 Roboto, Helvetica, Arial, serif;
  color: black;
}
@media (max-width: 991px) {
  .comunidade .hero_title-comunidade {
    font-size: 42px;
  }
}
@media (max-width: 479px) {
  .comunidade .hero_title-comunidade {
    font-size: 36px;
  }
}
.comunidade .hero_title_span0-comunidade {
  font: 700 1em/1.15 Roboto, Helvetica, Arial, serif;
  color: white;
}
.comunidade .hero_title_span1-comunidade {
  font: 700 1em/1.15 Roboto, Helvetica, Arial, serif;
  color: #f3a318;
}
.comunidade .hero_title_span2-comunidade {
  font: 700 1em/1.15 Roboto, Helvetica, Arial, serif;
  color: white;
}
.comunidade .hero_highlight_text-comunidade {
  display: flex;
  align-items: center;
  font: 400 16px/1.5 Roboto, Helvetica, Arial, serif;
  color: white;
  letter-spacing: 0.5px;
  opacity: 0.75;
}
.comunidade .hero_btn-comunidade {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 188px;
  max-width: 100%;
  font: 600 14px/1.42 Montserrat, Helvetica, Arial, serif;
  color: #101a2a;
  text-align: center;
  background-color: #f3a318;
  border-radius: 20px;
  padding: 10px 8px;
  letter-spacing: 0.1px;
}






.comunidade .hero_image-comunidade {
  margin: 0 0 9px;
  width: 684px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}





@media (max-width: 1199px) {
  .comunidade .hero_image-comunidade {
    margin: 0;
    width: 100%;
    min-width: unset;
    max-width: 684px;
  }
}