@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Manuale:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* fonts */
/* font-family: "Inter", sans-serif; / font-family: "Manuale", serif; /  font-family: "Albert Sans", sans-serif;*/

html, body{ overflow-x: hidden !important; scroll-behavior: smooth;}
.container{max-width: 925px;}

#topo .container{max-width: 1400px;}
#topo{width:100%;position:fixed;top:0;left:0;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 40px;transition:0.4s;z-index:999;}
.navbar{padding: 20px 0; }
.nav-link{text-transform: uppercase; color: #585757; font-size: 12pt; font-weight: bold; font-family: "Inter", sans-serif;}
.navbar-brand img{height: 60px;}
.navbar-nav{gap: 60px;}

#banner { 
  position: relative; 
  padding: 150px 0; 
  width: 100%; 
  height: 100vh; 
  overflow: hidden; 
  z-index: 1;
}

#banner .container {
  position: relative;
  z-index: 5;
  height: 100%;
  display: flex;
  align-items: center;
}

#banner .banner-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

#banner .bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  opacity: 0;
  animation: fadeBg 15s infinite;
}

@keyframes fadeBg {
  0%   { opacity: 0; }
  10%  { opacity: 1; }
  35%  { opacity: 1; }
  45%  { opacity: 0; }
  100% { opacity: 0; }
}


.texto-banner {color: #fff;}
.texto-banner h2 {font-size: 75px; font-family: "Manuale", serif; font-weight: bold;margin: 0; padding-top: 150px;}
.texto-intro{padding: 150px 0 120px 0;}
.texto-intro h2{font-family: "Manuale", serif; color: #b2292e; font-weight: bold; font-size: 60px; line-height: 1; padding-bottom: 50px;}
.texto-intro h3{font-family: "Inter", sans-serif; color: #000; font-weight: bold; font-size: 35px; padding-bottom: 40px;}
.texto-intro p{font-family: "Inter", sans-serif; color: #000; font-size: 20px; line-height: 1.2;}

/* ------- SEU LAYOUT ORIGINAL -------- */

#quem_somos{padding-bottom: 150px;}
.blocos-info { padding: 20px 0; }
.item {display: grid;grid-template-columns: 500px auto;gap: 40px;padding: 20px 0;align-items: start !important;}
.item-t h2 {font-family: "Manuale", serif;color: #b2292e;font-size: 50px; font-weight: bold; margin-top: -20px;}
.titulo-mobile{display: none;}
.item-t  .icone{width: 70%; padding-top: 20px;}
.item-d h4 {font-family: "Albert Sans";color: #b2292e;font-size: 27px;margin-top: 20px;}
.item-d .intro {font-size: 35px;color: #000;font-family: "Inter", sans-serif;font-weight: bold;line-height: 1;padding: 20px 0;}
.toggle.accordion-button {background: #b2292e;width: 37px;height: 37px;border-radius: 0 4px 0 !important;color: #fff; display: flex; justify-content: center; align-items: center; padding: 0; box-shadow: none; border: none;}
.toggle.accordion-button::after { content: "+" !important; font-size: 22px; transform: none !important; margin-top: -10px;margin-left: 7px;background-image: none !important; }
.toggle.accordion-button:not(.collapsed)::after {content: "−" !important; background: #b2292e;color: #fff; background-image: none !important;}

.extra ul li{font-size: 20px; font-family: "Inter", sans-serif; color: #000;}
/* remove fundo azul/borda do bootstrap ao clicar */
.accordion-button:focus {box-shadow: none;}
/* remover estilos padrões do bootstrap */
.accordion-item,
.accordion-header {background: transparent;border: none;}
.accordion-body {padding: 20px 0;}
hr {border: none;border-top: 2px solid #b2292e;margin: 60px 0 70px 0; opacity: .6; width: 125%;}



#servicos {position: relative;padding: 150px 0;z-index: 0;width: 100%;min-height: 100vh;overflow: hidden;}
#servicos .container {position: relative;z-index: 5;height: 100%;display: flex;align-items: center;}
#servicos::before,
#servicos::after,
#servicos .bg {content: "";position: absolute;inset: 0;background-size: cover;background-position: center;background-attachment: fixed; opacity: 0;animation: fadeBg 15s infinite; z-index: 0;}
#servicos .bg {background-image: url("../img/escritorio-01.jpg");animation-delay: 0s;}
#servicos::before {background-image: url("../img/escritorio-02.jpg");animation-delay: 5s;}
#servicos::after {background-image: url("../img/escritorio-03.jpg");animation-delay: 10s;}
@keyframes fadeBg {0%   { opacity: 0; }10%  { opacity: 1; }35%  { opacity: 1; }45%  { opacity: 0; }100% { opacity: 0; }}
#servicos .container {position: relative;z-index: 1;height: 100%;display: flex;align-items: center;}
#servicos h2 {font-family: "Manuale", serif;font-size: 60px; font-weight: bold; color: #8ab2bc;margin: 0;line-height: 1; padding-bottom: 80px;}
.accordion-custom {position: relative; z-index: 10; width: 100%;border-radius: 6px;}
.acc-item { margin-bottom: 10px; border-radius: 0px; overflow: hidden; margin-left: auto; margin-right: auto;}
.acc-btn {background-color: transparent;width: 100%;color: #fff;border: none !important;padding: 0;text-align: left;font-size: 18px;cursor: pointer;
position: relative;font-family: "Inter", sans-serif;}
.acc-btn p {width: 925px !important;max-width: 80% !important;margin-left: auto;margin-right: auto;font-size: 35px;margin-bottom: 0;position: relative; }
.acc-btn p::after {content: "+";position: absolute;top: 50%;right: -60px; transform: translateY(-50%);font-size: 24px;width: 37px;height: 37px;border-radius: 0 4px 0 4px;background-color: #b2292e;color: #fff;display: flex;justify-content: center;align-items: center;}
.acc-btn.active p::after {content: "−";}
.acc-content {position: relative; z-index: 900; max-height: 0;overflow: hidden;background-color: #fff;transition: max-height 0.4s ease;padding: 0 20px;}
.acc-content p {padding: 15px 0;margin: 0;color: #000; font-size: 20px; width: 925px !important;max-width: 80% !important;margin-left: auto;margin-right: auto;}


#como-fazemos {padding: 150px 0 130px;}
#como-fazemos h2{color: #6e8e99; font-size: 60px; font-weight: bold; line-height: 1; font-family: "Manuale", serif;}
#como-fazemos h3{color: #000;font-family: "Inter", sans-serif;}
#como-fazemos h3 span{font-weight: bold;}
.fluxo-container {position: relative;width: 100%;max-width: 1050px;margin: 0 auto; }
.fluxo-container svg {width: 100%;height: auto;overflow: visible;}
.texto {position: absolute; font-family: "Inter", sans-serif;opacity: 0;font-size: 28pt;color: #000;line-height: 1.1;max-width: 320px;}
.texto-svg {opacity: 0;font-family: "Inter", sans-serif; font-weight: bold; font-size: clamp(20px, 4vw, 35px);fill: #000;}
.t1 { left: 140px; top: 180px; }
.t2 { right: 40px; top: 330px; }
.t3 { left: 180px; top: 520px; }
.t4 { right: 40px; top: 720px; }
.numero { fill: #fff;font-size: 75pt;font-weight: bold;text-anchor: middle;dominant-baseline: middle;opacity: 0 ; font-family: "Manuale", serif;}
.path .p1{position: absolute; top: 200px; right: 35px; }
.path .p2{position: absolute; top: 380px; left: -10px;}
.path .p3{position: absolute; bottom: 50px; left: 0px;}

#equipe{background-color: #3f1015; height: 1150px; padding-top: 150px;}
#equipe h2{color: #b2292e; font-size: 60px; font-weight: bold; line-height: 1; font-family: "Manuale", serif; padding-bottom: 75px;}
#equipe h3{color: #fff; font-size: 35px;font-family: "Inter", sans-serif; padding-bottom: 80px;}
#equipe p{color: #fff; font-weight: 200; font-family: "Inter", sans-serif; font-size: 20px;}
.card-container {width: 100%;max-width: 1170px; margin: -350px auto 0 auto; background: #fff;overflow: hidden;box-shadow: 0 4px 20px rgba(0,0,0,0.15);font-family: Arial, sans-serif; border-radius: 10px;}
.card-header {position: relative; cursor: pointer; }
.card-title {position: absolute;bottom: 0;width: 100%;background: #000;padding: 20px 0;z-index: 2;display: flex;justify-content: center; box-shadow: 0  -20px 20px 20px #000000a2;}
.card-title-container {width: 100%;max-width: 925px;margin: 0 auto;padding: 0 10px;display: flex;align-items: center; }
.titulo-equipe {width: 100%;display: flex;justify-content: space-between;align-items: center;}
.title-equipe h2 {font-family: "Manuale", serif; margin: 0 !important;padding: 0 !important;font-size: 37px !important;color: #8ab2bc !important;}
.title-equipe h2 span {font-family: "Inter", sans-serif !important;font-size: 24px;color: #fff;font-weight: 400;margin-left: 10px;opacity: .9;}
.title-equipe p{position: absolute; bottom: 95px; font-size: 16px !important; color: #8ab2bc !important; margin: 0;}
.profile-img {width: 100%;display: block;}
.card-bio {background-color: #585757; max-height: 0;overflow: hidden;padding: 0 20px;transition: max-height 0.4s ease, padding 0.3s ease;}
.card-bio.open {padding:  50px 20px;max-height: 3000px;}
.foto-h{width: 100%;}
.card-bio p {margin-bottom: 20px; font-size: 20px !important; color: #fff; font-family: "Inter", sans-serif;  font-weight: lighter;}
.card-header .card-title-container .toggle.accordion-button::after {content: "+";font-size: 22px; transform: none !important; margin-top: 0px !important;margin-left: 0px !important;background-image: none !important;}
.Botão-fechar{display: flex; justify-content: end;}
.Botão-fechar .btn-fechar {background: #b2292e;width: 37px;height: 37px;border-radius: 0 4px 0 !important;color: #fff;display: flex;justify-content: center;align-items: center;padding: 0;box-shadow: none;border: none;}
.Botão-fechar .btn-fechar::after {content: "−" !important; font-size: 22px; background: #b2292e;color: #fff; background-image: none !important;}


#resultados {background: #fff;padding-top: 140px;padding-bottom: 120px;}
.n-resultados{margin: 0 auto; max-width: 1450px;}
.hr-result{display: none;}
.hr-result hr{margin: 60px 0 0 0;}
.titulo-resultados {font-size: 60px;font-weight: bold; line-height: 1; color: #6e8e99;font-family: "Manuale", serif;}
#resultados .number {font-size: 149px;font-weight: bold;color: #b2292e;margin: 0;padding: 0;font-family: "Manuale", serif; height: 195px;}
#resultados .number span {font-family: "Inter", sans-serif !important;font-size: 70px;font-weight: 100;}
.box-info {font-family: "Manuale", serif;display: inline-block;padding: 8px 25px;margin-top: -10px;border-radius: 6px;color: #8ab2bc;font-size: 22px;font-weight: bold; white-space: nowrap;}
.descricao {font-size: 18px;font-family: "Inter", sans-serif;color: #000;margin: 0;font-weight: bold;}

#clientes {position: relative; padding: 320px 0; z-index: 1; overflow: hidden;}
#clientes::before,
#clientes::after,
#clientes .bg {content: "";position: absolute;inset: 0;background-size: cover;background-position: center;background-attachment: fixed; opacity: 0;animation: fadeBg 15s infinite; z-index: 0;}
#clientes .bg {background-image: url("../img/escritorio-01.jpg");animation-delay: 0s;}
#clientes::before {background-image: url("../img/escritorio-02.jpg");animation-delay: 5s;}
#clientes::after {background-image: url("../img/escritorio-03.jpg");animation-delay: 10s;}
@keyframes fadeBg {0%   { opacity: 0; }10%  { opacity: 1; }35%  { opacity: 1; }45%  { opacity: 0; }100% { opacity: 0; }}
#clientes .container {position: relative;z-index: 2; }
#clientes h2 {font-family: "Manuale", serif;font-size: 60px; font-weight: bold; color: #8ab2bc;margin: 0;line-height: 1; padding-bottom: 60px;}
#clientes p{color: #fff; font-size: 20px; }
.btn-clientes{font-family: "Manuale", serif; border: 1px solid #fff; color: #fff; font-size: 27px; padding: 5px 88px; margin-top: 30px;}
.btn-clientes:hover{background-color: #cececec2;}

.form-contato {padding: 150px 0;font-family: "Inter", sans-serif;}
.titulo-form {font-family: "Manuale", serif;font-size: 60px;font-weight: bold; line-height: 1; margin-bottom: 40px;color: #000;}
.formulario label {margin-top: 15px;display: block;font-size: 14px;color: #444;}
.input {width: 100%;border: none;border-bottom: 1px solid #000;padding: 8px 0;font-size: 16px;outline: none; padding-top: 40px; font-family: "Inter", sans-serif; }
.input::placeholder {line-height: 40px; color: #000;}
.textarea {resize: none;width: 100%;border: none; border-bottom: 1px solid #000;padding-top: 40px; padding-bottom: 0;font-size: 16px;outline: none;font-family: "Inter", sans-serif;}
.textarea::placeholder {line-height: 40px; color: #000;}
.linha-2col {display: flex;gap: 30px;}
.col { flex: 1;}
.botao-enviar {font-family: "Manuale", serif; border: 1px solid #000; color: #000; font-size: 27px; padding: 5px 88px; margin-top: 30px; background-color: transparent; border-radius: 5px;}
.botao-enviar:hover {background: #000;color: #fff;}
.contatos-info {padding-top: 72px;}
.telefone { font-size: 35px; font-weight: 700; margin: 0 ; line-height: 0;}
.email {font-size: 35px;font-weight: 600;margin: 0;}
.zap {margin-left: 5px; }
.zap img{margin-top: -10px;}

#localizacao{background-color: #f7f6f6; padding-top: 145px; margin-bottom: -6px;}
.title-end{display: flex;  justify-content: space-between; padding-bottom: 50px;}
.title-end h2{color: #000; font-size: 60px; font-family: "Manuale", serif; font-weight: bold;}
.title-end h3{font-size: 35px; color: #000; font-family: "Inter", sans-serif;}
.maps iframe{width: 100%; height: 730px;}

#footer {background: #333333;padding: 105px 0 45px 0;color: #999999;font-family: "Inter", sans-serif;}
#footer .container{max-width: 1400px;}
.footer-content {display: flex;justify-content: space-between;align-items: flex-start;gap: 40px;}
.footer-col {display: flex;flex-direction: column;}
.logo-col .footer-logo {height: 60px;}
.contatos .tel {font-size: 16px;margin: 0;}
.contatos .email {margin: 0;font-size: 16px;}
.associados p {font-size: 16px;letter-spacing: 1px;margin: 0;}
.menu ul {list-style: none;padding: 0;
margin: 0;}
.menu ul li a {color: #999999;font-weight: 600;text-decoration: none;font-size: 16px;transition: 0.2s;}
.menu ul li a:hover {opacity: 0.7;}
.dev-logo {
    margin-top: 60px;
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0.8;
}

.dev-logo span {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    color: #aaa;
}
.dev-logo span:nth-of-type(2) {
    color: #d9d8d6;
    font-size: 15px;
    font-weight: 600;
}

.dev-logo img {
    height: 18px;
    width: auto;
    filter: grayscale(100%);
    transition: all 0.3s ease;
}

.dev-logo a:nth-of-type(2) img {
    height: 23px;
}

.dev-logo a:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

#banner-clientes{position: relative;background-image: url("..//img/escritorio-03.jpg"); background-size: cover; background-position: center;background-attachment: fixed; margin-top: 150px; padding: 150px 0; z-index: 1;}
#banner-clientes h2{font-size: 70px;font-family: "Inter", sans-serif; color: #fff; font-weight: lighter;}
#banner-clientes h2 span{font-family: "Manuale", serif ; color: #fff; font-size: 149px; font-weight: bold;}

.titulo-clientes h2{font-family: "Manuale", serif ; color: #8ab2bc; font-size: 60px; font-weight: bold; line-height: 1; padding: 100px 0 70px 0;}
.titulo-clientes p{font-size: 20px; padding-bottom: 40px;}

.clientes {margin: 50px auto;font-family: "Inter", sans-serif;}
.categoria {margin-bottom: 50px;padding-bottom: 20px;position: relative;}
.categoria h2 {color: #b2292e; font-size: 50px; font-weight: bold;  font-family: "Manuale", serif;padding: 30px 0;}
.iconografia img{width: 80%;}
.categoria-clientes {margin-left: auto; width: 95%; display: flex;flex-direction: column;}
.lista, .lista-extra {list-style: none;padding: 0;margin: 0;}
.lista li, .lista-extra li {font-size: 20px;padding: 8px 0; white-space: nowrap;}
.lista li span, .lista-extra li span{font-weight: bold;}
.lista-extra {list-style: none;padding: 0;margin: 0;max-height: 0;overflow-y: hidden;transition: max-height 0.4s ease;}
.lista-extra.aberta {max-height: 9999px; width: 150%;}
.btn-expandir {align-self: flex-start; background: #b2292e;color: #fff;border: none;width: 28px;height: 28px;border-radius: 0px 4px 0 4px;font-size: 18px; font-weight: bold;cursor: pointer;margin-top: 10px;}
.logos-associados {display: flex;justify-content: center;gap: 20px;margin-top: 15px;}
.logos-associados img {height: 60px; width: auto;}


/* Mobile */

@media (max-width: 1440px) {
    .texto-svg {font-size: clamp(14px, 5.5vw, 35px);}
    .n-resultados{width: 100%;}
    #resultados .numero{font-size: 80pt; height: auto;}
    #resultados .numero span{font-size: 40pt;}
    .box-info{font-size: 18px;}
    .descricao{font-size: 18px;}
    .texto-banner{margin-bottom: -10px;}

}

@media (max-width: 1295px) {
    .navbar-brand img {width: 255px;}
   .fluxo-container svg{width: 100%; height: auto; max-height: 90vh;}
    .path img { position: absolute;width: 270px; }
    .path .p1 {top: 135px;left: 580px;}
    .path .p2 {top: 32%;left: 19%;}
    .path .p3 {top: 87%;left: 0%; }
    


}

@media (max-width: 1124px) {
    #topo{padding: 0 10px;}
    .navbar-brand img {width: 220px;}
    .navbar-nav { gap: 40px;}
    .navbar{justify-content: space-between !important;}
    #banner-clientes{margin-top: 100px; padding: 100px 0;}

}
@media (max-width: 1024px) {
    #banner-clientes h2{font-size: 55pt;}
    #banner-clientes h2 span{font-size: 105pt;}
}

@media (max-width: 990px) {
    #banner{height: 80vh;}
    .container{    padding-right: calc(var(--bs-gutter-x) * 2);
    padding-left: calc(var(--bs-gutter-x) * 2);}
    hr{width: 100%;}
    .navbar-brand img{width: 100%;}
    #navbarNav {position: fixed; top: 110px; left: 0; width: 100vw; height: 100vh; padding-top: 180px; background-color: #575757; transform: translateY(-100%); opacity: 0; transition: transform 0.4s ease, opacity 0.3s ease; pointer-events: none; z-index: 999;}
    #navbarNav.show {transform: translateY(0); opacity: 1;pointer-events: auto;}
    .navbar-nav a {color: #989898 !important;font-size: 30px;padding: 8px 0;letter-spacing: 0.7px; padding-left: 85px;}
    .navbar-nav a:hover{background-color: #c4c2c2;}
    .navbar-nav {gap: 5px;}
    .navbar-toggler-icon {background-image: none !important;}
    .navbar-toggler { width: 60px; height: 40px;border: none;position: relative;z-index: 9999; border: none;}
    .navbar-toggler::before,
    .navbar-toggler::after,
    .navbar-toggler span {content: "";position: absolute;left: 5px;width: 60px;height: 3px; background-color: #b2292e; transition: 0.35s ease;border-radius: 3px; border: none;}
    .navbar-toggler::before {top: 0px;}
    .navbar-toggler span {top: 18px;}
    .navbar-toggler::after {top: 35px;}
    .navbar-toggler[aria-expanded="true"]::before { transform: rotate(45deg); top: 18px;}
    .navbar-toggler[aria-expanded="true"]::after {transform: rotate(-45deg);top: 18px;}
    .navbar-toggler[aria-expanded="true"] span { opacity: 0;transform: translateX(10px);}
    .navbar-toggler,
    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler:focus-visible {outline: none;box-shadow: none;border: none;}
    .titulo-mobile{display: block;}
    .titulo-desktop{display: none;}
    .texto-banner h2 {font-size: 55px; }
    .texto-intro{padding: 80px 0;}
    .texto-intro h2{font-size: 55px;}
    .texto-intro h3{font-size: 30px;}
    .texto-intro p{font-size: 25px;}
    .texto-intro p br{display: none;}
    .fluxo-container {position: relative;width: 100%;max-width: none;margin: 0 auto; }
   .item{display: block;}
   .item-t  .icone{width: 100%;}
   #servicos h2{font-size: clamp(32px, 7vw, 55px);}
   .acc-btn p{font-size: 30pt; margin-left: 20px; margin-right: 0; max-width: 85% !important;}
   .acc-content p{max-width: 100% !important; margin-left: 0; margin-right: 0;}
   #como-fazemos h2{font-size: clamp(32px, 7vw, 55px);}
   #equipe h2 {font-size: clamp(32px, 7vw, 55px);}
   #equipe h3{font-size: clamp(20px, 4vw, 30px);}
   #equipe p{font-size: clamp(15px, 3.5vw, 25px); margin: 0; padding-bottom: 20px;}
   #equipe {height: auto;}
   .card-container{ background-color: #3f1015; border-radius: 0; margin: 0;}
   .card-container .container{ padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);}
   .card-header{margin: 0 30px;}
   .card-bio.open{padding: 50px 0;}
   .title-equipe p{font-size: 16px !important; color: #fff !important;}
   .title-equipe h2{font-size: clamp(20px, 5vw, 30px) !important;}
   .title-equipe h2 span{font-size: clamp(14px, 4vw, 22px);}
   .titulo-resultados{font-size: clamp(32px, 7vw, 55px);}
   .n-resultados{justify-content: center;}
   .hr-result{display: block;}
   #clientes{padding: 150px 0;}
   .linha-2col{display: block;}
   #localizacao{padding-top: 50px;}
   .title-end h2{font-size: 50px;}
   .title-end h3{width: 40%; font-size: 35px; font-weight: 600;}
   .footer-content { flex-direction: column;align-items: left;}
   .footer-col{align-items: left; text-align: left;}
    .telefone, .email {font-size: clamp(20px, 5vw, 32px);}
   .zap img{width: 25px;}
   .botao-enviar {display: block; }
    .title-end br{display: none;}
    .col-dir .intro{width: auto;}
    .iconografia{margin: 30px 0;}
    #banner-clientes h2 {font-size: clamp(32px, 7vw, 55px);}
    #banner-clientes h2 span {font-size: clamp(60px, 12vw, 110px);}
    .path .p1 {left: 425px;}
    .path .p2 {left: 12%;}
    #como-fazemos h3{padding-top: 30px;}
    #nossos-clientes{padding: 50px 0;}
    .titulo-clientes h2{font-size: 55px; padding-bottom: 30px; padding-top: 0;}
    .categoria h2{font-size: 55px;}
    .iconografia img{width: 50%;}
    .lista li, .lista-extra li{ white-space: normal;}
    .box-info{padding: 0px 25px;}
    .descricao{margin-top: -5px;}
    .n-resultados{margin-top: -25px;}
    hr{margin: 50px 0 50px 0;}
}

   



@media (max-width: 768px) {
    .container {padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);}
    #banner {height: 60vh;}
    .texto-intro {padding: 50px 0 50px 0;}
    .texto-banner h2 { font-size: 35px; padding-top: 85px;}
    .texto-intro h2 {font-size: 30px;}
    .texto-intro h3 {font-size: 20px;}
    .texto-intro p {font-size: 16px;}
    .titulo-desktop{display: block;}
    .titulo-mobile{display: none;}
    .item-t .icone {width: 55%;}
    .item-t h2{font-size: 30px;}
    .item-d h4{font-size: 25px;}
    .item-d .intro{font-size: 20px;}
    #quem_somos {padding-bottom: 50px;}
    #servicos {min-height: 60vh; padding: 50px 0;}
    #servicos h2 {font-size: 30px;}
    .acc-btn p {font-size: 20px;max-width: 76% !important;}
    .acc-content p{font-size: 16px;}
    .navbar-brand{width: 75%;}
    .navbar-brand img{width: 75%;}
    .fluxo-container {width: 85%; }
    #como-fazemos{padding: 50px 0;}
    #como-fazemos h3 { padding-top: 20px; font-size: 16px;}
    .path img {position: absolute;width: 120px; }
    .path .p1 {top: 19%;left: 62%;}
    .path .p2 {top: 33%;left: 0%;}
    .path .p3 {top: 87%;left: 0%;}
    #equipe{padding-top: 50px;}
    #equipe h2{ font-size: 30px; padding-bottom: 30px;}
    #equipe h3{font-size: 20px; padding-bottom: 30px;}
    #equipe p {font-size:  16px;margin: 0;padding-bottom: 20px;}
    .card-header {margin: 0 10px;}
    .title-equipe p{font-size: 10px !important; color: #fff !important; bottom: 80px; line-height: 1;} 
    .titulo-resultados{font-size: 30px;}
    .hr-result{display: none;}
    #clientes{padding: 50px 0;}
    #clientes h2{font-size: 30px;}
    #clientes p{font-size: 16px;}
    #clientes p br{display: none;}
    #resultados {padding-top: 50px; padding-bottom: 50px;}
    .btn-clientes {font-size: 20px;padding: 5px 50px;}
    .form-contato{padding: 50px 0;}
    .titulo-form{font-size: 30px;}
    .botao-enviar{font-size: 20px;padding: 5px 50px;}
    .title-end{flex-direction: column;}
    .title-end h2{font-size: 30px;}
    .title-end h3{font-size: 20px; width: 50%;}
    .title-end br{display: block;}
    .titulo-clientes h2{font-size: 30px;}
    .categoria h2{font-size: 30px;}
    .titulo-clientes p{font-size: 16px; padding-bottom: 10px;}
    .lista li, .lista-extra li{font-size: 16px; white-space: normal;}
     #como-fazemos h2{font-size: 30px;}
     .categoria{margin: 0;}
     .categoria h2{padding: 0;}

  

}



@media (max-width: 512px){
    #topo {padding: 0;}
    #banner {height: auto;padding: 0px 0;}
    #banner::before,
    #banner::after,
    #banner .bg {background-size: contain;    background-position: bottom center;   background-attachment: scroll; background-repeat: no-repeat;}
    #banner {height: 50vh;}
    
    
}

@media (max-width: 488px) {
    .texto-banner {margin-bottom: -20px;}
}

@media (max-width: 460px){
    #banner {height: auto; padding: 50px 0;}

}


@media (max-width: 375px){
    #banner { padding: 25px 0;}
    .texto-banner h2{padding-top: 130px;} 
}

@media (max-width: 360px){
    #banner { padding: 15px 0;}
    .texto-banner {margin-bottom: 0px;}
}