/* # REGION  RODAPÉ */
:root {
  --cor-fundo: linear-gradient(90deg, #0F4765 0%, #11293C 52.63%, #0C1622 99.94%);
}

#header_,
#nav-nav {
  width: auto !important;
}

#menu_bar>li {
  margin-inline: 20px;
}

#menu_bar>li:last-of-type {
  margin-right: 0px !important;
  padding-right: 0 !important;
}

#menu_bar>li:last-of-type>a {
  padding-right: 0 !important;
}

#menu_bar {
  gap: 0;
}

@media (min-width: 1200px) {
  .container {

    width: 100%;
    padding-inline: 15px;
    margin-inline: auto;
  }
}

.solucoes_legenda_left p {
  font-size: 24px;
  font-family: 'Source Sans Pro Light';
  font-weight: 300;
}

.btn-campo-leslativo {
  margin-top: 24px;
}


.fundo-img {
  background: url('../../img/close-up-businessman-doing-paperwork1.png') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 800px !important;
  background-position: center bottom !important;
  position: relative;
  z-index: 0;
}

.fundo-img-header {
  background: url('../../img/close-up-businessman-doing-paperwork1.png') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 710px !important;
  background-position: center top !important;
  z-index: 0;
}

.fundo-img::after,
.fundo-img-header::after {
  position: absolute;
  content: '';
  top: 0;
  width: 100%;
  background: linear-gradient(91.6deg, rgba(2, 29, 47, 0.8) 43.3%, rgba(5, 9, 14, 0.8) 60.17%);
  z-index: 1;
  bottom: 0;
}

.fundo-img-header::after {
  height: 214px !important;
}


.fundo-maos-no-celular::after {
  background: linear-gradient(91.6deg, rgba(2, 29, 47, 0.8) 43.3%, rgba(5, 9, 14, 0.8) 60.17%);
}




.legislativo p {
  font-size: 24px;
  font-weight: 200;
}

.btn-legislativo {
  text-decoration: none;
  border: 1.33px solid #5FC4E5;
  width: 170.52px;
  height: 43.59px;
  color: white;
  font-family: 'Source Sans Pro Semibold';
  font-size: 20px;
  font-weight: 700;
  line-height: 25.14px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  letter-spacing: .12rem;
  margin-bottom: 150px;
}


#solucoes {
  background: linear-gradient(90deg, #104561 0%, #0B131F 100.08%, #000000 100.14%);
  color: #ffff;
  padding-top: 60px;
  padding-bottom: 145px;
}

#solucoes .row {
  display: flex;
  flex-wrap: wrap;
}

.coluna-1-solucoes {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ultima-bolinha-solucoes,
.legislativo h3 {
  position: relative;
}

.ultima-bolinha-solucoes::after,
.legislativo h3::after {
  position: absolute;
  display: block;
  content: '';
  width: 18.6px;
  height: 18.6px;
  border-radius: 50% 50%;
  background: #5FC4E5;
  left: calc(-64.2px - 18.6px);
  top: 13.5px;
}

.ultima-bolinha-solucoes::before,
.legislativo h3::before {
  position: absolute;
  display: block;
  content: '';
  width: 45.2px;
  height: 45.2px;
  border-radius: 50% 50%;
  border: 1.33px solid white;
  left: calc(-64.2px - 13.5px - 18.6px);
  top: 0;
}

.ultima-bolinha-solucoes::after {
  top: calc(100% - 32px) !important;
}

.ultima-bolinha-solucoes::before {
  top: calc(100% - 32px - 13.5px) !important;
}

.coluna-2-solucoes {
  position: relative;
}

.coluna-2-solucoes::before {
  position: relative;
  position: absolute;
  content: '';
  background: #5FC4E5;
  width: 1.33px;
  height: calc(100% - 13.5px - 25px);
  top: calc(10px + 13.5px);
  left: calc(-64.2px + 5px);
  z-index: 1;
}

.cloud_solucoes img {
  margin-bottom: 32px;
  height: 394px;
}


@media (max-width: 768px) {

  .ultima-bolinha-solucoes::before,
  .legislativo h3::before {
    left: calc(-64.2px - 7.5px - 18.6px + 15px);
  }

  .ultima-bolinha-solucoes::after,
  .legislativo h3::after {
    left: calc(-64.2px - 12.6px + 15px);
  }

  .coluna-2-solucoes::before {
    left: calc(-64.2px + 5px + 21px);
  }

  .solucoes_legenda_left img {
    width: 50%;
  }

  .solucoes_legenda_abaixo img {
    width: 85%;
  }

  .solucoes_legenda_left {
    text-align: center;
    width: 100%;
    margin-bottom: 72px;
  }

  .solucoes_legenda_abaixo {
    text-align: center;
    margin-top: 106px;
  }

  .legislativo p {
    font-size: 16px;
    padding-right: 15px;
  }

  .solucoes_legenda_left p {
    font-size: 18px;
    padding-inline: calc(56px - 15px);
  }

  .cloud_solucoes img {
    height: auto;
  }

  #solucoes .titulo {
    margin-bottom: 36px !important;
  }
}

#solucoes .titulo {
  display: flex;
  justify-content: center;
  margin-bottom: 87px;
}

#solucoes h2 {
  font-family: 'Source Sans Pro Semibold';
  font-weight: 600;
  font-size: 28px;
  line-height: 35.2px;

  display: inline-block;
  color: white;
  padding-left: 41px;
}

.legislativo h3 {
  font-family: 'Source Sans Pro';
  color: #B3A4D0;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.12rem;
  margin-top: 0;
}



.fundo-p-setor {
  background-color: #000;
  min-height: 717px;
  padding-top: 57px;
}

.fundo-p-setor h4 {
  font-family: 'Source Sans Pro';
  color: var(--cor-cinza);
  font-size: 20px;
  font-weight: 600;
  line-height: 25.14px;
  text-align: center;
  letter-spacing: 0.2em;
}

.fundo-p-setor h2 {
  color: var(--cor-branco);
  font-family: 'Source Sans Pro';
  font-size: 30px;
  font-weight: 700;
  line-height: 50.28px;
  text-align: center;
  margin-top: 9px;
  margin-bottom: 82px;

}

.icones-para-setor {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 38px;
  margin-inline: auto;
  max-width: 1140px;
  margin-bottom: 17.5px;
}

.icones-para-setor>div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block: 10px;
}

.icones-para-setor span {
  color: var(--cor-branco);
  font-size: 16px;
  font-weight: 400;
}

.circulo-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--cor-branco);
  width: 59px;
  height: 59px;
  border-radius: 50% 50%;
  margin-right: 15px;
}

.icones-para-setor>div:last-child {
  flex-direction: row-reverse;
}

.icones-para-setor>div:last-child>span {
  margin-right: 15px;
}

.icones-para-setor>div:last-child>.circulo-icon {
  margin-right: 0px;
}

@media (max-width: 1116px) {
  .icones-para-setor>div {
    margin-inline: 13px;
    justify-content: space-around;
    flex-wrap: wrap;
  }

  .icones-para-setor>div:last-child {
    flex-direction: row;
  }

  .icones-para-setor>div:last-child>span {
    margin-right: 0;
  }

  .icones-para-setor>div:last-child>.circulo-icon {
    margin-right: 15px;
  }
}


.linha-esquerda,
.linha-direita {
  position: relative;
}

.linha-esquerda::after,
.linha-direita::after {
  position: absolute;
  content: '';
  display: block;
  width: 1px;
  height: 500px;
  background-color: #fff;
  left: 0;
  top: 0;
}

.linha-direita::after {
  left: 100% !important;
}

.coluna-section1 .flex-bolinhas {
  justify-content: center;
  flex-direction: column;
}

.coluna-section1 .flex-bolinhas .borda-bolinha {
  margin-bottom: 32px;
}

.coluna-section1 {
  height: 446px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.coluna-section1 .redes-sociais {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.coluna-section1 .redes-sociais a {
  margin-bottom: 18px;
}

@media (max-width: 992px) {

  .coluna-section1,
  .contador-slide {
    display: none !important;
  }
}

.flex-bolinhas {
  margin-top: 49px;
  display: flex;
  justify-content: center
}

.borda-bolinha {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% 50%;
  /* margin-right: 40px; */
  cursor: pointer;
}

#section-4 .borda-bolinha {
  margin-inline: 16px !important;
}

.borda-cor-bolinha {
  border: 0.67px solid #9D9C9C;
}

.bolinha-branca {
  width: 8px;
  height: 8px;
  display: block;
  background-color: white;
  border-radius: 50% 50%;
}

.bolinha-branca:last-of-type {
  margin-right: 0;
}

.borda-cor-bolinha>.bolinha-branca {
  background-color: #5FC4E5;
}

.coluna-section1 {
  height: 446px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.numeracao-apresentacao_carrosel>ul:after {
  content: '';
  width: 0;
  height: 75%;
  position: absolute;
  border: 1px solid #ffff;
  top: 18%;
  left: 100px;
}

.header-logo {
  margin-left: 77px;
}

@media (max-width: 768px) {
  .section-4>.col-md-4 {
    padding-left: 70px;
    padding-right: 30px;
  }

  .flex-titulo span,
  .flex-titulo h4 {
    font-size: 22px;
  }

  .flex-titulo img {
    left: 210px !important;
  }
}

/* 1 ao 4 */
.mostrar_pagina {
  padding-top: 23px;
}

.mostrar_pagina strong {
  font-size: 20px;
  color: #fff;
}

.num-slide-apresentado {
  font-family: 'Source Sans Pro';
  font-size: 32px;
  font-weight: 700;
  line-height: 40.22px;
  text-align: left;
  color: #5FC4E5;
}

.slide-inova-0,
.slide-inova-1,
.slide-inova-2,
.slide-inova-3 {
  display: none;
  width: 196px;
  color: #97D4E4;
  font-family: 'Source Sans Pro Light';
  font-size: 26px;
  font-weight: 600;
  text-align: left;
}

.centro-section1 {
  height: 446px;
  display: flex;
  /* width: 100%; */
  align-items: center;
  padding-inline: 80px;
}

/* SECTION INOVAÇÃO CHEGOU */
#inovacao-apresentacao {
  position: relative;
  width: 100%;
  min-height: 860px;
  background-image: url('../../img/Nuvem_textura_aco.png?v=1.1');
  background-size: 100% 860px !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  /* display: flex; */
  /* padding-bottom: 134px; */
}

@media (max-width: 768px) {
  #inovacao-apresentacao {
    background: url('../../img/Nuvem_textura_aco_2_1-mobile.png?v=1.1') !important;
    background-position: center center !important;
    background-size: cover !important;
  }
}

@media (min-width: 1300px) {
  #inovacao-apresentacao .coluna-section1.linha-direita {
    margin-left: -82.5px;
  }

  #inovacao-apresentacao .coluna-section1.linha-esquerda {
    margin-right: -97.5px;
  }

  .flex-apresentacao .centro-section1 {
    width: calc(100% - 15px - 23px);
  }
}

.inovacao-apresentacao-1,
.inovacao-apresentacao-2,
.inovacao-apresentacao-3,
.inovacao-apresentacao-4 {
  position: relative;
  width: 100%;
  background-size: 100% 860px !important;
  background-repeat: no-repeat !important;
  /* display: flex; */
  /* padding-bottom: 134px; */
}


@media (max-width: 1440px) {

  #inovacao-apresentacao,
  .inovacao-apresentacao-1,
  .inovacao-apresentacao-2,
  .inovacao-apresentacao-3,
  .inovacao-apresentacao-4 {
    background-position: center center !important;
    background-size: 1440px 860px !important;
  }
}


@media (max-width: 1440px) {
  #inovacao-apresentacao.inovacao-apresentacao-1 {
    background: url('../../img/Nuvem_textura_aco.png?v=1.1') !important;
    /* background-size: 1440px 860px !important; */
    background-position: center center !important;
    background-size: cover !important;
  }
}

.inovacao-apresentacao-1 {
  background: url('../../img/Nuvem_textura_aco.png?v=1.1') !important;
  /* transition: all .3s ease-in-out; */
}

.inovacao-apresentacao-2 {
  background: url('../../img/Clip_server.png?v=1.151') !important;
  /* transition: all .3s ease-in-out; */
}

.inovacao-apresentacao-3 {
  background: url('../../img/portrait.png?v=1.151') !important;
  /* transition: all .3s ease-in-out; */
}

.inovacao-apresentacao-4 {
  background: url('../../img/server_pc.png?v=1.151') !important;
  /* transition: all .3s ease-in-out; */
}

@media (max-width: 768px) {
  #inovacao-apresentacao.inovacao-apresentacao-1 {
    background: url('../../img/Nuvem_textura_aco_2_1-mobile.png?v=1.11') !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  #inovacao-apresentacao,
  .inovacao-apresentacao-1,
  .inovacao-apresentacao-2,
  .inovacao-apresentacao-3,
  .inovacao-apresentacao-4 {
    background: url('../../img/Nuvem_textura_aco_2_1-mobile.png?v=1.11') !important;
    background-position: center center !important;
    background-size: cover !important;
  }
}

@media (min-width: 1441px) {
  #inovacao-apresentacao.inovacao-apresentacao-1 {
    background: url('../../img/Nuvem_textura_aco.png?v=1.121') !important;
    /* background-size: 100% 860px !important; */
    background-position: center center !important;
    background-size: cover !important;
  }
}


.descricao-inovacao {
  width: 325px;
  height: 270px;
}

.descricao-inovacao h1 {
  font-family: 'Source Sans Pro';
  font-size: 32px;
  font-weight: 600;
  text-align: left;
  line-height: 40.22px;
  color: var(--cor-branco);
}

.descricao-inovacao p {
  margin-top: 4px;
  font-family: 'Source Sans Pro Light';
  font-size: 20px;
  line-height: 30.11px;
  font-weight: 400;
  text-align: left;
  color: var(--cor-branco);
}

@media (max-width: 768px) {
  .flex-itens-inovacao {
    margin-top: 20px;
  }
}


/* CÂMARAS E ASSEMBLEIA LEGISLATIVA  */
.background-title {

  padding-top: 60px;
}

.background-title h2 {
  margin-top: 0;
  color: #283C63;
  font-family: 'Source Sans Pro Black';
  font-size: 26px;
  font-weight: 700;
  line-height: 21.79px;
  text-align: center;
  letter-spacing: .07rem;
}

.background-title h2 strong {
  font-family: 'Source Sans Pro Semibold';
  font-size: 26px;
}

@media (max-width: 768px) {
  .background-title h2 {
    font-size: 22px;
  }
}

.logos-legis-cam img {
  height: 139px;
  transition: filter 0.2s;
  /* Adiciona uma transição suave */
  user-drag: none;
  user-select: none;
}

#camara {
  padding-bottom: 40px;
}

#legislacao {
  background: #D9D9D9;
}

.bloco-logos-legis-cam {
  display: flex;
  justify-content: center;
  margin-top: 67px;
  margin-bottom: 98px;
  flex-wrap: wrap;
  flex-direction: row;
}

@media (max-width: 768px) {
  .bloco-logos-legis-cam {
    flex-direction: column;

  }

}

.bloco-logos-legis-cam>.logos-legis-cam:last-child {
  margin-right: 0px;
}

.logos-legis-cam p {
  font-family: 'Source Sans Pro';
  margin-top: 16px;
  color: var(--cor-cinza);
  font-size: 12px;
  font-weight: 700;
  line-height: 12.1px;
  text-align: center;
}

.logos-legis-cam {
  text-align: center;
  text-decoration: none;
}

#legislacao>.container,
#camara>.container,
.onde-estamos.container {
  max-width: 983px;
  margin-inline: auto;
}

.temas-itens {
  position: relative;
  white-space: nowrap;
  overflow-x: auto;
  margin-inline: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  cursor: grab;
  user-select: none;
  scrollbar-width: none;
  /* Firefox */
  /* padding-bottom: 10px; */
  /* border-bottom: 0.6px solid #9D9C9C; */
}

.temas-itens::before {
  content: '';
  display: block;
  /* width: 100%; */
  bottom: 0;
  left: 20px;
  right: 20px;
  position: absolute;
  height: 1px;
  background-color: #9D9C9C;
}

.temas-itens a {
  text-decoration: none;
  height: 204px;
  position: relative;
  margin-top: 10px;
}

.temas-itens a:hover {
  border-bottom: 2px solid #352664;
}

.temas-itens::-webkit-scrollbar {
  display: none;
  /* Safari e Chrome */
}

.temas-itens img {
  pointer-events: auto;
  /* Permite a interatividade da imagem */
  user-select: none;
  /* Evita a seleção da imagem */
  -webkit-user-drag: none;
  /* Evita o arraste da imagem em Webkit (Chrome, Safari) */
}

/* swipper bloco da câmara */
.mySwiper_camara .swiper-slide img {
  height: 130px;
  object-fit: cover;
  margin-bottom: 10px;
}

.mySwiper_camara .swiper-slide p {
  color: var(--cor-preto);
  font-family: 'Source Sans Pro';
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 12.1px;
  text-align: center;
}

.fundo-maos-no-celular {
  position: relative;
}

.fundo-maos-no-celular::after {
  /* position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; */
  background: linear-gradient(270deg, rgba(0, 3, 32, 0.85) -0.09%, rgba(18, 24, 61, 0.85) 46.38%, rgba(24, 30, 67, 0.68) 100%);

}

.mySwiper_camara .swiper-slide {
  margin-top: 62px;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  height: 130px;
}

.mySwiper_camara .swiper-slide:hover p {
  color: var(--cor-azul-2);
}

.swiper-wrapper {
  height: 250px !important;
}

.titulo-cliente {
  height: 82px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* MODERNIZAR */
.fundo-imagem {
  padding-left: 96px;
  width: 100%;
  height: calc(740px + 80px);
  position: relative;
  background-image: url("../../img/Mulher.svg");
  background-size: 627px 698px;
  background-position: 0;
  background-repeat: no-repeat;
  width: 1140px;
}

.logo-roxa {
  height: 83px;
  width: 144px;
  position: relative;
  background-image: url("../../img/logo_roxa.png");
  background-repeat: no-repeat;
  top: 100px;
  right: 50px;
}


.fundo-imagem::after {
  content: '';
  position: absolute;
  width: 410px;
  height: 8px;
  /* Altura da barra */
  background-color: var(--cor-segunda);
  /* Cor da barra */
}

.fundo-imagem::before {
  content: '';
  position: absolute;
  width: 215px;
  height: 8px;
  /* Altura da barra */
  background-color: var(--cor-rosa);
  /* Cor da barra */
}

.fundo-imagem::before {
  top: 56px;
  left: calc(25% - 107.5px);
}

.fundo-imagem::after {
  bottom: 60px;
}

.modernizar {
  position: absolute;
  right: 0;
  top: calc(-355px + 50%);
  max-width: 561px;
  width: 100%;
  min-height: 740px;
  height: 100%;
  text-align: center;
}

.modernizar h4 {
  color: var(--cor-cinza);
  font-family: 'Source Sans Pro';
  font-size: 22px;
  font-weight: 400;
  line-height: 27.65px;
  letter-spacing: 0.03em;
  text-align: center;
  margin-bottom: 20px;
}

.modernizar h2 {
  font-family: 'Source Sans Pro';
  color: var(--cor-preto);
  font-size: 32px;
  font-weight: 700;
  line-height: 40.24px;
  letter-spacing: 0.03em;
  margin-bottom: 53px
}

.container-adote {
  background-color: #07121A;
  border-radius: 40px 0 40px 0;
  max-width: 561px;
  width: 100%;
  height: 100%;
  max-height: 535px;
  padding-left: 96px;
  padding-right: 74px;
  padding-top: 66px;
  text-align: left;
}

.transformacao span {
  color: var(--cor-azul);
  font-family: 'Source Sans Pro';
  font-size: 22px;
  font-weight: 700;
  line-height: 24.06px;
  letter-spacing: 0.12em;
  text-align: left;

}

.transformacao {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.container-adote h3 {
  margin-top: 32px;
  color: var(--cor-branco);
  font-size: 32px;
  font-weight: 700;
  line-height: 40.24px;
  letter-spacing: 0.03em;
  text-align: left;
  margin-top: 32px;
}

.container-adote a {
  font-family: 'Source Sans Pro';
  color: var(--cor-rosa);
  text-decoration: none;
  font-size: 22px;
  font-weight: 700;
  line-height: 30.17px;
  letter-spacing: 0.03em;
  text-align: left !important;
  display: inline-block;
  margin-top: 14px;
}

.container-adote p {
  color: var(--cor-branco);
  font-size: 22px;
  font-weight: 300;
  line-height: 27.17px;
  letter-spacing: 0.03em;
  text-align: left;
}

.container-adote h4 {
  font-family: 'Source Sans Pro Light';
  color: var(--cor-branco);
  font-size: 32px;
  line-height: 40.22px;
  letter-spacing: 0.03em;
  text-align: left;
  margin-bottom: 59px;
}

@media (max-width: 768px) {
  .fundo-imagem {
    /* background-image: mulher-mobile; */
    background-image: url("../../img/mulher-mobile.svg");
    background-position: center 85px;
    max-width: calc(420px + 250px);
    width: 100%;
    margin-bottom: 80px;
  }

  .container-adote {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 21px;
    margin-top: 430px;
  }

  .fundo-imagem::after,
  .fundo-imagem::before {
    display: none;
  }

  .container-adote h4,
  .container-adote p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
  }

  .container-adote a {
    margin-top: 6px;
    font-size: 14px;
    font-weight: 700;
  }

  .container-adote {
    height: 280px;
  }

  .transformacao span {
    font-size: 14px;
    font-weight: 700;
  }

  .container-adote h3,
  .container-adote h4 {
    font-size: 16px !important;
    font-weight: 700;
  }

  .container-adote h4 {
    margin-top: -15px;
  }

  .container-adote p {
    padding: 0;
    margin: 0;
  }

  .container-adote p:last-of-type {
    margin-top: -10px;

  }

  .container-adote p:first-of-type {
    margin-top: 0;
    font-size: 14px;
    padding-top: 33px;
  }
}


/* VIDEOS */
/* #videoElement::-webkit-media-controls-start-playback-button {
    display: none !important;
}

#videoElement::-webkit-media-controls-enclosure {
    display: none !important;
}

#videoElement::-webkit-media-controls-panel {
    display: none !important;
}

#videoElement::-webkit-media-controls-play-button {
    display: none !important;
}

#videoElement::-webkit-media-controls-timeline {
    display: none !important;
}

#videoElement::-webkit-media-controls-current-time-display {
    display: none !important;
}

#videoElement::-webkit-media-controls-time-remaining-display {
    display: none !important;
}

#videoElement::-webkit-media-controls-seek-back-button {
    display: none !important;
}

#videoElement::-webkit-media-controls-seek-forward-button {
    display: none !important;
}

#videoElement::-webkit-media-controls-fullscreen-button {
    display: none !important;
}
#videoElement::-webkit-media-controls {
    display: initial !important;
} */

/* VIDEOS */
#videoElement::-webkit-media-controls-start-playback-button {
  display: none !important;
  /* Oculta o botão de iniciar a reprodução */
}

/* Mantém outros controles visíveis */
#videoElement::-webkit-media-controls {
  display: initial !important;
  /* Garante que os controles ainda sejam exibidos */
}

.fundo-maos-no-celular {
  width: 100%;
  min-height: 425px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

@media (min-width: 1441px) {
  .fundo-maos-no-celular {
    background-image: url("../../img/Group313-1910.png?v=1.1");
    background-repeat: no-repeat;
    background-size: cover;
    /* Ajusta a imagem para cobrir todo o elemento */
    background-position: center center;
  }
}

@media (min-width: 769px) and (max-width:1440px) {
  .fundo-maos-no-celular {
    background-image: url("../../img/Group313.jpg?v=1.522");
    background-repeat: no-repeat;
    /* background-size: 100% 100%; */
    background-size: cover;
    /* Ajusta a imagem para cobrir todo o elemento */
    background-position: center center;
  }
}


.fundo-maos-no-celular .info-tec-sus-nopaper p {
  font-family: "Source Sans Pro";
  color: white;
  font-weight: 700;
  font-size: 40px;
  line-height: .75;
  letter-spacing: .12rem;
}

.fundo-maos-no-celular .info-tec-sus-nopaper p .tracejado {
  font-family: "Source Sans Pro";
  text-decoration: line-through;
}

.btn-quem-somos:hover {
  text-decoration: none;
  color: white;
}

.btn-quem-somos {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-decoration: none;
  width: 100px;
  height: 40px;
  background: transparent;
  color: white;
  font-family: 'Source Sans Pro Light';
  font-weight: 600;
  font-size: 24px;
  line-height: 30.17px;
  border: 1.33px solid #D0D0D0;
  border-radius: 0 10px 0 10px;
  margin-right: 12px;
}

.flex-fundo-maos-no-celular {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  text-align: justify;
}

.fundo-maos-no-celular .info-img-btn::before {
  position: absolute;
  display: block;
  content: '';
  width: 1px;
  background-color: white;
  height: 187px;
  left: -115px;
  top: 0;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .fundo-maos-no-celular .info-img-btn::before {
    left: -65px;

  }
}

@media (max-width: 992px) {
  .fundo-maos-no-celular .info-img-btn::before {
    display: none;

  }
}

.fundo-maos-no-celular .info-img-btn {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-wrap: wrap;
  margin-right: 10px;
}

#scrollLink {
  margin-top: 60px;
  margin-left: 55px;
}

#scrollLink img {
  width: 70px;
  height: 70px;
}

.img-nopeper-cloud {
  width: 77px;
  height: 77px;
}

.fundo-maos-no-celular h3 {
  color: var(--cor-preto);
  font-family: "Source Sans Pro";
  font-size: 32px;
  font-weight: 700;
  line-height: 40.24px;
  letter-spacing: 0.03em;
  margin-bottom: 32px;
  margin-top: 4px;
}

.fundo-maos-no-celular h4 {
  color: var(--cor-cinza);
  font-family: "Source Sans Pro";
  font-size: 22px;
  font-weight: 400;
  line-height: 27.65px;
  letter-spacing: 0.03em;
  text-align: center;
  margin-top: 93px;
}

.flex-nopaper-cloud p {
  margin-bottom: 12px;
}

.flex-nopaper-cloud a {
  text-decoration: none;
  color: var(--cor-preto);
}

.flex-nopaper-cloud>div {
  font-size: 22px;
  font-weight: 600;
  line-height: 26.47px;
  letter-spacing: 0.03em;
  text-align: left;
}

.flex-nopaper-cloud a {
  padding-left: 19px;
  margin-top: 10px;
  font-size: 22px;
  font-weight: 600;
  line-height: 26.47px;
  letter-spacing: 0.03em;
  text-align: left;
  color: var(--cor-preto);
}

.flex-nopaper-cloud a span {
  font-weight: 700;
  font-family: "Source Sans Pro" !important;
}

.flex-nopaper-cloud a p {
  font-family: "Source Sans Pro Light" !important;
}

.flex-nopaper-cloud {
  text-decoration: none;
  color: var(--cor-preto);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 99px;
}

@media (max-width: 768px) {

  .fundo-maos-no-celular>.container {
    min-height: 400px;
  }

  .flex-nopaper-cloud a {
    padding-left: 0;
  }

  .fundo-maos-no-celular .img-celular-pink {
    margin-top: 34px;
    margin-bottom: 60px;
  }

  .img-celular-pink {
    height: 61px;
  }

  .flex-nopaper-cloud p {
    font-family: 'Source Sans Pro';
    font-size: 14px;
    font-weight: 400;
    line-height: 17.6px;
    text-align: left;

  }

  .flex-nopaper-cloud {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 33px;
    align-items: flex-end;
  }

  .fundo-maos-no-celular h3 {
    margin-block: 15px;
    font-family: 'Source Sans Pro';
    font-size: 20px;
    font-weight: 700;
    line-height: 25.15px;
    letter-spacing: 0.05em;
  }

  .fundo-maos-no-celular h4 {
    margin-top: 5px;
    font-family: 'Source Sans Pro';
    font-size: 20px;
    font-weight: 600;
    line-height: 25.14px;
  }

  .flex-fundo-maos-no-celular {
    padding-block: 150px;
    flex-direction: column !important;
  }

  .fundo-maos-no-celular {
    width: 100%;
    background-image: url("../../img/imagem-selo-mobile.png?v=1.11");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    background-position: center center;
  }


  .fundo-maos-no-celular .info-img-btn {
    flex-direction: column;
  }

  .btn-quem-somos {
    margin: 0;
    margin-block: 80px;
  }

  .fundo-maos-no-celular .info-tec-sus-nopaper p {
    font-size: 30px;
  }
}

/* MÓDULOS ADICIONAIS */

#expanda-fronteiras {
  /* white-space: nowrap; */
  overflow-x: auto;
  margin-inline: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  cursor: grab;
  user-select: none;
  scrollbar-width: none;
  /* Firefox */
  flex-direction: column;
}

#expanda-fronteiras::-webkit-scrollbar {
  display: none;
  /* Safari e Chrome */
}

#expanda-fronteiras * {
  pointer-events: auto;
  /* Permite a interatividade da imagem */
  user-select: none;
  /* Evita a seleção da imagem */
  -webkit-user-drag: none;
  /* Evita o arraste da imagem em Webkit (Chrome, Safari) */
}



#modulos-adicionais .parte-1-modulos,
#modulos-adicionais .parte-2-modulos {
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
}

#modulos-adicionais {
  background-color: #283A61;
  display: flex;
  height: auto;
  padding-bottom: 76.36px;
  padding-top: 74px;
}

#modulos-adicionais.ma-legis2 {
  padding-top: 0 !important;
}

#modulos-adicionais.ma-legis2 .bloco-divisao-ma {
  margin-top: 0 !important;
}

#modulos-adicionais p {
  font-family: "Source Sans Pro Light";
  font-size: 18px;
  font-weight: 600;
  line-height: 21.14px;
  letter-spacing: 0.03em;
  text-align: left;
  color: var(--cor-branco);
}

#modulos-adicionais h2 {
  font-family: "Source Sans Pro";
  font-size: 32px;
  font-weight: 700;
  /* line-height: 50px; */
  text-align: center;
  color: var(--cor-preto);

}


#modulos-adicionais h3 {
  font-family: "Source Sans Pro Light";
  font-size: 22px;
  font-weight: 400;
  line-height: 50px;
  text-align: center;
  color: var(--cor-cinza);
}

#modulos-adicionais h5,
.bloco-casa-legis h5 {
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: 700;
  line-height: 25.14px;
  letter-spacing: 0.03em;
  text-align: left;
  color: var(--cor-azul);
  margin-bottom: 10px;
}

@media (max-width: 768px) {

  #modulos-adicionais h5,
  .bloco-casa-legis h5 {

    font-size: 14px;
    font-weight: 700;
    line-height: 17.6px;
    letter-spacing: 0.03em;
    text-align: left;
  }

  .flex-casa-legis p,
  .area-digital p {
    font-family: 'avenir' !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    /* line-height: 14.4px;
    letter-spacing: 0.01em; */
  }
}

.bloco-divisao-ma h5 {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  font-size: 22px !important;
  letter-spacing: .13rem
}

.parte-1-modulos {
  margin-top: 74px;
}

.parte-1-modulos>div {
  display: flex;
  background-color: #171F24;
  border-radius: 20px 20px;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  width: calc(50% - 8px);
  padding-inline: 60px;
  max-height: 364px;
}

.parte-1-modulos>div:first-of-type>div {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: center;
}

.parte-1-modulos>div:first-of-type {
  height: 364px;
}

.parte-1-modulos>div:last-child,
.parte-2-modulos>div:last-child {
  margin-right: 0;
}

#modulos-adicionais h5 {
  margin: 0;
  margin-bottom: 10px;
}

#modulos-adicionais .parte-1-modulos>div:first-of-type h5 {
  margin-bottom: 22px;
}

.parte-1-modulos-2-lines>div:last-child {
  margin-top: 14px;
}

.parte-1-modulos-2-lines>div,
.bloco-casa-legis {
  border-radius: 20px 20px;
  background-color: #171F24;
  flex-direction: row-reverse;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-inline: 60px;
  min-height: 174px;
  height: 174px;
  padding-block: 20px;

}

.parte-1-modulos-2-lines {
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: wrap !important;
  padding-left: 0 !important;
  padding-right: 0px !important;
  margin-block: 0 !important;
  padding-block: 0 !important;
}

.parte-1-modulos img,
.parte-2-modulos img {
  margin-left: 35px;
}

.parte-2-modulos>div p {
  color: #9A9A9A !important;
}

.parte-2-modulos>div {
  margin-block: 14px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  width: calc(50% - 8px);
  border: 4px solid #D4B2D4;
  padding: 30px 60px;
  border-radius: 20px 20px;
  /* margin-right: 14px; */
  min-height: 174px;
}

@media (max-width: 768px) {
  .parte-1-modulos>div {
    width: 315px;
    padding-block: 17px;
    padding-inline: 26px;
    align-items: flex-start;
    text-align: left;
    min-height: 105px;
    max-height: 105px;
  }

  .parte-1-modulos>div:first-of-type {
    display: flex;
    align-items: center;
    max-height: 216px;
    height: 216px;
    margin-right: 16px;
  }

  .parte-1-modulos img,
  .parte-2-modulos img {
    margin-top: 0 !important;
  }

  .parte-1-modulos img,
  .parte-2-modulos img {
    margin-top: 0;
    margin-left: 5px;
    /* height: 40px; */
    width: 40px;
  }

  .parte-1-modulos,
  .parte-2-modulos {
    /* flex-wrap: wrap; */
    width: 646px;
  }

  .parte-1-modulos>div:first-of-type,
  .parte-2-modulos>div:first-of-type {
    margin-right: 16px;
  }

  .parte-1-modulos>div,
  .parte-2-modulos>div {
    max-width: 315px;
    min-height: 105px;
  }

  .parte-1-modulos>div,
  .parte-2-modulos>div {
    margin-right: 0;
    height: 105px;
    width: 315px !important;
    max-width: 315px !important;
  }

  .parte-1-modulos-2-lines>div {
    min-height: 105px;
    height: 105px;
    padding-block: 17px;
  }

  .parte-1-modulos>div:last-of-type {
    display: flex;
    width: 315px;
    max-height: 216px;
    height: 216px;
  }

  .parte-2-modulos>div:first-of-type {
    margin-right: 16px;
  }

  .parte-1-modulos-2-lines>div:last-child {
    margin-top: 6px;
  }

  .parte-2-modulos>div>img {
    margin-left: 20px;
  }

  .parte-2-modulos>div {
    padding-inline: 26px;
  }

  .parte-1-modulos-2-lines>div {
    padding-inline: 26px;
  }

  .parte-2-modulos>div,
  .parte-1-modulos>div {
    max-width: 100%;
    width: 100%;
  }

  .parte-1-modulos>div:last-of-type {
    max-width: 100%;
    width: 100%;
  }

  .parte-2-modulos>div:first-of-type,
  .parte-1-modulos>div:first-of-type {
    margin-right: 16px;
    margin-bottom: 6px;
  }
}

@media (max-width: 978px) {

  .parte-1-modulos-2-lines>div,
  .parte-2-modulos>div,
  .parte-1-modulos>div {
    padding-inline: 26px;
  }
}


/* PÁGINA LEGIS */
.flex-casa-legis {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  justify-content: center;
  flex-direction: row-reverse;
}

.flex-casa-legis>div {
  width: calc(100% - 618px);

}

.flex-casa-legis>div:last-child {
  max-width: 618px;
  width: 100%;
}

.casa-legislativa {
  padding-block: 130px;
  background-color: #F0F0EF;
}

.icones-legis {
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: flex-start;
  align-items: center;

}

.icones-legis img {
  margin-right: 14px;
}

.flex-casa-legis p {
  font-family: "avenir", 'Source Sans Pro Light', sans-serif;
  margin-block: 14px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-align: justify;

}

.flex-casa-legis p:first-child {
  margin-top: 34px;
  margin-bottom: 35px;
}

.bloco-casa-legis {
  justify-content: space-between;
  padding-inline: 51px;
}

@media (max-width: 1100px) {
  .flex-casa-legis>div:last-child {
    width: 100%;
  }

  .icones-legis+img {
    position: relative;
    display: block;
    width: 400px;
    /* height: 297.83px; */
    margin-inline: auto;
  }

  .flex-casa-legis>div {
    width: 100%;
  }

  .icones-legis {
    margin-block: 40px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .icones-legis img {
    transform: scale(0.6);
    margin-right: -5px;
  }

  .icones-legis+img {
    width: 282.25px;
    height: 197.83px;
    margin-inline: auto;
  }

  .fundo-pq-nopaper {
    border-radius: 60px 0 0 0 !important;
  }
}


/* PORQUE ESCOLHER O NOPAPER LEGIS? */
#questoes-solucoes {
  background-color: var(--cor-branco);
  border-radius: 40px 0 0 0;
  position: relative;
  top: -60px;

}

.absolute-pq-nopaper,
.absolute-legis-nopaper {
  position: absolute;
  top: -106.5px;
  display: flex;
  background-color: var(--cor-sexta);
  /* max-width: 464px; */
  min-height: 174px;
  padding-inline: 59px;
  padding-block: 34px;
  border-radius: 20px 20px;
  margin-right: 3.5%;
  align-items: center;
  justify-content: space-between;
  transition: all .4s ease;
}

.absolute-legis-nopaper {
  max-width: 592px;
  width: 100%;
  margin-top: -87px;
  z-index: 3;
}

.paragrafo-area-digital {
  z-index: 3;
}

@media (max-width: 1250px) {
  .flex-area-digital {
    margin-top: 50px;
  }
}

.absolute-pq-nopaper h5,
.absolute-legis-nopaper h5 {
  font-size: 24px;
  font-weight: 400;
  line-height: 28.87px;
  letter-spacing: 0.10em;
  text-align: left;
}

.absolute-legis-nopaper h5 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  color: var(--cor-azul);
}

.absolute-pq-nopaper h5 {
  color: var(--cor-branco);
  font-family: "actor";
}

.absolute-pq-nopaper.nopaper-2 {
  background-color: var(--cor-azul-4);
}

@media (min-width: 769px) {
  .absolute-pq-nopaper.nopaper-2 {
    max-width: 769px;
  }
}

@media (max-width:768px) {
  .absolute-pq-nopaper.nopaper-2 {
    background-color: var(--cor-sexta);
  }
}

.fundo-pq-nopaper {
  position: relative;
  background-color: var(--cor-azul-escuro);
  border-radius: 60px 0 60px 0;
  min-height: 1000px;
  top: -20px;
  margin-bottom: -20px;
}

.modulos.fundo-pq-nopaper {
  border-radius: 60px 0 0 0;
}

.casa-legislativa .container,
.fundo-pq-nopaper .container,
.area-digital .container {
  /* max-width: 1215px; */
  margin-inline: auto;
}

.btn-conheca-modulos {
  color: var(--cor-preto);
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
  background-color: var(--cor-amarelo);
  margin-top: 119px;
  font-family: 'avenir';
  padding: 29px;
  border-radius: 20px 20px;
}

.alinhamento-direito {
  text-align: right;
}

.bloco-divisao-ma {
  width: 50%;
  margin-inline: 70.5px;
}

.bloco-divisao-ma:last-child {
  margin-right: 0;
  margin-left: 70.5px;

}

.bloco-divisao-ma:first-child {
  width: 50%;
  margin-left: 0;
  margin-right: 70.5px;
  margin-top: -96px;
}

.ma-legis2>div,
.pag-solucoes>div {
  margin-top: calc(121px - 51px) !important;
}

@media (max-width: 768px) {

  .ma-legis2>div,
  .pag-solucoes>div,
  .bloco-divisao-ma:first-child {
    margin-top: 0 !important;
  }
}

.bloco-divisao-ma>div {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: center;
  margin-block: 51.5px;
  padding-inline: 10px;
}

#modulos-adicionais p {
  /* font-family: 'avenir'; */
  font-family: 'Source Sans Pro Light';
  font-size: 18px;
  font-weight: 400;
  line-height: 21.14px;
  letter-spacing: 0.03em;
  text-align: left;

  text-align: left;
}

.bloco-divisao-ma>div>* {
  margin-top: 20px !important;
}

.cor-rosa {
  color: var(--cor-rosa-2) !important;
}

.cor-azul-3 {
  color: var(--cor-azul-3) !important;
}

@media (max-width: 768px) {
  .bloco-divisao-ma {
    width: 100% !important;
    margin-inline: 0 !important;
  }

  .bloco-divisao-ma:first-child {
    margin-top: 50px;
  }

  .absolute-pq-nopaper h5,
  .absolute-legis-nopaper h5 {
    font-size: 14px;
    font-weight: 700;
    line-height: 17.6px;
    text-align: left;
  }

  .absolute-pq-nopaper img,
  .absolute-legis-nopaper img {
    height: 50px;
  }

  .absolute-pq-nopaper,
  .absolute-legis-nopaper {
    padding: 15px 15px;
    /* flex-wrap: wrap; */
  }

  .btn-conheca-modulos {
    margin-top: calc(119px + 30px);
  }


  #modulos-adicionais {
    flex-wrap: wrap;
  }

  #modulos-adicionais h5 {
    font-size: 14px;
    font-weight: 700;
    line-height: 17.6px;
    text-align: left;

  }

  #modulos-adicionais p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17.6px;
    text-align: left;
  }

  #modulos-adicionais h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25.15px;
    letter-spacing: 0.05em;
  }

  #modulos-adicionais h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 25.14px;
    letter-spacing: 0.03em;
  }
}

@media (max-width: 888px) {

  #modulos-adicionais {
    flex-wrap: wrap;
  }

  #modulos-adicionais h5 {
    font-size: 14px;
    font-weight: 700;
    line-height: 17.6px;
    text-align: left;

  }

  #modulos-adicionais p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17.6px;
    text-align: left;
  }

  #modulos-adicionais h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25.15px;
    letter-spacing: 0.05em;
  }

  #modulos-adicionais h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 25.14px;
    letter-spacing: 0.03em;
  }

  #modulos-adicionais img {
    width: 40px;
  }
}


.fundo-roxo {
  min-width: 100%;
  height: calc(305px - 140px);
  background-color: var(--cor-sexta);
}

.absolute-legis-nopaper {
  background-color: #171F24;
}

.area-digital {
  position: relative;
  padding-top: 106.5px;
}

.paragrafo-area-digital,
.absolute-pq-nopaper {
  width: 100%;
  max-width: 592px;
  transition: width .4s ease;
}

.absolute-pq-nopaper {
  margin-top: -87px;
  top: 0;
}

.paragrafo-area-digital {
  margin-top: calc(83px - (106px - 87px));
}

.area-digital p {
  font-family: 'Source Sans Pro Light';
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  letter-spacing: 0.03em;
  text-align: justify;
}

.flex-area-digital {
  padding-bottom: 123px;
}

.flex-area-digital {
  width: 100%;
  display: flex;
  /* align-items: center; */
  justify-content: flex-start;
  align-items: flex-start
}

.flex-area-digital>img {
  width: calc(100% - 592px);
  min-width: 284.08px;
}

@media (max-width: 1000px) {
  .flex-area-digital {
    flex-wrap: wrap;
  }
}

.fundo-header.fundo-roxo .header-menu {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: space-between;
}

#menu_bar a {
  padding-bottom: 17px !important;
}

.fundo-header.fundo-roxo {
  /* max-width: 1215px; */
  height: 140px;
  /* border-bottom: .86px solid var(--cor-branco-opaco); */
}

@media (max-width: 768px) {
  .paragrafo-area-digital {
    width: 100%;
  }

  .flex-area-digital {
    flex-wrap: wrap;
  }

  .flex-area-digital>img {
    width: 100%;
  }
}

.area-icon-legis {
  width: 112px;
  height: 112px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ma-vazio {
  background-color: #A291C5;
  width: 100%;
  height: 254px;
  border-radius: 20px 20px;
}

.c-rosa-escuro {
  color: var(--cor-rosa-escuro) !important;
}

.rosa-escuro {
  background-color: var(--cor-rosa-escuro);
}

.c-azul {
  color: var(--cor-azul) !important;
}

.azul {
  background-color: var(--cor-azul);
}

.c-roxo {
  color: var(--cor-segunda) !important;
}

.roxo {
  background-color: var(--cor-segunda);
}

.c-rosa-claro {
  color: var(--cor-rosa-claro) !important;
}

.rosa-claro {
  background-color: var(--cor-rosa-claro);
}

.violeta {
  background-color: #8972B2;
}


/* página clientes */
.imgem-happy-female {
  max-width: 738px;
  max-height: 695px;
  /* width: 100%;
    height: 100%; */
  position: absolute;
  right: 0;
  top: -145px;
  z-index: 1;
}

.lista-traducao.cliente {
  z-index: 999;
}

@media (max-width: 768px) {
  .paragrafo-area-digital.cliente {
    width: 100%;
  }

  .imgem-happy-female {
    width: 100%;
    position: relative;
    top: 0;
  }

}


/* PÁGINA SOLUÇÕES */
#modulos-adicionais.pag-solucoes {
  background-color: var(--cor-branco);
}


#modulos-adicionais.pag-solucoes {
  padding-bottom: 81px;
  display: flex;
  height: auto;
}

#modulos-adicionais.pag-solucoes p {
  font-family: "Source Sans Pro Light";
  font-size: 18px;
  font-weight: 600;
  line-height: 25.14px;
  letter-spacing: 0.03em;
  text-align: justify;
  color: var(--cor-cinza);
}

#modulos-adicionais.pag-solucoes h2 {
  font-family: "Source Sans Pro";
  font-size: 32px;
  font-weight: 600;
  line-height: 50px;
  text-align: center;
  color: var(--cor-preto);

}

#modulos-adicionais.pag-solucoes h3 {
  font-family: "Source Sans Pro";
  font-size: 24px;
  font-weight: 600;
  line-height: 50px;
  text-align: center;
  color: var(--cor-cinza);
}

#modulos-adicionais.pag-solucoes h5>div {
  margin-right: 13px;
  display: flex;
  min-width: 53px;
  height: 55px;
  justify-content: center;
  align-items: center;
  align-content: center;
  border: 4px solid var(--cor-sexta);
}

#modulos-adicionais.pag-solucoes h5 {
  display: flex;
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: 700;
  line-height: 25.14px;
  letter-spacing: 0.03em;
  text-align: left;
  color: var(--cor-sexta);
  margin-bottom: 10px;
  align-items: center;
}



.borda-inferior-menu {
  width: 100%;
  /* border-bottom: .6px solid var(--cor-branco-opaco); */
}

.menu-solucao {
  min-height: 141px;
  display: flex;
  align-items: flex-end;
}


.bloco-plataforma h5 {
  font-family: "Source Sans Pro";
  font-size: 24px;
  font-weight: 700;
  line-height: 30.17px;
  letter-spacing: 0.03em;
  text-align: left;

}

.bloco-plataforma {
  margin-inline: auto;
  margin-left: 3%;
  max-width: 626px;
  width: 100%;
  min-height: 201px;
  background-color: var(--cor-azul-escuro);
  color: var(--cor-azul);
  border-radius: 20px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-inline: 70px;
  margin-top: 170px;
  /* margin-top: calc( 496px / 2 - 53px - 87px - 101px); */
}

.flex-apresentacao {
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
  height: auto;
}

@media (max-width: 768px) {
  .flex-apresentacao {
    margin-top: 95px;
    margin-bottom: 20px;
  }

  .flex-itens-inovacao {
    bottom: -12%;
  }

  .bloco-plataforma {
    padding-inline: 29px;
    max-width: 302px;
    width: 100%;
    margin-inline: auto !important;
  }

  .bloco-plataforma {
    position: relative;
    margin-left: 0;
    margin-bottom: -140px;
    min-height: 92px;
    bottom: -35px;
  }

  .bloco-plataforma img {
    height: 42px;
  }

  .bloco-plataforma h5 {
    font-size: 14px;
    font-weight: 700;
    line-height: 17.6px;
    text-align: left;
  }

  #modulos-adicionais.pag-solucoes img {
    width: 84px;
    height: 84px;
  }

  #modulos-adicionais.pag-solucoes .bloco-divisao-ma {
    margin-top: 15px !important;
  }

}

.flex-itens-inovacao p,
.flex-itens-inovacao a {
  text-decoration: none;
  color: var(--cor-branco);
  font-family: 'Kodchasan Bold';
  font-size: 16px;
  font-weight: 700;
  line-height: 20.11px;
  letter-spacing: 0.03em;
  text-align: left;
  margin-bottom: 17px;
}

.flex-itens-inovacao {
  position: absolute;
  bottom: 23.47px;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid var(--cor-branco-opaco);
  flex-wrap: wrap;
  width: 100%;

}

.flex-itens-inovacao>div {
  position: relative;
  display: flex;
  align-items: flex-start;
  max-width: 327px;
  margin-bottom: 41px;
  min-height: 77px;
}

.flex-itens-inovacao>div:last-of-type {
  max-width: 346px;
}

.flex-itens-inovacao>div img {
  margin-right: 20px;
  width: 46px;
}

.flex-itens-inovacao>div.active:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -42px;
  height: 2px;
  width: 100%;
  background-color: var(--cor-rosa-2);
  transition: all 3.6s;
}

.flex-itens-inovacao>div p,
.flex-itens-inovacao>div a {
  font-family: 'Kodchasan Bold';
  color: var(--cor-cinza-2);
  font-size: 16px;
  font-weight: 400;
  line-height: 20.11px;
  letter-spacing: 0.03em;
  text-align: left;
  transition: all .5s;
}

.flex-itens-inovacao>div img {
  filter: grayscale(90%);
}

.flex-itens-inovacao>div.active img {
  filter: none;
}

.flex-itens-inovacao>div.active p,
.flex-itens-inovacao>div.active a {
  color: var(--cor-branco);
  font-family: 'Kodchasan Bold';
}

.flex-inovacao-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.numeracao-apresentacao span {
  color: var(--cor-cinza-2);
  font-family: 'Source Sans Pro';
  font-size: 24px;
  font-weight: 700;
  line-height: 30.47px;
  letter-spacing: 0.03em;
  text-align: left;
  cursor: pointer;

}

.numeracao-apresentacao span.active {
  color: var(--cor-branco);
  font-family: 'Source Sans Pro';
  font-size: 36px;
  font-weight: 700;
  line-height: 45.7px;
  letter-spacing: 0.03em;
  text-align: left;
  margin-left: -10px;
}

.numeracao-apresentacao {
  position: relative;
}

.numeracao-apresentacao .posicao-num-3::after {
  content: '';
  height: 2px;
  width: 350px;
  background-color: var(--cor-branco);
  position: absolute;
  left: 80px;
  bottom: 55%;

}

.posicao-num-1,
.posicao-num-5 {
  margin-block: 13px;
  padding-left: 17px;
}

.posicao-num-3 {
  margin-block: 10px;
  padding-left: 5px;
}

.posicao-num-4,
.posicao-num-2 {
  margin-block: 10px;
  padding-left: 12px;
}

/* @media  (max-width: 920px) {
    .flex-itens-inovacao {
        bottom: -2%;
    }
} */

@media (max-width: 768px) {

  .numeracao-apresentacao,
  .flex-itens-inovacao {
    display: none;
  }

  #inovacao-apresentacao {
    min-height: 738px;
    background-size: 100vw 838px;
    background-position-x: center;
    background-position-y: top;
  }

  .descricao-inovacao h1 {
    font-family: 'Source Sans Pro';
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.05em;
    text-align: left;
  }

  .descricao-inovacao p {
    font-family: 'Source Sans Pro Light';
    ;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.11px;
    letter-spacing: 0.03em;
    text-align: left
  }
}

.fundo-escuro {
  background-color: var(--cor-azul-escuro);
  padding-top: 107px;
  padding-bottom: 143.74px;
  min-height: 577.48px;
}

@media (max-width:768px) {
  .fundo-escuro {
    padding-block: 62.8px;
  }
}

.fundo-escuro .section-fixada {
  margin-inline: auto;
  position: relative;
  max-width: 1116px;
  min-width: 1116px;
  padding-inline: 0;

}

.bloco-plat-solutions h5 {
  font-family: "Source Sans Pro";
  font-size: 28px;
  font-weight: 600;
  line-height: 50px;
  text-align: left;
  color: var(--cor-branco);
}

.bloco-plat-solutions p {
  font-family: 'Source Sans Pro';
  font-size: 28px;
  font-weight: 400;
  line-height: 35.2px;
  text-align: left;
  color: var(--cor-branco);
}

.bloco-plat-solutions {
  display: flex;
  align-items: flex-end;
  align-content: center;
  justify-content: space-between;
  width: 558px;
}

.bloco-plat-solutions img {
  width: 70px;
  height: 70px;
}

.bloco-solutions h4 {
  font-family: "Source Sans Pro";
  font-size: 22px;
  font-weight: 700;
  line-height: 27.65px;
  letter-spacing: 0.12em;
  text-align: left;
  color: var(--cor-azul);

}

.bloco-solutions {
  width: 260px;
  position: absolute;
  top: 8%;
  right: 0;

}

.bloco-modulo-adicional h4 {
  font-family: "Source Sans Pro";
  font-size: 22px;
  font-weight: 700;
  line-height: 27.65px;
  letter-spacing: 0.12em;
  text-align: left;
  color: var(--cor-azul);
}

.bloco-modulo-adicional {
  position: absolute;
  left: 0;
  top: 45%;
}


.bloco-exp-comprovada img {
  margin-left: 15px;
}

.bloco-exp-comprovada {
  width: calc(16.3px + 71px + 142px + 35px);
  position: absolute;
  right: 0;
  bottom: -25px;
  display: flex;
  align-items: flex-end;
  align-content: center;
  justify-content: space-between;
}

.bloco-exp-comprovada h4 {
  font-family: "Source Sans Pro";
  font-size: 22px;
  font-weight: 700;
  line-height: 27.65px;
  letter-spacing: 0.12em;
  text-align: left;
  color: var(--cor-azul);
}

.logo-central {
  position: absolute;
  left: calc(558px - 127px);
  bottom: calc(414px);
  animation: pulse-animation 1.5s infinite;
}

@keyframes pulse-animation {
  0% {
    transform: scale(1);
    /* Tamanho original */
  }

  50% {
    transform: scale(1.15);
    /* Aumenta o tamanho */
  }

  100% {
    transform: scale(1);
    /* Retorna ao tamanho original */
  }
}

/* PARTE DOS MENUS FLUTUANTES */
.menus-flutuantes.mf-left {
  position: absolute;
  bottom: 0;
}

.menus-flutuantes.mf-right {
  position: absolute;
  top: 20%;
  right: 0;
}


.menus-flutuantes>a {
  text-decoration: none;
  width: 260px;
  height: 68px;
  background-color: white;
  display: flex;
  align-items: center;
  border-radius: 20px 0 20px 0;
  margin-bottom: 20px;
}

.menus-flutuantes>a>div {
  height: 68px;
  width: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menus-flutuantes>a>p {
  padding-inline: 25px;
  color: var(--cor-azul);
}

/* parte para a esquerda */
.menus-flutuantes.mf-left>a:hover div img {
  filter: brightness(2) contrast(0.5);
}

.menus-flutuantes.mf-left>a:hover div {
  background-color: var(--cor-roxo-lavanda);
}

.menus-flutuantes.mf-left>a>div {
  background-color: var(--cor-azul-2);
  border-radius: 20px 0 0 0;
}

.menus-flutuantes.mf-left>a {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.menus-flutuantes.mf-left>a:last-of-type {
  background: transparent;
  margin-bottom: 0;
  border: 2px solid var(--cor-azul-2);
}

.menus-flutuantes.mf-left>a:last-of-type>div {
  border: 2px solid var(--cor-branco);
  background: transparent;
  margin-left: -1px;
}

/* parte a direita */
.menus-flutuantes.mf-right>a>div {
  background-color: var(--cor-branco);
  border-radius: 0 0 20px 0;
}

.menus-flutuantes.mf-right>a>p {
  color: var(--cor-branco);
  ;
}

.menus-flutuantes.mf-right>a {
  justify-content: space-between;
  background-color: var(--cor-azul-2);
}

.menus-flutuantes.mf-right>a:hover {
  background-color: var(--cor-roxo-lavanda);
}

.menus-flutuantes.mf-right.menus-mobile {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-top: 45.76px;
}

.menus-flutuantes.mf-left.menus-mobile {
  position: relative;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-top: 45.76px;
}



@media (max-width: 768px) {
  .bloco-modulo-adicional {
    position: relative;
    display: block;
  }

  .bloco-modulo-adicional h4 {
    text-align: center;
    margin-inline: auto;

  }
}

.section-fixada {
  /* margin-inline: auto;
    white-space: nowrap; */
  /* overflow-x: auto; */
  cursor: grab;
  user-select: none;
  scrollbar-width: none;
  /* Firefox */
}


.onde-estamos h4 {
  font-family: 'Source Sans Pro';
  font-size: 22px;
  font-weight: 400;
  line-height: 27.65px;
  letter-spacing: 0.03em;
  text-align: center;
  color: var(--cor-cinza);
}

.onde-estamos h2 {
  font-family: 'Source Sans Pro';
  font-size: 32px;
  font-weight: 700;
  line-height: 40.24px;
  text-align: center;
  letter-spacing: 0.135em;
}

.onde-estamos {
  padding-bottom: 68px;
}

.mySwiper-camara {
  margin-top: 40px;
}

.bloco-logos-legis-cam.swiper-wrapper {
  margin-inline: auto !important;
}


.rede-whatsapp {
  position: fixed;
  right: 30px;
  top: calc(38vh - 43px);
  text-align: right;
}

.rede-whatsapp img {
  height: 75.25px;
  width: 75.25px;
}

.resultado-pesquisa {
  padding-block: 20px;
}

#resultado {
  display: none;
}

.redes-sociais a {
  margin-inline: 11.5px;
}

.redes-sociais {
  text-align: right;
  /* margin-block: 93px; */
  margin-top: 23px;
}

@media (max-width: 768px) {
  .fundo-rodape {
    padding-bottom: 60px;
  }

  .redes-sociais {
    margin-top: 74px;
    margin-bottom: 24px;
    text-align: center;
  }

  .hidden-mobile {
    display: none !important;
  }

  .rodape-localizacao-legis li {
    font-family: 'Source Sans Pro Regular';
    font-size: 10px;
    font-weight: 300;
    line-height: 12.57px;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .hidden-desktop {
    display: none !important;
  }
}

.flex-ass-cam {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.flex-ass-cam>div>h2 {
  font-family: 'Source Sans Pro';
  font-size: 14px;
  font-weight: 700;
  line-height: 17.6px;
  text-align: center;

}

.flex-ass-cam>div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: 12px;
  margin-block: 12px;
  width: 120px;
  height: 120px;
  background-color: var(--cor-sexta);
  color: var(--cor-branco);
}

.flex-ass-cam div:first-child {
  border-radius: 0 20px 0 20px;
}

.flex-ass-cam div:last-of-type {
  border-radius: 20px 0 20px 0;
}

.img-right {
  text-align: right;
  float: right;
  position: relative;
  top: -30px;
}


@media (max-width: 768px) {
  .saiba-mais-mobile span {
    font-family: 'Source Sans Pro';
    font-size: 14px;
    font-weight: 700;
    line-height: 17.6px;
    text-align: left;
    color: #1D1D1B;
  }
}


.mySwiper_camara .swiper-slide img,
.logos-legis-cam img {}

.mySwiper_camara .swiper-slide p,
.logos-legis-cam p {
  color: transparent !important;
}

.mySwiper_camara .swiper-slide:hover p,
.logos-legis-cam:hover p {
  color: var(--cor-azul-2) !important;
}

.mySwiper_camara .swiper-slide img:hover,
.logos-legis-cam img:hover {
  filter: grayscale(0%) brightness(100%) !important;
  opacity: 0.8;
}

.link-email {
  text-decoration: underline !important;
}


@media (max-width: 768px) {
  .fundo-roxo {
    display: flex;
    align-content: center;
  }

  #header-home {
    margin-top: 0;
    padding-top: 0;
    height: 140px;
    justify-content: center;
  }

  #header-solucoes {
    padding-top: 0;
    margin-top: 0;
  }

  #header-solucoes>.borda-inferior-menu {
    height: 140px;
    display: flex;
    align-items: center;
  }

  .nav_bar {
    top: auto !important;
  }

  #menu_bar a.active {
    border-bottom: 2px solid var(--cor-rosa);
    display: inline-block;
  }

  #menu_bar li {
    margin-inline: auto;
    text-align: center;
  }

  #menu_bar a {
    padding: 0 0 !important;
    margin: 1rem 1rem !important;
  }

  #nav-nav #menu_bar a {
    padding-bottom: 0;
  }

  .modernizar h2,
  .modernizar h4 {
    font-size: 20px;
  }

  .onde-estamos h4,
  .onde-estamos h2 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.03em;
  }

  .absolute-pq-nopaper,
  .absolute-legis-nopaper {
    right: 15px;
    left: 15px;
    width: calc(100% - 30px);
    padding-inline: 29px;
    transition: width .4s ease;
  }

  .absolute-legis-nopaper {
    /* max-width: 302px; */
    position: absolute;
    top: 40px;
    padding-inline: 29px;
    min-height: 94px;
  }

  .absolute-pq-nopaper {
    min-height: 103px;
    margin-top: -51.5px;
    top: 0;
  }

  .flex-area-digital,
  .area-digital,
  .paragrafo-area-digital {
    margin-top: 0;
    padding-top: 0;
  }

  .paragrafo-area-digital {
    margin-top: 90px;
  }

  .flex-info-contatos>div {
    width: 157px;
    height: 216px;
  }

  .flex-info-contatos>div:first-of-type,
  .flex-info-contatos>div:nth-of-type(3) {
    margin-right: 16px;
  }

  .flex-info-contatos>div>h4 {
    font-size: 14px;
  }

  .flex-info-contatos>div>p>a {
    display: inline-block;
    width: 150px;
    font-size: 12px;
    hyphens: auto;
  }

  #form-contatos {
    margin-top: 0;
  }

  .flex-info-contatos {
    margin-top: -70px;
  }

  .rede-whatsapp img {
    width: 42px;
    height: 42px;
  }

  .rede-whatsapp {
    right: 5px;
  }

  #header-solucoes {
    background-position: right top;
    background-size: 450px 570px;
    height: 390px;
  }
}

.menu-rodape li a.active,
.menu-rodape li a:hover,
.menu-rodape li a:focus,
.menu-rodape li a:active {
  /* border-bottom: 2px solid var(--cor-rosa); */
  padding-bottom: 13px;
}

/* mobile modulos e soluções */
#expandir-modulos-solucoes {
  white-space: nowrap;
  overflow-x: auto;
  margin-inline: auto;
  cursor: grab;
  user-select: none;
  scrollbar-width: none;
  /* Firefox */
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}

#expandir-modulos-solucoes::-webkit-scrollbar {
  display: none;
  /* Safari e Chrome */
}

#expandir-modulos-solucoes * {
  pointer-events: auto !important;
  /* Permite a interatividade da imagem */
  user-select: none !important;
  /* Evita a seleção da imagem */
  -webkit-user-drag: none !important;
  /* Evita o arraste da imagem em Webkit (Chrome, Safari) */
}

#expandir-modulos-solucoes>div {
  flex: 1;
  min-width: calc(100vw - 60px) !important;
  margin-inline: auto;
}

#expandir-modulos-solucoes>div .menus-flutuantes {
  max-width: 270px;
  margin-inline: auto;
}


#modulos1,
#modulos2 {
  display: none;
  opacity: 0;
}

#modulos1.active,
#modulos2.active {
  display: block !important;
  opacity: 1;
}

#body_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 9999;
}

#body_mask h1 {
  font-size: 30px;
}

.loader-icon {
  width: 42px;
  /* Defina o tamanho do ícone */
  height: 42px;
  border: 5px solid #f3f3f3;
  /* Cor do fundo */
  border-top: 5px solid #3498db;
  /* Cor da parte superior */
  border-radius: 50%;
  /* Faz o ícone ser redondo */
  animation: spin 1s linear infinite;
  /* Aplica a animação */
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


.fundo-message-alert {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #00000060;

  opacity: 1;
  /* Começa visível */
  visibility: visible;
  /* Começa visível */
  transition: opacity 0.5s ease, visibility 0.5s ease;

}

.fundo-message-alert.hide {
  opacity: 0;
  /* Torna invisível */
  visibility: hidden;
  /* Torna invisível */
}

.message-alert {
  margin-inline: auto;
  position: relative;
  max-width: 300px;
  width: 100%;
  min-height: 300px;
  background-color: white;
  padding-inline: 31.5px;
  padding-block: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 40px 40px;
  z-index: 10000;

  transform: translateY(0);
  /* Posição original */
  transition: transform .5s ease;
  /* Transição suave */

}

.fundo-message-alert.hide .message-alert {
  transform: translateY(-20px);
  /* Move um pouco para cima ao ocultar */
}


.message-alert h1 {
  font-family: 'Poppins Medium';
  font-size: 20px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: -0.015em;
  text-align: center;
  color: #000;
}

.message-alert p {
  font-family: 'Poppins Regular';
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.015em;
  text-align: center;
  color: #505050;
}

.close-message-alert {
  cursor: pointer;
}

.icon-close {
  position: absolute;
  fill: #AFAEB2;
  width: 16px;
  height: 16px;
  right: 31.5px;
  top: 25px;
}

.btn-alert-message {
  outline: 0;
  background: #00000030;
  width: 100%;
  height: 48px;
  border: 0;
  border-radius: 6px 6px;
  font-family: 'Poppins Regular';
  font-size: 16px;
  font-weight: 600;
  color: white;
}

.btn-alert-message:hover {
  opacity: .93;
  transition: .2s linear;
}

.icon-color-success {
  fill: #00BA00;
  width: 60px;
  height: 60px;
}

.icon-color-danger {
  fill: #BA0000;
  width: 60px;
  height: 60px;
}

.icon-color-warning {
  fill: #FF9F19;
  width: 60px;
  height: 60px;
}


.btn-alert-message.btn-success {
  background: #00BA00;
}

.btn-alert-message.btn-danger {
  background: #BA0000;
}

.btn-alert-message.btn-warning {
  background: #FF9F19;
}


.play-video-app {
  position: relative;
  background: #1E1E1E;
}

.flex-play-video {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  height: calc(370px);
}

.fundo-video-celular-play {
  position: relative;
  margin-top: -36px;
  background: url('../../img/app/celular-video.png?v=1');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 796px;
  height: 370px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.play-video {
  width: 51.32px !important;
  height: 51.32px !important;
}

.info-play-video {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  width: 250px;
}

.info-play-video p {
  font-family: 'Source Sans Pro';
  font-size: 30px;
  font-weight: 700;
  line-height: 37.71px;
  text-align: left;
  color: #DDDDDD;
}

.cor-fundo-app {
  background: url('../../img/app/fundo-cor-app.png') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 800px !important;

}

.transform-digital-app {
  height: 800px;
  position: relative;
}

.fundo-roxo-app {
  background: var(--cor-roxo-escuro);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 230px;
}

.fundo-roxo-app::before {
  content: "";
  position: absolute;
  background: url('../../img/app/celular-app-em-pe.png') !important;
  background-position: bottom left !important;
  background-repeat: no-repeat !important;
  background-size: 100% 677px !important;
  width: 598.39px;
  height: 677px;
  bottom: 0;
  left: calc(50% - 298px);
}

.flex-transform-digital-app {
  display: flex;
  height: calc(800px - 200px);
  justify-content: flex-start;
  align-items: center;
  margin-left: 39px;
}

.flex-transform-digital-app p {
  font-family: 'Source Sans Pro';
  font-size: 26px;
  font-weight: 600;
  line-height: 32.68px;
  text-align: left;
  color: #90D1E1;
}

.bloco-nopaper-app {
  position: absolute;
  top: 90px;
  background: url('../../img/app/logo-app.png') !important;
  background-position: bottom left !important;
  background-repeat: no-repeat !important;
  width: 252px;
  height: 54px;
}

.bloco-nopaper-app::before {
  content: '';
  position: absolute;
  left: calc(100% + 12px);
  top: 26px;
  height: 2px;
  background: #FFFFFF50;
  width: 775px;
}

.bloco-nopaper-app::after {
  height: 600px;
  width: 2px;
  background: #FFFFFF20;
  content: '';
  position: absolute;
  left: calc(100% + 780px);
  top: 20px;
}

@media (max-width: 860px) {
  .fundo-roxo-app::before {
    left: calc(50% - 180px);
  }
}

.topicos-app {
  margin-top: 114px;
}

.topicos-app h5 {
  color: #fff;
  font-family: "Source Sans Pro";
  font-size: 20.38px;
  font-weight: 700;
  line-height: 25.61px;
  text-align: left;
}

.topicos-app h5>span {
  margin-left: 16.4px;
}


.acesso-rapido-transparencia-app {
  position: relative;
  padding-bottom: 90px;
  min-width: 360px;
}

.nopaper-revolution-app {
  min-width: 350px;
  padding-bottom: 167.31px;
  margin-right: 120px;
}

.acesso-rapido-transparencia-app h2 {
  margin-top: 545px;
  position: relative;
}


.fundo-nopaper-revolution-app {
  background: #252733;
}

.nopaper-revolution-app p {
  font-family: 'Source Sans Pro Light';
  font-size: 16px;
  font-weight: 400;
  line-height: 20.11px;
  text-align: justify;
  color: #FDF0F7;
}

.acesso-rapido-transparencia-app h2 {
  color: #90D1E1;
  font-family: 'Source Sans Pro';
  font-size: 22.1px;
  font-weight: 700;
  line-height: 27.77px;
  text-align: left;
  margin-bottom: 56.72px;
}

.acesso-rapido-transparencia-app p {
  color: #FDF0F7;
  font-family: 'Source Sans Pro Light';
  font-size: 16px;
  font-weight: 400;
  line-height: 20.11px;
}

.flex-art-nopaper-app {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.acesso-rapido-transparencia-app {
  width: 560px;
}

.img-absolute-celular-app {
  position: absolute;
  right: -120px;
  top: 0;
}

.img-absolute-line-video {
  position: absolute;
  top: 171px;
  left: 0;
}

@media (max-width: 1200px) {
  .fundo-video-celular-play {
    width: 646px;
    height: 285px;
  }
}

@media (max-width: 1000px) {
  .img-absolute-line-video {
    display: none !important;
  }

  .fundo-video-celular-play {
    width: 546px;
    height: 230px;
  }
}

@media (max-width: 900px) {
  .fundo-video-celular-play {
    width: 516px;
    height: 212px;
  }
}

.video .container video {
  /* width: calc(100% - 62px); */
  /* margin-left: 62px; */
  /* padding-left: 62px; */
  border-radius: 12px 12px;
  display: none;
}

@media (max-width: 992px) {
  .video video {
    margin-left: 0;
    width: 100%;
  }

  .div-conteudo-video {
    justify-content: center !important;
  }


}

@media (max-width: 900px) {
  .topicos-app {
    margin-top: 37px;
  }

  .nopaper-revolution-app {
    margin-top: 39.13px;
    margin-right: 0;
  }

  .nopaper-revolution-app {
    padding-bottom: 44.1px;
  }

  .acesso-rapido-transparencia-app h2 {
    margin-top: 15.45px;
  }

  .flex-art-nopaper-app>div {
    width: 100%;
  }

  .img-absolute-celular-app {
    position: relative;
  }

  .flex-art-nopaper-app {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .video {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 768px) {
  .img-absolute-celular-app {
    left: calc(100% - 335px)
  }

  .flex-transform-digital-app {
    padding-top: 102px;
    height: calc(632.37px - 112px);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
  }

  .flex-transform-digital-app p {
    font-size: 16px;
    font-weight: 600;
    line-height: 20.11px;
    text-align: left;
  }

  .fundo-roxo-app::before {
    position: absolute;
    background: url('../../img/app/celular-app-em-pe-mobile.png') !important;
    background-position: bottom left !important;
    background-repeat: no-repeat !important;
    background-size: 100% 300px !important;
    width: 265px;
    height: 300px;
    bottom: 0;
    left: calc(50% - 140px);
  }

  .fundo-roxo-app {
    height: 137.12px;
  }



  .transform-digital-app {
    height: calc(632.37px - 112px);
  }

  .play-video {
    width: 95.71px !important;
    height: 95.71px !important;
  }

  .fundo-video-celular-play #scrollLink {
    margin-left: 0 !important;
  }

  .fundo-video-celular-play {
    background: transparent !important;
    height: auto;
    width: 100%;
    margin-top: 0;
  }

  .flex-play-video {
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding-top: 52.75px;
    padding-bottom: 66px;
    height: calc(66px + 370px + 52.75px);
  }

  .info-play-video {
    padding-bottom: 55px;
  }
}



.tamanho-gestao {
  text-align: justify;
}

.tamanho-gestao h2 {
  text-align: left;
}

.btn-gestao-emendas {
  margin-top: 33px;
}

.titulo h2 {
  font-family: 'Source Sans Pro';
  font-weight: 700;
}

#section-4 {
  padding-block: 60px;
}

/* RODAPÉ */

#rodape {
  padding-block: 100px;
  min-height: 464px;
  background: var(--cor-fundo);
  display: flex;
  align-items: center;
  justify-content: center;
}

#rodape div.col-md-4 {
  min-height: 266px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width:768px) {
  #rodape div.col-md-4 {
    min-height: auto;
  }
}

.rodape-localizacao-legis ul {
  margin-bottom: 0;
}

#rodape .menu-rodape {
  position: relative;
}

#rodape .menu-rodape::before {
  position: absolute;
  content: '';
  height: 2px;
  width: 50%;
  background-color: white;
  left: 25%;
  bottom: -13.5px;
}

#ir-para-o-top {
  margin-top: 0;
  margin-bottom: 103.5px;
  text-align: left;
}

#rodape form .mesclar-campos {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
}

#rodape form .mesclar-campos button,
#rodape form .mesclar-campos input {
  height: 41.30px;
  outline: 0;
  border: 0 solid transparent;
}

#rodape form .mesclar-campos button {
  min-width: 41.30px;
  background-color: #CEAED3;
}

#rodape form .mesclar-campos button:hover {
  background-color: #CEAED399;
}

#rodape form .mesclar-campos input::placeholder {
  color: #9D9C9C;
}

#rodape form .mesclar-campos input {
  outline: 0;
  width: calc(100% - 41.3px);
  padding-left: 19px;
}

#rodape .rodape-localizacao-legis li {
  color: #FFFFFF95;
  font-family: 'Source Sans Pro Light';
  text-decoration: none;
  list-style: none;
  text-align: right;
}

.rodape-logo {
  text-align: right;
  margin-bottom: 73px;
}

.flex-checkbox {
  max-width: 100%;
  display: flex;
  align-items: flex-start;
  margin-top: 13.85px;
}

.flex-checkbox label {
  color: white;
  font-weight: normal;
  margin-bottom: 0;
}

.flex-checkbox input[type=checkbox] {
  margin-right: 10.3px;
}

#rodape .redes-sociais {
  text-align: center;
}

#rodape .redes-sociais a {
  margin-inline: 15px;
}

#rodape .menu-rodape {
  text-align: center;
  /* margin-bottom: 50px; */
}

#rodape .menu-rodape li {
  /* margin-bottom: 15px; */
  margin-bottom: 25px;
}

#rodape .menu-rodape a {
  font-family: 'Source Sans Pro Semibold';
  font-size: 20px;
  font-weight: 600;
  line-height: 25.14px;
  color: white;
  text-decoration: none;
}

#rodape .menu-rodape a:hover {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  color: #9381BB;
}

@media (max-width: 768px) {
  .hidden-mobile {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-desktop {
    display: none !important;
  }
}

@media (max-width: 992px) {

  .rodape-logo,
  #rodape .redes-sociais {
    margin-block: 30px;
  }

  .rodape-logo,
  #rodape .rodape-localizacao-legis li,
  #rodape .redes-sociais {
    text-align: center;
  }
}

.rodape-logo-mobile {
  text-align: left;
}

@media (max-width: 668px) {
  #rodape {
    min-height: 340px;
  }

  .rodape-logo-mobile {
    margin-bottom: 88px;
  }
}

/* FIM DO RODAPÉ */

#gestao-emendas {
  background-color: #352664;
  padding-block: 35px;
}

.img-gestao-emendas {
  width: 100%;
  padding: 0;
  margin-top: -125px;
}

.titulo {
  position: relative;
}

.titulo h2::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 30px;
  background: #fff;
}

.titulo h2 {
  margin-block: 0px;
  padding-left: 18px;
  position: relative;
}

#gestao-emendas h2 {
  color: white;
}

#gestao-emendas p {
  font-family: 'Source Sans Pro Light';
  font-size: 24px;
  font-weight: 200;
  line-height: 30.17px;
  text-align: left;
  color: white;

}

.btn-gestao-emendas {
  text-decoration: none;
  background: transparent;
  border: 1.33px solid #5FC4E5;
  width: 170.52px;
  height: 43.59px;
  color: white;
  font-family: 'Source Sans Pro';
  font-size: 20px;
  font-weight: 700;
  line-height: 25.14px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  letter-spacing: .19rem;
}

@media (max-width: 768px) {
  .btn-gestao-emendas {
    margin-inline: auto;
  }
}


@media (max-width: 768px) {
  .tamanho-gestao {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 60px;
  }

  .ponteiro-absolute {
    display: none;
  }

  .img-gestao-emendas {
    width: 100%;
    padding: 0;
    margin-top: 0;
  }
}

@media (max-width:768px) {
  #gestao-emendas h2 {
    font-size: 22px;
  }

  #gestao-emendas p {
    font-size: 20px;
  }
}

.conteudo-nossos-consultores {
  max-width: 412px;
  width: 100%;
}

#gestao-emendas .titulo h2 {
  padding-left: 0 !important;
}

#gestao-emendas .titulo h2::before {
  left: -20px;
}

/* SECTION 4 '*/

#section-4 {
  background: #9381BB;
  padding-bottom: 33px;
}

#section-4 .titulo {
  display: flex;
  justify-content: center;
}

.flex-titulo {
  display: flex;
  margin-top: 55px;
  position: relative;
}

.flex-titulo span,
.flex-titulo h4 {
  margin-right: 40px;
  color: #1E374B;
  font-family: 'Source Sans Pro';
  font-size: 24px;
  font-weight: 700;
}

.flex-titulo img {
  display: block;
  position: absolute;
  bottom: 8px;
  left: 250px;
}

.flex-titulo .titulo {
  margin-bottom: 22px;
  text-align: center;

}

#section-4 div>p {
  background: #9381BB;
  font-family: 'Source Sans Pro Light';
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  padding-right: 30px;
  margin-top: 16px;
}

.linha-section-4::before {
  content: "";
  display: block;
  position: absolute;
  top: 100px;
  right: 20px;
  width: 0.67px;
  height: 194px;
  background-color: #1D1D1B;
}

@media (max-width: 768px) {
  .linha-section-4::before {
    display: none;
  }

  .flex-titulo h4 {
    font-size: 22px;
  }

  #section-4 div>p {
    font-size: 18px;
  }
}

#section-4 .titulo h2::before {
  display: none;
}

.flex-bolinhas {
  margin-top: 49px;
  display: flex;
  justify-content: center
}


.borda-cor-bolinha {
  border: 0.67px solid #9D9C9C;
}

.bolinha-branca {
  width: 8px;
  height: 8px;
  display: block;
  background-color: white;
  border-radius: 50% 50%;
}

.bolinha-branca:last-of-type {
  margin-right: 0;
}

.borda-cor-bolinha>.bolinha-branca {
  background-color: #5FC4E5;
}

#section-4 .titulo h2>strong {
  font-family: 'Source Sans Pro Semibold' !important;
}

/* section video */

.video {
  background-color: #283A61;
  padding-block: 90px;
}

.div-conteudo-video {
  min-height: 422px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 21px;
}

.div-conteudo-video p {
  font-family: 'Source Sans Pro Regular';
  color: white;
  font-size: 24px;
  font-weight: 400;
  line-height: 30.17px;
  text-align: left;
}

@media (max-width: 768px) {
  .div-conteudo-video {
    min-height: 332px;
    padding-bottom: 31px;
    align-items: flex-end;
    /* align-items: center; */
  }

  .div-conteudo-video p {
    text-align: center;

  }

  .video {
    background-color: #283A61;
    padding-block: 0;
  }
}

@media (min-width: 970px) {
  #ir-para-o-top {
    margin-top: 0;
    cursor: pointer;
    text-align: left;
  }
}



/* PAGINA DE CONTATOS */
#area-contatos {
  padding-block: 57px;
}

.posicao-img-ponto-contato {
  margin-top: -80px;
}

.informacoes-contatos {
  padding-right: 52px;
  /* width: 382px; */
  text-align: right;
  float: right;
}

.informacoes-contatos h4,
.informacoes-contatos p {
  font-family: 'Source Sans Pro Light';
  font-size: 22px;
  font-weight: 400;
  color: #70706F;
}

.informacoes-contatos h4 {
  font-family: 'Source Sans Pro';
  font-weight: 600;
}

.informacoes-contatos p {
  font-family: 'Source Sans Pro Light';
  font-weight: 300;
  font-size: 20px;
}

.titulo h2 {
  padding-left: 20px;
  color: #283C63;
  font-family: 'Source Sans Pro';
  font-size: 24px;
  font-weight: 600;
  line-height: 30.17px;
  letter-spacing: 0.06em;
  text-align: left;
  position: relative;
}

#area-contatos .titulo h2 {
  margin-bottom: 38px;
}


#area-contatos .titulo h2::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 30px;
  background: #283C63;
}

#area-contatos form {
  position: relative;
}

#area-contatos form input,
#area-contatos form textarea {
  width: 100%;
  height: 50px;
  outline: 0;
  border: 1px solid #F1EDF7;
  background-color: #F1EDF7;
  margin-bottom: 16px;
  padding-left: 16px;
  color: #70706F;
  font-size: 18px;
}

#area-contatos form input::placeholder,
#area-contatos form textarea::placeholder {
  color: #70706F80;
  font-size: 18px;
  font-family: 'Source Sans Pro Light';
  font-weight: 300;
}

#area-contatos form input:focus,
#area-contatos form textarea:focus {
  box-shadow: 1px 1px 3px #c68cf3;
}

#area-contatos form textarea {
  height: 173px;
  resize: none;
  padding-top: 14px;
}

#area-contatos button[type="submit"] {
  font-family: 'Source Sans Pro';
  outline: 0;
  border: none;
  background-color: #7563A5;
  border-radius: 20px 0 20px 0;
  color: white;
  height: 56.7px;
  min-width: 125px;
  font-weight: bold;
  font-size: 24px;
  bottom: -10px;
  right: 30px;
  position: absolute;
}

.posicao-btn {
  width: 100%;
  text-align: right;
}

@media (max-width: 768px) {
  .img-formulario {
    width: 100%;
  }

  .informacoes-contatos {
    width: 100%;
    text-align: left;
  }

  #area-contatos .titulo h2 {
    font-size: 20px;
  }

  #area-contatos p,
  #area-contatos h4 {
    font-size: 18px;
  }

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

  #area-contatos button {
    margin-top: 55px;
    margin-right: 0px;
  }
}

@media (max-width: 768px) {
  .flex-gestao .tamanho-gestao {
    margin-bottom: 60px;
  }
}

.tamanho-gestao p {
  font-family: 'Source Sans Pro Light';
  text-align: center;
  font-size: 20px;
  color: #053649;
}

.flex-gestao>div {
  height: 505px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.ponteiro-absolute {
  position: absolute;
  top: 120.5px;
  left: -259px;
}

.img-gestao-emendas {
  width: 100%;
}

@media (max-width: 768px) {
  .flex-gestao>div {
    align-items: center;
    height: auto;
  }
}

.btn-gestao-emendas:hover {
  text-decoration: none;
}

.menu-rodape a.active {
  font-family: 'Source Sans Pro' !important;
  color: #9381BB !important;
  font-weight: 900 !important;
}

/* CLIENTES */
#clientes {
  padding-top: 55px;
  padding-bottom: 50px;
}

.titulo-clientes h2 {
  color: #283C63;
  font-family: 'Source Sans Pro';
  font-weight: 300;
  font-size: 30px;
  letter-spacing: .6px;
  text-align: center;
}

.titulo-clientes p {
  font-family: 'Source Sans Pro Light';
  font-weight: 300;
  font-size: 20px;
  text-align: center;

}

.titulo-black {
  font-family: 'Source Sans Pro Black';
  font-weight: 600;
  font-size: 30px;
  letter-spacing: .6px;
  text-align: center;
}

#clientes .titulo {
  text-align: center;
  font-family: 'Source Sans Pro Black';
  font-weight: 900;
  font-size: 24px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 39px;
  /* margin-top: 86px; */
  margin-top: 26px;
  color: #283A61;

}

.brasao-clientes {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: flex-start;
  min-height: 237px;


}

.brasao-clientes:hover {
  text-decoration: none;
}

.brasao-clientes:hover p {
  font-weight: 600;
  transition: all .1s ease-in-out;
}

.brasao-clientes p {
  font-family: 'Source Sans Pro Light';
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #283A61;

}

.brasao-clientes img {
  max-width: 180px;
  max-height: 130px;
  height: 130px;
  margin-bottom: 20px;
}

/* BLOG */
#blog {
  padding-bottom: 50px;
}

.titulo-blog {
  font-family: 'Source Sans Pro';
  text-shadow: .2px .2px 0 #9381BB, -.2px -.2px 0 #9381BB, .2px -.2px 0 #9381BB, -.2px .2px 0 #9381BB;
  font-weight: 900;
  font-size: 26px;
  line-height: 100%;
  letter-spacing: .6px;
  color: #283C63;
  margin-bottom: 24px;
  margin-top: 50px;

}

.SwiperDestaques img,
.SwiperDestaques .swiper-slide,
.SwiperDestaques .swiper-wrapper {
  width: 100%;
  max-height: 502px;
  min-height: 502px;
  object-fit: cover;
  position: relative;
}

.SwiperDestaques {
  margin-bottom: 27px;
}

.texto-destaque {
  position: absolute;
  display: flex;
  align-items: flex-end;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #00000040;
  padding-left: 40px;
  padding-bottom: 43px;
}

.texto-destaque h2 {
  font-family: 'Source Sans Pro Black';
  font-weight: 900;
  font-size: 36px;
  color: white;
  letter-spacing: .6px;

}

.link-subdestaque {
  position: relative;
  display: block;
  min-height: 237px;
}

.link-subdestaque:first-of-type {
  margin-bottom: 27px;
}

.texto-sub-destaque {
  padding-left: 24px;
  padding-bottom: 24px;
  position: absolute;
  top: 0;
  display: flex;
  align-items: flex-end;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #00000040;
}

.noticia-destaques img {
  width: 100%;
  max-height: 237px;
  min-height: 237px;
}

.texto-sub-destaque h2 {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  font-size: 18px;
  color: white !important;
  letter-spacing: .6px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  color: white;
  font-size: 24px !important;
  text-shadow: .25px .25px 0 white, -.25px -.25px 0 white, .25px -.25px 0 white, -.25px .25px 0 white;
}

.mais-sub-destaques {
  margin-bottom: 24px;
}

.mais-sub-destaques:hover {
  text-decoration: none;
}

.mais-sub-destaques img {
  width: 100%;
  max-height: 237px;
  height: 237px;
  object-fit: cover;
}

.info-sub-destaque h2 {
  margin: 0;
  font-family: 'Source Sans Pro Black';
  font-weight: 700;
  font-size: 16px;
  letter-spacing: .6px;
  color: #1E374B;
  padding-inline: 19.5px;
  padding-top: 58.6px;
  padding-bottom: 10.5px;
}

.info-sub-destaque p {
  font-family: 'Source Sans Pro Light';
  font-weight: 400;
  font-size: 16px;
  letter-spacing: .6px;
  color: #70706F;
  padding-bottom: 28px;
  padding-inline: 19.5px;
}

.mais-sub-destaques .info-sub-destaque {
  min-height: 237px;
  height: 100%;
  background-color: #E4E4E3;
}

#ler-blog {
  padding-top: 30px;
  padding-bottom: 50px;
}

#ler-blog .panel-title-noticias {
  font-family: 'Source Sans Pro Black';
  font-weight: 900;
  font-size: 36px;
  letter-spacing: .6px;
  color: white;
}

.titulo-capa-blog {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #00000040;
  display: flex;
  align-items: flex-end;
  padding-bottom: 40px;
  padding-left: 100px;
  padding-right: 40px;
}

@media (max-width:768px) {
  .titulo-capa-blog {
    padding-inline: 20px;
    padding-bottom: 20px;
  }

  #ler-blog .panel-title-noticias {
    font-size: 30px;
  }
}

@media (max-width: 1300px) {
  #header-home .container {
    padding-inline: 97.5px;
  }
}

@media (max-width: 1200px) {
  #header-home .container {
    padding-inline: 83.83px;
  }

  #menu_bar>li {
    margin-inline: 10px;
  }
}

@media (max-width:768px) {
  #menu_bar>li {
    margin-inline: 0px;
  }
}


@media (max-width: 991px) {
  #header-home .container {
    padding-inline: 15px;
  }
}

#header-home .header-logo {
  margin-top: -33px;
}


/* videos estilização */
.video-container {
  background-color: #000 !important;
  border-radius: 12px 12px;
  width: calc(100% - 62px);
  margin-left: 62px;
  height: 441px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-container #start-video {
  cursor: pointer;
}

.controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 15px;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  padding-inline: 40px;
  color: white;
  border-radius: 0 0 12px 12px;
  left: calc(62px + 15px);
}

#playPause {
  background: transparent;
  outline: 0;
  border: 0 transparent;
  margin-right: 16.5px;
}

#playPause img {
  max-height: 27px;
}

.controls input[type="range"] {
  flex: 1;
  margin: 0 10px;
  background-color: #fff;
  height: 5px;
  border-radius: 2px;
  -webkit-appearance: none;
  /* Remove o estilo padrão do navegador */
  appearance: none;
  /* Para navegadores que suportam */
}

.controls #currentTime,
.controls #duration {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  font-size: 20px;
}

#muteButton,
#fullscreen,
#options-button {
  margin-inline: 15px;
  background: transparent;
  outline: 0;
  border: 0 transparent;
}

#volume-img {
  max-height: 27px;
}

.controls #speed {
  outline: 0;
  background: transparent;
  border: 0;
}

.controls #speed option {
  color: #000;
}

.controls ul {
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  right: 0;
  bottom: calc(100% - 20px);
}

.controls ul>li {
  list-style: none;
}

.controls ul>li button {
  background: transparent;
  outline: 0;
  border: 0 transparent;
}

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  input[type='range'] {
    overflow: hidden;
    -webkit-appearance: none;
    background-color: #ddd;
  }

  input[type='range']::-webkit-slider-runnable-track {
    height: 10px;
    -webkit-appearance: none;
    color: #13bba4;
    margin-top: -1px;
  }

  input[type='range']::-webkit-slider-thumb {
    width: 10px;
    -webkit-appearance: none;
    height: 10px;
    cursor: ew-resize;
    background: #844A91;
    box-shadow: -120px 0 0 120px #844A91;
  }

}

/** FF*/
input[type="range"]::-moz-range-progress {
  background-color: #844A91;
}

input[type="range"]::-moz-range-track {
  background-color: #ddd;
}

/* IE*/
input[type="range"]::-ms-fill-lower {
  background-color: #844A91;
}

input[type="range"]::-ms-fill-upper {
  background-color: #ddd;
}


/* EXIBIÇÃO PARA 5 COLUNAS */
@media (min-width: 992px) {
  .col-md-2-4 {
    width: 20%;
  }
}

@media (min-width: 992px) {
  .col-md-2-4 {
    float: left;
  }
}