.text-color-primary {
  color: #007b8e !important
}

.text-color-white {
  color: #fff !important
}

.text_color_neutral400 {
  color: #828da1 !important
}

.border-primary {
  border-color: #0ca3c1
}

.border-neutral-200 {
  border-color: #d1d7e0
}

.bg-cor-primaria {
  background: #007b8e !important
}

.bg-primary700 {
  background: #015266 !important
}

.bg-neutral100 {
  background: #f1f3f7 !important
}

.bg-links-header {
  background: #012778
}

.text_header_h2_bold {
  color: #3e4653;
  font-family: Product Sans Bold, sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%
}

@media (max-width:639px) {
  .text_header_h2_bold {
    font-size: 32px
  }
}

.text_header_h3_bold {
  color: #3e4653;
  font-family: Product Sans Bold, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%
}

@media (max-width:639px) {
  .text_header_h3_bold {
    font-size: 24px
  }
}

.text_header_h4_regular {
  color: #3e4653;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%
}

@media (max-width:639px) {
  .text_header_h4_regular {
    font-size: 24px
  }
}

.text_header_h4_bold {
  color: #3e4653;
  font-family: Product Sans Bold, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%
}

@media (max-width:639px) {
  .text_header_h4_bold {
    font-size: 24px
  }
}

.text_body_b1_regular {
  color: #3e4653;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%
}

@media (max-width:639px) {
  .text_body_b1_regular {
    font-size: 16px
  }
}

.text_body_b1_bold {
  color: #3e4653;
  font-size: 24px;
  line-height: 120%
}

.text_body_b1_bold,
.text_body_b2_bold {
  font-family: Product Sans Bold, sans-serif;
  font-style: normal;
  font-weight: 700
}

.text_body_b2_bold {
  color: #4e5869;
  font-size: 20px;
  line-height: 150%
}

.text_body_b2_regular {
  color: #3e4653;
  font-family: Product Sans Regular, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%
}

@media (max-width:639px) {
  .text_body_b2_regular {
    font-size: 1rem
  }
}

.text_body_b3_regular {
  color: #5e6c80;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%
}

@media (max-width:639px) {
  .text_body_b3_regular {
    font-size: 1rem
  }
}

.text_body_b3_bold {
  color: #3e4653;
  font-family: Product Sans Bold, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%
}

.text_body_b4_regular {
  color: #3e4653;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%
}

.text_body_b4_regular.low-gray {
  color: #5e6c80 !important
}

.text_body_b4_bold {
  color: #3e4653;
  font-family: Product Sans Bold, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%
}

.text_body_b4_regular_italic {
  color: #828da1;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 150%
}

.text_body_b5_regular {
  font-weight: 400
}

.text_body_b5_bold,
.text_body_b5_regular {
  color: #3e4653;
  font-size: 14px;
  line-height: 150%
}

.text_body_b5_bold {
  font-weight: 700
}

.text_body_b6_regular {
  color: #3e4653;
  font-size: .75rem;
  font-weight: 400;
  line-height: 150%
}

.text_infos_cadastro {
  color: #444;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .64px;
  line-height: 20px
}

.font-family-inter {
  font-family: Inter, sans-serif
}

.text_success600 {
  color: #027a48
}

.text_neutral700 {
  color: #3e4653 !important
}

.text-normal {
  font-weight: 400 !important
}

.font-bold {
  font-family: Product Sans Bold, sans-serif
}

.text_primary600_regular {
  color: #007b8e;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%
}

.text_primary700_bold {
  color: #015266;
  font-family: Product Sans Bold, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%
}

.bold-700 {
  font-weight: 700
}

.btn_secondario_verde {
  align-items: center;
  border: 1px solid #007b8e;
  border-radius: 32px;
  color: #007b8e;
  display: inline-flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  gap: 4px;
  justify-content: center;
  line-height: 150%;
  padding: 8px 20px
}

.btn_secondario_verde:hover {
  background: rgba(0, 123, 142, .102)
}

.btn_secondario_verde_pequeno {
  align-items: center;
  border: 1px solid #007b8e;
  border-radius: 32px;
  color: #007b8e;
  display: inline-flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 150%;
  padding: 6px 16px
}

.btn_secondario_verde_pequeno:hover {
  background: rgba(0, 123, 142, .102)
}

.btn_secondario_vermelho_pequeno {
  align-items: center;
  border: 1px solid #d92d20;
  border-radius: 32px;
  color: #d92d20;
  display: inline-flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 150%;
  padding: 6px 16px
}

.btn_secondario_vermelho_pequeno:hover {
  background: rgba(209, 63, 0, .1)
}

.btn_secondario_verde_pequeno_icone {
  align-items: center;
  border: 1px solid #007b8e;
  border-radius: 32px;
  color: #007b8e;
  display: inline-flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  gap: 8px;
  justify-content: center;
  line-height: 150%
}

.btn_secondario_verde_pequeno_icone:hover {
  background: rgba(0, 123, 142, .102)
}

.btn_primario_verde {
  align-items: center;
  background: #007b8e;
  border-radius: 32px;
  color: #fff;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  gap: .25rem;
  justify-content: center;
  line-height: 150%;
  padding: .5rem 1.25rem
}

.btn_primario_verde:hover {
  background: #0ca3c1
}

.btn_primario_verde:disabled {
  background: #f1f3f7;
  color: #828da1;
  opacity: .7
}

.btn_primario_verde_pequeno {
  align-items: center;
  background: #007b8e;
  border-radius: 32px;
  color: #fff;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 150%;
  padding: 6px 16px
}

.btn_primario_verde_pequeno:hover {
  background: #0ca3c1
}

.btn_primario_vermelho {
  align-items: center;
  background: #d13f00;
  border-radius: 32px;
  color: #fff;
  display: inline-flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  gap: 4px;
  justify-content: center;
  line-height: 150%;
  padding: 8px 20px
}

.btn_primario_vermelho:hover {
  background: #ed7c0a
}

.btn_primario_pequeno_vermelho_icon {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(270deg, #d13f00, #ed7c0a 91.92%);
  border-radius: 32px;
  box-shadow: 0 2px 6px 4px rgba(0, 0, 0, .15), 0 1px 2px 1px rgba(0, 0, 0, .25);
  color: #fff;
  display: flex;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  gap: 4px;
  height: auto;
  justify-content: center;
  line-height: 150%;
  padding: 8px 20px
}

.btn_primario_pequeno_vermelho_icon:hover {
  background: #ed7c0a
}

@media (max-width:1024px) {
  .btn_secondario_verde {
    background: var(--transparense-white-white-0, hsla(0, 0%, 100%, 0))
  }

  .btn_primario_vermelho,
  .btn_secondario_verde {
    gap: 8px;
    padding: 6px 16px
  }
}

.btn_link {
  align-items: center;
  background: transparent;
  color: #007b8e;
  display: flex;
  font-size: 1rem;
  gap: .25rem;
  line-height: 150%
}

.btn_link:hover {
  color: #0ca3c1
}

.btn_link:disabled {
  color: #828da1
}

.btn_icon_awesome {
  align-items: center;
  display: flex;
  gap: .25rem;
  height: -moz-min-content;
  height: min-content;
  justify-content: center;
  white-space: nowrap;
  width: -moz-min-content;
  width: min-content
}

.btn_primario {
  border-radius: 30px;
  font-size: 1rem;
  font-weight: 700;
  padding: .75rem 1rem
}

.btn_primario span {
  font-size: 16px;
  font-weight: 700
}

.btn_secundario {
  border-radius: .375rem;
  font-size: .75rem;
  font-weight: 600;
  padding: .5rem 1.5rem;
  text-transform: uppercase
}

.btn_secundario span {
  font-size: 20px;
  font-weight: 400
}

.btn_terciario {
  border-radius: 30px;
  font-size: .875rem;
  font-weight: 700;
  padding: .75rem 1rem;
  text-transform: uppercase
}

.btn_terciario span {
  font-size: 20px;
  font-weight: 700
}

.btn_quarternario {
  border-radius: 30px;
  font-size: 1rem;
  font-weight: 700;
  padding: .75rem 1rem;
  width: 100%
}

.branco_fundo_verde {
  background-color: #007b8e;
  color: #fff
}

.branco_fundo_verde:hover {
  background: #0ca3c1
}

.verde_fundo_branco {
  background-color: #fff;
  border: 1px solid #007b8e;
  color: #007b8e
}

.verde_fundo_branco:hover {
  background: rgba(0, 123, 142, .102)
}

.btn-container {
  display: flex;
  gap: 2rem;
  justify-content: center;
  width: 100%
}

.icon {
  height: 24px;
  width: 24px
}

.icon-bg-rounded {
  background: rgba(0, 123, 142, .102);
  border-radius: 999px;
  padding: 1rem;
  transition: .3s
}

.icon-bg-rounded:hover {
  background: #007b8e
}

.icon-bg-rounded:hover svg {
  fill: #fff
}

.bg-busca {
  background: url(/imgs/layout/bg-busca.png), linear-gradient(270deg, #4db2b2 1.32%, #007b8e 50%);
  background-blend-mode: overlay, normal;
  background-size: cover
}

.z-10000 {
  z-index: 10000
}

.tags {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem
}

.tags p {
  background: rgba(0, 123, 142, .102);
  border-radius: 100px;
  color: #007b8e;
  font-size: .75rem;
  font-weight: 400;
  gap: .5rem;
  padding: .25rem .5rem
}

.alert,
.tags p {
  align-items: center;
  display: flex
}

.alert {
  background: #f1f3f7;
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(20, 42, 79, .15), 0 0 2px 0 rgba(20, 42, 79, .25);
  justify-content: space-between;
  line-height: 150%;
  padding: .75rem .875rem
}

.alert.success {
  color: #007b8e
}

.alert.error {
  color: #d92d20
}

.dropdown-link {
  color: #3e4653;
  display: block;
  line-height: 150%;
  padding: .25rem 1rem;
  width: 100%
}

.dropdown-link:hover {
  background: rgba(52, 128, 128, .2)
}

.icon-background {
  align-items: center;
  background: #f1f3f7;
  border-radius: 1000px;
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px
}

.z-full {
  z-index: 9999
}

.place-content-between {
  place-content: space-between
}

.justify-around {
  justify-content: space-around
}

.object-contain {
  -o-object-fit: contain;
  object-fit: contain
}

.w-3\/5 {
  width: 60%
}

.my-float {
  align-items: center;
  background-color: rgba(0, 0, 0, .75);
  border-radius: 20px;
  bottom: 30px;
  color: #fff;
  display: flex;
  flex-direction: row;
  font-size: 12px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px;
  position: fixed;
  right: 0;
  width: 600px;
  z-index: 10000 !important
}

.my-float>div {
  margin: 0 5px
}

.my-float>a {
  background-color: #fff;
  border-radius: 20px;
  color: #000;
  margin: 0 10px;
  padding: 8px 14px
}

.my-float .message a {
  color: #fff;
  text-decoration: underline
}

@media (max-width:1200px) {
  .my-float {
    border-radius: 16px;
    bottom: 30px;
    flex-direction: column;
    width: 400px
  }

  .my-float>.message {
    margin-bottom: 10px
  }

  .my-float>a {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
  }
}

@media (max-width:500px) {
  .my-float {
    width: 320px
  }
}

@media (max-width:380px) {
  .my-float {
    width: 285px
  }
}

#app-header {
  z-index: 55
}

.w-max {
  width: -moz-max-content;
  width: max-content
}

.max-w-dropdown {
  max-width: 16rem
}

@media (min-width:1024px) {
  .max-w-dropdown {
    max-width: 21rem
  }
}

@media print {
  #vlibras {
    display: none
  }
}

.menu_item_padrao {
  align-items: center;
  background: var(--system-white, #fff);
  border-radius: 8px;
  color: var(--pallets-neutral-600, #4e5869);
  display: flex;
  flex-direction: row;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  height: 48px;
  justify-content: center;
  line-height: 16px;
  padding: 16px;
  text-align: left;
  width: 100%
}

.menu-header .dropdown-content .menu_item_ativo,
.menu-header .dropdown-content .menu_item_padrao {
  display: flex !important;
  height: 20px;
  justify-content: flex-start;
  margin-top: 0;
  padding: 16px
}

.menu_item_ativo {
  align-items: center;
  background: rgba(0, 123, 142, .15);
  border-radius: 8px;
  color: #007b8e;
  display: flex;
  flex-direction: row;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  line-height: 150%;
  padding: 16px;
  text-align: left;
  width: 100%
}

.menu_item_padrao:hover {
  background: var(--transparence-green-20, rgba(52, 128, 128, .15));
  color: #007b8e;
  padding: 16px
}

.text_body_b3_bold_menu {
  color: #3e4653;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%
}

.opcoes_tamanho_fonte {
  align-items: center;
  background: #fff;
  border-radius: 20.64px;
  color: #007b8e !important;
  cursor: pointer;
  display: flex;
  height: 20.64px;
  justify-content: center;
  padding: 0 1.8px .64px 2px;
  width: 20.64px
}

#notificacao_oportunidade_sidebar {
  display: inline;
  float: right
}

.input_search {
  align-self: stretch;
  height: 48px
}

.input_search,
.input_search_with_search_button {
  align-items: center;
  background: var(--system-white, #fff);
  border-radius: 32px;
  box-shadow: 0 0 8px 0 rgba(20, 42, 79, .45);
  display: flex;
  justify-content: space-between;
  padding: 8px 8px 8px 24px
}

.input_search_with_search_button {
  color: #3e4653;
  flex-shrink: 0;
  height: 56px
}

.input_search_with_search_button:focus-within {
  box-shadow: none;
  outline: 1px solid #007b8e
}

.input_search_with_search_button input:focus {
  outline: 0
}

.input_search_with_search_button input::-moz-placeholder {
  color: #828da1;
  font-style: italic
}

.input_search_with_search_button input::placeholder {
  color: #828da1;
  font-style: italic
}

@media (max-width:640px) {
  .input_search_with_search_button {
    height: 40px
  }
}

.input_search_with_search_button_oportunidades {
  align-items: center;
  background: var(--system-white, #fff);
  border-radius: 32px;
  box-shadow: 0 0 8px 0 rgba(20, 42, 79, .45);
  color: #3e4653;
  display: flex;
  flex-shrink: 0;
  height: 56px;
  justify-content: space-between;
  padding: 8px 8px 8px 24px
}

.input_search_with_search_button_oportunidades:focus-within {
  box-shadow: none;
  outline: 1px solid #007b8e
}

.input_search_with_search_button_oportunidades input:focus {
  outline: 0
}

.input_search_with_search_button_oportunidades input::-moz-placeholder {
  color: #828da1;
  font-style: italic
}

.input_search_with_search_button_oportunidades input::placeholder {
  color: #828da1;
  font-style: italic
}

@media (max-width:640px) {
  .input_search_with_search_button_oportunidades {
    height: 42px
  }
}

.input_with_copy_link_icon {
  align-items: center;
  background: var(--system-white, #fff);
  border: 1px solid var(--pallets-neutral-200, #e0e6f0);
  border-radius: 32px;
  display: flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: space-between;
  padding: 8px 16px
}

@media (max-width:639px) {
  .input_with_copy_link_icon input {
    height: 20px !important
  }
}

.input_with_copy_link_icon.disabled,
.input_with_copy_link_icon.disabled input {
  background: #fafafa
}

.input_search::-moz-placeholder {
  color: var(--pallets-neutral-400, #828da1);
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 29px;
  text-align: center
}

.input_search::placeholder {
  color: var(--pallets-neutral-400, #828da1);
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 29px;
  text-align: center
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: .25rem
}

.form-group label {
  color: var(--pallets-neutral-700, #3e4653) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%
}

.form-group label .obrigatorio {
  color: #d92d20
}

.form-group .password {
  align-items: center;
  display: flex;
  position: relative
}

.form-group .password .icone-visibility {
  height: 20px;
  position: absolute;
  right: .75rem;
  transition: .2s;
  width: 24px
}

.form-group .password .icone-visibility.icone-visibility-on {
  background: url(/imgs/curriculos/icons/visibility.svg)
}

.form-group .password .icone-visibility.icone-visibility-off {
  background: url(/imgs/curriculos/icons/visibility_off.svg)
}

.form-group .password .icone-visibility:hover {
  opacity: .8
}

.form-many-groups {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%
}

.form-many-groups .form-group {
  width: 100%
}

.form-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #b5bdc9;
  border-radius: 4px;
  color: #4e5869;
  font-size: 1rem;
  line-height: 150%;
  padding: 0 .75rem
}

.form-input:focus,
.form-input:hover {
  border-color: #007b8e
}

.form-input:focus {
  box-shadow: none
}

.form-input:disabled {
  background: #f1f3f7;
  border-color: #b5bdc9
}

.margin-top-input-filtro {
  margin-top: 12px !important
}

.form-checkbox {
  background: #fff;
  background-origin: border-box;
  border: 2px solid #d1d7e0;
  border-radius: 4px;
  color: #0ca3c1;
  cursor: pointer;
  height: 1.5rem !important;
  width: 1.5rem
}

.form-checkbox:checked,
.form-checkbox:focus {
  border: 2px solid #0ca3c1
}

.form-checkbox:focus {
  box-shadow: none
}

.form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(/imgs/layout/chevron_down.svg);
  background-position: right .5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  border: 1px solid #b5bdc9;
  border-radius: 4px;
  color: #4e5869;
  font-size: 1rem;
  line-height: 150%;
  padding: 0 .75rem;
  width: 100%
}

.form-select:focus,
.form-select:hover {
  border-color: #0ca3c1
}

.form-select:focus {
  box-shadow: none
}

.form-textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #b5bdc9;
  border-radius: 4px;
  color: #4e5869;
  font-size: 1rem;
  line-height: 150%;
  padding: .25rem .75rem
}

.form-textarea:hover {
  border-color: #0ca3c1
}

.form-textarea:focus {
  border-color: #0ca3c1;
  box-shadow: none
}

.form-textarea:disabled {
  background: #f1f3f7;
  border-color: #b5bdc9
}

.form_tiny_msce {
  display: flex;
  flex-direction: column;
  height: 24rem;
  width: 100%
}

@media (max-width:640px) {
  .form_tiny_msce {
    width: 80vw
  }
}

#experiencia-profissional {
  height: 100% !important;
  text-align: left;
  width: 100%
}

@media (max-width:640px) {
  #experiencia-profissional {
    height: 40px !important
  }
}

.container_home {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px
}

.img_funcionalidades {
  max-height: 409px;
  max-width: 416px
}

.separador {
  background: #e0e6f0;
  height: 1px;
  width: 100%
}

.section_areas_oportunidades {
  background: url(/imgsite/banner-lupas2.webp);
  background-repeat: no-repeat;
  background-size: 100% 563px;
  color: #fff
}

.areas-oportunidades:hover {
  border: 1.5px solid #0ca3c1
}

#modal-alerta #img-alerta {
  display: flex;
  justify-content: center
}

@media (max-width:768px) {
  .section_areas_oportunidades {
    background: url(/imgsite/banner-lupas_mobile2.webp);
    background-size: 100% 100%
  }
}

.section_parceiros {
  background-color: #f1f3f7;
  color: #4e5869;
  width: 100%
}

.section_parceiros .conteudo_parceiros {
  align-items: center;
  background: #eff1f5;
  background-blend-mode: color;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  width: 100%
}

.section_parceiros .conteudo_parceiros .icone_parceiro {
  filter: grayscale(100%);
  height: 78.627px;
  width: 113.572px
}

.perguntas_frequentes {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  width: 100%
}

.perguntas_frequentes details {
  cursor: pointer;
  width: 100%
}

.perguntas_frequentes details summary {
  font-size: 24px;
  padding-right: 16px
}

.perguntas_frequentes details summary::marker {
  content: "";
  display: none
}

.perguntas_frequentes details summary:before {
  content: "";
  display: none
}

.perguntas_frequentes details .description {
  color: #3e4653;
  margin-top: -16px;
  padding-bottom: 16px;
  padding-left: 42px
}

@media (max-width:640px) {
  .perguntas_frequentes details summary {
    font-size: 16px
  }

  .perguntas_frequentes details .description {
    font-size: 14px;
    padding-left: 24px
  }
}

.parceiros_home {
  display: flex;
  min-height: 40px;
  min-width: 40px
}

@media (max-width:640px) {
  .img_funcionalidades {
    max-height: 313px;
    max-width: 319px
  }

  .icone_parceiro {
    height: 63.615px;
    width: 91.888px
  }
}

#nav-toggle {
  top: 3px
}

.footer {
  box-shadow: 0 1px 3px 1px rgba(20, 42, 79, .15), 0 0 2px 0 rgba(20, 42, 79, .25);
  width: 100%;
  z-index: 49
}

.footer .parceiros_footer {
  margin-top: 2rem
}

.footer .links_footer,
.footer .parceiros_footer {
  align-items: center;
  background: #012778;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

.footer .links_footer {
  color: #fff;
  padding-bottom: 2rem;
  padding-top: 2rem
}

.footer .links_footer .conteudo_links_footer {
  max-width: 800px;
  width: 100%
}

.footer .links_footer .separador_footer {
  background: var(--transparent-black-15, rgba(0, 0, 0, .15));
  height: 1px;
  margin-bottom: 2rem;
  margin-top: 2rem;
  max-width: 1104px;
  width: 100%
}

.btn-fale-conosco {
  align-items: center;
  background: rgba(0, 0, 0, .5);
  border-radius: 100%;
  bottom: 85px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .37);
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 42px;
  justify-content: center;
  position: fixed;
  right: 20px;
  width: 42px;
  z-index: 10000
}

.btn-fale-conosco.whatsapp {
  background: #25d366;
  bottom: 140px
}

.btn-fale-conosco:hover img {
  animation: shake 1s cubic-bezier(.36, .07, .19, .97) both;
  backface-visibility: hidden
}

.section_noticias .lista_noticias {
  grid-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: center;
  min-height: 520px;
  min-width: 640px;
  width: 100%
}

.section_noticias .card_noticia {
  border: 1px solid transparent;
  border-radius: 8px;
  height: 100%;
  max-width: 346px;
  width: 100%
}

.section_noticias .card_noticia:hover {
  border: 1px solid #0ca3c1
}

.section_noticias .card_noticia div {
  border-radius: 8px
}

.section_noticias .card_noticia .img_noticia {
  border-radius: 8px 8px 0 0;
  display: flex;
  height: 346px;
  justify-content: center;
  width: 100%
}

.section_noticias .card_noticia .img_noticia img {
  border-radius: 8px 8px 0 0;
  height: 346px
}

.section_noticias .card_noticia .conteudo_noticia {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 0 0 8px 8px;
  display: flex;
  flex-direction: column;
  height: 134px;
  justify-content: space-between;
  overflow: hidden;
  padding: 24px
}

.img_noticia_detalhes {
  display: block;
  height: 536px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 536px
}

.card_noticia_detalhes {
  align-items: flex-start;
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(20, 42, 79, .15), 0 0 2px 0 rgba(20, 42, 79, .25);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: auto;
  width: 252px
}

.card_noticia_detalhes .img_card_noticia_detalhes {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 252px;
  width: 100%
}

.card_noticia_detalhes .conteudo_card_noticia_detalhes {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px
}

@media (max-width:768px) {
  .img_noticia_detalhes {
    height: 328px;
    width: 328px
  }
}

@media (max-width:640px) {
  .section_noticias .lista_noticias {
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    min-height: 321px
  }

  .section_noticias .card_noticia {
    height: 100%;
    max-height: 321px;
    max-width: 223px;
    width: auto
  }

  .section_noticias .card_noticia .img_noticia {
    height: 223px;
    width: 100%
  }

  .section_noticias .card_noticia .img_noticia img {
    height: 223px
  }

  .section_noticias .card_noticia .conteudo_noticia {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    height: 66px;
    justify-content: space-between;
    overflow: hidden;
    padding: 16px
  }

  .card_noticia_detalhes {
    flex-direction: row;
    width: 328px
  }

  .card_noticia_detalhes .img_card_noticia_detalhes {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 0;
    height: 98px;
    width: 98px
  }

  .card_noticia_detalhes .titulo_card_noticia_detalhes {
    height: 41px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
}

.texto_neutral500 {
  color: #5e6c80;
  font-style: normal
}

.texto_neutral600 {
  color: #4e5869;
  font-style: normal
}

.texto_neutral700 {
  color: #3e4653;
  font-style: normal
}

.texto_primary600 {
  color: #007b8e;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%
}

.texto_error500 {
  color: #d92d20 !important;
  font-style: normal
}

.opcoes_categorias {
  align-items: flex-start;
  align-self: stretch;
  background: #f1f3f7;
  border: 1px solid var(--pallets-neutral-200, #e0e6f0);
  border-radius: 8px;
  color: #4e5869;
  display: flex;
  gap: 8px;
  justify-content: center;
  overflow-x: auto;
  padding: 8px
}

.opcoes_categorias .btn_opcao_categoria {
  border: 0 solid var(--palletes-neutral-300, #d0d5dd);
  border-radius: 8px;
  cursor: pointer;
  gap: 16px;
  padding: 12px;
  width: 213px
}

.card_tema,
.opcoes_categorias .btn_opcao_categoria {
  align-items: center;
  background: #fff;
  box-shadow: 0 1px 3px 1px rgba(20, 42, 79, .15), 0 0 2px 0 rgba(20, 42, 79, .25);
  display: flex;
  justify-content: center
}

.card_tema {
  border: 1px solid transparent;
  border-radius: 8px;
  color: #3e4653;
  font-size: 1.125rem;
  height: 80px;
  padding: 24px;
  text-align: center;
  width: auto
}

.card_tema:hover {
  border: 1px solid #0ca3c1;
  box-shadow: none
}

.card_curso {
  align-items: flex-start;
  align-self: stretch;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(20, 42, 79, .15), 0 0 2px 0 rgba(20, 42, 79, .25);
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  padding: 16px
}

.card_curso:hover {
  border: 1px solid #0ca3c1;
  box-shadow: none
}

.card_curso .nome_parceiro {
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis
}

.card_curso .card_curso_img {
  border: 1.12px solid var(--pallets-neutral-200, #e0e6f0);
  border-radius: 8.96px;
  height: 112px;
  min-height: 112px;
  min-width: 112px;
  width: 112px
}

.card_curso .card_curso_img img {
  height: 112px;
  min-height: 112px;
  min-width: 112px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 112px
}

.input_sugestao_curso {
  background: var(--system-white, #fff);
  border: 1px solid #d1d7e0;
  border-radius: 9999px;
  color: #3e4653;
  height: 40px;
  padding: .5rem .5rem .5rem 1.5rem
}

.input_sugestao_curso:hover {
  border-color: #0ca3c1
}

.input_sugestao_curso:focus {
  border-color: #0ca3c1;
  box-shadow: none;
  outline: 0
}

.input_sugestao_curso:disabled {
  background: #f1f3f7;
  border-color: #b5bdc9
}

.input_sugestao_curso::-moz-placeholder {
  color: #828da1;
  font-style: italic
}

.input_sugestao_curso::placeholder {
  color: #828da1;
  font-style: italic
}

@media (max-width:768px) {

  .card_curso .card_curso_img,
  .card_curso .card_curso_img img {
    height: 70px;
    min-height: 70px;
    min-width: 70px;
    width: 70px
  }
}

.cadastro-card {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 12px;
  box-shadow: 0 2px 8px 0 rgba(20, 42, 79, .15);
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  max-width: 255.847px;
  padding: 3.75rem;
  width: 255.847px
}

@media (max-width:640px) {
  .cadastro-card {
    max-height: 172px;
    max-width: 156px;
    width: 156px
  }
}

.cadastro-card svg {
  fill: #0ca3c1;
  height: 38px;
  width: 38px
}

.cadastro-card:hover {
  border: 1px solid #0ca3c1;
  transition: .3s
}

.cadastro-card:hover .icon-bg-rounded {
  background: #0ca3c1
}

.cadastro-card:hover .icon-bg-rounded svg {
  fill: #fff
}

.step {
  background: #d1d7e0
}

.step,
.step-active {
  border-radius: 24px;
  flex: 1 0 0;
  height: 8px
}

.step-active {
  background: #0ca3c1
}

.melhore-curriculo-box {
  background: rgba(0, 123, 142, .15);
  border: 1px solid #007b8e;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem
}

.melhore-curriculo-box h2 {
  color: #3e4653;
  font-family: Product Sans Bold, sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%
}

.progress-bar-wrapper {
  background: #fff;
  border-radius: 32px;
  height: .5rem;
  width: 100%
}

.progress-bar-wrapper .progress-bar {
  background: #0ca3c1;
  border-radius: 32px;
  height: 100%
}

.curriculo-card {
  border: 1px solid #b5bdc9;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem
}

.curriculo-card .curriculo-card-item {
  color: #3e4653;
  display: flex;
  font-size: .875rem;
  font-weight: 400;
  justify-content: space-between;
  line-height: 150%;
  margin-top: 1rem;
  padding-bottom: .5rem
}

.curriculo-card .curriculo-card-item:not(:last-child):not(:only-child) {
  border-bottom: 1px solid #d1d7e0;
  padding-bottom: 1rem
}

.curriculo-card .curriculo-card-item svg {
  color: #007b8e;
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem
}

.curriculo-card .curriculo-card-form {
  border: 1px solid #b5bdc9;
  border-radius: 8px;
  gap: 1rem;
  padding: 1rem .75rem
}

.curriculo-card .tag-preenchimento {
  border-radius: 42px;
  font-family: Product Sans Regular, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 150%;
  padding: .25rem .5rem
}

.curriculo-card .tag-preenchimento.bg-danger {
  background: rgba(209, 63, 0, .1);
  color: #d13f00
}

.curriculo-card .tag-preenchimento.bg-alert {
  background: hsla(44, 98%, 77%, .5);
  color: #7a2e0e
}

.curriculo-card .tag-preenchimento.bg-success {
  background: rgba(0, 123, 142, .1);
  color: #007b8e
}

@media (min-width:640px) {
  .cadastro-completo-container {
    height: calc(100vh - 250px)
  }
}

#btn-deletar-imagem {
  align-items: center;
  background: #fff;
  border: 1px solid #d92d20;
  border-radius: 100px;
  color: #d92d20;
  cursor: pointer;
  display: flex;
  font-size: 1.25rem;
  height: 2rem;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 2rem
}

#btn-deletar-imagem:hover {
  background: #d92d20;
  color: #fff
}

.container_detalhes_oportunidade {
  margin-left: auto;
  margin-right: auto;
  max-width: 726px;
  padding: 3rem 1rem
}

.img_empresa {
  background: var(--system-white, #fff);
  border: 1.2px solid var(--pallets-neutral-200, #e0e6f0);
  border-radius: 8px;
  height: 120px;
  width: 120px
}

.tag_oportunidade {
  align-items: center;
  background: rgba(0, 123, 142, .102);
  border-radius: 42px;
  color: #007b8e;
  display: flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
  height: 26px;
  justify-content: center;
  line-height: 150%;
  padding: 4px 8px
}

.div_descricao_oportunidade {
  max-width: 100%
}

.descricao_oportunidade .MsoListParagraph {
  text-wrap: wrap !important
}

.btn_rede_social_compartilhar {
  background: #007b8e;
  border-color: #007b8e
}

.btn_rede_social_compartilhar:hover {
  background: #0ca3c1;
  border-color: #0ca3c1
}

.input_link_vaga {
  background: #fff;
  border: 1px solid #d1d7e0;
  border-radius: 9999px;
  color: #3e4653;
  height: 40px;
  padding: .5rem .5rem .5rem 1.5rem
}

.input_link_vaga:hover {
  border-color: #0ca3c1
}

.input_link_vaga:focus {
  border-color: #0ca3c1;
  box-shadow: none;
  outline: 0
}

.input_link_vaga:disabled {
  background: #f1f3f7;
  border-color: #b5bdc9
}

@media (max-width:640px) {
  .container_detalhes_oportunidade {
    padding-bottom: 24px;
    padding-top: 24px
  }
}

#lista-oportunidades .card-oportunidade {
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(20, 42, 79, .15), 0 0 2px 0 rgba(20, 42, 79, .25);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: 1.5rem;
  position: relative
}

#lista-oportunidades .card-oportunidade:hover {
  border: 1px solid #0ca3c1;
  box-shadow: none
}

#lista-oportunidades .card-oportunidade .card-img {
  background: #fff;
  border: 1px solid #d1d7e0;
  border-radius: 8px;
  height: auto;
  max-height: 80px;
  max-width: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  padding: .25rem;
  width: 100%
}

.container_vagas_sugeridas {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  padding: 3rem 1rem
}

#vaga {
  max-height: 56px
}

@media (max-width:640px) {
  #vaga {
    max-height: 40px
  }

  #vaga::-moz-placeholder {
    font-size: 14px
  }

  #vaga::placeholder {
    font-size: 14px
  }
}

#bairro_oportunidade::-moz-placeholder {
  color: #828da1;
  font-style: italic
}

#bairro_oportunidade::placeholder {
  color: #828da1;
  font-style: italic
}

#lista-curriculos .card-curriculo {
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(20, 42, 79, .15), 0 0 2px 0 rgba(20, 42, 79, .25);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: 1.5rem;
  position: relative
}

#lista-curriculos .card-curriculo:hover {
  border: 1px solid #0ca3c1;
  box-shadow: none
}

#lista-curriculos .card-curriculo .card-img {
  background: #fff;
  border: 1px solid #d1d7e0;
  border-radius: 1000px;
  height: auto;
  max-height: 70px;
  max-width: 70px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  padding: .25rem;
  width: 100%
}

.progress-bar-border {
  background-color: #d1d7e0;
  border-radius: 45px
}

.progress-bar {
  background-color: #0ca3c1;
  border-radius: 45px;
  height: .75rem
}

.editar-curriculo .card-categoria-curriculo .card-categoria-title {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  width: 100%
}

.editar-curriculo .card-categoria-curriculo .card-categoria-title:after {
  background-image: url(/imgs/layout/chevron_down.svg);
  content: "";
  height: 1.5rem;
  width: 1.5rem
}

.editar-curriculo .card-categoria-curriculo .card-categoria-title.active:after {
  background-image: url(/imgs/layout/chevron_up.svg)
}

.editar-curriculo .card-categoria-curriculo .card-categoria-form {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, minmax(0, 1fr))
}

.container_curriculos_sugeridos {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  padding: 3rem 1rem
}

dialog::backdrop {
  background-color: rgba(0, 0, 0, .5)
}

.modal_termo {
  border: 1px solid rgba(0, 0, 0, .2) !important;
  border-radius: .3rem !important;
  box-shadow: none !important;
  margin: auto !important;
  outline: 0;
  padding: 2rem !important
}

.modal_termo_title {
  font-size: 1rem;
  font-weight: 700
}

.modal_tooltip_title {
  font-weight: 700
}

.previous-page {
  align-items: center;
  color: #4e5869;
  display: flex;
  height: 100%;
  margin-right: 1rem;
  position: relative
}

.previous-page.disabled {
  color: #4e5869;
  cursor: default
}

.previous-page:hover:not(.previous-page.disabled) {
  color: #007b8e;
  cursor: pointer
}

@media (max-width:639px) {
  .previous-page {
    border: 1px solid #d1d7e0;
    border-radius: 2px;
    height: 40px;
    margin-left: 0;
    margin-right: 0
  }
}

.next-page {
  align-items: center;
  color: #4e5869;
  display: flex;
  height: 100%;
  margin-left: 1rem;
  position: relative
}

.next-page.disabled {
  color: #4e5869;
  cursor: default
}

.next-page:hover:not(.next-page.disabled) {
  color: #007b8e;
  cursor: pointer
}

@media (max-width:639px) {
  .next-page {
    border: 1px solid #d1d7e0;
    border-radius: 2px;
    height: 40px;
    margin-left: 0
  }
}

.page-item {
  align-items: center;
  border: 1px solid #d1d7e0;
  border-radius: 2px;
  color: #4e5869;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  justify-content: center;
  line-height: 150%;
  margin: 0 2px;
  padding: .25rem .625rem;
  position: relative
}

.page-item.current-page {
  background: #007b8e;
  color: #fff;
  cursor: default !important
}

.page-item:hover {
  background: #007b8e;
  color: #fff;
  cursor: pointer
}

@media (max-width:639px) {
  .page-item {
    display: none
  }

  .page-item.current-page,
  .page-item.current-page+.page-item,
  .page-item:first-child,
  .page-item:has(+.current-page),
  .page-item:last-child,
  .page-item:nth-child(2),
  .page-item:nth-last-child(2) {
    display: block
  }
}

.page-separator {
  align-items: center;
  border: 1px solid #d1d7e0;
  border-radius: 2px;
  color: #4e5869;
  cursor: default;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  justify-content: center;
  line-height: 150%;
  margin: 0 2px;
  padding: .25rem .625rem;
  position: relative
}

.container_detalhes_curriculo {
  margin-left: auto;
  margin-right: auto;
  max-width: 726px;
  padding: 3rem 1rem
}

.img_curriculo {
  border: 7.8px solid var(--system-white, #fff);
  border-radius: 151.163px;
  height: 120px;
  width: 120px
}

@media (max-width:640px) {
  .container_detalhes_curriculo {
    padding-bottom: 24px;
    padding-top: 24px
  }
}

.card_oportunidade_curriculo {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 1.5rem;
  width: 100%
}

.select2-selection--single {
  height: 42px !important;
  margin-top: 4px !important
}

.select2-selection__rendered {
  color: var(--pallets-neutral-700, #3e4653) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 42px !important
}

.select2-selection__arrow {
  height: 46px !important
}

.select2-container {
  min-width: -webkit-fill-available !important
}

.select2-selection {
  border-color: #b5bdc9 !important
}

.select2-dropdown {
  z-index: 51 !important
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
  background-color: #f1f3f7 !important;
  border-radius: 5px !important;
  width: 8px !important
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
  background-color: #b5bdc9 !important;
  border-radius: 5px !important;
  width: 8px !important
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
  background-color: transparent !important
}

.select2-input {
  cursor: text !important
}

.select2-input .select2-selection__arrow {
  display: none !important
}

.quem_somos_descricao {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 3rem 0;
  width: 684px
}

@media (max-width:1024px) {
  .quem_somos_descricao {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
  }
}

.lista_funcionalidades {
  max-height: 60vh;
  overflow-y: auto
}

#oportunidades-admin-empresa .btn-card {
  border: 1px solid #d92d20;
  border-radius: 5px;
  display: flex;
  padding: 0 10px
}

#oportunidades-admin-empresa .btn-card small {
  font-size: 12px;
  font-weight: 600
}

#oportunidades-admin-empresa .row-item-success .badge {
  color: #039855
}

#oportunidades-admin-empresa .row-item-danger .badge {
  color: #d92d20
}

#oportunidades-admin-empresa .alerta-saldo {
  align-items: center;
  color: #d92d20;
  display: flex;
  margin-top: 1rem
}

#oportunidades-admin-empresa .alerta-saldo .custom-table-icon {
  font-size: 16px;
  margin-left: 1px;
  margin-right: 7px
}

.div_form {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  margin-bottom: 2rem
}

.div_form .obrigatorio {
  color: #e02424
}

.div_form>div>label {
  width: 100%
}

.div_form .input_text {
  display: block;
  margin-top: .25rem;
  width: 100%
}

.div_form [class^=size_] {
  max-height: 78px
}

.div_form .cols_12,
.div_form .cols_8 {
  grid-column: span 12/span 12
}

@media (min-width:640px) {
  .div_form .cols_8 {
    grid-column: span 8/span 8
  }
}

.div_form .cols_4 {
  grid-column: span 12/span 12
}

@media (min-width:640px) {
  .div_form .cols_4 {
    grid-column: span 4/span 4
  }
}

.div_form .img_container {
  align-items: center;
  background-color: #fff;
  border-color: #b5bdc9;
  border-width: 2px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 11rem;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: .5rem;
  text-align: center;
  width: 11rem
}

#modal-alerta {
  max-width: 420px;
  text-align: center
}

#modal-alerta h1 {
  color: #2b313b;
  font-family: Product Sans Bold, sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin: 1rem 0 2rem
}

#modal-alerta p {
  margin-bottom: 1rem
}

#modal-alerta p:first-of-type {
  font-weight: 700
}

#modal-alerta svg {
  fill: #007b8e;
  border: 18px solid #e6f2f4;
  border-radius: 100%;
  margin: auto;
  width: 70px
}

#modal-alerta img {
  border-radius: 15px
}

#modal-alerta #modal-alerta-btn-entendi {
  margin: 2rem auto 1rem
}

.modal-container {
  bottom: 0;
  left: 0;
  min-height: 100vh;
  overflow-y: auto;
  right: 0;
  top: 0;
  z-index: 9999
}

.modal-container,
.modal-container .modal-moldura {
  align-items: center;
  display: flex;
  justify-content: center;
  position: fixed
}

.modal-container .modal-moldura {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  margin: 1rem;
  padding: 1rem
}

@media (min-width:640px) {
  .modal-container .modal-moldura {
    padding: 2rem
  }
}

.modal-container .modal-moldura .modal-close-icon {
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  width: 100%
}

.modal-container .modal-moldura .modal-close-icon img {
  height: 2.25rem;
  width: 2.25rem
}

.modal-container .modal-background {
  background-color: #000;
  bottom: 0;
  left: 0;
  opacity: .75;
  position: fixed;
  right: 0;
  top: 0;
  transition-property: opacity
}

#modal-excluir-oportunidade #titulo {
  margin-bottom: 1rem
}

#modal-excluir-oportunidade #titulo h1 {
  font-size: 1.5rem;
  margin-bottom: 0
}

#modal-excluir-oportunidade #titulo small>span {
  color: #d92d20
}

#modal-excluir-oportunidade #observacao {
  height: 5rem
}

#modal-excluir-oportunidade .modal-box-container {
  max-width: 25rem !important
}

@media (min-width:800px) {
  #modal-excluir-oportunidade .form-many-groups {
    flex-direction: row;
    gap: 1rem
  }

  #modal-excluir-oportunidade .modal-box-container {
    max-width: 43rem !important
  }
}

.opcaoIntervaloTempoGrafico {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-grow: 0;
  gap: 8px;
  height: 32px;
  justify-content: center;
  order: 0;
  padding: 10px;
  width: auto
}

.opcaoIntervaloTempoGrafico:hover,
.opcaoIntervaloTempoGraficoSelecionada {
  background: #c4c8cf;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
  flex: none;
  flex-grow: 0;
  order: 0
}

#nav-evento {
  border-top: 20px solid #007b8e;
  height: 6rem
}

#container-img {
  display: none;
  overflow: hidden;
  position: relative
}

@media (min-width:850px) {
  #container-img {
    display: block
  }
}

#container-img .imagem-evento {
  max-height: 400px
}

#container-img .imagem-desfocada {
  filter: blur(10px);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

#container-img .imagem-nitida {
  border-radius: 10px;
  margin: auto;
  max-width: 1140px;
  position: relative;
  z-index: 1
}

#container-evento {
  margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  min-height: 536px;
  padding: 1rem 1rem 3rem
}

@media (min-width:850px) {
  #container-evento {
    padding: 3rem 1rem
  }
}

#container-evento #evento-title {
  margin: 3rem 0 4rem
}

#container-evento #evento-info {
  display: flex;
  flex-flow: column-reverse;
  gap: 4rem;
  justify-content: space-between
}

@media (min-width:850px) {
  #container-evento #evento-info {
    flex-flow: row;
    margin-bottom: 1rem
  }

  #container-evento #evento-info #container-img {
    display: none
  }
}

#container-evento #evento-info #banner-evento {
  border-radius: 10px
}

@media (min-width:850px) {
  #container-evento #evento-info #banner-evento {
    border-radius: 0
  }
}

#container-evento #evento-descricao {
  margin-top: 2rem
}

#container-evento #evento-descricao #descricao {
  overflow-x: auto
}

#container-evento #evento-descricao #descricao .MsoListParagraph {
  text-wrap: wrap !important
}

#container-evento #evento-descricao .tinymce-view * {
  word-break: break-word
}

#container-evento #evento-buttons {
  display: flex;
  gap: 1rem;
  margin-top: 1rem
}

#lista-eventos .card-evento {
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(20, 42, 79, .15), 0 0 2px 0 rgba(20, 42, 79, .25);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: 1.5rem;
  position: relative
}

#lista-eventos .card-evento>div {
  grid-gap: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%
}

@media (min-width:540px) {
  #lista-eventos .card-evento>div {
    flex-direction: row
  }
}

#lista-eventos .card-evento:hover {
  border: 1px solid #0ca3c1;
  box-shadow: none
}

#lista-eventos .card-evento .card-img {
  background: #fff;
  border: 1px solid #d1d7e0;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  padding: .25rem
}

@media (min-width:540px) {
  #lista-eventos .card-evento .card-img {
    max-width: 150px
  }
}

#busca-lista-eventos>div {
  grid-gap: 1rem;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: auto;
  padding: 2rem 1rem
}

@media (min-width:1024px) {
  #busca-lista-eventos>div {
    padding-left: 0;
    padding-right: 0
  }
}

#busca-lista-eventos #section-filtros-eventos {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 0 auto;
  max-width: 1280px;
  padding: 1.5rem 1rem 5rem
}

@media (min-width:1024px) {
  #busca-lista-eventos #section-filtros-eventos {
    flex-direction: row
  }
}

#busca-lista-eventos #section-filtros-eventos #filtros-eventos {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

#busca-lista-eventos #section-filtros-eventos #filtros-eventos>div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 2rem
}

@media (min-width:640px) {
  #busca-lista-eventos #section-filtros-eventos #filtros-eventos>div {
    margin-top: 0
  }
}

#busca-lista-eventos #section-filtros-eventos #filtros-eventos #select-cidades {
  overflow: hidden;
  padding-right: 30px;
  text-overflow: ellipsis;
  width: 100%
}

@media (min-width:1024px) {
  #busca-lista-eventos #section-filtros-eventos #filtros-eventos #select-cidades {
    width: 250px
  }
}

#busca-lista-eventos #section-filtros-eventos #filtros-eventos #div-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center
}

#busca-lista-eventos #section-filtros-eventos #filtros-eventos #div-buttons .btn_primario_verde {
  max-width: 200px;
  width: 100%
}

@media (min-width:1024px) {
  #busca-lista-eventos #section-filtros-eventos #filtros-eventos #div-buttons .btn_primario_verde {
    max-width: none
  }
}

@media (max-width:640px) {
  #busca-lista-eventos .input_search_with_search_button {
    height: 42px
  }
}

#filtro-busca-lista-inscritos #action-buttons {
  display: flex;
  flex-flow: wrap;
  gap: 1rem;
  justify-content: flex-end;
  margin-bottom: 1rem
}

#filtro-busca-lista-inscritos #action-buttons .verde_fundo_branco {
  border-radius: 10px;
  font-size: .75rem;
  padding: .5rem 1rem
}

#filtro-busca-lista-inscritos #busca-lista-inscritos-inputs {
  display: flex;
  flex-direction: column;
  gap: 0
}

@media (min-width:640px) {
  #filtro-busca-lista-inscritos #busca-lista-inscritos-inputs {
    flex-direction: row;
    gap: 1rem
  }
}

#filtro-busca-lista-inscritos #busca-lista-inscritos-inputs .form-group {
  width: 100%
}

#filtro-busca-lista-inscritos h3 {
  margin-bottom: 1rem
}

#filtro-busca-lista-inscritos #modal-qr-code #div-codigo-qr {
  display: flex;
  flex-direction: column;
  justify-content: center
}

#filtro-busca-lista-inscritos #modal-qr-code #div-codigo-qr svg {
  height: auto !important;
  margin: 1rem auto auto;
  max-width: 300px !important;
  width: -webkit-fill-available !important
}

#filtro-busca-lista-inscritos #modal-qr-code #div-codigo-qr h5 {
  margin-top: 3rem;
  text-align: center
}

#filtro-busca-lista-inscritos #modal-qr-code #modal-qr-footer {
  display: flex;
  flex-flow: wrap;
  gap: 1rem;
  justify-content: center;
  width: 100%
}

@media print {
  #filtro-busca-lista-inscritos #modal-qr-code {
    background-color: #fff !important
  }

  #filtro-busca-lista-inscritos #modal-qr-code .modal-z-index .modal-flex-container {
    align-items: flex-start !important;
    display: flex !important;
    padding: 0 !important
  }

  #filtro-busca-lista-inscritos #modal-qr-code .modal-z-index .modal-flex-container .modal-background {
    background-color: #fff !important;
    height: 100vh;
    opacity: 1 !important;
    top: -60px;
    width: 100vw
  }

  #filtro-busca-lista-inscritos #modal-qr-code #modal-qr-footer,
  #filtro-busca-lista-inscritos #modal-qr-code .modal-title-container {
    display: none
  }
}

#checkin-form {
  gap: .5rem;
  margin-top: 2rem
}

#checkin-form,
#checkin-form #evento-encerrado {
  display: flex;
  flex-direction: column;
  justify-content: center
}

#checkin-form #evento-encerrado {
  gap: 3rem;
  width: 100%
}

#checkin-form #evento-encerrado p {
  text-align: center
}

#checkin-form #evento-encerrado p span {
  color: #f04438
}

#checkin-form #evento-encerrado a {
  display: block;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content
}

#checkin-form>p {
  font-size: 1.5rem;
  margin-top: 3rem;
  text-align: center
}

#checkin-form #campo-cpf {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  justify-content: center;
  margin-top: 2rem
}

@media (min-width:600px) {
  #checkin-form #campo-cpf {
    align-items: flex-start;
    flex-direction: row
  }
}

#checkin-form #campo-cpf #cpf-input {
  height: 65px;
  position: relative
}

#checkin-form #campo-cpf #cpf-input #input-icon {
  color: #828da1;
  cursor: pointer;
  font-weight: 700;
  position: absolute;
  right: 9px;
  top: 11px
}

@media (min-width:490px) {
  #checkin-form #campo-cpf button {
    margin-left: 1rem
  }
}

#checkin-form #campo-cpf label {
  margin-top: 10px
}

@media (min-width:490px) {
  #checkin-form #campo-cpf {
    align-items: flex-start;
    flex-direction: row
  }
}

#checkin-form #campo-usuario {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  margin: 2rem auto;
  width: -moz-fit-content;
  width: fit-content
}

#checkin-form #campo-usuario #nao-encontrado {
  border: 1px solid #d92d20;
  border-radius: 5px;
  color: #d92d20;
  padding: 1rem 2rem;
  text-align: center
}

#checkin-form #campo-usuario #ja-inscrito {
  align-items: center;
  color: #007b8e;
  display: flex;
  gap: 8px;
  justify-content: center
}

#checkin-form #campo-usuario #campo-usuario-buttons {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem
}

@media (min-width:490px) {
  #checkin-form #campo-usuario #campo-usuario-buttons {
    flex-direction: row
  }
}

#checkin-form #timer {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 2rem;
  margin-top: 2rem
}

@media (min-width:540px) {
  #checkin-form #timer {
    flex-direction: row
  }
}

#checkin-form #timer #countdown-blocks {
  display: inline-flex
}

#checkin-form #timer #countdown-blocks>span {
  align-items: flex-end;
  display: flex;
  margin-bottom: 7px;
  padding: 5px
}

#checkin-form #timer #countdown-blocks .countdown-block {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 65px
}

#checkin-form #timer #countdown-blocks .countdown-block .block-label {
  color: #4e5869;
  font-size: 1rem;
  font-weight: 400
}

#checkin-form #timer #countdown-blocks .countdown-block .time-block {
  align-items: center;
  border: 1px solid grey;
  border-radius: 8px;
  color: #2b313b;
  display: flex;
  font-size: 1.2rem;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  width: 50px
}

#checkin-form #timer #timer-icon {
  color: #2b313b;
  font-size: 3rem;
  font-weight: 700;
  margin-top: 12px
}

.banner-cadastro {
  align-items: center;
  background: url(/imgs/empresa/lp/banner-landing-paraempresas.png) 50%/cover no-repeat;
  display: flex;
  justify-content: flex-end;
  padding: 0 100px;
  position: relative
}

.banner-cadastro .banner-cadastro-pessoa {
  position: absolute;
  right: 43rem
}

.banner-cadastro .banner-cadastro-pessoa img {
  height: 30.59rem;
  width: auto
}

@media (max-width:1279px) {
  .banner-cadastro .banner-cadastro-pessoa {
    display: none !important;
    position: relative
  }
}

.banner-cadastro .banner-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 20px 13.75rem 20px 20px
}

.banner-cadastro .banner-container .banner-content {
  align-items: center;
  color: #fff;
  flex-direction: column;
  justify-content: center
}

.banner-cadastro .banner-container .banner-content form {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  font-family: Montserrat, sans-serif;
  padding: 48px 32px;
  width: 415px
}

.banner-cadastro .banner-container .banner-content form .texto_error500 {
  font-size: 12px
}

.banner-cadastro .banner-container .banner-cadastro-specs {
  margin-right: 18rem
}

.banner-cadastro .banner-container .banner-cadastro-specs img {
  padding: 6rem
}

@media (max-width:1800px) {
  .banner-cadastro .banner-container .banner-cadastro-specs img {
    padding: 5rem
  }
}

@media (max-width:1650px) {
  .banner-cadastro .banner-container .banner-cadastro-specs img {
    padding: 0
  }
}

@media (max-width:1279px) {
  .banner-cadastro .banner-container .banner-cadastro-specs {
    margin-right: 10rem
  }
}

@media (max-width:1430px) {
  .banner-cadastro {
    background: linear-gradient(180deg, #006b85 .05%, #009288 27.32%, #009589 51.69%, #009989 78.82%, #006b85 98.39%)
  }

  .banner-cadastro .banner-container {
    padding: 20px
  }

  .banner-cadastro .banner-cadastro-pessoa {
    right: 30.5rem
  }
}

@media (max-width:1100px) {

  .banner-cadastro,
  .banner-cadastro .banner-container {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0
  }

  .banner-cadastro .banner-container {
    margin: 0
  }

  .banner-cadastro .banner-container .banner-content {
    margin: 0;
    padding: 0;
    width: 100vw
  }

  .banner-cadastro .banner-container .banner-content .banner-image {
    margin: 0 auto;
    padding: 4rem;
    width: 40rem
  }
}

@media (max-width:1100px) and (max-width:639px) {
  .banner-cadastro .banner-container .banner-content .banner-image {
    padding: 2rem;
    width: 60rem
  }
}

@media (max-width:1100px) {
  .banner-cadastro .banner-container .banner-content form {
    background-color: #e6f2f4;
    border-radius: 0;
    box-shadow: none;
    width: 100%
  }
}

.banner-thanks-cadastro {
  align-items: center;
  background: linear-gradient(90deg, #009989 0, #006b85 57%, #0c1b2f);
  color: #fff;
  display: flex;
  justify-content: center
}

.banner-thanks-cadastro .banner-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1400px;
  padding: 0 20px;
  width: 100%
}

.banner-thanks-cadastro .banner-container .banner-content {
  flex: 1;
  font-family: Montserrat, sans-serif;
  margin-left: 20px;
  min-width: 400px
}

.banner-thanks-cadastro .banner-container .banner-content .text_body_b1_regular,
.banner-thanks-cadastro .banner-container .banner-content .text_body_b2_bold,
.banner-thanks-cadastro .banner-container .banner-content .text_header_h2_bold {
  color: #fff !important
}

.banner-thanks-cadastro .banner-container .banner-content .text_body_b1_regular {
  margin: 40px 0
}

.banner-thanks-cadastro .banner-container .banner-image-container {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  min-width: 300px
}

.banner-thanks-cadastro .banner-container .banner-image {
  bottom: -6rem;
  height: auto;
  max-width: 100%;
  position: relative
}

@media (max-width:1430px) {
  .banner-thanks-cadastro .banner-container {
    margin: 0 10px;
    padding: 0
  }

  .banner-thanks-cadastro .banner-container .banner-content {
    min-width: 100%
  }
}

@media (max-width:999px) {
  .banner-thanks-cadastro .banner-container {
    align-items: center;
    flex-direction: column;
    text-align: center
  }

  .banner-thanks-cadastro .banner-container .banner-content {
    margin: 30px 0;
    padding: 0 20px
  }

  .banner-thanks-cadastro .banner-container .banner-image,
  .banner-thanks-cadastro .banner-container .banner-image-container {
    display: none
  }
}

@media (min-width:620px) {
  .banner-thanks-cadastro {
    padding: 40px
  }
}

@media (max-width:639px) {
  .banner-thanks-cadastro .text_header_h2_bold {
    font-size: 32px;
    font-weight: 400;
    line-height: 120%
  }
}

@media (max-width:639px) and (max-width:639px) {
  .banner-thanks-cadastro .text_header_h2_bold {
    font-size: 24px
  }
}

@media (max-width:639px) {
  .banner-thanks-cadastro .text_body_b1_bold {
    font-family: Product Sans Bold, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 150%
  }

  .banner-thanks-cadastro .text_body_b2_regular {
    font-size: .75rem;
    font-weight: 400;
    line-height: 150%
  }
}

.bg-linear-gradient-empresas {
  background: linear-gradient(90deg, #006b85, #009989 32.51%)
}

.bg-linear-gradient-empresas .text_header_h2_bold,
.bg-linear-gradient-empresas .text_header_h3_bold,
.bg-linear-gradient-empresas .text_header_h4_bold {
  color: #fff !important
}

@media (max-width:1280px) {
  .bg-linear-gradient-empresas .text_header_h4_bold {
    font-size: 24px;
    line-height: 28px
  }
}

.bg-linear-gradient-empresas .text_header_h2_bold_primary200 {
  color: #b1e8f4 !important;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-weight: bolder;
  letter-spacing: -.03em;
  line-height: 48px;
  text-align: center
}

@media (max-width:1130px) {
  .bg-linear-gradient-empresas .text_header_h2_bold_primary200 {
    font-size: 40px;
    line-height: 38px
  }
}

@media (max-width:1100px) {
  .nao-fique-de-fora-container {
    flex-direction: column !important
  }
}

.acordion {
  border-bottom: 1px solid #e0e6f0;
  cursor: pointer;
  padding-bottom: 5px;
  padding-top: 15px
}

.acordion .faq_setinha {
  margin-right: 10px;
  transform: rotate(0deg);
  transition: transform .3s ease
}

.acordion .acordion-body {
  height: 0;
  margin-top: 15px;
  opacity: 0;
  overflow: hidden;
  transition: height .3s ease, opacity .3s ease
}

.acordion.active .acordion-body {
  height: auto;
  opacity: 1
}

.acordion.active .faq_setinha {
  transform: rotate(90deg)
}

.how-it-works {
  align-items: center;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  text-align: center;
  transition: background-color .3s
}

@media (max-width:768px) {
  .how-it-works {
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
    text-align: start
  }
}

.how-it-works svg {
  min-height: 59px;
  min-width: 59px
}

.how-it-works:hover {
  background-color: rgba(0, 123, 142, .102);
  border-radius: 10px;
  cursor: pointer
}

.how-it-works:hover svg path {
  fill: #fff !important
}

.how-it-works:hover svg rect {
  fill: #0ca3c1 !important;
  fill-opacity: 1
}

#card-totais .info-box {
  margin-bottom: 0
}

#card-totais .skeleton-box,
.skeleton-box {
  background-color: #dddbdd !important
}

.skeleton-box {
  display: inline-block;
  overflow: hidden !important;
  position: relative
}

.skeleton-box:after {
  animation: shimmer 2s infinite;
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2) 20%, hsla(0, 0%, 100%, .5) 60%, hsla(0, 0%, 100%, 0));
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%)
}

@keyframes shimmer {
  to {
    transform: translateX(100%)
  }
}

.skeleton-banner-container {
  height: 518px;
  position: relative;
  width: 100%
}

.skeleton-banner-container .skeleton-banner-image {
  background-color: #e0e0e0;
  height: 100%;
  width: 100%
}

.skeleton-banner-container .skeleton-search-desktop {
  align-items: center;
  border-radius: 32px;
  display: flex;
  flex-shrink: 0;
  height: 56px;
  justify-content: space-between;
  padding: 8px 8px 8px 24px
}

@media (max-width:640px) {
  .skeleton-banner-container .skeleton-search-desktop {
    height: 40px
  }
}

.skeleton-button,
.skeleton-input,
.skeleton-text {
  background-color: silver
}

.custom-btn {
  border-radius: 32px !important;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 150%;
  padding: .5rem 1.25rem
}

.custom-confirm-button {
  background: #012778 !important;
  color: #fff
}

.custom-confirm-button:hover {
  background: #0ca3c1 !important
}

.custom-cancel-button {
  background: #fff !important;
  border: 1px solid #007b8e !important;
  color: #007b8e !important
}

.custom-cancel-button:hover {
  background: rgba(0, 123, 142, .1) !important
}

.swal2-container {
  z-index: 99999 !important
}

.custom-table #table2 tr td,
.custom-table #table2 tr th {
  text-align: center;
  vertical-align: middle
}

.custom-table #table2 tr td .custom-table-icon,
.custom-table #table2 tr th .custom-table-icon {
  font-size: 1.2rem;
  margin-right: 5px
}

.custom-table #table2 tr td .table-icon-red,
.custom-table #table2 tr th .table-icon-red {
  color: #d92d20
}

.custom-table #table2 tr td .table-icon-green,
.custom-table #table2 tr th .table-icon-green {
  color: #039855
}

.custom-table #table2 tr td .table-icon-yellow,
.custom-table #table2 tr th .table-icon-yellow {
  color: #fdb022
}

.faq-container {
  margin: 4rem auto
}

.faq-container .faq-tabs {
  border-bottom: 1px solid #828da1;
  display: flex
}

.faq-container .faq-tabs .faq-tab {
  color: #828da1;
  cursor: pointer;
  font-weight: 400;
  padding: .5rem 1.5rem
}

@media (max-width:639px) {
  .faq-container .faq-tabs .faq-tab {
    font-size: 1.25rem
  }
}

.faq-container .faq-tabs .faq-tab.active {
  border-bottom: 2px solid #007b8e;
  color: #3e4653;
  cursor: default;
  font-weight: 700
}

.faq-container .faq-cards {
  display: flex;
  flex-direction: column
}

.faq-container .faq-cards .faq-card {
  border-bottom: 1px solid #d1d7e0;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: 1.5rem
}

.faq-container .faq-cards .faq-card h3 {
  color: #3e4653;
  font-family: Product Sans Regular, sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%
}

@media (max-width:639px) {
  .faq-container .faq-cards .faq-card h3 {
    font-size: 1.25rem
  }
}

.faq-container .faq-cards .faq-card p {
  color: #5e6c80;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%
}

@media (max-width:639px) {
  .faq-container .faq-cards .faq-card p {
    font-size: 1rem
  }
}

.faq-container .faq-cards .faq-card p a {
  color: #007b8e;
  font-weight: 700
}

.faq-container .faq-cards .faq-card p a:hover {
  text-decoration: underline
}

@media (max-width:639px) {
  .faq-container .faq-cards .faq-card {
    padding: 1.5rem 0
  }

  .faq-container {
    margin: 2.625rem auto
  }
}

#button-notificacao {
  color: rgba(0, 0, 0, .5)
}

#button-notificacao .contador {
  align-items: center;
  background-color: #d92d20;
  border-radius: 999px;
  color: #fff;
  display: flex;
  font-family: Product Sans Regular, sans-serif;
  font-size: .75rem;
  font-weight: 600;
  height: 1rem;
  justify-content: center;
  line-height: 1;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 1rem
}

#guest-notificacao .nav-link {
  align-items: center;
  display: flex;
  height: 4rem;
  left: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: .5rem;
  max-width: 80rem;
  padding-left: 1rem;
  padding-right: 1rem;
  position: absolute;
  top: 0
}

@media (min-width:1024px) {
  #guest-notificacao .nav-link {
    margin-top: 0;
    position: sticky
  }
}

#admin-notificacao {
  position: inherit
}

#admin-notificacao .nav-link {
  padding-left: 0;
  padding-right: 0;
  position: inherit
}

#admin-notificacao #button-notificacao {
  position: relative
}

#admin-notificacao #button-notificacao .contador {
  right: -10px;
  top: -10px
}

#admin-notificacao .dropdown-aberto {
  left: auto
}