/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */

.embed-responsive-item video {
  width: 100% !important;
}

.grecaptcha-badge {
  display: none !important;
}

a {
  text-decoration: none !important;
}

* {
  font-family: "Titillium Web";
}

:disabled {
  cursor: no-drop !important;
}

@font-face {
  font-family: "PressStart2P-Regular";
  src:
    url("fonts/PressStart2P-Regular.ttf") format("ttf"),
    url("fonts/PressStart2P-Regular.eot") format("eot"),
    url("fonts/PressStart2P-Regular.woff") format("woff"),
    url("fonts/PressStart2P-Regular.woff2") format("woff2"),
    url("fonts/PressStart2P-Regular.svg") format("svg");
}

.error-modal .modal-description.warn {
  font-size: 16px;
}

.error-modal .container-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.error-modal .container-column button {
  width: fit-content;
}

/*---------------------- Alterações 02/06/2021 ----------------------------*/

.frmLoginNovaJornada {
  background: #1b2a4e;
  padding: 1.5em 3em 2em;
  min-width: 100% !important;
  margin: 0 auto;
  border-radius: 5px;
}
.frmAlteracaoNovaJornada {
  background: #ee3696;
  padding: 1.5em 3em 2em;
  width: 45%;
  margin: 0 auto;
  border-radius: 5px;
}

.chamadaNovaJornada {
  font-size: 50px;
  font-weight: bold;
  line-height: 83px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 0;
}

button.btnLaranjaPadrao:hover,
button.btnLaranjaPadrao:active,
button.btnLaranjaPadrao:focus,
button.btnLaranjaPadrao {
  background: transparent;
  outline: none;
  border: 2px solid #fff;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
  color: #fff;
  text-align: center;
  padding: 12px 3px;
  margin-top: 1.5em;
  text-transform: uppercase;
  border-radius: 0;
}

button.btnEsqueceuSenha:hover,
button.btnEsqueceuSenha:focus,
button.btnEsqueceuSenha:active,
button.btnEsqueceuSenha {
  background: none;
  outline: none;
  border: none;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  color: #fff;
  padding: 0;
  width: 100%;
  text-align: center;
  text-decoration: underline;
  margin-top: 2em;
}

/**************************/

.frmCadastroNovaJornada,
.frmAtualizaAlunoNovaJornada {
  background: #1b2a4e;
  padding: 1.5em 3em 2.5em;
  width: 88%;
  margin: 0 auto;
  border-radius: 5px;
}

.frmAtualizaAlunoNovaJornada {
  margin: 2em auto 3em;
}

.resumoChamadaNovaJornada {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #ffffff;
}

.difinirSenha {
  margin-top: 1.5em;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #fff;
}

.lblTermoAlteracaoNovaJornada,
.lblTermoCadastroNovaJornada {
  margin-top: 2.2em;
  margin-bottom: 3.5em;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #ffffff;
  cursor: pointer;
}

.lblTermoAlteracaoNovaJornada .checkboxAlteracaoNovaJornada,
.lblTermoCadastroNovaJornada .checkboxCadastroNovaJornada {
  display: inline-block;
  margin-right: 15px;
  vertical-align: -10%;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 2px solid #ee3696;
  border-radius: 50px;
  transition: all 0.8s ease;
}

.containSelectCadastroNovaJornada {
  position: relative;
  background: #6a6f7f;
  margin: 0 auto;
  margin-bottom: 20px;
}

.containSelectCadastroNovaJornada select {
  padding: 12px 40px 11px 15px;
}

.containSelectCadastroNovaJornada i {
  position: absolute;
  top: 0;
  right: 10px;
  margin-top: 0.7em;
}

@media (min-width: 1024px) {
  .zeraMarginBottomDesk {
    margin: 0 !important;
  }
}

.checkboxAlteracaoNovaJornada.ativaNovaJornada,
.checkboxCadastroNovaJornada.ativaNovaJornada {
  transition: all 0.8s ease;
  background: radial-gradient(
    circle,
    rgba(22, 35, 65, 1) 36%,
    rgba(213, 213, 213, 1) 36%
  ) !important;
}

.respostaPadrao {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
  font-size: 22px;
  color: #fff;
}

.respostaPadrao.success {
  border-color: #46b450 !important;
}

.respostaPadrao.failed {
  border-color: #f56e28 !important;
}

.respostaPadrao.error {
  border-color: #dc3232 !important;
}

.boasVindaNovaJornada {
  font-size: 30px;
  font-weight: bold;
  line-height: 44px;
  color: #ffffff;
}

.mensagemBoasVindasNovaJornada {
  font-size: 24px;
  font-weight: 300;
  line-height: 44px;
  color: #fff;
}

.espacaNovaJornada {
  margin-top: 1em;
}

.novoDesafioNovaJornada {
  padding: 1em 1.5em;
  text-align: center;
  border: 2px solid #ee3696;
  font-size: 24px;
  font-weight: bold;
  line-height: 44px;
  color: #ffffff;
  margin: 1.5em 1em 3em;
}

.mensagemBoasVindasNovaJornada > strong {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.chamadaEstacaPesquisa {
  font-size: 45px;
  font-weight: bold;
  margin-bottom: 0.5em;
  color: #ffffff;
  text-transform: uppercase;
}

.espacaChamadaNovaJornada {
  margin-bottom: 2em;
}

.thumbnailVideo {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.espacaLeft {
  padding-left: 0.7em;
}

.abreModalYoutube img,
.abreModalYoutube {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.abreModalYoutube i {
  color: #fff;
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  cursor: pointer;
}

.containDesafioNovaJornada {
  margin-bottom: 2.5em;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1em;
}

.containConteudoDesafioNovaJornada {
  padding-left: 0.5em;
  padding-right: 0.5em;
  flex-grow: 1;
}

.tituloDesafioNovaJornada img {
  width: 65px;
}

.tituloDesafioNovaJornada div {
  width: calc(100% - 65px);
  padding-left: 0.5em;
}

.tituloDesafioNovaJornada {
  font-size: 26px;
  font-weight: bold;
  line-height: 40px;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1em;
}

.resumoDesfioNovaJornada {
  margin-bottom: 1em;
}

.resumoDesfioNovaJornada p,
.resumoDesfioNovaJornada {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #ffffff;
}

.containBtnsDesafioNovaJornada {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.5em;
  width: 100%;
}

.btnJogarDesafioNovaJornada button:hover,
.btnJogarDesafioNovaJornada button:active,
.btnJogarDesafioNovaJornada button:focus,
.btnJogarDesafioNovaJornada button {
  background: #ee3696;
  border-radius: 0;
  border: 0;
  outline: none;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  padding: 5px 30px;
}

.btnCompartilhamentoNovaJornada button img {
  width: 34px;
  height: 34px;
  margin-right: 8px;
  vertical-align: -30%;
}

.btnCompartilhamentoNovaJornada button:hover,
.btnCompartilhamentoNovaJornada button:active,
.btnCompartilhamentoNovaJornada button:focus,
.btnCompartilhamentoNovaJornada button {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  font-size: 19px;
  font-weight: bold;
  line-height: 29px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}

.fundoEstacaoPesquisa {
  background-image: url(img/fundoEstacao.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 130% top;
}

.fundoCadastroEscola {
  background-image: url(img/mosaicoEscola.svg), url(img/fundoEscola.png);
  background-repeat: no-repeat, no-repeat;
  background-size: auto, cover;
  background-position:
    center bottom,
    center center;
  position: relative;
  padding-top: 2em;
  padding-bottom: 2em;
}

.sobreposicaoCadastroEscola {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(19, 54, 121, 0.55);
}

.mensagemEscolaParceira {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #ffffff;
}

.mensagemEscolaParceira strong {
  font-weight: bold;
}

.frmCadastroEscolaParceira {
  background: #162341;
  padding: 2em 1em;
}

.chamadaCadastroEscola {
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  color: #ee3696;
  margin-bottom: 1em;
}

.lblTermoCadastroEscola a {
  font-size: 19px;
  font-weight: 300;
  line-height: 29px;
  color: #ee3696;
  text-decoration: underline !important;
}

.lblTermoCadastroEscola {
  margin-bottom: 1.5em;
  cursor: pointer;
  font-size: 19px;
  font-weight: 300;
  line-height: 29px;
  color: #ffffff;
}

.lblTermoCadastroEscola .checkboxCadastroEscola {
  width: 21px;
  height: 21px;
  display: inline-block;
  vertical-align: -10%;
  margin-right: 10px;
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 5px;
}

input.campoInterno.placeholderBranco,
.campoInterno.placeholderBranco,
.campoInterno.placeholderBranco::placeholder {
  color: #fff !important;
  font-size: 18px !important;
}

.espacaCampo {
  margin-bottom: 1em;
}

button.btnEnviarCadastroEscola:hover,
button.btnEnviarCadastroEscola:active,
button.btnEnviarCadastroEscola:focus,
button.btnEnviarCadastroEscola {
  border: none;
  outline: none;
  padding: 10px 30px;
  background: #ee3696;
  font-size: 24px;
  font-weight: bold;
  line-height: 35px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border-radius: 0;
}

.checkboxCadastroEscola.ativoTermoCadastroEscola {
  background: rgba(232, 121, 39, 1) !important;
  transition: all 0.8s ease;
}

.fundoFotoAgente {
  background: #172c55;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}

.orientacaoFotoNovaJornada {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  color: #ffffff;
  margin: 1em auto 1.5em;
}

.lblAdicionarFotoNovaJornada {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.lblAdicionarFotoNovaJornada span {
  margin-left: 8px;
  font-size: 25px;
  font-weight: bold;
  line-height: 30px;
  text-transform: uppercase;
  color: #ee3696;
  text-decoration: underline;
}

button.btnEviarFoto:hover,
button.btnEviarFoto:focus,
button.btnEviarFoto:active,
button.btnEviarFoto {
  background: #ee3696;
  border: none;
  border-radius: 0;
  outline: none;
  padding: 8px 35px;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #ffffff;
  text-align: center;
  max-width: 100%;
}

.frmFotoAgente {
  text-align: center;
}

.fotoAgenteNovaJornada {
  margin: 0.5em auto 2em;
}

.fundoFinalizacao {
  padding-top: 2em;
  padding-bottom: 2em;
  background-image: url(img/fundoFinalizacao.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.resumoFinalizacaoNovaJornada {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #ffffff;
}

.resumoFinalizacaoNovaJornada strong {
  font-size: 34px;
  font-weight: bold;
  line-height: 36px;
  color: #ffffff;
}

.espacaVideoFinalizacao {
  padding-top: 1em;
  padding-bottom: 1em;
}

.dossieMissaoNovaJornada button img {
  width: 42px;
  height: 42px;
  margin-right: 8px;
  vertical-align: middle;
}

.dossieMissaoNovaJornada button:hover,
.dossieMissaoNovaJornada button:active,
.dossieMissaoNovaJornada button:focus,
.dossieMissaoNovaJornada button {
  background: #172c55;
  border: none;
  outline: none;
  border-radius: 0;
  padding: 10px 30px;
  font-size: 25px;
  font-weight: bold;
  line-height: 30px;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
}

.infoBaixeArquivoNovaJornada {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  color: #ffffff;
  margin-top: 1em;
}

.containMenuAlunoNovaJornada {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.linkAlterarSenha:hover {
  color: #ee3696;
}

.linkAlterarSenha:active,
.linkAlterarSenha:focus,
.linkAlterarSenha {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  color: #ee3696;
}

.linkLoggoutAluno {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  color: #fff;
}

.containMenuAlunoNovaJornada span {
  margin: 0 0.5em;
}

@media (width: 1440px) {
}

@media (width: 1366px) {
  /* .frmLoginNovaJornada, */
  .frmAlteracaoNovaJornada {
    width: 50%;
  }
}

@media (max-width: 1365.8px) AND (min-width: 1024.8px) {
  /* .frmLoginNovaJornada, */
  .frmAlteracaoNovaJornada {
    width: 52%;
  }
  .tituloDesafioNovaJornada div {
    width: calc(100% - 55px);
    padding-left: 0.5em;
  }
  .tituloDesafioNovaJornada img {
    width: 55px;
  }
  .tituloDesafioNovaJornada {
    font-size: 24px;
    word-wrap: normal;
  }
  .btnCompartilhamentoNovaJornada button:hover,
  .btnCompartilhamentoNovaJornada button:active,
  .btnCompartilhamentoNovaJornada button:focus,
  .btnCompartilhamentoNovaJornada button {
    font-size: 17px;
  }
  .btnCompartilhamentoNovaJornada button img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }
}

@media (width: 1024px) {
  /* .frmLoginNovaJornada, */
  .frmAlteracaoNovaJornada {
    width: 60%;
    margin-top: 1em;
  }
  .frmCadastroNovaJornada,
  .frmAtualizaAlunoNovaJornada {
    width: 90%;
    margin: 1.5em auto 0em;
  }
  .containSelectCadastroNovaJornada i {
    font-size: 24px;
  }
}

@media (max-width: 1023px) AND (min-width: 768px) {
  /* .frmLoginNovaJornada, */
  .frmAlteracaoNovaJornada {
    width: 80%;
    margin: 2em auto 0;
  }
  .frmCadastroNovaJornada,
  .frmAtualizaAlunoNovaJornada {
    padding: 1em 1em 1.5em;
    width: 100%;
    margin: 1.2em auto 1em;
  }
  .containSelectCadastroNovaJornada i {
    font-size: 23px;
  }
  .tituloDesafioNovaJornada img {
    width: 50px;
  }
  .tituloDesafioNovaJornada div {
    width: calc(100% - 50px);
  }
  .frmCadastroEscolaParceira {
    margin-top: 2.5em;
  }
  .boasVindaNovaJornada {
    margin-top: 1em;
  }
}

@media (max-width: 767.8px) {
  /* .frmLoginNovaJornada {
    margin-top: 100px;
  } */
  /* .frmLoginNovaJornada, */
  .frmAlteracaoNovaJornada {
    padding: 1em 0.5em 1em;
    width: 95%;
    margin-top: 1em;
  }
  .chamadaNovaJornada {
    font-size: 35px;
  }
  .frmCadastroNovaJornada,
  .frmAtualizaAlunoNovaJornada {
    padding: 1em 1em 1.5em;
    width: 100%;
    margin: 1.2em auto 1em;
  }
  .containSelectCadastroNovaJornada i {
    font-size: 23px;
  }
  .apenasMobile {
    max-width: 100%;
  }
  .novoDesafioNovaJornada {
    padding: 1em 0.5em;
    margin: 1.5em 15px 3em;
    max-width: 100%;
  }
  .chamadaEstacaPesquisa {
    font-size: 30px;
  }
  .tituloDesafioNovaJornada img {
    width: 50px;
  }
  .tituloDesafioNovaJornada div {
    width: calc(100% - 50px);
  }
  .containDesafioNovaJornada {
    padding: 0em;
  }
  .resumoFinalizacaoNovaJornada strong {
    font-size: 28px;
    font-weight: bold;
    line-height: 36px;
    color: #ffffff;
  }
  .dossieMissaoNovaJornada button:hover,
  .dossieMissaoNovaJornada button:active,
  .dossieMissaoNovaJornada button:focus,
  .dossieMissaoNovaJornada button {
    padding: 10px 15px;
    font-size: 20px;
  }
  .fundoCadastroEscola {
    background-image: none;
  }
  .frmCadastroEscolaParceira {
    margin-top: 2.5em;
  }
  .boasVindaNovaJornada {
    margin-top: 1em;
  }
  .zeraPadding {
    padding: 0;
  }
}

/*---------------------- Paginação ------------------------------------*/

.custom-paginacao {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

.custom-paginacao a,
.custom-paginacao span {
  padding: 6px 12px;
  border: 1px solid #ee3696;
  margin-left: -1px;
  text-decoration: none;
  color: #ee3696;
}

.custom-paginacao a:hover,
.custom-paginacao span:hover {
  background-color: #ee3696;
}

.custom-paginacao span.current {
  background-color: #ee3696;
  color: #ffffff;
  border-color: #ee3696;
}

.custom-paginacao span.dots {
  /*color: #428bca;*/
  color: #ee3696;
}

.custom-paginacao a:first-child,
.custom-paginacao span:first-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

.custom-paginacao a:last-child,
.custom-paginacao span:last-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

@media (max-width: 768px) {
  .custom-paginacao {
    display: inline-block;
  }
  .custom-paginacao a,
  .custom-paginacao span {
    margin-bottom: 10px !important;
    display: inline-block;
  }
}

/*---------------------- OWL ------------------------------------*/

.owl-carousel .owl-stage-outer {
  text-align: -webkit-center;
}

/* //-> centraliza os itens */

.item {
  text-align: center;
  text-align: -webkit-center !important;
}

/* //->cor do dots da navegação */

/* //->tamanho, cor e espaçamento dos dots */

.owl-theme .owl-dots .owl-dot span {
  width: 20px;
  height: 20px;
  margin: 5px 7px;
  background: #cecece;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

/* //-> coloca as cetinhas na lateral do carousel */

.owl-next,
.owl-next:focus,
.owl-next:hover,
.owl-next:active {
  position: absolute !important;
  top: 40% !important;
  right: 0px !important;
  background: transparent;
  outline: none;
}

/* //-> coloca as cetinhas na lateral do carousel */

.owl-prev,
.owl-prev:active,
.owl-prev:hover,
.owl-prev:focus {
  position: absolute !important;
  top: 40% !important;
  left: 0px !important;
  background: transparent;
  outline: none;
}

/* //-> com a setinha estiver desabilitada */

.owl-next.disabled #btnNext {
  background-image: url("img/setaOwlFim.svg") !important;
  -moz-transform: scale(-1);
  -ms-transform: scale(-1);
  -o-transform: scale(-1);
  -webkit-transform: scale(-1);
  transform: scale(1);
}

/* //-> com a setinha estiver desabilitada */

.owl-prev.disabled #btnPrev {
  background-image: url("img/setaOwlFim.svg") !important;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #e87927;
}

/* //-> coloca uma imagem como seta */

#btnNext,
#btnNext:focus,
#btnNext:active,
#btnNext:hover {
  min-width: 41px;
  min-height: 41px;
  background: transparent;
  background-image: url("img/setaOwl.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* //-> coloca uma imagem como seta */

#btnPrev,
#btnPrev:focus,
#btnPrev:active,
#btnPrev:hover {
  transform: scale(-1);
  min-width: 41px;
  min-height: 41px;
  background: transparent;
  background-image: url("img/setaOwl.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* //-> caso reste algum fundo será tirado */

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent;
}

.owl-theme .owl-nav .disabled {
  opacity: 1;
  cursor: default;
}

/*-------------------------------- Menu --------------------*/

#cabecalho {
  background: #000020 !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.3);
}

#menuFixo .sub-menu,
#menu .sub-menu {
  background-color: #000020;
}

#logos {
  display: flex;
  align-items: center;
}

#logos a:last-child {
  padding-left: 1.5em;
}

.fl-page-nav-right .fl-page-header-wrap {
  border-bottom: none;
}

.fl-page {
  padding-top: 0 !important;
}

#cabecalhoFixo {
  /* background: rgb(23, 44, 85, 0.5) !important; */
  background: #000020 !important;
  box-shadow: 4px 4px 10px 0px rgb(144 144 144 / 30%);
}

.logosFixas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.missaoMenuFixo {
  max-width: 75px;
}

.logoCancerFixo {
  max-width: 60px;
  margin-left: 2em;
}

#menuAgente {
  justify-content: flex-start;
}

#menuAgente ul {
  width: 100%;
}

#menuAgente ul li:last-child {
  flex-grow: 1;
}

/*------------------------- Rodapé ------------------------*/

.fl-page-footer {
  border-top: none;
}

.fl-page-footer-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px !important;
}

.fundoRodape {
  background: #1b2a4e;
  padding: 4em 0em 4em 0em;
}

.telRodape,
.emailRodape,
.txtRodape {
  font-weight: 300;
  color: #fff !important;
  font-size: 20px;
  line-height: 1.6em;
  text-decoration: none;
}

.chamadaRodape {
  text-transform: uppercase;
  font-size: 20px !important;
  font-weight: bold;
  color: #fff !important;
}

.colDoacao {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.imgDoacaoRodape {
  width: 25%;
}

.txtDoacaoRodape {
  width: 75%;
}

.btnRodape button:hover,
.btnRodape button:active,
.btnRodape button:focus,
.btnRodape button {
  border: 1px solid #000;
  background: #000;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 0;
  font-weight: bold;
  font-size: 19px !important;
  text-align: center;
  padding: 0.5em 2em;
}

.contatoRodape {
  min-height: 110px;
}

.logosRodape {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.logosRodape a:last-child {
  padding-left: 3em;
}

.desenvolvidoPor {
  margin-top: 1.5em;
  padding-left: 0.2em;
}

.desenvolvidoPor,
.desenvolvidoPor a {
  font-weight: 300;
  font-size: 14px;
  color: #fff !important;
  text-decoration: none;
}

.fl-page-footer-row {
  word-break: break-word;
}

/*------------------------------------------ Home -----------------------------------*/

.mostraDesk {
  display: block;
}

.videoMissao {
  width: 95%;
  height: 700px;
}

.containVideo {
  text-align: center;
}

.paraTras {
  position: relative;
  /* z-index: 1; */
}

.paraFrente {
  position: relative;
  z-index: 2;
}

.desfarcaBorda {
  /* -webkit-box-shadow: 0px -24px 75px 10px rgba(103, 61, 75, 0.4);
    -moz-box-shadow: 0px -24px 75px 10px rgba(103, 61, 75, 0.4);
    box-shadow: 0px -24px 75px 10px rgba(103, 61, 75, 0.4); */
}

.fundoNossaMissaoRodape {
  background: transparent
    linear-gradient(180deg, #172c5500 14%, #172c55 50%, #172c55 100%) 0% 0%
    no-repeat padding-box;
}

.containCardPostsRodape {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* .postRodape:nth-child(5n) {
   
} */

.postRodape {
  width: calc(33.33% - 2em);
  padding: 1em;
  background-color: #1b2a4e;
  /* height: 100%; */
  margin: auto 1em;
  margin-bottom: 2em;
}

.dataPostRodape {
  font-weight: 300;
  color: #ffffff59;
  font-size: 14px;
  margin-bottom: 1.2em;
}

.imgPostRodape {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
}

.tituloPosrRodape {
  margin-top: 1em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 22px;
  color: #fff;
  line-height: 1.8em;
  min-height: 80px;
}

.linhaPostRodape {
  width: 100%;
  border: 1px solid #ffffff59;
}

.btnVerMaisPostRodape button {
  border: 1px solid #ee3696;
  font-weight: bold;
  font-size: 14px !important;
  color: #ee3696;
  background: transparent;
  text-transform: uppercase;
  border-radius: 0;
}

.btnCompartilhar:focus,
.btnCompartilhar:active,
.btnCompartilhar:hover,
.btnCompartilhar {
  background: transparent;
  border: none;
  outline: none;
  color: #ee3696;
  font-weight: bold;
  font-size: 14px !important;
}

.btnCompartilhar img {
  background: #ee3696;
  padding: 10px;
}

.circulaImg img {
  border-radius: 50px;
  padding: 5px;
}

.btnsPostRodape {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.sociais a img {
  max-width: 22%;
}

.sociais {
  background: rgba(0, 0, 0, 0.329);
  padding: 8px;
  display: none;
  position: absolute;
  bottom: -50px;
  right: 0;
  width: 40%;
}

.sociaisInterna {
  background: rgba(0, 0, 0, 0.329);
  padding: 8px;
  display: none;
  position: absolute;
  bottom: -50px;
  left: 25px;
  z-index: 20;
}

/*------------------------------------------- Conheça Projeto ----------------------------*/

.fancybox a img {
  max-height: 280px;
  object-fit: cover;
  max-width: 90%;
  object-position: top;
}

/*---------------------------------- Teste --------------------*/

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  font-size: 18px;
  background: transparent;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#containImgsSwiper,
.espacaImgs {
  margin-bottom: 2.5em;
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 18px;
  width: 98%;
  background: #1b2a4e;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: #ee3696;
  border-radius: 10px;
  left: 0px;
  top: 0px;
}

.swiper-pagination {
  width: 100%;
  position: relative;
  background: #112141;
}

.swiper-pagination .swiper-pagination-bullet {
  border: none;
  outline: none;
  border-radius: 0;
  background: transparent;
  margin: 0;
  width: 33%;
  height: 80px;
  text-align: center;
  padding: 0.8em 0.5em;
  font-size: 24px;
  color: #fff;
  font-weight: 300;
  opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #eb4c51;
}

/*------------------------ Fale Conosco -----------*/

.btnAtivo:hover,
.btnAtivo:active,
.btnAtivo:focus,
.btnAtivo {
  width: 65%;
  color: #1d1d1d;
  border: none;
  outline: none;
  background-color: #ffffff;
  text-transform: uppercase;
  font-size: 24px !important;
  text-align: center;
  font-weight: bold;
  border-radius: 0;
}

.btnDesativado:hover {
  background: #ffffff38;
  color: #ffffff;
}

.btnDesativado:active,
.btnDesativado:focus,
.btnDesativado {
  width: 65%;
  color: #ffffff;
  border: 1px solid #ffffff;
  outline: none;
  background: transparent;
  text-transform: uppercase;
  font-size: 24px !important;
  text-align: center;
  font-weight: bold;
  border-radius: 0;
}

.chamadaForma {
  color: #ee3696;
  font-weight: bold;
  text-align: center;
  font-size: 48px;
  text-transform: uppercase;
  margin: 1em auto;
}

.descricaoForm {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  text-align: center;
}

.fundoForm {
  background: #1b2a4e;
  padding: 0em 0.5em 1.2em 0.5em;
}

.termoForm {
  padding-top: 20px;
  padding-bottom: 20px;
}

.fundoForm,
.termoForm,
.submitForm {
  max-width: 70%;
  margin: 0 auto;
}

.lblCampo {
  font-weight: 300;
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 10px;
  margin-top: 1em;
}

input.campoInterno:hover,
input.campoInterno:focus,
input.campoInterno:active,
input.campoInterno,
.campoInterno:hover,
.campoInterno:focus,
.campoInterno:active,
.campoInterno {
  border-radius: 0;
  border: none;
  outline: none;
  background: #000020;
  padding: 10px 15px;
  font-size: 24px;
  font-weight: 300;
  color: #fff;
}

textarea.campoInterno {
  height: 250px;
}

.lblTermo {
  cursor: pointer;
  font-weight: 300;
  font-size: 24px;
  color: #fff;
  margin-bottom: 20px;
}

.checkbox {
  display: inline-block;
  background: #1b2a4e;
  width: 34px;
  height: 34px;
  vertical-align: -10%;
  margin-right: 15px;
  border-radius: 50px;
  transition: all 0.8s ease;
}

.ativo {
  background: radial-gradient(
    circle,
    rgba(255 255 255) 35%,
    rgb(27 42 78) 35%
  ) !important;
  transition: all 0.8s ease;
}

#termo {
  display: none;
}

input.btnEnviar:hover,
input.btnEnviar:focus,
input.btnEnviar:active,
input.btnEnviar,
button.btnEnviar:hover,
button.btnEnviar:focus,
button.btnEnviar:active,
button.btnEnviar {
  width: 100%;
  background: #ee3696 !important;
  text-transform: uppercase;
  color: #fff !important;
  border-radius: 0;
  border-color: #ee3696;
  text-align: center;
  font-size: 24px !important;
  font-weight: bold;
}

.formFaleConosco {
  padding-top: 0.5em;
  padding-bottom: 5em;
}

.formSolicitarMissao {
  display: none;
}

/*----------------------------------- Topo ---------------------*/

.fundoTopo {
  margin-bottom: calc(-700px + 8em);
}

.sobreposicaoFaleConosco {
  position: relative;
}

/* .sobreposicaoFaleConosco::before { */
/* content: "";
  width: 100%;
  height: 100%;
  display: block; */
/* background: linear-gradient(
    0deg,
    #172c55 4%,
    #162e6000 30%,
    #162e6000 80%,
    #172c55 100%
  ); */
/* position: absolute; */
/* top: 0;
  left: 0;
  z-index: 10; */
/* } */

.logoHospitalMobile {
  width: 108px;
}

/*----------------------------- Background Teste ---------------------*/

.fundoVoceSabia {
  background-image: url(img/fundoCelula.png), url(img/corpo-home.jpg);
  background-repeat: no-repeat, no-repeat;
  background-size: cover, contain;
  background-position:
    center center,
    -30% center;
  background-attachment: fixed, scroll;
}

/*----------------------------- Solicitar Missão ---------------------*/

.fundoForm1,
.fundoForm2,
.fundoForm3 {
  max-width: 80%;
  margin: 0 auto;
  padding: 1em 0.5em 1.2em 0.5em;
}

.fundoForm1 {
  background: #19294d;
}

.fundoForm2 {
  background: #152341;
}

.chamadaFormSm {
  font-weight: bold;
  font-size: 30px;
  color: #ffffff;
}

.desc {
  font-weight: 300;
  font-size: 24px;
  color: #ffffff;
}

.identificacao,
.objetivo,
.perfilDaInstituicao,
.vinculoHospital {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.identificacao::after,
.objetivo::after,
.perfilDaInstituicao::after,
.vinculoHospital::after {
  content: "";
  display: inline-block;
  margin-left: 25px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.identificacao::after {
  background-image: url(img/write.svg);
}

.objetivo::after {
  background-image: url(img/cracha.svg);
}

.perfilDaInstituicao::after {
  background-image: url(img/alvo.svg);
}

.vinculoHospital::after {
  background-image: url(img/halogo.svg);
}

.destacaItem {
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
}

.obs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #ffffff;
  font-size: 24px;
  background: #152341;
  padding: 1em 2em;
  width: 95%;
  min-height: 150px;
}

.numObs {
  border-radius: 26px 0px 0px 26px;
  background: #3f4498;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 5%;
  height: 100%;
}

.containerObservacoes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
}

.logistica {
  list-style: none;
  padding-left: 0;
}

.logistica li {
  font-size: 24px;
  margin-bottom: 0.2em;
}

.tabLogistica {
  padding-left: 1em;
}

.paddingMaiorForm {
  padding: 0em 2em;
}

.imgExperiencia {
  min-height: 595px;
  width: 100%;
  padding: 0;
  background-image: url(img/mapa.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.containSelect,
.containSelectPadrao {
  position: relative;
  margin: 15px auto;
  background: #0b1933;
  max-width: 45%;
  margin: 0 auto;
  margin-bottom: 20px;
}

.containSelectPadrao {
  max-width: 97%;
  margin-bottom: 0;
}

.select option,
#periodoSM option {
  color: #1d1d1d;
  font-weight: 300;
  font-size: 24px;
  cursor: pointer;
}

.select,
#periodoSM {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: none;
  outline: none;
  color: #fff;
  font-size: 22px;
  padding: 10px 0px;
  background: transparent;
  position: relative;
  z-index: 2;
  font-weight: 300;
  cursor: pointer;
  text-align-last: center;
}

.select {
  text-align-last: left;
}

.containSelectPadrao i,
.containSelect i {
  position: absolute;
  top: 35%;
  right: 18px;
  z-index: 1;
  color: #ffffff;
}

#vinculoSM,
#termoTramite,
#totalPreenchido {
  display: none;
}

.checkboxVinculo {
  list-style: none;
  padding-left: 0;
}

.checkboxVinculo li {
  margin-bottom: 0.5em;
}

.checkboxVinculo label {
  font-weight: 300;
  color: #ffffff;
  font-size: 24px;
  margin-left: 15px;
  cursor: pointer;
}

.checkboxVinculo input:focus {
  outline: none;
}

.checkboxVinculo input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 28px;
  height: 28px;
  outline: none;
  border-radius: 50px;
  border: 4px solid #ffffff;
  background: transparent;
  cursor: pointer;
}

.checkboxVinculo input:checked {
  background: radial-gradient(
    circle,
    rgba(232, 121, 39, 1) 35%,
    rgba(11, 25, 51, 1) 35%
  );
}

.listaVinculos {
  max-width: 790px;
  margin: 0 auto;
  background-color: #0b1933;
  padding: 1em 1em 0 1em;
}

.chamadaTblPerfil {
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
}

.tblPerfil {
  background: #0b1933;
  width: 100%;
  text-align: center;
}

.tblPerfil th,
.tblPerfil td {
  padding: 0.5em;
}

.camposTblPerfil,
input.inputPadrao,
input.inputPadrao {
  font-weight: 300;
  font-size: 24px;
  color: #ffffff;
}

input.inputPadrao:hover,
input.inputPadrao:active,
input.inputPadrao:focus,
input.inputPadrao {
  border: none;
  outline: none;
  border-radius: 0;
  background: transparent;
  text-align: center;
}

/*--------------------------------------------- Você Sabia --------------------------*/

.chamadaVoceSabia {
  font-weight: bold;
  font-size: 40px;
  color: #ee3696;
  text-align: center;
  text-transform: uppercase;
}

.btnVoceSabia {
  max-width: 30%;
  margin: 0 10px;
}

.btnCatVoceSabia {
  width: 100%;
}

.containBotoesVoceSabia {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 2em;
}

.tamVoceSabia {
  padding-left: 7em;
  padding-right: 7em;
  padding-top: 1.5em;
}

.tituloPerguntaFrequente {
  font-weight: bold;
  font-size: 30px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.bordaPerguntasFrequentes {
  border-bottom: 1px solid rgb(255, 255, 255, 0.3);
  padding-bottom: 1em;
  margin-bottom: 1.5em;
}

.respostaPerguntaFrequente p,
.respostaPerguntaFrequente,
.conteudoNossaMissaoLer p,
.conteudoNossaMissaoLer {
  font-weight: 300;
  font-size: 24px;
  color: #fff;
}

.fl-row.fl-row-fixed-width.fl-row-bg-none.fl-node-5fabb9a39ad74.fl-row-custom-height.fl-row-align-center.paraFrente
  .fl-row-content-wrap
  .fl-row-content.fl-row-fixed-width.fl-node-content {
  max-width: 100%;
}

.conteudoNossaMissaoLer {
  margin: 1.5em 0;
}

.containerVoceSabia {
  min-height: 500px;
}

.containLerMissao {
  padding-top: 40px;
  padding-bottom: 40px;
}

.containVideoVoceSabia {
  position: relative;
  margin-bottom: 1em;
}

.abreModal {
  width: 100%;
  height: 100%;
}

.imgVideo {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}

.playerImg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.videoDesc {
  color: #ffffff;
  font-weight: 300;
  font-size: 24px;
  text-align: center;
  margin-bottom: 1.5em;
}

/*------------------------------------ Página do Agente ----------------------*/

.formLogin {
  max-width: 60%;
  background: #152341;
  padding: 1em 1.5em 1.8em 1.5em;
  margin: 0 auto;
  margin-bottom: 7em;
}

#btnEntrar {
  margin-top: 1.5em;
}

.chamadaAgente,
.chamadaAgenteTabela {
  font-weight: bold;
  font-size: 64px;
  text-transform: uppercase;
}

.descAgente {
  font-weight: 300;
  font-size: 17px;
}

.tituloCampoAlunos tr {
  margin-bottom: 1em;
}

.tituloCampoAlunos tr th {
  font-weight: bold;
  color: #fff;
  font-size: 24px;
  text-align: center;
  text-transform: uppercase;
}

.tableOverflow {
  max-height: 800px;
  overflow-x: auto;
  margin-bottom: 2em;
}

.tableOverflow::-webkit-scrollbar {
  width: 15px;
  background: #0b1933;
}

.tableOverflow::-webkit-scrollbar-thumb {
  background: #e87927;
  border-radius: 40px;
}

.tabela {
  text-align: center;
  width: 100%;
  margin-top: 2em;
}

.dadoTable td {
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  padding: 0.5em 0;
  cursor: pointer;
}

.imgAluno {
  border-radius: 50px;
  width: 70px;
  height: 70px;
  object-fit: cover;
  object-position: center;
}

.hexagon {
  position: relative;
  width: 190px;
  height: 109.7px;
  margin: 54.85px 0;
  background-size: auto 207.8461px;
  background-position: center;
  border-left: solid 5px #e87927;
  border-right: solid 5px #e87927;
  margin: 0 0 0 20px;
  margin: 0 auto;
  margin-bottom: 3em;
  margin-top: 1.5em;
}

.hexTop,
.hexBottom {
  position: absolute;
  z-index: 1;
  width: 134.35px;
  height: 134.35px;
  overflow: hidden;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background: inherit;
  left: 22.82px;
}

.titulo-videos {
  font-size: 50px;
}

.video-hall,
.video-alunos {
  position: relative;
  padding-top: 56.25%;
  width: 100%;
}

.video-hall video,
.video-alunos video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/*counter transform the bg image on the caps*/

.hexTop:after,
.hexBottom:after {
  content: "";
  position: absolute;
  width: 180px;
  height: 103.92304845413264px;
  -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-51.9615px);
  -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-51.9615px);
  transform: rotate(45deg) scaleY(1.7321) translateY(-51.9615px);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background: inherit;
}

.hexTop {
  top: -67.1751px;
  border-top: solid 7.0711px #e87927;
  border-right: solid 7.0711px #e87927;
}

.hexTop:after {
  background-position: center top;
}

.hexBottom {
  bottom: -67.1751px;
  border-bottom: solid 7.0711px #e87927;
  border-left: solid 7.0711px #e87927;
}

.hexBottom:after {
  background-position: center bottom;
}

.hexagon:after {
  content: "";
  position: absolute;
  top: 2.8868px;
  left: 0;
  width: 180px;
  height: 103.923px;
  z-index: 2;
  background: inherit;
}

/*---- Hexagono 2 -----*/

.hexagon2 {
  position: relative;
  width: 130px;
  height: 75.06px;
  margin: 37.53px 0;
  background-image: url(http://csshexagon.com/img/meow.jpg);
  background-size: auto 138.5641px;
  background-position: center;
  border-left: solid 5px #e87927;
  border-right: solid 5px #e87927;
}

.hexTop2,
.hexBottom2 {
  position: absolute;
  z-index: 1;
  width: 91.92px;
  height: 91.92px;
  overflow: hidden;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background: inherit;
  left: 14.04px;
}

/*counter transform the bg image on the caps*/

.hexTop2:after,
.hexBottom2:after {
  content: "";
  position: absolute;
  width: 120px;
  height: 69.2820323027551px;
  -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-34.641px);
  -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-34.641px);
  transform: rotate(45deg) scaleY(1.7321) translateY(-34.641px);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background: inherit;
}

.hexTop2 {
  top: -45.9619px;
  border-top: solid 7.0711px #e87927;
  border-right: solid 7.0711px #e87927;
}

.hexTop2:after {
  background-position: center top;
}

.hexBottom2 {
  bottom: -45.9619px;
  border-bottom: solid 7.0711px #e87927;
  border-left: solid 7.0711px #e87927;
}

.hexBottom2:after {
  background-position: center bottom;
}

.hexagon2:after {
  content: "";
  position: absolute;
  top: 2.8868px;
  left: 0;
  width: 120px;
  height: 69.282px;
  z-index: 2;
  background: inherit;
}

.fundoTopoAgente {
  margin-bottom: calc(-700px + 3em);
}

.sobreposicaoAgente .fl-row-content-wrap {
  position: relative;
  z-index: 10;
}

.sobreposicaoAgente {
  position: relative;
}

.sobreposicaoAgente::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  background-image: url(img/Group297.svg);
  background-repeat: no-repeat;
  background-size: 46%;
  background-position: 103% -17.5%;
  top: 0;
  left: 0;
  z-index: 9;
}

.sobreposicaoAgente::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  background-image: url(img/Group299.svg);
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: -13% 54%;
  bottom: 0;
  left: 0;
  z-index: 9;
}

.paddingAgente {
  padding-top: 8.5em;
  position: relative;
  z-index: 10;
}

.chamadaPerfil {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 64px;
  color: #fff;
}

.descPerfil {
  font-size: 17px;
  font-weight: 300;
  color: #fff;
}

.chamadaItemComFundo {
  background-image: url(img/fundoItem.png);
  background-repeat: no-repeat;
  background-position: 65%;
  background-size: contain;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 48px;
  color: #fff;
  margin-top: 3em;
  margin-bottom: 5em;
  position: relative;
  z-index: 11;
}

.chamadaItemSemFundo {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 48px;
  color: #fff;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.containDadosAgente {
  width: 80%;
  padding: 1em 2em;
  background-color: #19294d;
  border-radius: 21px;
  margin: 0 auto;
  position: relative;
  z-index: 11;
}

.constainDesItensAgente {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.7em 0;
  font-weight: 300;
  font-size: 20px;
  color: #fff;
}

.campoDadosAgente {
  margin-left: 15px;
  margin-right: 10px;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}

.containScoreEquipe {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}

.equipe {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.score {
  font-weight: bold;
  font-size: 40px;
  color: #fff;
}

.espacaRanking {
  margin-top: 1.5em;
}

.vcAcomulou {
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0;
  margin-top: 0;
}

.scoreVcAcumulou img {
  height: 100%;
  margin-top: -5%;
  margin-right: -5%;
}

.scoreVcAcumulou {
  font-family: "PressStart2P-Regular";
  color: #e87927;
  font-size: 95px;
  margin-bottom: -0.2em;
}

.containRanking {
  width: 90%;
}

.selecaoRanking {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
}

button.selecionarRanking:active,
button.selecionarRanking:hover,
button.selecionarRanking:focus,
button.selecionarRanking {
  border: none;
  outline: none;
  border-radius: 0;
  background: transparent;
  margin: 0;
  width: 33%;
  text-align: center;
  padding: 0.8em 0.5em;
  font-size: 24px;
  color: #fff;
  font-weight: 300;
}

button.selecionadoRanking:hover,
button.selecionadoRanking:active,
button.selecionadoRanking:focus,
button.selecionadoRanking {
  background: #e87927;
}

.listaDeAgentes,
.rankEquipeEscola {
  list-style: none;
  padding: 0;
  background: #112141;
}

.listaDeAgentes li,
.rankEquipeEscola li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.listaDeAgentes li {
  padding-top: 1em;
}

.colocacaoAgente,
.colocacaoEqEs {
  width: 20%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 40px;
  height: 100%;
}

.dadosListaAgente,
.dadosEqEs {
  padding: 0em 0.5em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 80%;
  border-left: 6px solid #ffffff;
  margin: 1em auto;
  min-height: 80px;
}

.listaDeAgentes li:not(:first-child) .dadosListaAgente,
.rankEquipeEscola li:not(:first-child) .dadosListaAgente {
  margin-top: 0;
}

.nomeScore {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 95%;
  /* padding: 0.2em 0em; */
}

.nomeListaAgente,
.nomeEqEs {
  font-weight: bold;
  font-size: 30px;
  width: 75%;
}

.scoreListaAgente,
.scoreEqEs {
  color: #e87927;
  font-weight: bold;
  font-size: 30px;
  width: 25%;
  text-align: center;
}

.scoreEqEs {
  width: 35%;
}

.nomeEqEs {
  width: 65%;
}

.nomeEscola {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 0;
}

.rankingAgente,
.rankingEquipe,
.rankingEscola {
  width: 100%;
}

.nomeAgenteEquipe {
  margin-bottom: 0;
  margin-top: 10px;
  min-height: 35px;
}

.agenteRanking {
  background: #305db8;
}

.emailInvalido {
  -webkit-box-shadow: 0px 0px 22px 8px rgba(210, 0, 0, 0.85) !important;
  box-shadow: 0px 0px 22px 8px rgba(210, 0, 0, 0.85) !important;
  transition: all 0.8s ease;
}

/*------------------------------------------------------ Próximo Destino -------------------------------*/

.esconderProxioDestino {
}

.mostraProximoDestino {
  display: none;
}

.dataProximoDestino,
.localizacaoProximoDestino,
.semProximoDestino {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
}

.btnDesativadoHome:hover,
.btnAtivoHome:hover,
.btnAtivoHome:focus,
.btnAtivoHome {
  width: 100%;
  background-color: #fff;
  border-radius: 0;
  padding: 16px 20px;
  text-align: center;
  color: #1d1d1d;
  border: none;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.btnDesativadoHome:focus,
.btnDesativadoHome:active,
.btnDesativadoHome {
  width: 100%;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 0;
  padding: 15px 20px;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 700;
}

.btnAtivoHome,
.btnDesativadoHome {
  margin-bottom: 0.5em;
}

/**------------------------------*/

.mostraMobile {
  display: none;
}

/*------------------------------------- Responsividade -----------------------------------*/

@media (width: 1024px) {
  /*---------------------------- Menu -------------------------------*/
  .logoHospitalMobile {
    max-width: 85%;
  }
  .logoMissaoMobile {
    max-width: 85%;
  }
  .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile
    .fl-page-nav
    .navbar-toggle {
    background: #112141;
    display: block;
    font-size: 28px;
    line-height: 19px;
    padding: 8px 10px;
    position: fixed;
    right: 20px;
    top: 24px;
    width: auto;
    color: #fff;
    border-radius: 50px;
    max-width: 25%;
    z-index: 99;
  }
  #menu,
  #menuAgente {
    background: rgb(17, 33, 65, 0.8);
  }
  #menu ul li:first-child {
    display: block;
  }
  .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile
    .fl-page-nav-collapse
    ul.navbar-nav
    > li {
    border-bottom: none;
  }
  /*----------------------- Rodape -----------------------------*/
  .logosRodape {
    justify-content: center;
  }
  .centralizaMobile {
    text-align: center;
  }
  .contatoRodape {
    min-height: 80px;
  }
  .imgDoacaoRodape {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
  }
  .txtDoacaoRodape {
    width: 100%;
    text-align: center;
  }
  .espacaColunas {
    margin: 1.5em auto;
  }
  .fundoRodape {
    padding: 2em 0 2em 0;
  }
  /*----------------- Home -----------*/
  .fl-node-5f888222c4006 {
    width: 60%;
  }
  .fl-node-5f8883fd1fadd {
    width: 40%;
  }
  .fl-node-5f88a3eb4fbf2 > .fl-row-content-wrap,
  .tamVoceSabia {
    padding-right: 5em;
    padding-left: 5em;
  }
  /**------------------------------*/
  .mostraDesk {
    display: none;
  }
  .mostraMobile {
    display: block;
  }
  /*--------------- Video Home -----------------*/
  .videoMissao {
    width: 100%;
    height: 500px;
  }
  /*-------------- Voceê Sabia ---------------*/
  .btnVoceSabia {
    max-width: 32%;
    margin: 0 10px;
  }
  .containerVoceSabia {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  /*------------- Fale Conosco ------------------*/
  .fundoForm1,
  .fundoForm2,
  .fundoForm3,
  .fundoForm,
  .termoForm,
  .submitForm {
    max-width: 100%;
  }
  /*------------------- Página Agente ----------------*/
  .hexagon {
    margin-top: 10em;
  }
  .esconde1024 {
    display: none;
  }
  .chamadaItemComFundo {
    background-position: 75%;
    margin-top: 1em;
    margin-bottom: 4em;
  }
  .sobreposicaoAgente::after {
    background-size: 85%;
    background-position: -200% 48%;
  }
  .containRanking {
    margin: 0 auto;
    margin-top: 1em;
  }
  .sobreposicaoAgente::before {
    background-size: 85%;
    background-position: 400% -17.2%;
  }
  .formLogin {
    margin-top: 7em;
  }
}

@media (width: 1280px) {
  .fl-page-nav .navbar-nav,
  .fl-page-nav .navbar-nav a {
    font-size: 15px;
  }
  .fl-page-nav .navbar-nav > li > a.nav-link {
    padding: 14px 7px;
  }
  .fl-page-nav-right.fl-page-header-fixed
    .fl-page-nav-wrap
    .navbar-nav
    > li
    > a.nav-link,
  .fl-page-header-fixed .fl-page-nav-wrap .navbar-nav > li > a.nav-link {
    padding: 10px 7px;
  }
  .fl-node-5f888222c4006 {
    width: 60%;
  }
  .fl-node-5f8883fd1fadd {
    width: 40%;
  }
  .fl-node-5f88a3eb4fbf2 > .fl-row-content-wrap,
  .tamVoceSabia {
    padding-right: 5em;
    padding-left: 5em;
  }
  /*-------------- Página Agente --------------------*/
  .chamadaItemComFundo {
    background-position: 69%;
    margin-bottom: 3em;
  }
  .sobreposicaoAgente::after {
    background-position: -13% 58%;
  }
  .sobreposicaoAgente::before {
    background-size: 55%;
    background-position: 130% -7%;
  }
}

@media (width: 1366px) {
  .fl-page-nav .navbar-nav,
  .fl-page-nav .navbar-nav a {
    font-size: 15px;
  }
  .fl-page-nav .navbar-nav > li > a.nav-link {
    padding: 14px 10px;
  }
  .fl-page-nav-right.fl-page-header-fixed
    .fl-page-nav-wrap
    .navbar-nav
    > li
    > a.nav-link,
  .fl-page-header-fixed .fl-page-nav-wrap .navbar-nav > li > a.nav-link {
    padding: 10px 11px;
  }
  .fl-node-5f888222c4006 {
    width: 60%;
  }
  .fl-node-5f8883fd1fadd {
    width: 40%;
  }
  .fl-node-5f88a3eb4fbf2 > .fl-row-content-wrap {
    padding-right: 7em;
    padding-left: 7em;
  }
  /*------------------- Página Agente --------------*/
  .sobreposicaoAgente::after {
    background-size: 65%;
    background-position: -28% 57%;
  }
  .chamadaItemComFundo {
    background-position: 69%;
  }
  .sobreposicaoAgente::before {
    background-size: 55%;
    background-position: 130% -9.5%;
  }
}

@media (width: 1440px) {
  .fl-page-nav .navbar-nav,
  .fl-page-nav .navbar-nav a {
    font-size: 16px;
  }
  .fl-page-nav .navbar-nav > li > a.nav-link {
    padding: 15px 10px;
  }
  .fl-page-nav-right.fl-page-header-fixed
    .fl-page-nav-wrap
    .navbar-nav
    > li
    > a.nav-link,
  .fl-page-header-fixed .fl-page-nav-wrap .navbar-nav > li > a.nav-link {
    padding: 10px 10px;
  }
  .fl-node-5f888222c4006 {
    width: 65%;
  }
  .fl-node-5f8883fd1fadd {
    width: 35%;
  }
  .fl-node-5f88a3eb4fbf2 > .fl-row-content-wrap {
    padding-right: 7em;
    padding-left: 7em;
  }
  /*----------------- Página Agente ----------------*/
  .sobreposicaoAgente::before {
    background-size: 50%;
    background-position: 115% -9%;
  }
}

@media (width: 1559px) {
  .sobreposicaoAgente::before {
    background-position: 106% -8.5%;
  }
}

@media (min-width: 768px) AND (max-width: 991.8px) {
  /*---------------------------- Menu -------------------------------*/
  .logoHospitalMobile {
    max-width: 85%;
  }
  .logoMissaoMobile {
    max-width: 85%;
  }
  .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile
    .fl-page-nav
    .navbar-toggle {
    background: #ee3696;
    display: block;
    font-size: 28px;
    line-height: 19px;
    padding: 8px 10px;
    position: fixed;
    right: 20px;
    top: 24px;
    width: auto;
    color: #fff;
    border-radius: 50px;
    max-width: 25%;
    z-index: 99;
  }
  #menu,
  #menuAgente {
    background: rgb(6 13 26);
  }
  #menu ul li:first-child {
    display: block;
  }
  .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile
    .fl-page-nav-collapse
    ul.navbar-nav
    > li {
    border-bottom: none;
  }
  /*----------------------- Rodape -----------------------------*/
  .logosRodape {
    justify-content: center;
  }
  .centralizaMobile {
    text-align: center;
  }
  .contatoRodape {
    min-height: 80px;
  }
  .imgDoacaoRodape {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
  }
  .txtDoacaoRodape {
    width: 100%;
    text-align: center;
  }
  .espacaColunas {
    margin: 1.5em auto;
  }
  .fundoRodape {
    padding: 2em 0 2em 0;
  }
  /**------------------------------*/
  .mostraDesk {
    display: none;
  }
  .mostraMobile {
    display: block;
  }
  /*--------------- Video Home -----------------*/
  .videoMissao {
    width: 100%;
    height: 400px;
  }
  /*--------------------------- Nossa Missão ----------------------*/
  .containCardPostsRodape {
    justify-content: center;
  }
  .postRodape {
    width: calc(50% - 2em);
  }
  /*-------------------------- Você Sabia -----------------------*/
  .containerVoceSabia {
    margin-top: 2.5em;
    margin-bottom: 2em;
  }
  .tamVoceSabia {
    padding-left: 2em;
    padding-right: 2em;
  }
  .btnVoceSabia {
    max-width: 43%;
    margin: 0 10px;
  }
  .btnDesativado:active,
  .btnDesativado:focus,
  .btnDesativado {
    width: 68%;
  }
  /*---------------------- Fale Conosco ------------------------*/
  .fundoForm,
  .termoForm,
  .submitForm,
  .fundoForm1,
  .fundoForm2,
  .fundoForm3 {
    max-width: 100%;
  }
  .imgExperiencia {
    min-height: 390px;
    background-size: contain;
  }
  .containSelect {
    max-width: 80%;
  }
  /**---------- Página do Agente --------------------*/
  .formLogin {
    max-width: 90%;
    padding: 1em 0.5em 1em 0.5em;
    margin-top: 5em;
  }
  .containSelectPadrao {
    max-width: 95%;
    margin-bottom: 0;
  }
  .chamadaAgenteTabela {
    margin-top: 1em;
  }
  .dadoTable {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .tituloCampoAlunos {
    display: none;
  }
  .dadoTable td {
    padding: 0.2em 0;
  }
  .dadoTable td:last-child {
    margin-bottom: 1em;
  }
  .hexagon {
    position: relative;
    width: 150px;
    height: 86.6px;
    margin: 43.3px 0;
    background-size: auto 161.6581px;
    background-position: center;
    border-left: solid 5px #eb7927;
    border-right: solid 5px #eb7927;
    margin: 0 auto;
    margin-bottom: 2.5em;
    margin-top: 7.5em;
  }
  .hexTop,
  .hexBottom {
    position: absolute;
    z-index: 1;
    width: 106.07px;
    height: 106.07px;
    overflow: hidden;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background: inherit;
    left: 16.97px;
  }
  /*counter transform the bg image on the caps*/
  .hexTop:after,
  .hexBottom:after {
    content: "";
    position: absolute;
    width: 140px;
    height: 80.82903768654762px;
    -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-40.4145px);
    -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-40.4145px);
    transform: rotate(45deg) scaleY(1.7321) translateY(-40.4145px);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    background: inherit;
  }
  .hexTop {
    top: -53.033px;
    border-top: solid 7.0711px #eb7927;
    border-right: solid 7.0711px #eb7927;
  }
  .hexTop:after {
    background-position: center top;
  }
  .hexBottom {
    bottom: -53.033px;
    border-bottom: solid 7.0711px #eb7927;
    border-left: solid 7.0711px #eb7927;
  }
  .hexBottom:after {
    background-position: center bottom;
  }
  .hexagon:after {
    content: "";
    position: absolute;
    top: 2.8868px;
    left: 0;
    width: 140px;
    height: 80.829px;
    z-index: 2;
    background: inherit;
  }
  .chamadaPerfil {
    margin-top: 0.5em;
  }
  .chamadaItemComFundo {
    background-position: 84%;
    margin-top: 1em;
    margin-bottom: 0.2em;
  }
  .sobreposicaoAgente::before {
    content: "";
    display: none;
  }
  .sobreposicaoAgente::after {
    content: "";
    display: none;
  }
  .containDadosAgente {
    width: 100%;
  }
  .chamadaItemSemFundo {
    margin-top: 1em;
  }
  .equipe {
    width: 33%;
  }
  .equipe img {
    max-width: 80%;
  }
  .espacaRanking {
    margin-top: 0;
  }
  .vcAcomulou {
    margin-bottom: 0.5em;
  }
  .scoreVcAcumulou img {
    height: auto;
    max-width: 20%;
  }
  .containRanking {
    width: 100%;
  }
  .colocacaoAgente,
  .colocacaoEqEs {
    width: 22%;
  }
  .nomeListaAgente,
  .nomeEqEs {
    width: 60%;
  }
  .dadosListaAgente,
  .dadosEqEs {
    width: 78%;
  }
  .scoreListaAgente,
  .scoreEqEs {
    width: 40%;
  }
  .dadosListaAgente,
  .dadosEqEs {
    min-height: 67px;
  }
  .swiper-pagination-bullet {
    height: 65px;
  }
}

@media (max-width: 767.8px) {
  /*---------------------------- Menu -------------------------------*/
  .logoHospitalMobile {
    max-width: 85%;
  }
  .logoMissaoMobile {
    max-width: 85%;
  }
  .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile
    .fl-page-nav
    .navbar-toggle:hover,
  .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile
    .fl-page-nav
    .navbar-toggle:focus {
    background: #ee3696;
  }
  .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile
    .fl-page-nav
    .navbar-toggle {
    background: #ee3696;
    display: block;
    font-size: 28px;
    line-height: 19px;
    padding: 8px 10px;
    position: fixed;
    right: 20px;
    top: 24px;
    width: auto;
    color: #fff;
    border-radius: 50px;
    max-width: 25%;
    z-index: 99;
  }
  #menu,
  #menuAgente {
    background: rgb(6 13 26);
  }
  #menu ul li:first-child {
    display: block;
  }
  .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile
    .fl-page-nav-collapse
    ul.navbar-nav
    > li {
    border-bottom: none;
  }
  /*----------------------- Rodape -----------------------------*/
  .logosRodape {
    justify-content: center;
  }
  .centralizaMobile {
    text-align: center;
  }
  .contatoRodape {
    min-height: 80px;
  }
  .imgDoacaoRodape {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
  }
  .txtDoacaoRodape {
    width: 100%;
    text-align: center;
  }
  .espacaColunas {
    margin: 1.5em auto;
  }
  .fundoRodape {
    padding: 2em 0 2em 0;
  }
  /*-------------------- Video Home------------------*/
  .videoMissao {
    width: 100%;
    height: 188px;
  }
  /*-------------------- Cards ------------------------*/
  .sociais {
    width: 40%;
  }
  /*------------------- Nossa Missão ---------------------*/
  .postRodape {
    width: 100%;
    margin: 0;
    margin-bottom: 2em;
  }
  /*------------------ Você Sabia ------------------------*/
  .tamVoceSabia {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .containerVoceSabia {
    min-height: 400px;
    margin-top: 3.5em;
  }
  .chamadaVoceSabia {
    font-size: 30px;
  }
  .containBotoesVoceSabia {
    margin-top: 1em;
  }
  .btnVoceSabia:hover,
  .btnVoceSabia:active,
  .btnVoceSabia:focus,
  .btnVoceSabia {
    max-width: 100%;
    margin: 0 5px;
    min-height: 50px;
  }
  .respostaPerguntaFrequente p,
  .respostaPerguntaFrequente,
  .conteudoNossaMissaoLer p,
  .conteudoNossaMissaoLer {
    font-size: 20px;
  }
  .btnAtivo:active,
  .btnAtivo:focus,
  .btnAtivo,
  .btnDesativado:active,
  .btnDesativado:focus,
  .btnDesativado {
    width: 100%;
    margin-bottom: 20px;
    font-size: 24px !important;
  }
  .playerImg {
    max-width: 20%;
  }
  /*----------------------- Fale Conosco ---------------------------*/
  .formFaleConosco {
    padding-top: 0em;
    padding-bottom: 5em;
  }
  .chamadaForma {
    font-size: 30px;
    margin: 0.2em auto;
  }
  .descricaoForm {
    font-size: 20px;
  }
  .fundoForm,
  .termoForm,
  .submitForm {
    max-width: 100%;
  }
  .lblCampo,
  .lblTermo {
    font-size: 20px;
  }
  input.campoInterno:hover,
  input.campoInterno:focus,
  input.campoInterno:active,
  input.campoInterno,
  .campoInterno:hover,
  .campoInterno:focus,
  .campoInterno:active,
  .campoInterno {
    font-size: 20px;
  }
  .fundoForm1,
  .fundoForm2,
  .fundoForm3 {
    max-width: 100%;
  }
  .chamadaFormSm {
    font-size: 28px;
  }
  .desc {
    font-size: 20px;
  }
  .chamadaTblPerfil,
  .camposTblPerfil,
  input.inputPadrao,
  input.inputPadrao,
  .destacaItem {
    font-size: 20px;
  }
  .obs {
    font-size: 20px;
    padding: 1em;
    width: 88%;
  }
  .numObs {
    width: 12%;
  }
  .identificacao::after,
  .objetivo::after,
  .perfilDaInstituicao::after,
  .vinculoHospital::after {
    margin-left: 10px;
  }
  .checkboxVinculo label {
    font-size: 20px;
    margin-left: 5px;
  }
  .imgExperiencia {
    min-height: 175px;
    background-size: contain;
  }
  .containSelect {
    max-width: 88%;
  }
  .logistica li {
    font-size: 20px;
  }
  /**---------- Página do Agente --------------------*/
  .formLogin {
    max-width: 90%;
    padding: 1em 0.5em 1em 0.5em;
    margin-top: 5em;
  }
  .chamadaAgente,
  .chamadaAgenteTabela {
    font-size: 30px;
  }
  .chamadaAgenteTabela {
    margin-top: 1.5em;
  }
  .containSelectPadrao {
    max-width: 90%;
    margin-bottom: 0;
  }
  .dadoTable {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .tituloCampoAlunos {
    display: none;
  }
  .dadoTable td {
    font-size: 20px;
    padding: 0.2em 0;
  }
  .dadoTable td:last-child {
    margin-bottom: 1em;
  }
  .hexagon {
    position: relative;
    width: 150px;
    height: 86.6px;
    margin: 43.3px 0;
    background-size: auto 161.6581px;
    background-position: center;
    border-left: solid 5px #eb7927;
    border-right: solid 5px #eb7927;
    margin: 0 auto;
    margin-bottom: 2.5em;
    margin-top: 3.5em;
  }
  .hexTop,
  .hexBottom {
    position: absolute;
    z-index: 1;
    width: 106.07px;
    height: 106.07px;
    overflow: hidden;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background: inherit;
    left: 16.97px;
  }
  /*counter transform the bg image on the caps*/
  .hexTop:after,
  .hexBottom:after {
    content: "";
    position: absolute;
    width: 140px;
    height: 80.82903768654762px;
    -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-40.4145px);
    -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-40.4145px);
    transform: rotate(45deg) scaleY(1.7321) translateY(-40.4145px);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    background: inherit;
  }
  .hexTop {
    top: -53.033px;
    border-top: solid 7.0711px #eb7927;
    border-right: solid 7.0711px #eb7927;
  }
  .hexTop:after {
    background-position: center top;
  }
  .hexBottom {
    bottom: -53.033px;
    border-bottom: solid 7.0711px #eb7927;
    border-left: solid 7.0711px #eb7927;
  }
  .hexBottom:after {
    background-position: center bottom;
  }
  .hexagon:after {
    content: "";
    position: absolute;
    top: 2.8868px;
    left: 0;
    width: 140px;
    height: 80.829px;
    z-index: 2;
    background: inherit;
  }
  .chamadaPerfil {
    font-size: 30px;
    margin-top: 0.5em;
  }
  .chamadaItemComFundo {
    background-position: 95%;
    font-size: 30px;
    margin-top: 1em;
    margin-bottom: 0.2em;
  }
  .sobreposicaoAgente::before {
    content: "";
    display: none;
  }
  .sobreposicaoAgente::after {
    content: "";
    display: none;
  }
  .containDadosAgente {
    width: 100%;
  }
  .chamadaItemSemFundo {
    font-size: 30px;
    margin-top: 1em;
  }
  .score {
    font-size: 30px;
  }
  .equipe img {
    max-width: 80%;
  }
  .espacaRanking {
    margin-top: 0;
  }
  .scoreVcAcumulou {
    font-size: 45px;
  }
  .vcAcomulou {
    font-size: 30px;
    margin-bottom: 0.5em;
  }
  .scoreVcAcumulou img {
    height: auto;
    max-width: 20%;
  }
  .containRanking {
    width: 100%;
  }
  .colocacaoAgente,
  .colocacaoEqEs {
    font-size: 30px;
    width: 22%;
  }
  .nomeListaAgente,
  .nomeEqEs {
    font-size: 20px;
    width: 60%;
  }
  .dadosListaAgente,
  .dadosEqEs {
    width: 78%;
  }
  .scoreListaAgente,
  .scoreEqEs {
    font-size: 20px;
    width: 40%;
  }
  .nomeEscola {
    font-size: 20px;
  }
  .dadosListaAgente,
  .dadosEqEs {
    min-height: 67px;
  }
  .swiper-pagination-bullet {
    font-size: 20px;
    height: 65px;
  }
  /**------------------------------*/
  .mostraDesk {
    display: none;
  }
  .mostraMobile {
    display: block;
  }
}

/* Swipers */

.swiper-pagination-videos {
  position: relative;
  padding-left: 50px;
  padding-right: 50px;
}

/* --- escolha sua jornada --- */
.envolve-escolha-jornada {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 80px 0;
  gap: 50px;
}

.envolve-escolha-jornada img {
  width: 100px;
  height: auto;
}

.escolha-jornada1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 0px;
}
@media (max-width: 768px) {
  .escolha-jornada2,
  .escolha-jornada1 {
    justify-content: center;
  }
}
.escolha-jornada2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 0px;
}
.escolha-jornada1 a,
.escolha-jornada2 a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
.escolha-jornada1 img,
.escolha-jornada2 img {
  max-width: 80%;
}
.escolha-jornada1 p,
.escolha-jornada2 p {
  font: 600 27px "Titillium Web";
  padding: 15px 0;
}

/* --- alterna jornada --- */
.containAlternaJornada {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 15px;
}
@media (max-width: 768px) {
  .containAlternaJornada {
    justify-content: center;
  }
}
.alternaJornada {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  background: #152341;
  border-radius: 9px;
  padding: 20px 40px;
  width: 335px;
}
.alternaJornada a {
  width: 90px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
}
.alternaJornada p {
  font: 500 11px "Titillium Web";
  margin-bottom: 0 !important;
  margin-top: 10px;
}
.alternaJornada img {
  max-width: 70px;
}
.opacidade-escolha {
  opacity: 0.5;
}
.campo-saude-label h2,
.area-carta-label h2 {
  font: 300 24px "Titillium Web" !important;
}
.campo-saude {
  background: #0b1933 !important;
  border: none !important;
  padding: 20px 5px !important;
  margin-bottom: 20px !important;
}
.area-carta {
  background: #0b1933 !important;
  margin-bottom: 20px !important;
  border: 0 !important;
}
.dispara-capsula {
  background: #e87927 !important;
  border: none !important;
  width: 100% !important;
  margin: 30px 0 !important;
}

.modal-overlay {
  z-index: 1000;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  opacity: 1;
}

.modal-body {
  z-index: 1001;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #152341;
  padding: 20px;
  border-radius: 10px;
  height: auto;
}

.modal-body img {
  height: 50%;
  max-height: 200px;
}

/* .modal-body button {
  position: absolute;
  color: white;
  top: 15px;
  right: 15px;
  border: none;
  background: transparent;
  font-size: 20px;
  cursor: pointer;
} */

.button-default {
  background: #e87927;
  border: none;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  align-self: center;
  font-size: 24px !important;
  font-weight: 700;
  color: white;
}

.button-default:disabled {
  background: #e87927aa;
}

.button-default:hover {
  border: none;
  background: #ce5e0c !important;
}

.nano-welcome-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.nano-welcome-link-button,
.nano-welcome-link-button:hover,
.nano-welcome-link-button:focus {
  background: none;
  border: none;
  color: #e87927;
  font-size: 16px;
  text-decoration: underline;
  font-weight: bold;
}

.nano-welcome-paragraph {
  margin-top: 15px;
  color: white;
  font-size: 20px;
  text-align: center;
  text-wrap: pretty;
}

.main-container {
  margin-top: 85px;
}

.margin-none {
  margin: 0px;
}

.text-center {
  text-align: center;
}

.title {
  font-size: 50px;
}

.sub-title {
  font-size: 35px;
}

.text-white {
  color: white;
}

.nano-groups-characters {
  border-radius: 10px;
  padding: 30px;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  gap: 10px;
}

.nano-groups-characters-container,
.nano-groups-characters-container:hover,
.nano-groups-characters-container:focus {
  background: none;
  width: calc(100% / 5 - 10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  outline: none;
  border: none;
}

.nano-groups-characters-container .img {
  object-fit: contain;
  max-width: 200px;
  max-height: 200px;
  transition: transform 0.3s ease-in-out;
  width: 100%;
  height: 100%;
}

.character-opacity {
  opacity: 0.5;
}

.nano-groups-characters-container .img:hover,
.nano-groups-characters-container:focus .img {
  transform: scale(1.05);
}

.nano-groups-characters-container .name {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 0px;
  color: black;
  font-weight: bold;
}

.nano-groups-characters-container .points {
  margin: 0px;
  font-size: 16px;
  font-weight: 600;
  color: #e87927;
}

.button-default-nano-group {
  margin-top: 20px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nano-profile-container {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.nano-profile-info {
  border: 1px solid #e87927;
  background: #131f38;
  display: flex;
  gap: 10px;
  border-radius: 10px;
  padding: 10px 15px;
  min-width: 300px;
  max-width: 300px;
}

.nano-profile-info > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.nano-profile-info .nano-profile-image {
  width: 70px;
  height: 70px;
  object-fit: contain;
}

.nano-profile-info > div .description {
  font-weight: 500;
  font-size: 16px;
  margin: 0px;
}

.nano-profile-info .title {
  color: white;
  font-size: 20px;
  margin: 0px;
  font-weight: bold;
}

.nanoinvestigation-profile-video-container {
  display: flex;
  flex-direction: column;
}

.nanoinvestigation-profile-video-container video {
  width: 100%;
}

.button-nano-profile-analysis {
  width: 100%;
  display: block;
  text-align: center;
}

.nano-mission-container {
  display: flex;
  flex-direction: column;
}

.dna-info-container {
  display: flex;
}

.nano-mission-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.nano-mission-info-container {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.nano-mission-info-container > img {
  object-fit: contain;
  max-height: 115px;
  border-radius: 10px;
}

.nano-mission-info-container > div {
  background: #172c55;
  padding: 25px 50px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  max-height: 115px;
}

.nano-mission-info-container > div > p {
  margin: 0px;
}

.nano-mission-info-container > div > p:first-child {
  font-size: 16px;
}

.nano-mission-info-container > div > p:last-child {
  font-weight: bold;
}

.dna-info-container {
  margin-top: 20px;
}

.dna-info-container {
  display: flex;
  gap: 20px;
}

.dna-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.dna-container .name {
  font-size: 16px;
  text-align: center;
  font-weight: 600;
}

.dna {
  padding: 5px 15px;
  border-radius: 10px;
  font-weight: bold;
}

.dna-letter-container {
  width: 25px;
  height: 50px;
  border-radius: 5px;
}

.adenina-color {
  background: #9bcb86;
}

.guanina-color {
  background: #f385c8;
}

.citosina-color {
  background: #39a6ea;
}

.timina-color {
  background: #e06226;
}

.dna-answers-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dna-answer {
  display: flex;
}

.dna-answer .dna-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-left: 10px;
}

.dna-answers > span {
  color: #e87927;
}

.question-title {
  font-size: 27px;
  font-weight: 600;
}

.modal-correct {
  background: #e3f4d0;
  padding: 15px 35px;
  display: flex;
  flex-direction: column;
}

.modal-correct .content .img-container {
  display: flex;
  flex-direction: column;
  background: white;
  border: 1px solid #48c14d;
  border-radius: 10px;
  padding: 10px;
  min-width: 200px;
  justify-content: center;
  text-align: center;
}

.modal-correct .content .img-container span {
  color: #242424;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 25px;
}

.modal-correct .content .img-container img {
  width: 100%;
  object-fit: contain;
}

.modal-correct .content .title-content {
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-correct .content .title-content img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.modal-correct .content .dna-container {
  display: flex;
  gap: 10px;
  flex-direction: row;
}

.modal-correct .content {
  display: flex;
  gap: 10px;
}

.modal-correct .content .text-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
}

.modal-correct .content .text-container .dna-container {
  gap: 1px;
}

.modal-correct .content .text-container .dna-container .dna-letter-container {
  width: 15px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
}

.modal-correct .content .title-content h1 {
  font-size: 24px;
  font-weight: bold;
  color: #242424;
}

.modal-correct .footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.modal-correct .footer p {
  margin-top: 20px;
  color: #242424;
  font-weight: 600;
  font-size: 18px;
}

.modal-correct .footer .button-default {
  color: white;
  padding: 5px 15px;
  font-size: 16px;
}

.modal-incorrect {
  background: #fdeaea;
  padding: 15px 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.modal-incorrect img {
  max-width: 100px;
  object-fit: contain;
}

.modal-incorrect p {
  margin-top: 25px;
  margin-bottom: 25px;
  color: #242424;
  font-weight: 600;
}

.modal-incorrect .title {
  font-size: 20px;
  margin-bottom: 10px;
}

.modal-incorrect .description {
  margin: 0px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.modal-incorrect .button-default {
  color: white;
  padding: 5px 15px;
  font-size: 16px;
}

.hidden {
  display: none !important;
}

.nano-mission-container-2 .title {
  font-weight: 600;
  font-size: 24px;
}

.nano-mission-container-2 .line {
  border: 1px solid white;
  width: 100%;
  margin-top: 40px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.mission {
  display: flex;
  gap: 60px;
  margin-top: 25px;
  align-items: center;
  justify-content: center;
}

.mission .image-container {
  align-self: self-start;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mission .image-container span {
  font-size: 18px;
  font-weight: 600;
}

.mission .image-container img {
  object-fit: contain;
  min-width: 150px;
  max-width: 150px;
  border-radius: 20px;
}

.mission form p {
  font-weight: 600;
  font-size: 25px;
}

.mission form label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
}

.mission form label input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease;
}

.mission form label input[type="checkbox"]:checked {
  background-color: #e87927;
  border-color: #e87927;
}

.mission form .button-default {
  margin-top: 20px;
  font-size: 18px;
  border: none;
  color: white;
}
.dna-answer input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease;
  margin-top: auto;
  margin-bottom: auto;
}

.dna-answer input[type="radio"]:checked {
  background-color: #e87927;
  border-color: #e87927;
}

.nano-success-container {
  margin-top: 20px;
}

.nano-success-container-info-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.nano-success-container-info {
  background: #48c14d;
  padding: 2.5px 35px;
  border-radius: 25px;
}

.nano-success-container-info p,
.nano-success-container-subinfo p {
  font-weight: 600;
  margin: 0px;
}

.nano-success-container-subinfo {
  color: #e87927;
  background: white;
  padding: 2.5px 35px;
  border-radius: 25px;
}

.nanoinvestigation-success-video-container {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.success-congratulations {
  margin-top: 30px;
  font-size: 30px;
  color: #e87927;
}

.success-congratulations-paragraph {
  font-size: 20px;
  color: white;
  font-weight: 600;
}

.success-congratulations,
.success-congratulations-paragraph {
  text-align: center;
}

.success-congratulations-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.success-congratulations-container .button-default {
  font-size: 18px;
}

.modal-video {
  background: #323232;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 50px;
  overflow-y: auto;
  max-height: 100vh;
}

.modal-video .title {
  font-size: 38px;
  font-weight: 600;
  text-wrap: pretty;
  width: 100%;
  text-align: center;
}

.modal-video .text {
  font-size: 18px;
  text-wrap: pretty;
  text-align: center;
  width: 100%;
}

.modal-video .text b {
  font-weight: 600;
}

.modal-video .info {
  font-size: 14px;
  width: 100%;
  text-align: center;
}

.desktop {
  display: block;
}

.mobile {
  display: none !important;
}

.success-title {
  background: #46c14d;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

/* Teacher */
.teacher-dashboard-bg {
  padding: 10px;
  background-color: #0d1244;
}

.teacher-register .title {
  text-align: center;
}

.teacher-register .form-group {
  display: flex;
  gap: 10px;
}

.teacher-register .form-group label {
  font-size: 20px;
}

.teacher-register .form-group .name-container {
  width: 50%;
}

.teacher-register .form-group .city-container {
  flex-grow: 1;
}

.teacher-register .form-group .state-container {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.teacher-register .form-group .state-container select {
  height: 56.28px;
}

.teacher-register .form-group .email-container,
.teacher-register .form-group .telephone-container,
.teacher-register .form-group .password-container,
.teacher-register .form-group .confirm-password-container {
  width: 50%;
}

.teacher-register .submit-button {
  width: 100%;
  margin-top: 10px;
  font-weight: bold;
}

.teacher-register input {
  background-color: #1b2a4e;
  border: 1px solid #1b2a4e;
}

.teacher-register input.error {
  border: 1px solid #f52f28;
}

.teacher-register .message,
.teacher-login .message {
  font-size: 20px;
}

.teacher-register .message.success,
.teacher-login .message.success {
  color: #46c14d;
}

.teacher-register .message.error,
.teacher-login .message.error {
  color: #fff;
}

.teacher-register .message-error,
.teacher-login .message-error {
  color: #f52f28;
  font-size: 18px;
}

.teacher-login {
  background-color: #1b2a4e;
  margin-top: 150px;
  padding: 40px;
  color:#fff;
}

.teacher-login .title {
  text-align: center;
  margin-bottom: 20px;
}

.teacher-login form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.teacher-login form label {
  font-size: 20px;
}

.teacher-login .btnLaranjaPadrao {
  display: block;
}

.btnLaranjaPadrao {
  background: transparent;
  outline: none;
  border: 2px solid #fff;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
  color: #fff;
  text-align: center;
  padding: 12px 3px;
  margin-top: 1.5em;
  text-transform: uppercase;
  border-radius: 0;
}

.teacher-login .btnEsqueceuSenha {
  display: block;
  text-align: center;
}

.btnEsqueceuSenha {
  background: none;
  outline: none;
  border: none;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  color: #e87927;
  padding: 0;
  width: 100%;
  text-align: center;
  text-decoration: underline !important;
  margin-top: 2em;
}

.teacher-dashboar-header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.teacher-dashboar-header .logout-container {
  display: flex;
  gap: 10px;
  font-size: 24px !important;
  font-weight: bold !important;
  padding: 6px 12px;

  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.teacher-dashboar-header .logout-container .logout {
  width: 20px;
}

.teacher-dashboard-title {
  text-align: center;
  display: block;
}

.teacher-dashboar-header .logout-container span:first-child {
  color: #ee3696;
}

.teacher-dashboard-documents {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.teacher-dashboard-documents a,
.teacher-dashboard-documents button {
  width: calc(100% / 3 - 20px);
  display: flex;
  padding: 10px;
  align-items: center;
  /* justify-content: center; */
  gap: 10px;
  background: none;
  outline: none;
  border: none;
  background-color: #1b2a4e;
  border-radius: 10px;
  text-decoration: underline;
}

.teacher-dashboard-documents a svg,
.teacher-dashboard-documents button svg {
  width: 25px;
  height: 25px;
  fill: white;
}

.teacher-dashboard-documents a span,
.teacher-dashboard-documents button span {
  font-size: 16px;
  color: white;
}

.video-preview {
  display: flex;
  flex-direction: column;
}

.teacher-popup-modal {
  display: flex;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}

.teacher-popup-content {
  width: 100%;
  background-color: #152341;
  padding: 30px;
  border-radius: 12px;
  max-width: 50%;
  max-height: 80%;
  position: relative;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.teacher-video-wrapper {
  width: 100%;
  max-width: 900px;
  aspect-ratio: 16 / 9;
}

.teacher-popup-video {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.teacher-close-button {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  background-color: #ff4d4d;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    background-color 0.3s ease,
    transform 0.2s ease;
}

.teacher-close-button:hover {
  background-color: #cc0000;
  transform: scale(1.1);
}

/* Precision Journey */
.precision-journey .lock {
  width: 100px !important;
  height: 100px !important;
  object-fit: contain;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.precision-journey .line {
  position: absolute;
  border: none;
  border-top: 4px solid #e87927;
}

.precision-journey .line-1 {
  margin-top: 33px;
  left: 50%;
  width: 65px;
  transform: translate(-50%, -50%) rotate(90deg);
}

.precision-journey .line-2 {
  margin-top: 15px;
  left: 50%;
  width: 430px;
  transform: translate(-50%, -50%) rotate(0deg);
}

.precision-journey .line-3 {
  margin-top: 50px;
  bottom: 0;
  left: 50%;
  width: 420px;
  transform: translate(-50%, -50%) rotate(0deg);
}

.precision-journey .line-4 {
  bottom: -14%;
  left: 50%;
  width: 70px;
  transform: translate(-50%, -50%) rotate(90deg);
}

.precision-journey .container {
  position: relative;
  max-width: 1158px;
  height: 800px;
}

.precision-journey .card.lock-bg img:first-of-type {
  filter: brightness(0.3);
}

.precision-journey .card.ended-game img:first-of-type {
  filter: brightness(0.85) sepia(0.8) hue-rotate(85deg) saturate(1.5);
  opacity: 0.4;
}

.precision-journey .card {
  background: none;
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.precision-journey .card .header,
.precision-journey .card .footer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.precision-journey .card img {
  width: 200px;
  height: 166px;
}

.precision-journey .card .header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 150px !important;
}

.precision-journey .card .footer {
  margin-top: 5px;
  max-width: 200px !important;
}

.precision-journey .card .header,
.precision-journey .card .footer {
  z-index: 999;
  background-color: #152341;
  text-align: center;
  width: 80%;
  position: relative;
}

.precision-journey .card .header span,
.precision-journey .card .footer span {
  font-size: 18px;
  color: #ff9f58;
  font-weight: bold;
}

.precision-journey .card .footer span {
  color: white;
}

.precision-journey-mission {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.precision-journey-mission .sub-title {
  background-color: #152341;
  width: fit-content;
  font-size: 20px;
  color: #ff9f58;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 50px;
}

.precision-journey-mission .container {
  display: flex;
  gap: 50px;
  margin-top: 50px;
}

.precision-journey-mission .mission-title {
  font-size: 24px;
  margin-top: 20px;
}

.precision-journey-mission .container {
  display: flex;
  flex-direction: column;
  gap: unset;
  justify-content: center;
  background-color: #172c55;
  padding-top: 20px;
  padding-bottom: 40px;
  padding-left: 100px;
  padding-right: 100px;
  border-radius: 15px;
  text-align: center;
  font-weight: bold;
  position: relative;
}

.mission-record .container {
  flex-direction: row;
  gap: 15px;
  background: transparent;
}

.mission-record button {
  background: transparent;
  border: none;
}

#cabecalhoFixo {
  z-index: 9999999;
}

.precision-journey-mission.mission-1 .container p:first-child {
  margin-bottom: 5px;
}

.precision-journey-mission .container p {
  font-size: 20px;
}

.precision-journey-mission.mission-1 .container img {
  margin-top: 10px;
  width: 1000px;
  height: 620px;
  min-width: 1000px;
  min-height: 620px;
  max-width: 1000px;
  max-height: 620px;
}

.precision-journey-mission.mission-1 .container .tube {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.precision-journey-mission.mission-1 .container .tube span {
  background-color: #172c55;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px;
  font-size: 14px;
}

.precision-journey-mission.mission-1 .container .tube-1 {
  left: 210px;
  top: 335px;
}

.precision-journey-mission.mission-1 .container .tube-2 {
  left: 465px;
  top: 530px;
}

.precision-journey-mission.mission-1 .container .tube-3 {
  left: 655px;
  top: 240px;
}

.precision-journey-mission.mission-1 .container .tube-4 {
  left: 837px;
  top: 530px;
}

.precision-patient-header {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.precision-patient-header > div {
  display: flex;
  gap: 10px;
  align-items: center;
}

.precision-patient-header span {
  background-color: #172c55;
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 5px;
  height: 35px;
}

.precision-patient-header img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}

/* 2º Desafio - Objetivo: Selecionar o local correto do tumor */
.precision-journey-mission .container {
  margin-top: 25px !important;
  width: auto !important;
  padding: 20px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.precision-journey-mission.mission-2 .container {
  /* margin: 10px auto 0; */
  background-color: #172c55;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px;
  font-size: 14px;
}

.precision-journey-mission.mission-2 .container img {
  margin: 10px auto;
  width: 500px !important;
  height: auto;
  min-width: auto;
  min-height: auto;
  object-fit: contain;
}

.precision-journey-mission.mission-2 .container img.joao {
  height: 400px !important;
}

.precision-journey-mission.mission-2 .container .point {
  position: absolute;
  /* display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; */
  /* border-radius: 50%; */
  width: 25px;
  height: 25px;
  margin: 0px;
}

/* .precision-journey-mission.mission-2 .container label:nth-of-type(1) {
  border: 1px solid #e7ef0d;
}

.precision-journey-mission.mission-2 .container label:nth-of-type(2) {
  border: 1px solid #47c04d;
}

.precision-journey-mission.mission-2 .container label:nth-of-type(3) {
  border: 1px solid #ffa62e;
}

.precision-journey-mission.mission-2 .container label:nth-of-type(4) {
  border: 1px solid #ee1f20;
}

.precision-journey-mission.mission-2 .container label:nth-of-type(5) {
  border: 1px solid #ff2e9e;
} */

.precision-journey-mission.mission-2 .container .point div {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 50%;
  width: 80%;
  height: 80%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.precision-journey-mission.mission-2 .container .point div input[type="radio"] {
  /* appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; */

  width: 100%;
  height: 100%;
  border-radius: 50%;

  background: transparent;
  border: none;
  /* opacity: 0; */

  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.precision-journey-mission.mission-2
  .container
  .point
  div
  input[type="radio"]:hover {
  opacity: 1;
  background: #000;
}

.precision-journey-mission.mission-2 .container .point:nth-of-type(1) div {
  background-color: #e7ef0d;
}

.precision-journey-mission.mission-2 .container .point:nth-of-type(2) div {
  background-color: #47c04d;
}

.precision-journey-mission.mission-2 .container .point:nth-of-type(3) div {
  background-color: #ffa62e;
}

.precision-journey-mission.mission-2 .container .point:nth-of-type(4) div {
  background-color: #ee1f20;
}

.precision-journey-mission.mission-2 .container .point:nth-of-type(5) div {
  background-color: #ff2e9e;
}

.precision-journey-mission.mission-2 .container .point-1 {
  left: 430px;
  top: 310px;
}

.precision-journey-mission.mission-2 .container .point-2 {
  top: 455px;
  left: 400px;
}

.precision-journey-mission.mission-2 .container .point-3 {
  top: 464px;
  left: 490px;
}

.precision-journey-mission.mission-2 .container .point-4 {
  left: 590px;
  top: 540px;
}

.precision-journey-mission.mission-2 .container .point-5 {
  left: 530px;
  top: 530px;
}
/* 2º Desafio - Objetivo: Selecionar o local correto do tumor */

/* 3º Desafio - Objetivo: Coletar 2 tubos de amostra tumoral. */
.precision-journey-mission.mission-3 .container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.precision-journey-mission.mission-3 .container img,
.precision-journey-mission.mission-3 .container .img-container {
  position: relative;
  width: 300px;
  max-width: 300px;
  min-width: 300px;
  height: 300px;
  max-height: 300px;
  min-height: 300px;
  object-fit: contain;
}

.precision-journey-mission.mission-3 .container .invisible-button {
  width: 60px;
  height: 35px;
  position: absolute;
  background-color: transparent;
  border: none;
}

.precision-journey-mission.mission-3 .container .tubes {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.precision-journey-mission.mission-3 .container .tubes img {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
  height: 150px;
  max-height: 150px;
  min-height: 150px;
  object-fit: contain;
}

.show-mobile {
  display: none;
}

.precision-journey-mission.mission-3 .container .button-default {
  margin-top: 20px;
}
/* 3º Desafio - Objetivo: Coletar 2 tubos de amostra tumoral. */

.precision-journey-mission .magazine {
  margin-top: 10px;
}

.save-article-name {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.save-article-name label {
  font-weight: bold;
  font-size: 20px;
}

.save-article-name input,
.save-article-name input:focus {
  background-color: white;
  opacity: 0.8;
  border: none;
  outline: none;
  border-radius: 50px;
  color: black;
}

.save-article-name input::placeholder {
  color: black;
}

.precision-journey-mission.final .text {
  font-weight: 700;
  text-align: center;
}

.precision-journey-mission.final .container {
  display: flex;
  flex-direction: row;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
}

.precision-journey-mission.final .container .arrow {
  width: 120px;
  height: 100px;
  object-fit: contain;
  margin-bottom: 25px;
}

.precision-journey-mission.final .container .childrens {
  width: 600px;
  object-fit: contain;
}

.precision-journey-mission.final .container .sub-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.precision-journey-mission.final .container .sub-container .medication {
  width: 250px;
  object-fit: contain;
}

/* 1º Desafio - Objetivo: Estabelecer o tipo do animal CDX. */
.precision-journey-mission.mission-8 .container {
  display: flex;
  flex-direction: row;
  padding-left: 25px;
  padding-right: 25px;
}

.precision-journey-mission.mission-8 .container .sub-container {
  display: flex;
  flex-direction: column;
}

.precision-journey-mission.mission-8 .container .sub-container > p {
  text-align: left;
  margin-top: 30px;
}

.precision-journey-mission.mission-8 .container .sub-container > div {
  display: flex;
  gap: 10px;
}

.precision-journey-mission.mission-8 .container .answer {
  display: flex;
  gap: 5px;
}

.precision-journey-mission.mission-8 .container .answer > div {
  display: flex;
  flex-direction: column;
}

.precision-journey-mission.mission-8 .container .answer input[type="radio"] {
  align-self: baseline;
  margin-top: 9px;
}

.precision-journey-mission.mission-8 .container .title {
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}

.precision-journey-mission.mission-8 .container .description {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

/* 1º Desafio - Objetivo: Estabelecer o tipo do animal CDX. */

/* 2º Desafio - Objetivo: Estabelecer o tipo do animal CDX. */
.precision-journey-mission.mission-9 .container .sub-container {
  display: flex;
  justify-content: space-around;
}

.precision-journey-mission.mission-9 .container .sub-container label {
  width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.precision-journey-mission.mission-9 .container .sub-container label > img {
  width: 125px;
  height: 125px;
  object-fit: contain;
}

.precision-journey-mission.mission-9 .container .sub-container .title {
  font-weight: 400;
  font-size: 20px;
  text-align: end;
}
/* 2º Desafio - Objetivo: Estabelecer o tipo do animal CDX. */

.precision-journey-mission.mission-2
  .container.mission-10
  .sub-container.column {
  display: flex;
  flex-direction: column;
  width: auto !important;
}

.precision-journey-mission.mission-2 .container.mission-10 .sub-container.row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
}

.clock-gif,
.results-image {
  width: 300px !important;
  height: 300px !important;
  min-width: auto !important;
  min-height: auto !important;
  max-width: auto !important;
  max-height: auto !important;
  object-fit: contain !important;
  margin: 0px !important;
}

/* 4º Desafio - Objetivo: Triagem de medicamentos */
.precision-journey-mission.mission-11 .container {
  padding-left: 20px;
  padding-right: 20px;
  align-items: baseline;
  margin: 0px !important;
  gap: 20px;
}

.precision-journey-mission.mission-11 .sub-container:first-of-type {
  display: flex;
  width: 100%;
  gap: 20px;
  justify-content: center;
}

.precision-journey-mission.mission-11 .sub-container .board {
  background-color: #0a1327;
  border-radius: 15px;
  padding: 20px;
  display: flex;
  gap: 10px;
  text-align: left;
}

.precision-journey-mission.mission-11 .sub-container .board p {
  margin: 0px;
}

.precision-journey-mission.mission-11 .sub-container .board .title {
  color: #e87927;
  font-size: 20px !important;
}

.precision-journey-mission.mission-11 .sub-container .board p {
  font-size: 16px;
}

.precision-journey-mission.mission-11 .sub-container .board p span {
  font-weight: 400;
}

.modal-button {
  font-size: 15px;
}

.precision-journey-mission.mission-11
  .sub-container
  .board
  .column
  .icon-container {
  display: flex;
  gap: 5px;
  margin-top: 10px;
}

.precision-journey-mission.mission-11
  .sub-container
  .board
  .column
  .icon-container
  img {
  width: 30px;
  height: 30px;
}

.precision-journey-mission.mission-11
  .sub-container
  .board
  .column
  .icon-container
  > div {
  display: flex;
  flex-direction: column;
}

.precision-journey-mission.mission-11 .sub-container .board-100 {
  width: 100%;
}

.precision-journey-mission.mission-11 .cavy-container {
  width: 100%;
}

.precision-journey-mission.mission-11 .cavy-container img {
  width: 500px;
  height: 200px;
  object-fit: contain;
}

.precision-journey-mission.mission-11 .cavy-container .sub-container label {
  font-size: 18px;
}

.precision-journey-mission.mission-11 .doses-container:nth-child(2) {
  display: flex;
  justify-content: baseline;
  gap: 20px;
  flex-wrap: wrap;
}

.precision-journey-mission.mission-11 .doses-container .board {
  width: calc(100% / 2 - 20px);
}

.column {
  width: 100%;
}

.options-container {
  display: flex;
  gap: 5px;
  margin-top: 20px;
  justify-content: space-between;
}

.options-container label {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
}

.options-container label img {
  width: 80px;
}

/* 4º Desafio - Objetivo: Triagem de medicamentos */

.precision-journey-mission.total-points .sub-title {
  color: white;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  background: none;
}

.precision-journey-mission.total-points .points {
  font-size: 42px;
  font-weight: bold;
  background-color: rgba(19, 32, 56, 0.45);
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
}

/* Error modal */
.error-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.error-modal {
  background: #e8d4d4;
  padding: 30px;
  border-radius: 16px;
  width: 420px;
  max-width: 90%;
  text-align: center;
  position: relative;
}

.modal-icon img {
  width: 50px;
  margin-bottom: 10px;
}

.modal-title {
  font-weight: bold;
  margin-bottom: 10px;
  color: #242424;
}

.modal-description {
  font-size: 14px;
  margin-bottom: 20px;
  color: #242424;
}

.modal-button {
  background: #e67e22;
  border: none;
  padding: 10px 20px;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
}

.close-modal {
  position: absolute;
  top: 10px;
  right: 10px;
  border: none;
  background: transparent;
  font-size: 20px;
  cursor: pointer;
}
/* Error Modal */

/* Sucess Modal */
.success-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.success-modal {
  background: #cfe3c1;
  padding: 30px;
  border-radius: 16px;
  width: 420px;
  max-width: 90%;
  text-align: center;
  position: relative;
}

.success-modal .modal-icon img {
  width: 60px;
  margin-bottom: 15px;
}

.success-modal .modal-title {
  font-weight: bold;
  margin-bottom: 10px;
}

.success-modal .modal-description {
  font-size: 16px;
  margin-bottom: 20px;
}

.success-modal .modal-button {
  background: #e67e22;
  border: none;
  padding: 10px 25px;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
}
/* Sucess Modal */

/* Precision Journey */

@media (max-width: 768px) {
  .btnLaranjaPadrao {
    font-size: 16px !important;
  }

  .teacher-dashboar-header {
    display: flex;
    flex-direction: column;
  }

  .teacher-dashboar-header .logout-container {
    position: unset;
    top: 0%;
    transform: unset;
  }

  .teacher-register .form-group {
    flex-direction: column;
  }

  .teacher-register .form-group div {
    width: 100% !important;
  }

  .teacher-dashboar-header {
    justify-content: flex-start;
  }

  .teacher-dashboard-documents {
    flex-direction: column;
  }

  .teacher-dashboard-document {
    width: 100%;
  }

  .nano-profile-container > div {
    width: 100%;
  }

  .nano-groups-characters-container .img {
    width: 200px;
    height: 200px;
  }

  .nano-groups-characters-container .img:hover,
  .nano-groups-characters-container:focus .img {
    transform: scale(1.05);
  }

  .nano-welcome-container > video {
    max-width: 100%;
    max-height: 200px;
  }

  .nano-mission-container-2 .mission {
    flex-direction: column;
    gap: 15px;
  }

  .nano-mission-container-2 .mission .image-container {
    align-self: center;
  }

  .nano-mission-container-2 .mission form p {
    font-size: 20px;
  }

  .nano-mission-container-2 .mission form label input[type="checkbox"] {
    min-width: 20px;
    min-height: 20px;
  }

  .nano-mission-container-2 .mission form .button-default {
    width: 100%;
  }

  .modal-correct .content {
    flex-direction: column;
  }

  .modal-correct .content .text-container {
    gap: 10px;
  }

  .modal-correct .content .title-content img {
    max-width: 50px;
  }

  .modal-correct .content .img-container > img {
    max-height: 100px;
  }

  .nano-mission-info-container {
    flex-direction: column;
    gap: 5px;
    align-items: center;
  }

  .nano-mission-info-container > img {
    max-width: 150px;
    margin-top: 20px;
  }

  .nano-mission-info-container > div {
    margin-left: 10px;
    padding: 10px;
  }

  .main-container {
    margin-top: 42.25px;
  }

  .dna-answer .dna-container {
    gap: 1px !important;
  }

  .dna-answers {
    font-size: 20px;
  }

  .dna-answer .dna-container .dna-letter-container {
    width: 13px;
    height: 25px;
  }

  .desktop {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }

  .nanoinvestigation-profile-video-container video {
    max-width: 100%;
  }

  .nano-mission-info-container > img {
    /* object-fit: fill; */
    /* max-width: 100px; */
    height: 100%;
  }

  .nanoinvestigation-success-video-container video {
    max-width: 100%;
    max-height: 250px;
  }

  .modal-video {
    padding: 15px;
    overflow-y: scroll;
  }

  .nano-profile-container {
    flex-direction: column;
  }

  .nanoinvestigation-profile-video-container {
    max-height: 300px;
  }

  .button-nano-profile-analysis {
    max-width: 100%;
  }

  .nano-profile-info {
    max-width: 100%;
  }

  .modal-body {
    width: 90%;
  }
  .modal-body img {
    width: 100%;
    height: auto;
  }

  .title {
    font-size: 30px;
  }

  .sub-title {
    font-size: 20px;
  }

  .nano-welcome-paragraph {
    font-size: 20px;
  }

  .button-default {
    font-size: 20px;
  }

  .nano-groups-characters {
    flex-direction: column;
    align-items: center;
    padding: 10px;
  }

  .nano-groups-characters-container {
    width: 100%;
  }

  .teacher-dashboard-documents a,
  .teacher-dashboard-documents button {
    width: 100%;
    text-align: center;
  }

  .teacher-popup-content {
    padding: 16px;
    max-width: 95%;
    max-height: none;
  }

  .teacher-video-wrapper {
    width: 100%;
  }

  .teacher-dashboard-title {
    font-size: 24px;
  }

  .precision-journey .line-1 {
    margin-top: 33px;
    left: 50%;
    width: 65px;
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .precision-journey .line-2 {
    margin-top: 15px;
    left: 50%;
    width: 80px;
    transform: translate(-50%, -50%) rotate(0deg);
  }

  .precision-journey .line-3 {
    margin-top: 50px;
    bottom: 0;
    left: 50%;
    width: 80px;
    transform: translate(-50%, -50%) rotate(0deg);
  }

  .precision-journey .line-4 {
    bottom: -14%;
    left: 50%;
    width: 70px;
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .envolve-escolha-jornada {
    flex-direction: column;
    gap: 20px;
    align-items: center;
    text-align: center;
  }

  .precision-journey-mission .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    align-items: center;
  }

  .precision-journey-mission.mission-1 .container img {
    width: 320px;
    height: auto;
    min-height: auto;
    min-width: 320px;
    max-width: 320px;
  }

  .precision-journey-mission.mission-1 .container .tube-1 {
    left: 55px;
    top: 185px;
  }

  .precision-journey-mission.mission-1 .container .tube-2 {
    left: 118px;
    top: 271px;
  }

  .precision-journey-mission.mission-1 .container .tube-3 {
    left: 190px;
    top: 155px;
  }

  .precision-journey-mission.mission-1 .container .tube-4 {
    left: 248px;
    top: 273px;
  }

  .precision-journey-mission.mission-record .container {
    display: flex;
    flex-direction: column;
  }

  .precision-journey-mission.mission-2 .container img {
    width: 320px;
    height: 251px;
    min-height: 251px;
    min-width: 320px;
    max-width: 320px;
    max-height: 251px;
  }

  .precision-journey-mission.mission-2 .container .point {
    width: 12px;
    height: 12px;
  }

  .precision-journey-mission.mission-8 .container {
    flex-direction: column;
  }

  .precision-journey-mission.mission-8 .container .sub-container > div {
    flex-direction: column;
  }

  .precision-journey-mission.mission-11 .doses-container {
    flex-direction: column;
  }

  .precision-journey-mission.mission-11 .doses-container .board {
    width: 100%;
  }

  .precision-journey-mission.mission-11 .doses-container .sub-container {
    flex-direction: column !important;
  }

  .precision-journey-mission.mission-11 .sub-container:first-of-type {
    flex-direction: column-reverse;
  }

  .precision-journey-mission.mission-11
    .sub-container
    .board-100
    .column
    .sub-container {
    flex-direction: column;
  }

  .precision-journey-mission.mission-11 .sub-container .board:first-of-type {
    flex-direction: column;
  }

  .precision-journey-mission.mission-11 .cavy-container .sub-container {
    flex-direction: row;
  }

  .precision-journey-mission.final .container .arrow {
    rotate: 90deg;
    margin-top: 20px;
    margin-left: 50px;
  }

  .precision-journey-mission.final .container {
    flex-direction: column;
    gap: 10px;
  }

  .precision-journey-mission.total-points .sub-title {
    font-size: 22px;
  }

  .precision-journey-mission.mission-9 .container .sub-container {
    flex-direction: column;
    gap: 20px;
  }

  .precision-patient-header {
    gap: 5px;
    flex-direction: column;
  }

  .precision-patient-header > div {
    width: 100%;
  }

  .precision-patient-header > div span {
    width: 100%;
  }

  .hide-mobile {
    display: none;
  }

  .show-mobile {
    display: block;
  }

  .container.stage-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}