:root {
  --fonte-principal: Montserrat, sans-serif;
  --branco: #fff;
  --dourado-claro: #e4c57d;
  --azul-principal: #31465b;
  --azul-claro: #3a6ba6;
  --dourado-muito-escuro: #64542f;
  --azul-escuro: #121920;
  --dourado-escuro-total: #1a160c;
  --azul-medio: #19232e;
  --dourado-escuro-absoluto: #282213;
  --dourado-escuro: #a68b4e;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #333;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.body-principal {
  font-family: var(--fonte-principal);
  color: var(--branco);
  background-color: #080c11;
}

.capa-site {
  background-image: radial-gradient(circle, #283848, #080c11);
  justify-content: center;
  align-items: center;
  padding-top: 70px;
  display: flex;
  position: relative;
}

.conteudo-capa-site {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  position: relative;
  overflow: visible;
}

.box-infos-capa {
  z-index: 2;
  width: 50%;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.box-imagem-capa {
  z-index: 1;
  width: 50%;
  position: relative;
}

.heading {
  text-transform: uppercase;
  min-width: 578px;
  font-weight: 300;
}

.image {
  width: 50px;
}

.text-block {
  margin-bottom: 50px;
  font-size: 29px;
  font-weight: 200;
  line-height: 33px;
}

.botao-padrao {
  border: 1.5px solid var(--dourado-claro);
  text-align: center;
  background-color: #3898ec00;
  transition: all .3s ease-in-out;
}

.botao-padrao:hover {
  background-color: var(--dourado-claro);
  color: var(--azul-principal);
  transform: scale(1.05);
  box-shadow: 0 0 100px #e4c57db3;
}

.botao-padrao.capa {
  font-size: 20px;
}

.botao-padrao.capa.mobile {
  display: none;
}

.botao-padrao.sessao-servico-home {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px;
}

.botao-padrao.posicionamento {
  margin-top: 20px;
}

.botao-padrao.posicionamento.mobile {
  display: none;
}

.botao-padrao.botao-cta-final {
  font-size: 20px;
  line-height: 20px;
}

.botao-padrao.pagina.sessao3.preenchido:hover {
  background-color: #e4c57d;
}

.botao-padrao.azul {
  border-color: var(--azul-claro);
}

.botao-padrao.azul:hover {
  background-color: var(--azul-claro);
  color: var(--branco);
  box-shadow: 0 0 100px #3a6ba6b3;
}

.botao-padrao.azul.pagina.texto-azul {
  color: var(--azul-principal);
}

.botao-padrao.azul.pagina.texto-azul.sessao5:hover {
  color: var(--branco);
}

.imagem-camilla-capa {
  z-index: 1;
  width: 125%;
  min-width: 740px;
  max-width: none;
  margin-bottom: -404px;
  margin-left: -67px;
  margin-right: -135px;
  position: relative;
}

.divisor-dourado {
  background-image: linear-gradient(90deg, var(--dourado-muito-escuro), var(--dourado-claro) 49%, var(--dourado-muito-escuro));
  justify-content: center;
  align-items: center;
  height: 12px;
  display: flex;
  position: relative;
}

.divisor-dourado.grande {
  z-index: 10;
  height: 70px;
  box-shadow: 0 0 100px #e4c57d80;
}

.sessao-servicos {
  background-image: linear-gradient(#342c18, #07090cfa 19%, #203242f2 77%, #07090c), url('../images/Icon-Fundo-Transparente-para-padrão-CM.png'), linear-gradient(#342c18, #07090c 26%, #203242 77%, #07090c);
  background-position: 0 0, 50%, 0 0;
  background-size: auto, 226px, auto;
  background-attachment: scroll, fixed, scroll;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: relative;
  overflow: visible;
}

.felx-cards-servicos {
  z-index: 3;
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 900px;
  max-width: 100%;
  margin-top: -50px;
  padding: 0 0 50px;
  position: relative;
}

.card-servico {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 2.5px solid var(--dourado-claro);
  background-color: #27394b;
  justify-content: space-between;
  align-items: center;
  width: 219px;
  padding: 30px;
  transition: all .3s;
  position: relative;
}

.card-servico:hover {
  transform: translate(0, -30px);
  box-shadow: 0 0 100px #e4c57d80;
}

.logo-camilla-fundo-capa {
  z-index: 0;
  opacity: .2;
  width: 905px;
  max-width: none;
  margin-left: 756px;
  position: absolute;
  top: 5px;
}

.logo-camilla-canto {
  width: 27vw;
  max-width: none;
  position: absolute;
}

.logo-camilla-canto.esq {
  z-index: 3;
  left: -21.9vw;
}

.logo-camilla-canto.dir {
  z-index: 3;
  bottom: -236px;
  right: -15.3vw;
}

.titulo-servico-home {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
}

.icone-servico-home {
  width: 52px;
}

.linha-canto-card-servico {
  background-color: var(--dourado-claro);
  border-radius: 100px;
  width: 10px;
  height: 10px;
  position: absolute;
}

.linha-canto-card-servico.sh {
  width: 25px;
  height: 8px;
  top: -4px;
  right: auto;
}

.linha-canto-card-servico.sh.direita {
  right: -4px;
}

.linha-canto-card-servico.sh.esq {
  left: -4px;
}

.linha-canto-card-servico.sv {
  width: 8px;
  height: 25px;
  top: -4px;
  right: -4px;
}

.linha-canto-card-servico.sv.esq {
  left: -4px;
  right: auto;
}

.linha-canto-card-servico.sqh {
  width: 25px;
  top: -4px;
  left: -4px;
}

.linha-canto-card-servico.ih {
  width: 25px;
  height: 8px;
  bottom: -4px;
}

.linha-canto-card-servico.ih.direita {
  right: -4px;
}

.linha-canto-card-servico.ih.esq {
  left: -4px;
}

.linha-canto-card-servico.iv {
  width: 8px;
  height: 25px;
  bottom: -4px;
}

.linha-canto-card-servico.iv.direita {
  right: -4px;
}

.linha-canto-card-servico.iv.esq {
  left: -4px;
}

.box-cantos {
  width: 100%;
  height: 100%;
  position: absolute;
}

.sessao-aberta-capa {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.sessao-elementos-laterais {
  overflow: hidden;
}

.sessao-posicionamento-camilla {
  flex-flow: row;
  width: 1200px;
  max-width: 100%;
  margin-top: 150px;
}

.box-imagem-camilla {
  z-index: 2;
  justify-content: flex-end;
  align-items: flex-end;
  width: 40%;
  position: relative;
}

.box-info-posicionamento {
  width: 60%;
  height: 0;
}

.infos-box-posicionamento {
  z-index: 1;
  border-right: 2px solid var(--dourado-claro);
  border-bottom: 2px solid var(--dourado-claro);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: radial-gradient(circle at 0 0, #31465b00 33%, #31465bb3);
  width: 120%;
  margin-left: -150px;
  padding: 50px 50px 50px 150px;
  position: relative;
}

.imagem-camilla-posicionamento {
  width: 130%;
  min-width: 586px;
  max-width: none;
  margin-bottom: -38%;
  margin-left: -30%;
  padding-top: 20%;
}

.titulo-posicionamento {
  text-transform: uppercase;
  margin-bottom: 40px;
  font-size: 27px;
  font-weight: 300;
  line-height: 34px;
}

.titulo-item-posicionamento {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.conteudo-item-posicionamento {
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
}

.box-infos-fixadas-posi {
  margin-bottom: 24px;
}

.felx-fixo-posicionamento {
  padding-left: 50px;
}

.divisor-dourado-grande {
  height: 70px;
}

.icone-cm-divisao-dourada {
  width: 60px;
}

.sessao-passos {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: flex;
  position: relative;
}

.felx-caixas-como-funciona {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  justify-content: center;
  align-items: stretch;
  width: 1200px;
  max-width: 100%;
}

.coluna-como-funciona {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  justify-content: flex-start;
  align-items: center;
  width: 33%;
}

.coluna-como-funciona._2 {
  padding-top: 50px;
}

.div-gradiente {
  text-align: center;
  background-image: linear-gradient(225deg, #28394a00, #28394a);
  justify-content: center;
  align-items: center;
  padding: 70px 40px 40px;
  overflow: visible;
}

.numero-passo {
  z-index: 3;
  margin-top: -27px;
  margin-bottom: -35px;
  font-size: 122px;
  font-weight: 900;
  line-height: 85px;
  position: relative;
}

.ponto-numero-passo {
  color: var(--dourado-claro);
  font-size: 190px;
}

.titulo-caixa-passo {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

.texto-passo {
  font-size: 12px;
  line-height: 19px;
}

.imagem-camilla-como-funciona {
  z-index: 5;
  width: 793px;
  margin-top: -474px;
  margin-left: -235px;
  position: relative;
}

.div-pai {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-pai.mobile {
  display: flex;
}

.div-pai.mobile.visible {
  display: none;
}

.gradiente-inferior-como-funciona {
  z-index: 0;
  background-image: linear-gradient(#121920, #1d1e19);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45%;
  position: absolute;
  inset: auto 0% 0%;
}

.gradiente-superior-como-funciona {
  z-index: 0;
  background-image: linear-gradient(294deg, #1e2a36, #040507);
  height: 56%;
  position: absolute;
  inset: 0% 0% auto;
}

.divisor-diagonal-dourado {
  z-index: 10;
  background-image: url('../images/Divisor-de-sessão-diagonal-dourado.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 70px;
  margin-bottom: -64px;
  position: relative;
}

.divisor-diagonal-dourado.invertido {
  background-image: url('../images/Divisor-de-sessão-dourado-invertido.png');
  margin-top: -64px;
  margin-bottom: 0;
}

.image-3 {
  z-index: 2;
  filter: blur(1px);
  width: 100%;
  position: absolute;
}

.sessao-o-escritorio {
  background-image: linear-gradient(#121920cc, #282213cc), url('../images/Imagem-fundo-prédios-sessão-camilla-otm.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 200px 100px 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sessao-o-escritorio.pagina {
  padding-top: 0;
}

.coluna-2-infos-escritorio {
  z-index: 1;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  position: relative;
}

.titulo-sessao-escritorio {
  text-align: left;
  width: 112%;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  font-size: 63px;
  font-weight: 900;
  line-height: 63px;
}

.titulo-sessao-escritorio.pagina-servico {
  font-size: 57px;
  line-height: 57px;
}

.bold-text {
  color: var(--dourado-claro);
  font-weight: 900;
}

.coluna-1-camilla-escritorio {
  z-index: 2;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  width: 50%;
  position: relative;
}

.bloco-texto-escritorio {
  border: 2px solid var(--dourado-claro);
  background-image: linear-gradient(#8a764954, #8a764954);
  width: 131%;
  padding: 40px 40px 40px 35%;
}

.texto-sessao-escritorio {
  font-size: 12px;
}

.texto-sessao-escritorio.pagina-servico {
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
}

.flex-conteudo-escritorio {
  justify-content: center;
  align-items: stretch;
  width: 1200px;
  max-width: 100%;
  position: relative;
}

.imagem-camilla-escritorio {
  object-fit: contain;
  width: 132%;
  min-width: 519px;
  max-width: 103%;
  margin-top: 30%;
  margin-bottom: -93px;
  margin-left: -254px;
  position: relative;
}

.fundo-gradiente {
  opacity: .04;
  background-image: url('../images/Icon-Fundo-Transparente-para-padrão-CM.png');
  background-position: 50%;
  background-size: 214px;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.sobreposicao-radial-sessao-escritorio {
  background-image: radial-gradient(circle, #28221300, #121920);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.reviews-google {
  background-color: #fff;
  border-radius: 30px;
  margin-top: 1px;
  padding: 20px;
}

.codigo-avaliacoes {
  background-color: #fff;
  border-radius: 30px;
  margin-top: 20px;
  margin-bottom: 120px;
  margin-left: 40px;
}

.codigo-avaliacoes.pagina-servicos {
  margin: 0;
}

.sessao-cta-final {
  z-index: 2;
  background-image: linear-gradient(90deg, var(--azul-escuro), var(--dourado-escuro-total));
  justify-content: center;
  align-items: center;
  padding: 200px;
  display: flex;
  position: relative;
}

.divisor-dourado-inclinado {
  z-index: 10;
  justify-content: center;
  align-items: center;
  margin-top: -2vw;
  margin-bottom: -2vw;
  display: flex;
  position: relative;
}

.imagem-divisor-inclinado {
  width: 100%;
  height: 5vw;
  max-height: 128px;
  position: relative;
}

.cta-final {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 31px;
  font-weight: 300;
  line-height: 42px;
}

.flex-conteudo-cta-final {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  width: 871px;
  max-width: 100%;
}

.rodape {
  background-image: linear-gradient(180deg, var(--dourado-escuro-total), var(--azul-escuro));
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.coluna-rondape {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 30%;
}

.coluna-rondape._2 {
  width: 40%;
}

.coluna-rondape._3 {
  width: 30%;
}

.flex-rodape {
  justify-content: center;
  align-items: center;
  width: 1200px;
  max-width: 100%;
  margin-top: 150px;
  margin-bottom: 100px;
}

.imagem-logo-cma-footer {
  width: 250px;
}

.obs-texto-local {
  margin-top: -15px;
  font-size: 12px;
  line-height: 12px;
}

.texto-rodape {
  font-size: 18px;
  line-height: 21px;
  text-decoration: none;
}

.coluna-icone {
  width: 8%;
}

.coluna-conteudo-rodape {
  width: 80%;
}

.linha-icone-info-rodape {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.icone-rodape {
  width: 21px;
  margin-right: 10px;
}

.linha-info-icone-radape {
  width: 100%;
  color: var(--branco);
  text-decoration: none;
}

.sub-rodape {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0d1114;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
}

.link-beyond {
  color: var(--branco);
  font-weight: 700;
  text-decoration: none;
}

.sessao-capa-servico {
  background-image: linear-gradient(90deg, var(--azul-escuro), #121920e6 20%, #282213b3), url('../images/Capa-Direito-de-Família-Cmailla-ileib-Advocacia.jpg');
  background-position: 0 0, 50% 72vw;
  background-repeat: repeat, repeat;
  background-size: auto, 119vw;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  padding: 150px 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sessao-capa-servico.previdenciario {
  background-image: linear-gradient(90deg, var(--azul-escuro), #121920e6 20%, #282213b3), url('../images/Capa-direito-prividenciário-CMA.jpg');
  background-position: 0 0, 50% 67vw;
}

.container-sessao-capa {
  width: 100%;
  max-width: 1200px;
}

.flex-capa-esq {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 70%;
}

.image-6 {
  width: 70px;
}

.text-block-3 {
  padding-left: 50px;
  font-size: 20px;
  font-weight: 300;
  line-height: 29px;
}

.heading-pagina-servico {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 58px;
  font-weight: 700;
  line-height: 58px;
}

.flex-capa-dir {
  width: 30%;
}

.imagem-logo-capa-pagina {
  mix-blend-mode: overlay;
  width: 409px;
  position: absolute;
  right: -200px;
}

.sessao-padrao-servico {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 100px;
  display: flex;
}

.sessao-padrao-servico.sessao1 {
  background-image: linear-gradient(270deg, var(--azul-escuro), var(--dourado-escuro-total));
}

.sessao-padrao-servico.sessao3 {
  background-image: radial-gradient(circle, #2e3f4fe6, #10161cf2), url('../images/Imagem-vara-e-sucessões-CMA.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-bottom: 0;
}

.sessao-padrao-servico.sessao4-5 {
  background-image: radial-gradient(circle, #1d2630, #0c1014);
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.sessao-padrao-servico.sessao5 {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--azul-medio), var(--azul-escuro));
  width: 100%;
  position: relative;
}

.sessao-padrao-servico.sessao6 {
  background-image: linear-gradient(#282213, #121920);
  padding-top: 200px;
  padding-bottom: 200px;
}

.sessao-padrao-servico.sessao6.invertida {
  background-image: linear-gradient(#121920, #282213);
}

.sessao-padrao-servico.sessao3-5 {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #282213c4, var(--dourado-escuro-absoluto)), url('../images/Capa-direito-prividenciário-CMA.jpg');
  background-position: 0 0, 50%;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  padding-top: 250px;
}

.sessao-padrao-servico.sessao3-5.familia {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #282213c4, var(--dourado-escuro-absoluto)), url('../images/Capa-Direito-de-Família-Cmailla-ileib-Advocacia.jpg');
}

.container-padrao-servico {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
}

.container-padrao-servico.sessao4 {
  flex-flow: column;
  width: 85%;
  margin-bottom: 250px;
}

.container-padrao-servico.sessao5 {
  flex-flow: column;
  padding-bottom: 100px;
  position: relative;
}

.container-padrao-servico.sessao6 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  min-width: 839px;
  max-width: 869px;
}

.container-padrao-servico.sessao6.sessao7 {
  min-width: 725px;
  max-width: 789px;
}

.container-padrao-servico.sessao3-5 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 2px solid var(--dourado-claro);
  background-image: linear-gradient(135deg, #64542f80, #64542fe6);
  justify-content: center;
  align-items: flex-start;
  padding: 50px;
}

.flex-padrao-servico {
  justify-content: center;
  align-items: center;
  width: 50%;
}

.flex-padrao-servico.flex-sessao1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 2px solid var(--dourado-claro);
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  padding: 30px 200px 30px 30px;
}

.flex-padrao-servico.flex-sessao2 {
  width: 30%;
}

.flex-padrao-servico.primeiro-s3 {
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  width: 30%;
}

.flex-padrao-servico.segundo-s3 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 2px solid var(--dourado-claro);
  background-image: linear-gradient(45deg, #282213, #28221380);
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  margin-bottom: 50px;
  padding: 50px 50px 50px 170px;
}

.flex-padrao-servico.sessao4 {
  width: 100%;
}

.flex-padrao-servico.sessao4.primeira {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 2px solid var(--azul-claro);
  background-image: linear-gradient(225deg, #3a6ba624, #3a6ba612);
  justify-content: center;
  align-items: flex-start;
  padding: 50px;
  position: relative;
}

.flex-padrao-servico.sessao3-5.esq {
  width: 30%;
  margin-top: -250px;
}

.bloco-texto-sessao1 {
  font-size: 19px;
  font-weight: 300;
  line-height: 26px;
}

.imagem-sessao1-servico {
  border-top-left-radius: 300px;
  border-bottom-left-radius: 300px;
  width: 125%;
  max-width: 200%;
  height: 100%;
  margin-left: -90px;
}

.divisao-sessao-pequena {
  background-image: linear-gradient(90deg, var(--dourado-muito-escuro), var(--dourado-claro) 50%, var(--dourado-muito-escuro));
  width: 100%;
  height: 17px;
  position: relative;
}

.divisao-sessao-pequena.azul {
  background-image: linear-gradient(90deg, var(--azul-escuro), var(--azul-principal) 50%, var(--azul-escuro));
}

.imagem-camila-pagina-s3 {
  width: 372px;
  max-width: 390px;
  margin-bottom: -8px;
  position: relative;
  right: -193px;
}

.titulo-s3 {
  margin-top: 0;
  margin-bottom: 0;
}

.texto-meio-sessao-3 {
  padding-left: 70px;
}

.primeiro-texto-sessao4-pagina {
  margin-top: 0;
  margin-bottom: 0;
}

.bloco-icone-sessao4 {
  width: 4%;
}

.item-sessao4 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.lista-intens-sessao4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
}

.icone-lista-sessao4-pagina {
  width: 10px;
  margin-right: 12px;
}

.icone-lista-sessao4-pagina.previdenciario {
  filter: hue-rotate(185deg);
  width: 12px;
}

.texto-lista-sessao4 {
  font-size: 14px;
  line-height: 17px;
}

.texto-lista-sessao4.previdenciario {
  font-size: 17px;
  line-height: 17px;
}

.texto-sessao4 {
  width: 50%;
}

.texto-sessao4.sessao3-5.subtitulo {
  font-size: 16px;
}

.imagem-camilla-sessao3 {
  width: 55%;
  min-width: 534px;
  position: absolute;
  top: 191.891px;
  right: -49px;
}

.imagem-camilla-sessao3.direito-previdenciario {
  width: 59%;
  min-width: 562px;
  top: 169.891px;
}

.heading-sessao5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
}

.bloco-lista-como-funciona {
  flex-flow: row;
  width: 100%;
}

.item-lista-como-funciona {
  flex-flow: column;
  width: 50%;
}

.item-lista-como-funciona.esq, .item-lista-como-funciona.dir {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.titulo-lista-como-funciona {
  font-size: 12px;
  font-weight: 700;
}

.texto-lista-como-funciona {
  font-size: 12px;
}

.imagem-notepad-fundo-sessao5 {
  z-index: 0;
  width: 100%;
  min-width: 869px;
  max-width: 861px;
  margin-left: -109px;
  position: absolute;
  top: -169px;
}

.conteudo-lista-como-funciona-sessao5 {
  z-index: 1;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 80%;
  min-width: 394px;
  max-width: 643px;
  color: var(--azul-principal);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 112px;
  position: relative;
}

.texto-final-sessao5 {
  text-align: center;
  font-weight: 700;
}

.sub-sessao-lista-como-funciona {
  width: 100%;
}

.titulo-sessao6 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 36px;
}

.texto-conteudo-sessao6 {
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
}

.divisor-sessao-azul-diagonal {
  height: 0;
}

.image-8 {
  width: 100%;
  height: auto;
}

.imagem-divisor-sessao-azul-diagonal {
  z-index: 5;
  object-fit: cover;
  margin-top: -4.5%;
  margin-bottom: -3.5%;
  position: relative;
}

.acordeao-pergunta {
  border: 2px solid var(--dourado-claro);
  background-color: var(--azul-principal);
  width: 100%;
  color: var(--branco);
  cursor: pointer;
  transform-style: preserve-3d;
  border-radius: 0;
  padding: 20px;
  transition: transform .3s;
  display: flex;
  box-shadow: 0 2px 12px #14142b14;
}

.acordeao-pergunta:hover {
  transform: scale3d(.96, .96, 1.01);
}

.resposta-pergunta {
  color: var(--branco);
  margin-bottom: 0;
  font-size: 18px;
  line-height: 30px;
}

.conteudo-wraper-faq {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.brix---color-neutral-802 {
  color: #6e7191;
}

.corpo-conteudo-acordeao {
  width: 100%;
  overflow: hidden;
}

.espacamento-pergunta {
  min-height: 16px;
}

.titulo-pergunta {
  color: var(--branco);
  margin-top: 0;
  margin-bottom: 0;
}

.grid-perguntas {
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.cabecalho-conteudo-acordeao {
  align-items: center;
  display: flex;
}

.botao-circulo-acordeao {
  color: #211f54;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  transform-style: preserve-3d;
  background-color: #f2f5ea00;
  border: 0 solid #eff0f6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  box-shadow: 0 2px 12px #14142b14;
}

.botao-circulo-acordeao:hover {
  border-color: #eff0f6;
  transform: scale3d(.94, .94, 1.01);
}

.brix---accordion-btn-horizontal-line {
  background-color: var(--dourado-claro);
  color: #0c1b55;
  border-radius: 20px;
  width: 18px;
  height: 2px;
  position: absolute;
}

.brix---accordion-btn-vertical-line {
  background-color: var(--dourado-claro);
  border-radius: 20px;
  width: 18px;
  height: 2px;
  position: absolute;
  transform: rotate(90deg);
}

.brix---color-neutral-803 {
  color: #211f54;
}

.side-acordeao {
  margin-right: 24px;
}

.sessao-capa-pagina-servicos {
  z-index: 11;
  background-image: linear-gradient(90deg, #121920, #282213b3), url('../images/Imagem-Fundo-Capa-serviços-CMA.jpg');
  background-position: 0 0, 50% 52vw;
  background-repeat: repeat, repeat;
  background-size: auto, 100%;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  padding: 100px;
  display: flex;
  position: relative;
}

.logo-pp-canto-cma {
  position: absolute;
}

.logo-pp-canto-cma.esq {
  width: 128px;
  bottom: -150.781px;
  left: 0%;
}

.logo-pp-canto-cma.dir {
  width: 161px;
  top: 0;
  right: 0;
}

.sessao-padrao.pagina-servico {
  background-image: linear-gradient(180deg, var(--dourado-escuro-absoluto), var(--azul-escuro));
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 100px;
  display: flex;
}

.coluna-servico {
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 50%;
}

.coluna-servico.texto {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding: 50px;
}

.linha-container-servico {
  border: 2px solid var(--dourado-claro);
  background-color: var(--azul-medio);
  width: 70%;
  min-width: 767px;
  height: 347px;
  margin-top: 100px;
  transition: all .5s ease-in-out;
}

.linha-container-servico:hover {
  transform: translate(0, -12px);
}

.imagem-linha-servico {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.linha-botoes-servicos {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
}

.heading-linha-servico {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 26px;
}

.texto-linha-servico {
  font-weight: 300;
}

.heading-3 {
  font-size: 70px;
  line-height: 70px;
}

.header-cma {
  z-index: 50;
  background-color: var(--azul-medio);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 5px 50px;
  display: flex;
  position: fixed;
}

.flex-header-cma {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding-top: 0;
  padding-bottom: 0;
}

.flex-block-2 {
  flex-flow: column;
}

.navbar {
  color: var(--dourado-claro);
  background-color: #ddd0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu {
  color: var(--dourado-claro);
}

.nav-link {
  color: var(--dourado-claro);
  transition: all .2s ease-in-out;
}

.nav-link:hover {
  color: var(--dourado-escuro);
}

.nav-link.w--current {
  color: #4984cc;
}

.container {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.logo-cma-header {
  width: 47px;
}

.imagem-sessao3-5 {
  object-fit: cover;
  width: 40%;
  height: 15vw;
  margin-top: -200px;
}

.bold-texto-fechamento {
  font-size: 27px;
  line-height: 33px;
}

.bloco-link-whatsapp {
  z-index: 20;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 50px;
  right: 50px;
}

.bloco-link-whatsapp:hover {
  transform: scale(1.1);
}

.imagem-whatsapp {
  border-radius: 300px;
  width: 70px;
  box-shadow: 0 0 20px #0003;
}

@media screen and (max-width: 991px) {
  .capa-site {
    padding-top: 50px;
  }

  .box-imagem-capa {
    flex-flow: row;
    flex: 1;
    justify-content: flex-start;
    align-items: stretch;
  }

  .heading {
    min-width: 399px;
    font-size: 26px;
    line-height: 36px;
  }

  .text-block {
    font-size: 20px;
    line-height: 28px;
  }

  .botao-padrao.capa {
    font-size: 13px;
    line-height: 13px;
  }

  .botao-padrao.botao-cta-final {
    font-size: 16px;
    line-height: 16px;
  }

  .botao-padrao.pagina {
    z-index: 2;
    margin-left: 0;
    position: relative;
  }

  .botao-padrao.pagina.sessao3 {
    margin-left: 70px;
  }

  .botao-padrao.azul.pagina {
    margin-left: 0;
  }

  .imagem-camilla-capa {
    object-fit: contain;
    width: 678px;
    margin-bottom: -364px;
    margin-left: -34%;
  }

  .logo-camilla-fundo-capa {
    width: 777px;
    margin-left: 862px;
    top: 47px;
  }

  .logo-camilla-canto.esq {
    bottom: 347.781px;
  }

  .logo-camilla-canto.dir {
    bottom: -128px;
    right: -17.1vw;
  }

  .box-imagem-camilla {
    height: 755px;
  }

  .box-info-posicionamento {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .infos-box-posicionamento {
    padding-top: 30px;
    padding-left: 100px;
    padding-right: 30px;
  }

  .imagem-camilla-posicionamento {
    width: 166%;
    min-width: 336px;
    margin-bottom: -49%;
    margin-left: -25%;
  }

  .titulo-posicionamento {
    font-size: 19px;
    line-height: 25px;
  }

  .titulo-item-posicionamento {
    font-size: 14px;
    line-height: 14px;
  }

  .conteudo-item-posicionamento {
    font-size: 12px;
    line-height: 16px;
  }

  .felx-fixo-posicionamento {
    padding-left: 25px;
    position: relative;
  }

  .felx-caixas-como-funciona {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .coluna-como-funciona {
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-gradiente, .div-gradiente.delay-1 {
    padding: 50px 20px 20px;
  }

  .numero-passo {
    margin-bottom: -25px;
    font-size: 90px;
    line-height: 47px;
  }

  .ponto-numero-passo {
    font-size: 120px;
    line-height: 0;
  }

  .titulo-caixa-passo {
    font-size: 16px;
    line-height: 23px;
  }

  .texto-passo {
    font-size: 10px;
    line-height: 14px;
  }

  .imagem-camilla-como-funciona {
    width: 68%;
    margin-top: -29%;
    margin-left: -159px;
  }

  .divisor-diagonal-dourado {
    height: 72px;
    margin-bottom: -64px;
  }

  .image-3 {
    filter: blur(2px);
    object-fit: cover;
    height: 54%;
  }

  .titulo-sessao-escritorio {
    text-align: right;
    font-size: 39px;
  }

  .titulo-sessao-escritorio.pagina-servico {
    width: 146%;
    font-size: 38px;
    line-height: 38px;
  }

  .bloco-texto-escritorio {
    width: 156%;
    padding-left: 51%;
  }

  .imagem-camilla-escritorio {
    margin-bottom: -100px;
  }

  .sessao-cta-final {
    padding: 150px;
  }

  .cta-final {
    font-size: 25px;
    line-height: 34px;
  }

  .coluna-rondape {
    justify-content: center;
    align-items: center;
  }

  .coluna-rondape._2, .coluna-rondape._3 {
    justify-content: center;
    align-items: flex-start;
  }

  .flex-rodape {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .imagem-logo-cma-footer {
    width: 186px;
  }

  .obs-texto-local {
    font-size: 11px;
    font-weight: 300;
    line-height: 11px;
  }

  .texto-rodape {
    font-size: 14px;
    line-height: 14px;
  }

  .icone-rodape {
    width: 17px;
    margin-right: 10px;
  }

  .sessao-capa-servico {
    background-position: 0 0, 50% 60vw;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .flex-capa-esq {
    width: 70%;
  }

  .text-block-3 {
    font-size: 14px;
    line-height: 23px;
  }

  .heading-pagina-servico {
    font-size: 33px;
    line-height: 43px;
  }

  .flex-capa-dir {
    width: 30%;
  }

  .sessao-padrao-servico {
    padding: 100px;
  }

  .sessao-padrao-servico.sessao5 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .container-padrao-servico.sessao4 {
    width: 80%;
    margin-bottom: 177px;
  }

  .container-padrao-servico.sessao5 {
    padding-bottom: 70px;
  }

  .container-padrao-servico.sessao6 {
    min-width: 539px;
  }

  .container-padrao-servico.sessao6.sessao7 {
    width: 70%;
    min-width: 461px;
    max-width: 882px;
  }

  .flex-padrao-servico.flex-sessao1 {
    padding-right: 150px;
  }

  .flex-padrao-servico.flex-sessao2 {
    justify-content: center;
    align-self: stretch;
    align-items: flex-end;
    height: auto;
  }

  .flex-padrao-servico.primeiro-s3 {
    justify-content: flex-end;
    align-self: stretch;
    align-items: center;
    width: 20%;
  }

  .flex-padrao-servico.segundo-s3 {
    width: 80%;
    margin-bottom: 50px;
    padding-left: 50px;
  }

  .bloco-texto-sessao1 {
    font-size: 14px;
    line-height: 24px;
  }

  .imagem-sessao1-servico {
    object-fit: cover;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    width: 155%;
    max-width: none;
    height: 70%;
    min-height: auto;
    max-height: none;
    margin-left: 0;
    position: relative;
  }

  .imagem-camila-pagina-s3 {
    width: 315px;
    max-width: none;
    right: -67px;
  }

  .titulo-s3 {
    font-size: 25px;
    line-height: 27px;
  }

  .texto-meio-sessao-3 {
    font-size: 12px;
    line-height: 18px;
  }

  .texto-final-sessao3 {
    padding-left: 70px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
  }

  .lista-intens-sessao4 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .texto-sessao4.sessao3-5, .texto-sessao4.inicio {
    width: 100%;
  }

  .texto-sessao4.final {
    width: 44%;
  }

  .imagem-camilla-sessao3 {
    min-width: 496px;
    top: 313.891px;
    right: -59px;
  }

  .imagem-camilla-sessao3.direito-previdenciario {
    width: 67%;
    min-width: 429px;
    top: 284.891px;
    right: -76px;
  }

  .imagem-notepad-fundo-sessao5 {
    min-width: 858px;
    margin-left: -77px;
  }

  .conteudo-lista-como-funciona-sessao5 {
    width: 90%;
    max-width: 609px;
    padding-top: 108px;
  }

  .acordeao-pergunta {
    padding: 15px;
  }

  .resposta-pergunta {
    font-size: 15px;
    line-height: 23px;
  }

  .espacamento-pergunta {
    min-height: 12px;
  }

  .titulo-pergunta {
    font-size: 17px;
    line-height: 22px;
  }

  .botao-circulo-acordeao {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .sessao-capa-pagina-servicos {
    background-position: 0 0, 50% 61vw;
  }

  .coluna-servico.texto {
    padding: 30px;
  }

  .linha-container-servico {
    width: 80%;
    min-width: auto;
    height: 309px;
    margin-top: 70px;
  }

  .imagem-linha-servico {
    object-fit: cover;
    height: 100%;
  }

  .heading-linha-servico {
    font-size: 21px;
    line-height: 26px;
  }

  .heading-3 {
    font-size: 52px;
    line-height: 52px;
  }

  .header-cma {
    padding: 0;
  }

  .navbar {
    justify-content: flex-end;
    width: 70%;
  }

  .nav-menu {
    background-color: var(--azul-principal);
    top: 66px;
    right: 0%;
  }

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

  .icon {
    color: var(--dourado-claro);
    font-size: 42px;
    line-height: 26px;
  }

  .menu-button, .menu-button.w--open {
    background-color: #c8c8c800;
  }

  .brand {
    margin-left: 30px;
  }

  .imagem-sessao3-5 {
    width: 60%;
    height: 30vw;
  }
}

@media screen and (max-width: 767px) {
  .conteudo-capa-site {
    padding-left: 50px;
    padding-right: 50px;
  }

  .box-infos-capa {
    width: 60%;
    padding-top: 50px;
  }

  .box-imagem-capa {
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-end;
  }

  .heading {
    min-width: 258px;
    font-size: 23px;
    line-height: 33px;
  }

  .text-block {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 22px;
  }

  .botao-padrao.capa {
    font-size: 12px;
    line-height: 16px;
  }

  .botao-padrao.pagina {
    margin-left: 0;
    font-size: 12px;
    line-height: 16px;
  }

  .botao-padrao.azul.pagina.previdenciario {
    text-align: left;
    width: 40vw;
  }

  .imagem-camilla-capa {
    width: 566px;
    min-width: 512px;
    margin-bottom: -183px;
    margin-left: -42%;
    margin-right: -258px;
  }

  .divisor-dourado.grande {
    height: 52px;
  }

  .sessao-servicos {
    padding-left: 30px;
    padding-right: 30px;
  }

  .card-servico {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 163px;
    padding: 20px 25px;
  }

  .logo-camilla-fundo-capa {
    width: 652px;
    margin-left: 645px;
  }

  .logo-camilla-canto.esq {
    width: 36vw;
    bottom: 38%;
    left: -32%;
  }

  .logo-camilla-canto.dir {
    width: 57vw;
    bottom: -188px;
    right: -49.2vw;
  }

  .titulo-servico-home {
    font-size: 15px;
    line-height: 22px;
  }

  .linha-canto-card-servico {
    width: 7px;
    height: 7px;
  }

  .linha-canto-card-servico.sv.direita {
    width: 8px;
  }

  .icone-cm-divisao-dourada {
    width: 43px;
  }

  .felx-caixas-como-funciona {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .coluna-como-funciona {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-gradiente {
    padding: 40px 20px 20px;
  }

  .numero-passo {
    margin-bottom: 1px;
    font-size: 68px;
    line-height: 11px;
  }

  .titulo-caixa-passo {
    font-size: 13px;
    line-height: 18px;
  }

  .imagem-camilla-como-funciona {
    width: 64%;
    margin-top: -175px;
    margin-left: -112px;
  }

  .divisor-diagonal-dourado {
    height: 48px;
    margin-bottom: -41px;
  }

  .divisor-diagonal-dourado.invertido {
    margin-top: -33px;
  }

  .sessao-o-escritorio {
    padding-left: 50px;
    padding-right: 50px;
  }

  .coluna-2-infos-escritorio {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .titulo-sessao-escritorio {
    width: 139%;
    font-size: 38px;
    line-height: 38px;
  }

  .titulo-sessao-escritorio.pagina-servico {
    width: 171%;
    font-size: 32px;
    line-height: 32px;
  }

  .coluna-1-camilla-escritorio {
    padding-top: 70px;
  }

  .bloco-texto-escritorio {
    width: 162%;
    min-width: 365px;
    margin-bottom: 65px;
    padding: 30px 30px 30px 31%;
  }

  .texto-sessao-escritorio.pagina-servico {
    font-size: 15px;
    line-height: 23px;
  }

  .flex-conteudo-escritorio {
    margin-top: 100px;
  }

  .imagem-camilla-escritorio {
    width: 128%;
    min-width: 410px;
    max-width: 174%;
    margin: 0% 14% -91px 0;
  }

  .imagem-camilla-escritorio.pagina-servico {
    min-width: 145px;
    max-width: 403%;
    left: -36px;
  }

  .sessao-cta-final {
    padding: 100px;
  }

  .cta-final {
    font-size: 20px;
    line-height: 29px;
  }

  .flex-conteudo-cta-final {
    width: 887px;
  }

  .coluna-rondape {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .coluna-rondape._2, .coluna-rondape._3 {
    width: 100%;
  }

  .flex-rodape {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .obs-texto-local {
    font-size: 10px;
    line-height: 10px;
  }

  .texto-rodape {
    font-size: 14px;
    line-height: 17px;
  }

  .coluna-icone {
    width: 5%;
  }

  .linha-icone-info-rodape {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
  }

  .icone-rodape {
    margin-right: 5px;
  }

  .texto-subrodape {
    font-size: 12px;
    line-height: 12px;
  }

  .sessao-capa-servico {
    background-position: 0 0, 50% 93vw;
    background-size: auto, 146vw;
    padding: 150px 50px 100px;
  }

  .flex-capa-esq {
    justify-content: center;
    align-items: flex-start;
  }

  .image-6 {
    width: 43px;
  }

  .text-block-3 {
    font-size: 12px;
    line-height: 17px;
  }

  .heading-pagina-servico {
    font-size: 27px;
    line-height: 27px;
  }

  .sessao-padrao-servico {
    padding: 50px;
  }

  .sessao-padrao-servico.sessao1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .sessao-padrao-servico.sessao3 {
    background-image: radial-gradient(circle, #2e3f4fe6, #10161cf2), url('../images/Imagem-vara-e-sucessões-CMA.jpeg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .sessao-padrao-servico.sessao5 {
    padding: 0 30px;
  }

  .sessao-padrao-servico.sessao6.invertida {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .container-padrao-servico.sessao6.sessao7 {
    width: 90%;
    min-width: auto;
  }

  .container-padrao-servico.sessao3-5 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .flex-padrao-servico.flex-sessao1 {
    padding-right: 100px;
  }

  .flex-padrao-servico.segundo-s3 {
    border: 1px solid var(--dourado-claro);
    border-radius: 2px;
  }

  .bloco-texto-sessao1 {
    font-size: 12px;
    line-height: 20px;
  }

  .imagem-sessao1-servico {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    width: 139%;
    height: 31vw;
    max-height: 270px;
  }

  .divisao-sessao-pequena {
    background-image: linear-gradient(90deg, var(--dourado-muito-escuro), var(--dourado-claro) 50%, var(--dourado-muito-escuro));
    height: 12px;
  }

  .primeiro-texto-sessao4-pagina {
    font-size: 18px;
    line-height: 25px;
  }

  .texto-lista-sessao4 {
    font-size: 12px;
    line-height: 14px;
  }

  .texto-sessao4 {
    width: 58%;
  }

  .texto-sessao4.sessao3-5.subtitulo {
    font-size: 14px;
    line-height: 18px;
  }

  .texto-sessao4.inicio {
    width: 100%;
  }

  .texto-sessao4.final {
    width: 55%;
  }

  .imagem-camilla-sessao3 {
    width: 81%;
    min-width: 446px;
    margin-right: -171px;
    inset: auto 0% -33% auto;
  }

  .imagem-camilla-sessao3.direito-previdenciario {
    min-width: 353px;
    top: auto;
    bottom: -22%;
    right: 43px;
  }

  .heading-sessao5 {
    font-size: 26px;
    line-height: 26px;
  }

  .texto-lista-como-funciona {
    font-size: 10px;
    line-height: 15px;
  }

  .imagem-notepad-fundo-sessao5 {
    width: 100%;
    min-width: 861px;
  }

  .conteudo-lista-como-funciona-sessao5 {
    width: 100%;
  }

  .texto-final-sessao5 {
    line-height: 17px;
  }

  .texto-inicial-sessao5 {
    font-size: 12px;
    line-height: 18px;
  }

  .acordeao-pergunta {
    padding: 40px 24px;
  }

  .titulo-pergunta {
    font-size: 20px;
    line-height: 30px;
  }

  .botao-circulo-acordeao {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
  }

  .side-acordeao {
    margin-right: 16px;
  }

  .logo-pp-canto-cma.esq {
    width: 85px;
    bottom: -100.781px;
  }

  .logo-pp-canto-cma.dir {
    width: 122px;
  }

  .sessao-padrao.pagina-servico {
    padding-bottom: 100px;
  }

  .coluna-servico {
    width: 100%;
    height: 231px;
  }

  .coluna-servico.texto {
    height: auto;
  }

  .coluna-servico.texto.invert {
    order: 9999;
  }

  .linha-container-servico {
    flex-flow: column;
    width: 70%;
    height: auto;
    transition: all .5s ease-in-out;
  }

  .linha-container-servico:hover {
    transform: translate(0);
  }

  .header-cma {
    padding-left: 0;
    padding-right: 0;
  }

  .brand {
    margin-left: 30px;
  }

  .imagem-sessao3-5 {
    width: 60%;
  }

  .bloco-link-whatsapp {
    bottom: 30px;
    right: 30px;
  }

  .imagem-whatsapp {
    width: 50px;
  }
}

@media screen and (max-width: 479px) {
  .capa-site {
    padding-top: 10vw;
  }

  .conteudo-capa-site {
    flex-flow: column;
    padding-left: 12vw;
    padding-right: 12vw;
  }

  .box-infos-capa {
    width: 100%;
    padding-bottom: 0;
  }

  .heading {
    margin-top: 4vw;
    margin-bottom: 0;
    font-size: 6.5vw;
    line-height: 8vw;
  }

  .image {
    width: 9vw;
  }

  .text-block {
    width: 60%;
    margin-top: 3vw;
    margin-bottom: 6vw;
    font-size: 3.3vw;
    line-height: 4vw;
  }

  .botao-padrao.capa {
    display: none;
  }

  .botao-padrao.capa.mobile {
    padding: 2vw 3vw;
    font-size: 3vw;
    line-height: 4vw;
    display: flex;
  }

  .botao-padrao.sessao-servico-home {
    padding: 1.5vw 2vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .botao-padrao.posicionamento {
    display: none;
  }

  .botao-padrao.posicionamento.mobile {
    z-index: 30;
    align-self: flex-start;
    width: 56%;
    margin-top: -126px;
    margin-left: 35px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    position: relative;
  }

  .botao-padrao.pagina {
    width: auto;
    margin-left: 0;
  }

  .botao-padrao.pagina.sessao3 {
    align-self: flex-end;
  }

  .botao-padrao.pagina.sessao3.preenchido {
    background-color: var(--dourado-claro);
    color: var(--azul-principal);
  }

  .botao-padrao.pagina.sessao3-5 {
    width: 100%;
  }

  .botao-padrao.azul.pagina.texto-azul:hover {
    color: var(--branco);
  }

  .botao-padrao.azul.pagina.texto-azul.sessao5 {
    width: 100%;
  }

  .imagem-camilla-capa {
    width: 113vw;
    min-width: 113vw;
    margin: -24vw 0 -90% 23%;
    left: -3.2vw;
  }

  .divisor-dourado.grande {
    height: 52px;
  }

  .sessao-servicos {
    padding-left: 0;
    padding-right: 0;
  }

  .felx-cards-servicos {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .card-servico {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    border-width: .75vw;
    width: 35vw;
    height: 45vw;
    padding: 5vw;
  }

  .logo-camilla-fundo-capa {
    width: 174vw;
    margin-left: 135vw;
  }

  .titulo-servico-home {
    font-size: 3vw;
    line-height: 4vw;
  }

  .icone-servico-home {
    width: 10vw;
  }

  .linha-canto-card-servico.sh.direita, .linha-canto-card-servico.sh.esq {
    width: 6vw;
    height: 2vw;
  }

  .linha-canto-card-servico.sv.direita, .linha-canto-card-servico.sv.esq {
    width: 2vw;
    height: 6vw;
  }

  .linha-canto-card-servico.ih.direita, .linha-canto-card-servico.ih.esq {
    width: 6vw;
    height: 2vw;
  }

  .linha-canto-card-servico.iv.direita, .linha-canto-card-servico.iv.esq {
    width: 2vw;
    height: 6vw;
  }

  .sessao-posicionamento-camilla {
    flex-flow: column;
    margin-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
  }

  .box-imagem-camilla {
    z-index: 3;
    order: 9999;
    width: 100%;
    height: auto;
    position: relative;
  }

  .box-info-posicionamento {
    z-index: 2;
    order: -9999;
    width: 100%;
    height: auto;
    position: relative;
  }

  .infos-box-posicionamento {
    z-index: 3;
    width: 100%;
    padding: 30px 30px 124px;
    position: relative;
  }

  .imagem-camilla-posicionamento {
    z-index: 2;
    width: 123%;
    min-width: 100px;
    margin: -208px -115px -125px 0%;
    padding-top: 0%;
    position: relative;
  }

  .box-infos-fixadas-posi.last {
    width: 64%;
  }

  .felx-fixo-posicionamento {
    z-index: 12;
    padding-left: 0;
    position: static;
  }

  .icone-cm-divisao-dourada {
    width: 43px;
  }

  .sessao-passos {
    overflow: hidden;
  }

  .felx-caixas-como-funciona {
    flex-flow: column;
  }

  .coluna-como-funciona {
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
  }

  .titulo-caixa-passo {
    font-size: 17px;
    line-height: 21px;
  }

  .texto-passo {
    font-size: 12px;
    line-height: 17px;
  }

  .imagem-camilla-como-funciona {
    width: 104%;
    max-width: none;
    margin-top: -17px;
    margin-bottom: -78px;
    margin-left: -110px;
  }

  .div-pai {
    display: none;
  }

  .div-pai.mobile, .div-pai.mobile.visible {
    display: flex;
  }

  .divisor-diagonal-dourado {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 12vw;
    margin-bottom: -10vw;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .image-3 {
    object-fit: contain;
    width: 1333px;
    max-width: none;
    height: 53%;
    margin-top: -401px;
    transform: rotate(90deg);
  }

  .sessao-o-escritorio {
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .coluna-2-infos-escritorio {
    width: 100%;
  }

  .titulo-sessao-escritorio {
    text-align: center;
    width: 100%;
    font-size: 28px;
    line-height: 28px;
  }

  .titulo-sessao-escritorio.pagina-servico {
    text-align: right;
    width: 100%;
    font-size: 28px;
    line-height: 28px;
  }

  .coluna-1-camilla-escritorio {
    order: 9999;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    padding-top: 0;
  }

  .bloco-texto-escritorio {
    width: 100%;
    min-width: 99px;
    margin-bottom: 40px;
    padding: 30px 20px;
  }

  .texto-sessao-escritorio.pagina-servico {
    text-align: left;
    padding-left: 35%;
    font-size: 12px;
    line-height: 20px;
  }

  .flex-conteudo-escritorio {
    flex-flow: column;
  }

  .img-divisor-inclinado {
    box-sizing: content-box;
    object-fit: cover;
    width: 200%;
    max-width: 200%;
    height: auto;
    margin-left: -100px;
    margin-right: -100px;
    position: relative;
    overflow: clip;
  }

  .imagem-camilla-escritorio {
    width: 98%;
    min-width: 410px;
    margin-top: -100px;
    margin-left: -153px;
    left: 0;
  }

  .imagem-camilla-escritorio.pagina-servico {
    width: 85%;
    min-width: 249px;
    margin-top: -251px;
    margin-bottom: -79px;
    margin-left: -154px;
    left: 0;
  }

  .codigo-avaliacoes {
    margin-bottom: 0;
    margin-left: 0;
  }

  .sessao-cta-final {
    padding: 100px 50px;
  }

  .divisor-dourado-inclinado {
    margin-top: -6vw;
    margin-bottom: -6vw;
  }

  .imagem-divisor-inclinado {
    height: 14vw;
  }

  .cta-final {
    margin-top: 0;
    font-size: 20px;
    line-height: 27px;
  }

  .rodape {
    padding-top: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .coluna-rondape {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .flex-rodape {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .imagem-logo-cma-footer {
    width: 157px;
  }

  .texto-rodape {
    color: var(--branco);
    line-height: 17px;
    text-decoration: none;
  }

  .coluna-conteudo-rodape {
    flex-flow: row;
  }

  .sub-rodape {
    padding: 30px;
  }

  .texto-subrodape {
    text-align: center;
    line-height: 14px;
  }

  .sessao-capa-servico {
    background-position: 0 0, 50% 6%;
    background-size: auto, 235vw;
    height: auto;
    padding: 21vw 50px 15vw;
  }

  .sessao-capa-servico.previdenciario {
    background-position: 0 0, 39% 5%;
    background-size: auto, 244vw;
  }

  .container-sessao-capa {
    flex-flow: column;
  }

  .flex-capa-esq {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    width: 100%;
  }

  .text-block-3 {
    padding-left: 0;
  }

  .flex-capa-dir {
    width: 100%;
  }

  .imagem-logo-capa-pagina {
    width: 380px;
    max-width: none;
    margin-right: -248px;
    right: 0;
  }

  .sessao-padrao-servico {
    padding: 50px;
  }

  .sessao-padrao-servico.sessao1 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .sessao-padrao-servico.sessao3 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .sessao-padrao-servico.sessao4-5 {
    position: relative;
  }

  .sessao-padrao-servico.sessao5 {
    background-color: #e7e7e7;
    background-image: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .sessao-padrao-servico.sessao6 {
    padding: 150px 40px;
  }

  .sessao-padrao-servico.sessao6.invertida {
    padding-left: 40px;
    padding-right: 40px;
  }

  .sessao-padrao-servico.sessao3-5 {
    padding: 150px 30px 100px;
    position: relative;
  }

  .container-padrao-servico, .container-padrao-servico.sessao3 {
    flex-flow: column;
  }

  .container-padrao-servico.sessao4 {
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
  }

  .container-padrao-servico.sessao5 {
    padding-bottom: 0;
  }

  .container-padrao-servico.sessao6 {
    min-width: auto;
  }

  .container-padrao-servico.sessao3-5 {
    padding: 30px;
  }

  .flex-padrao-servico {
    width: 100%;
  }

  .flex-padrao-servico.flex-sessao1 {
    width: 100%;
    padding-bottom: 100px;
    padding-right: 30px;
  }

  .flex-padrao-servico.flex-sessao2 {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .flex-padrao-servico.primeiro-s3 {
    order: 9999;
  }

  .flex-padrao-servico.segundo-s3 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    width: 100%;
    padding: 30px;
  }

  .flex-padrao-servico.sessao4.primeira {
    padding: 30px 30px 107px;
  }

  .flex-padrao-servico.sessao4.primeira.previdenciario {
    padding-bottom: 30px;
  }

  .imagem-sessao1-servico {
    border-top-right-radius: 50px;
    border-bottom-left-radius: 0;
    width: 110%;
    height: 53vw;
    margin-top: -75px;
  }

  .divisao-sessao-pequena {
    position: relative;
  }

  .divisao-sessao-pequena.azul {
    z-index: 5;
    box-shadow: 0 0 40px #3a6ba6;
  }

  .imagem-camila-pagina-s3 {
    width: 346px;
    margin-top: -257px;
    margin-bottom: -199px;
    right: -46px;
  }

  .titulo-s3 {
    font-size: 18px;
    line-height: 23px;
  }

  .texto-meio-sessao-3 {
    padding-left: 20px;
  }

  .texto-final-sessao3 {
    align-self: flex-end;
    width: 70%;
    padding-left: 0;
  }

  .item-sessao4 {
    justify-content: flex-start;
    align-items: center;
  }

  .lista-intens-sessao4 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .texto-lista-sessao4.sessao3-5, .texto-sessao4.sessao3-5, .texto-sessao4.inicio {
    width: 100%;
  }

  .texto-sessao4.final {
    width: 66%;
  }

  .imagem-camilla-sessao3.direito-previdenciario {
    bottom: -30%;
  }

  .heading-sessao5 {
    text-align: left;
    font-size: 24px;
  }

  .heading-sessao5.segundo {
    margin-top: 20px;
  }

  .bloco-lista-como-funciona {
    flex-flow: column;
  }

  .item-lista-como-funciona {
    width: 100%;
  }

  .item-lista-como-funciona.esq, .item-lista-como-funciona.dir {
    justify-content: center;
    align-items: flex-start;
  }

  .titulo-lista-como-funciona, .texto-lista-como-funciona {
    text-align: left;
  }

  .imagem-notepad-fundo-sessao5 {
    min-width: 633px;
    display: none;
  }

  .conteudo-lista-como-funciona-sessao5 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: flex-start;
    min-width: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .texto-final-sessao5 {
    text-align: left;
    font-size: 14px;
    line-height: 17px;
  }

  .sub-sessao-lista-como-funciona {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .texto-inicial-sessao5 {
    text-align: left;
  }

  .titulo-sessao6 {
    font-size: 30px;
    line-height: 33px;
  }

  .texto-conteudo-sessao6 {
    font-size: 14px;
    line-height: 18px;
  }

  .acordeao-pergunta {
    border-radius: 0;
    padding: 15px;
  }

  .resposta-pergunta {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 19px;
  }

  .titulo-pergunta {
    font-size: 17px;
    line-height: 20px;
  }

  .botao-circulo-acordeao {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 22px;
  }

  .brix---accordion-btn-horizontal-line, .brix---accordion-btn-vertical-line {
    width: 12px;
  }

  .side-acordeao {
    margin-right: 10px;
  }

  .logo-pp-canto-cma.esq {
    width: 57px;
    bottom: -80.7812px;
  }

  .logo-pp-canto-cma.dir {
    width: 80px;
  }

  .coluna-servico {
    height: 46vw;
  }

  .linha-container-servico {
    width: 80%;
    margin-top: 50px;
  }

  .heading-3 {
    font-size: 39px;
    line-height: 39px;
  }

  .header-cma {
    padding: 0;
  }

  .navbar {
    width: 100%;
  }

  .nav-menu {
    flex-flow: column;
    width: 50%;
    height: auto;
    display: flex;
    inset: 45px 0 auto auto;
  }

  .nav-link {
    width: auto;
  }

  .logo-cma-header {
    object-fit: contain;
    width: 39px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .icon {
    font-size: 34px;
    line-height: 22px;
  }

  .menu-button {
    background-color: #c8c8c800;
    padding: 12px;
  }

  .menu-button.w--open {
    align-items: center;
    display: flex;
  }

  .brand {
    justify-content: flex-start;
    align-items: center;
    margin-left: 20px;
    padding-left: 0;
    display: flex;
  }

  .imagem-sessao3-5 {
    width: 100%;
    height: 60vw;
    margin-top: -100px;
  }

  .bold-texto-fechamento {
    font-size: 17px;
    line-height: 23px;
  }
}