.header_bg {
  background: linear-gradient(180deg, var(--cor0) 0%, #000000 100%);
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 10px;
  width: 100%;
  height: auto;
}
.logoheader {
  width: 100px;
  height: auto;
}
.botaoheader {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 180px;
  height: 40px;
  z-index: 5;
  background-color: #0c784d;
  border-radius: 6px;
  filter: drop-shadow(3px 3px 2px rgba(195, 155, 118, 0.25));
  margin: 20px 0 20px 0px;
}
.botaoheader a {
  color: var(--cor7);
  font-family: var(--titulo);
  font-size: 1.2rem;
}
.botaoheader:hover {
  background-color: var(--cor10);
  transition: 0.3s;
  transform: scale(1.05);
}

.botaoheader:hover a {
  color: var(--cor0);
  transition: 0.3s;
}
.sessao1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  background-color: black;
  position: relative;
}
.sessao1::before {
  content: "";
  position: absolute;
  width: 1000px;
  height: 600px;
  background-image: url("/img/elipseluz.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: -120px;
  z-index: 1;
}

.sessao1 h1 {
  color: var(--cor14);
  font-family: var(--titulo);
  font-size: 2.5rem;
  margin: 20px 0;
  z-index: 2;
}
.sessao1 h2 {
  color: var(--cor14);
  font-family: var(--titulo);
  font-size: 1.8rem;
  margin-top: -30px;
  z-index: 2;
}
.sessao1 strong {
  color: var(--cor10);
  z-index: 2;
}
.listatrabalhos ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
  margin-top: 20px;
}
.listatrabalhos ul li {
  display: flex;
  color: var(--cor12);
  font-family: var(--texto);
  font-weight: 600;
  font-size: 1.1rem;
  z-index: 2;
}
.listatrabalhos ul li::before {
  content: "";
  background-image: url("/img/check.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  margin-right: 5px;
}
.atendemos{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  width: 750px;
  font-size: 1.5rem;
    margin: 20px 0;
  font-family: var(--titulo);
line-height: 1;
    z-index: 5;
    color: var(--cor14);
  
}
.botao_sessao1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 220px;
  height: 40px;
  z-index: 5;
  filter: drop-shadow(3px 3px 2px rgba(195, 155, 118, 0.25));
  margin: 40px 0 40px 0px;
  border-radius: 8px;
  background: linear-gradient(to bottom right, #ffdc90 0%, #eda917 50%) bottom
      right / 50% 50% no-repeat,
    linear-gradient(to bottom left, #ffdc90 0%, #eda917 50%) bottom left / 50%
      50% no-repeat,
    linear-gradient(to top left, #ffdc90 0%, #eda917 50%) top left / 50% 50%
      no-repeat,
    linear-gradient(to top right, #ffdc90 0%, #eda917 50%) top right / 50% 50%
      no-repeat;
}
.botao_sessao1 a {
  color: var(--cor1);
  font-family: var(--titulo);
  font-size: 1.1rem;
  z-index: 5;
}
.botao_sessao1:hover {
  background: #0c784d;
  transition: 0.3s;
  transform: scale(1.05);
}
.botao_sessao1:hover a {
  color: var(--cor7);
  transition: 0.3s;
}
.sessao1::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  background-image: url("/img/brilho.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
  mix-blend-mode: screen;
  margin: 290px auto 0 auto;
}
.elipse_sessao1 {
  position: absolute;
  width: 300px;
  height: 200px;
  background-image: url("/img/elipseluz.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 80px;
  z-index: 1;
}
.resultados_bg {
  background: linear-gradient(180deg, #0b0a0a 0%, #895c32 100%);
  z-index: 3;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 20px;
  position: relative;
}
.onca {
  position: absolute;
  width: 300px;
  height: 300px;
  background-image: url("/img/oncasessao2.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: -1800px;
  margin-left: -1500px;
  opacity: 0.6;
  z-index: 1;
}
.resultados_bg h1 {
  color: var(--cor14);
  font-family: var(--titulo);
  font-size: 2.5rem;
  margin: 20px 0;
}
.resultados_bg h2 {
  color: var(--cor14);
  font-family: var(--titulo);
  font-size: 2.4rem;
  margin-top: -30px;
}
.resultados_bg strong {
  color: var(--cor10);
}
.listadeservicos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
  margin-top: 20px;
}
.branding,
.design,
.identidade,
.social,
.gestao,
.copywriting,
.video {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
  margin-top: 20px;
  width: 570px;
}
.branding img,
.design img,
.identidade img,
.social img,
.gestao img,
.copywriting img,
.video img {
  width: 330px;
  height: 140px;
}
.branding h3,
.design h3,
.identidade h3,
.social h3,
.gestao h3,
.copywriting h3,
.video h3 {
  color: var(--cor14);
  font-family: var(--titulo);
  font-size: 2rem;
  margin: 20px 0;
  text-align: center;
}

.branding p,
.design p,
.identidade p,
.social p,
.gestao p,
.copywriting p,
.video p {
  color: var(--cor7);
  font-family: var(--texto);
  font-weight: 600;
  font-size: 1.1rem;
  text-align: start;
  width: 400px;
}
.listatrabalhos li {
  opacity: 0;
  transform: translateX(50px);
  transition: all 0.5s ease;
  will-change: transform, opacity;
}
.listatrabalhos li.animar {
  opacity: 1;
  transform: translateX(0);
}

.botao_servico {
  width: 200px;
  height: 40px;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  z-index: 5;
  border-radius: 8px;
  margin: 20px auto 0 auto;
  filter: drop-shadow(3px 3px 2px rgba(195, 155, 118, 0.25));
  background: linear-gradient(to bottom right, #ffdc90 0%, #eda917 50%) bottom
      right / 50% 50% no-repeat,
    linear-gradient(to bottom left, #ffdc90 0%, #eda917 50%) bottom left / 50%
      50% no-repeat,
    linear-gradient(to top left, #ffdc90 0%, #eda917 50%) top left / 50% 50%
      no-repeat,
    linear-gradient(to top right, #ffdc90 0%, #eda917 50%) top right / 50% 50%
      no-repeat;
}
.botao_servico a {
  color: var(--cor1);
  font-family: var(--texto);
  font-weight: 700;
  font-size: 1.1rem;
  text-align: center;
}
.botao_servico:hover {
  background: #0c784d;
  transition: 0.3s;
  transform: scale(1.05);
  z-index: 6;
}
.botao_servico:hover a {
  color: var(--cor7);
  transition: 0.3s;
}
.video {
  margin-bottom: 250px;
}
.pata {
  position: absolute;
  width: 300px;
  height: 300px;
  background-image: url("/img/pata.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 100px;
  margin-left: 1400px;
  opacity: 0.3;
  z-index: 1;
}
.brilho_resultado {
  position: absolute;
  width: 600px;
  height: 600px;
  mix-blend-mode: screen;
  background-image: url("/img/brilho.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 2970px;
  z-index: 1;
}
.elipese_resultado {
  position: absolute;
  width: 400px;
  height: 300px;
  background-image: url("/img/elipseluz.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 2850px;
  z-index: 1;
}
.icones {
  position: absolute;
  width: 500px;
  height: 400px;
  mix-blend-mode: screen;
  background-image: url("/img/icones.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: rotate(-5deg);
  margin-top: 2800px;
  z-index: 1;
}
.listadeservicos li {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.2s ease;
}

.listadeservicos li.animar {
  opacity: 1;
  transform: translateY(0);
}

.processos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  background-color: #000000;
  padding: 20px;
  position: relative;
  z-index: 3;
}
.processos h1 {
  color: var(--cor14);
  font-family: var(--titulo);
  font-size: 2.5rem;
  margin: 20px 0;
}
.listaprocessos ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
  margin-top: 20px;
  position: relative;
}
.brandings,
.designs,
.medias,
.copywritings,
.sites,
.estrategias,
.trafegos,
.analise {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  border-radius: 8px;
  background: linear-gradient(90deg, #442203 54.33%, #aa5608 99.99%);
  box-shadow: 1px 1px 1px 1px var(--cor9);
  color: var(--cor10);
  font-family: var(--titulo);
  font-weight: 600;
  font-size: 1.1rem;
  width: 500px;
  height: 40px;
  transition: transform 0.3s ease;
}

.brandings:hover,
.designs:hover,
.medias:hover,
.copywritings:hover,
.sites:hover,
.estrategias:hover,
.trafegos:hover,
.analise:hover {
  transform: scale(1.05);
  z-index: 3;
  position: relative;
}
.brandings {
  margin-left: -90px;
  position: relative;
}
.designs {
  margin-left: -60px;
  position: relative;
}
.medias {
  margin-left: -30px;
  position: relative;
}
.copywritings {
  margin-left: 0px;
  position: relative;
}
.sites {
  margin-left: 30px;
  position: relative;
}
.estrategias {
  margin-left: 60px;
  position: relative;
}
.trafegos {
  margin-left: 90px;
  position: relative;
}
.analise {
  margin-left: 120px;
  position: relative;
}
.sucesso {
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 148px;
}
.seta {
  position: absolute;
  width: 500px;
  height: 500px;
  background-image: url("/img/SETA.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: -550px;
  margin-left: -250px;
  z-index: 1;
}
.processo {
  position: absolute;
  width: 500px;
  height: 500px;
  background-image: url("/img/processos.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 10px;
  margin-right: 1000px;
  z-index: 1;
}
.botaosucesso {
  width: 200px;
  height: 40px;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  z-index: 5;
  border-radius: 8px;
  margin: 20px auto 0 auto;
  filter: drop-shadow(3px 3px 2px rgba(195, 155, 118, 0.25));
  background: linear-gradient(to bottom right, #ffdc90 0%, #eda917 50%) bottom
      right / 50% 50% no-repeat,
    linear-gradient(to bottom left, #ffdc90 0%, #eda917 50%) bottom left / 50%
      50% no-repeat,
    linear-gradient(to top left, #ffdc90 0%, #eda917 50%) top left / 50% 50%
      no-repeat,
    linear-gradient(to top right, #ffdc90 0%, #eda917 50%) top right / 50% 50%
      no-repeat;
  margin-bottom: 30px;
}
.botaosucesso a {
  color: var(--cor1);
  font-family: var(--texto);
  font-weight: 700;
  font-size: 1.1rem;
  text-align: center;
}
.botaosucesso:hover {
  background: #0c784d;
  transition: 0.3s;
  transform: scale(1.05);
  z-index: 6;
}
.botaosucesso:hover a {
  color: var(--cor7);
  transition: 0.3s;
}
.perguntas {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  background: linear-gradient(180deg, #603711 0%, #040404 100%);
  position: relative;
}
.perguntas h1 {
  color: var(--cor14);
  font-family: var(--titulo);
  font-size: 2.5rem;
  margin: 30px 0;
}
.iconescima {
  position: absolute;
  width: 350px;
  height: 300px;
  background-image: url("/img/iconescima.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: -500px;
  margin-left: 1000px;
  opacity: 0.6;
}
.iconesbaixo {
  position: absolute;
  width: 350px;
  height: 300px;
  background-image: url("/img/iconesbaixo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 400px;
  margin-left: -1000px;
}
.asperguntas {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
  margin-top: 10px;
  margin-bottom: 30px;
  width: 600px;
}

.asperguntas dt {
  display: flex;
  justify-content: start;
  align-items: center;
  color: #603711;
  font-family: var(--titulo);
  font-size: 1.2rem;
  width: 650px;
  height: 40px;
  border-radius: 6px 6px 0px 0px;
  background: linear-gradient(90deg, #ffdc90 0%, #ffecc3 100%);
  box-shadow: 4px 0px 0 0px #895c32;
  padding: 10px 10px 10px 20px;
  position: relative;
  cursor: pointer;
}
.asperguntas dd {
  color: var(--cor2);
  font-family: var(--texto);
  font-weight: 600;
  font-size: 1rem;
  width: 655px;
  height: 180px;
  padding: 15px 15px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  background: var(--cor13);
  box-shadow: 4px 4px 4px 0px #895c32;
  margin-top: -30px;
  margin-right: 40px;
}
.asperguntas dt::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 10px;
  background: linear-gradient(90deg, var(--cor6) 0%, var(--cor2) 100%);
  margin-left: -30px;
  margin-top: 0px;
  border-radius: 2px;
}
.asperguntas dd {
  display: none;
}
.asperguntas dt::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 20px;
  background-image: url("/img/setabaixo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 600px;
}
.asperguntas dt.ativo::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 20px;
  background-image: url("/img/setacima.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 600px;
}
.asperguntas dd.ativo {
  display: block;
  animation: slideDown 0.5s;
}
@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 200px;
  }
}
.depoimentos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  background: linear-gradient(180deg, #eda917 0%, #87600d 100%);
}

.depoimentos h1 {
  color: var(--cor1);
  font-family: var(--titulo);
  font-size: 2.5rem;
  margin: 20px 0;
}
.listadepoimento ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
  margin-top: 20px;
  width: 860px;
}
.listadepoimento ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 10px;
  width: 340px;
  height: 330px;
  border-radius: 44px;
  background: #603711;
  box-shadow: -4px -4px 4px 0px #765101 inset,
    4px 4px 4px 0px rgba(118, 81, 1, 0.25) inset,
    11px 4px 24px 0px rgba(0, 0, 0, 0.25);
}
.depoimento_titulo h3 {
  color: var(--cor10);
  font-family: var(--titulo);
  font-size: 1.2rem;
}
.depoimento_titulo p {
  color: var(--cor7);
  font-family: var(--texto);
  font-weight: 600;
  font-size: 1rem;
  margin-top: 3px;
  line-height: 1.15;
}
.depoimento_img {
  display: flex;
  flex-direction: row;
}
.depoimento_img img {
  width: 60px;
  height: 60px;
  margin-bottom: 40px;
}
.depoimento_texto {
  color: var(--cor7);
  font-family: var(--texto);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25;
  margin-top: -10px;
  padding: 0 10px 0 10px;
}
.listadepoimento li::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 140px;
  background-image: url("/img/elipsedepoimentossvg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -350px;
  margin-left: 0px;
  z-index: 1;
}
.listadepoimento li {
  opacity: 0;
  transform: translatex(30px);
  transition: all 0.2s ease;
}
.listadepoimento li.animar {
  opacity: 1;
  transform: translatex(0);
}
.botaodepoimento {
  width: 300px;
  height: 40px;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  z-index: 5;
  border-radius: 8px;
  margin: 20px auto 0 auto;
  filter: drop-shadow(3px 3px 2px rgba(195, 155, 118, 0.25));
  background: linear-gradient(to bottom right, #ffdc90 0%, #eda917 50%) bottom
      right / 50% 50% no-repeat,
    linear-gradient(to bottom left, #ffdc90 0%, #eda917 50%) bottom left / 50%
      50% no-repeat,
    linear-gradient(to top left, #ffdc90 0%, #eda917 50%) top left / 50% 50%
      no-repeat,
    linear-gradient(to top right, #ffdc90 0%, #eda917 50%) top right / 50% 50%
      no-repeat;
  margin-bottom: 40px;
}
.botaodepoimento a {
  color: var(--cor1);
  font-family: var(--texto);
  font-weight: 700;
  font-size: 1.1rem;
  text-align: center;
}
.botaodepoimento:hover {
  background: #0c784d;
  transition: 0.3s;
  transform: scale(1.05);
  z-index: 6;
}
.botaodepoimento:hover a {
  color: var(--cor7);
  transition: 0.3s;
}
.nossotime {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  background: #000000;
  position: relative;
}
.nossotime h1 {
  color: var(--cor14);
  font-family: var(--titulo);
  font-size: 2.5rem;
  margin: 40px 0;
}
.listatime ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 20px 0 20px;
  width: 100%;
  margin-bottom: 30px;
}

.time {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  margin-top: 0px;

}
.time img {
  width: 200px;
  height: 200px;
}
.time_info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  position: relative;
  width: 300px;
  height: 200px;
  padding: 20px;
}
.time h3 {
  color: var(--cor14);
  font-family: var(--titulo);
  font-size: 2rem;
}
.time p {
  color: var(--cor7);
  font-family: var(--texto);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.15;
}
.rosetascima {
  position: absolute;
  width: 500px;
  height: 400px;
  background-image: url("/img/rosetas.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: -1100px;
  margin-left: 1300px;
  opacity: 0.6;
  z-index: 1;
}
.rosetabaixo {
  position: absolute;
  width: 500px;
  height: 400px;
  background-image: url("/img/rosetas.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 1000px;
  margin-right: 1300px;
  opacity: 0.6;
  z-index: 1;
}
.endereco_bg {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: auto;
  background: #603711;
  position: relative;
}
.endereco {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
  margin-top: 20px;
  width: 500px;
  margin-bottom: 30px;
}
.endereco p {
  color: var(--cor14);
  font-family: var(--texto);
  font-weight: 600;
  font-size: 1.1rem;
  text-align: start;
  width: 280px;
  margin-top: -10px;
}
.contato {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
  width: 500px;
}
.contato_info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: -10px;
}
.ocontato {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 20px;
  width: 200px;
}
.ocontato a {
  color: var(--cor14);
  font-family: var(--texto);
  text-decoration: none;
  font-weight: 600;
  font-size: 1.1rem;
  text-align: start;
}
.ocontato a:hover {
  color: var(--cor10);
  transition: 0.3s;
}
.ocontato img {
  width: 30px;
  height: 30px;
}
.nosacompanhe {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
  width: 500px;
}
.endereco h3,
.contato h3,
.nosacompanhe h3 {
  color: var(--cor14);
  font-family: var(--titulo);
  font-size: 2rem;
}
.redes {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.redes img {
  width: 40px;
  height: 40px;
}
.redes img:hover {
  transform: scale(1.1);
  transition: 0.3s;
}
.footer_bg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
  height: auto;
  background-color: black;
}
.footer_bg h3 {
  color: var(--cor14);
  font-family: var(--texto);
  font-size: 1.5rem;
  margin: 60px 0;
  width: 800px;
}
.footer_amigo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
  margin-top: -40px;
  width: 800px;
}
.footer_amigo img {
  width: 150px;
  height: 150px;
}
.footer_amigo img:nth-child(2) {
  width: 190px;
  height: 180px;
  margin-top: -20px;
}
.footer_bg h4 {
  color: var(--cor14);
  font-family: var(--texto);
  font-size: 1.2rem;
  margin: 20px 0;
  width: 800px;
  text-align: center;
}

.pagamento {
  width: 800px;
  height: 100px;
}
.seguro {
  width: 200px;
  height: 100px;
}
.copy {
  color: var(--cor14);
  font-family: var(--texto);
  font-size: 1rem;
  margin: 20px 0;
  width: 800px;
  text-align: center;
}
@media (min-width:769px) and (max-width: 1279px) {
  .atendemos{
    width: 700px;
  }
  .sessao1::after {
    margin: 420px auto 0 auto;   
  }
  .onca {
    margin-top: -2500px;
    margin-left: -890px;
  }
  .pata {
    margin-top: 900px;
    margin-left: 850px;
  }
  .processo {
  width: 250px;
  height: 250px;
    margin-top: 30px;
  margin-right: 630px; 
  rotate: -30deg;
  }
  .iconescima {
    width: 260px;
    height: 250px;
    margin-top: -700px;
    margin-left: 700px;
    opacity: 0.6;
  }
  .iconesbaixo {
    width: 260px;
    height: 250px;
    margin-top: 670px;
    margin-left: -720px;
    opacity: 0.4;
  }
  .listadepoimento ul {
    width: 800px;
  }
  .rosetascima {
    width: 400px;
    height: 300px;
    margin-top: -1100px;
    margin-left: 680px;
  }
  .rosetabaixo {
    width: 400px;
    height: 300px;
    margin-top: 800px;
    margin-right: 680px;
  }
  .endereco_bg {
    flex-direction: column;
  
  }
  .endereco p {
    width: 400px;
    font-size: 1.7rem;
    text-align: start;
  }
  .ocontato{
    width: 400px;
  }
  .ocontato a {
   font-size: 1.8rem;
    text-align: start;
 
} 
  .nosacompanhe {
    width: 700px;
  }
  .nosacompanhe h3, .endereco h3, .contato h3 {
    font-size: 2.6rem;
    width: 400px;
    text-align: center;
  }
  .redes img{
    margin-top: 10px;
    width: 60px;
    height: 60px;
  }
  .footer_bg h3 {
    font-size: 2.2rem;
    width: 600px;
  }
  .footer_bg h4 {
    font-size: 1.9rem;
  }

  .pagamento {
    width: 700px;
    height: 80px;
  }
  .seguro {
    width: 200px;
    height: 90px;
  }
  .copy {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {  
    .atendemos{
    width: 560px;
    } 
    .sessao1::after {
        margin: 450px auto 0 auto;   
    } 
    .asperguntas { 
      margin-bottom: 60px;
      z-index: 2;
      position: relative;
    }
    .iconescima {
      margin-top: -680px;
  margin-left: 600px;  
  z-index: 1;
    }

    .iconesbaixo {
      margin-top: 650px;
      margin-left: -600px;  
    }
    .pata {
        margin-top: 1200px;
        margin-left: 760px;   
    }
    .onca {
      width: 300px;
      height: 300px;
      margin-top: -2400px;
      margin-left: -800px;
      opacity: 0.4;
    }
    .brandings {
      margin-left: -50px;
      position: relative;
      z-index: 3;
    }
    .designs {
      margin-left: -30px;
      position: relative;
      z-index: 3;
    }
    .medias {
      margin-left: 0px;
      z-index: 3;
    }
    .copywritings {
      margin-left: 30px;
      z-index: 3;
    }
    .sites {
      margin-left: 70px;
      z-index: 3;
    }
    .estrategias {
      margin-left: 100px;
      z-index: 3;
    }
    .trafegos {
      margin-left: 130px;
      z-index: 3;
    }
    .analise {
      margin-left: 160px;
      z-index: 3;
    }
    .seta {
      width: 600px;
      height: 600px;  
      margin-top: -750px;
      margin-left: -250px;
      rotate: 10deg;

    }
    .sucesso {
width: 400px;
  height: 400px; 
  margin-top: -120px;
  margin-left: 240px;
  margin-bottom: 0px;
    }
    .processo {
      width: 300px;
      height: 300px;
      margin-top: 60px;
      margin-right: 500px;
      rotate: -30deg;
    }
    .botaosucesso {
      margin-bottom: 40px;
      margin-top: -100px;
    }
    .listadepoimento ul {
    flex-direction: column;
    }
    .rosetascima {
      margin-top: -1100px;
      margin-left: 660px;
    }
    .rosetabaixo {
      margin-top: 800px;
      margin-right: 660px;
    }
    .endereco_bg {
    flex-direction: column;
    }
    .endereco {
      width: 600px;
    }
    .endereco h3{
      font-size: 2.6rem;
      width: 400px;
      text-align: center;
    }
    .endereco p {
      width: 400px;
      font-size: 1.7rem;
      text-align: start;
    }
    .contato {
      width: 400px;
    }
    .contato h3 {
      font-size: 2.6rem;
      width: 400px;
      text-align: center;
    }
    .ocontato {
      width: 400px;
    
    }
    .ocontato a {
      font-size: 1.7rem;
      text-align: start;
    }
    .nosacompanhe {
      width: 600px;
    }
    .nosacompanhe h3 {
      font-size: 2.6rem;
      width: 400px;
      text-align: center;
    }
    .redes img{
      margin-top: 10px;
      width: 60px;
      height: 60px;
    }
    .footer_bg h3 {
    font-size: 2.2rem;
    width: 600px;
    }
    .footer_bg h4 {
    font-size: 1.8rem;
    }
    .pagamento {
    width: 600px;
    height: 80px;
    }
    .copy {
    font-size: 1.2rem;
    }

}
@media (max-width: 480px) {
  .sessao1 h1 {
    font-size: 2rem;
    width: 320px;
    text-align: center;
    line-height: 1;
  }
  .sessao1 h2 {
    font-size: 1.5rem;
    width: 320px;
    text-align: center;
    margin-top: 0px;
  }
  .atendemos{
   width: 320px;
   font-size: 1.3rem;
   text-align: center;
  }
  .sessao1::after {
    margin: 540px auto 0 auto;
  }
  .resultados_bg h1 {
    font-size: 2rem;
    width: 310px;
    text-align: center;
    margin-left: 0;
  }
  .resultados_bg h2 {
    font-size: 1.8rem;
    width: 300px;
    text-align: center;
    margin-top: -20px;
    margin-left: 0;
  }
  .onca {
    position: absolute;
    width: 300px;
    height: 300px;
    margin-top: -4000px;
    margin-left: -500px;
  }

  .branding,
  .design,
  .identidade,
  .social,
  .gestao,
  .copywriting,
  .video {
    flex-direction: column;
    width: 280px;
  }
  .branding img,
  .design img,
  .identidade img,
  .social img,
  .gestao img,
  .copywriting img,
  .video img {
    width: 200px;
    height: 180px;
    margin-left: -20px;
  }
  .branding p,
  .design p,
  .identidade p,
  .social p,
  .gestao p,
  .copywriting p,
  .video p {
    color: var(--cor7);
    font-family: var(--texto);
    font-weight: 600;
    font-size: 1.1rem;
    text-align: start;
    width: 320px;
  }

  .pata {
    margin-top: 650px;
    margin-left: 400px;
  }
  .brilho_resultado {
    width: 300px;
    height: 300px;
    margin-top: 4580px;
  }
  .icones {
    width: 300px;
    height: 300px;
    margin-top: 4400px;
    margin-left: -30px;
  }
  .elipese_resultado {
    width: 200px;
    height: 150px;
    margin-top: 4500px;
    margin-left: 0px;
  }
  .processos h1 {
    font-size: 2rem;
    width: 320px;
    text-align: center;
  }
  .brandings,
  .designs,
  .medias,
  .copywritings,
  .sites,
  .estrategias,
  .trafegos,
  .analise {
    width: 220px;
    font-size: 0.8rem;
    z-index: 3;
  }
  .brandings {
    margin-left: -20px;
    position: relative;
  }
  .designs {
    margin-left: -5px;
    position: relative;
  }
  .medias {
    margin-left: 10px;
  }
  .copywritings {
    margin-left: 30px;
  }
  .sites {
    margin-left: 50px;
  }
  .estrategias {
    margin-left: 70px;
  }
  .trafegos {
    margin-left: 90px;
  }
  .analise {
    margin-left: 110px;
  }
  .seta {
    width: 500px;
    height: 450px;
    margin-top: -500px;
    margin-left: -200px;
    rotate: 10deg;
  }
  .sucesso {
    margin-top: -50px;
    margin-bottom: 20px;
    margin-left: 120px;
    width: 200px;
    height: 200px;
    margin-bottom: -40px;
  }
  .processo {
    width: 180px;
    height: 180px;
    margin-top: 100px;
    margin-right: 260px;
    rotate: -20deg;
  }
  .perguntas h1 {
    font-size: 2rem;
    width: 320px;
    text-align: center;
  }
  .asperguntas {
    width: 320px;
  }
  .asperguntas dt {
    width: 320px;
    font-size: 1rem;
  }
    .asperguntas dd {
        width: 320px;
        height: 250px;
        font-size: 0.9rem;
    }
    .depoimentos h1 {
    font-size: 2rem;
    width: 250px; 
    }
    .listadepoimento ul {
    flex-direction: column;
    }
   
    .nossotime h1 {
    font-size: 2rem;
    }
.time{
  margin-top: -30px;
}
.time img{
    width: 150px;
    height: 130px;
}
    .time_info {
    width: 250px;
    }
    .time h3 {
    font-size: 1.5rem;
    }
    .rosetascima {
        margin-top: -960px;
        margin-left: 350px;   
        width: 300px;
        height: 250px;
    }
    .rosetabaixo {
        margin-top: 1100px;
        margin-right: 350px;
        width: 300px;
        height: 250px;
    }
    .endereco_bg {
    flex-direction: column;
    }
    .endereco p {
      width: 300px;
      font-size: 1.2rem; 
    }   
    .ocontato {
        width: 250px;
    }
    .ocontato a {
        font-size: 1.2rem;
        text-align: start;
    }
    .nosacompanhe {
        width: 320px;
    }
    .nosacompanhe h3, .endereco h3, .contato h3 {
        font-size: 1.8rem;
        width: 300px;
        text-align: center;
    }
    .redes img{
    width: 40px;
    height: 40px;
    }
    .footer_bg h3 {
    font-size: 1.4rem;
    width: 350px;
    }
    .footer_amigo {
        width: 350px;
        gap: 0;
    }
    .footer_bg h4 {
    font-size: 1.4rem;
    }
    .pagamento {
    width: 260px;
    height: 30px;
    }
    .seguro {
    width: 140px;
    height: 80px;
}
    .copy {
        font-size: 0.9rem;
        width: 350px;
    }

}