/* screen - desk */

.desk {
  align-items: center;
  background-color: var(--jacarta);
  display: flex;
  flex-direction: column;
  min-width: 962px;
  overflow: hidden;
  position: relative;
}

.desk .contencao {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 962px;
}

.desk .hero {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 56px;
  justify-content: center;
  padding: 80px 0px 32px;
  position: relative;
  width: 100%;
}

.desk .frame-89 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.desk .logo {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: 8px;
  position: relative;
}

.desk .logo-1 {
  cursor: pointer;
  height: 240px;
  object-fit: cover;
  position: relative;
  width: 214.11px;
}

.desk .frame-7 {
  align-items: flex-start;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  position: relative;
}

.desk .confiana-qualidade {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  text-align: center;
}

.desk .para-tornar-seu-sonho-realidade {
  align-self: stretch;
  color: var(--hint-of-red);
  font-family: var(--font-family-kufam);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.desk .topo {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  padding: 0px 16px;
  position: relative;
  width: 100%;
}

.desk .carrossel-inicio::-webkit-scrollbar {
  display: none;
  width: 0;
}

.desk .carrossel-inicio {
  align-items: center;
  align-self: stretch;
  box-shadow: 0px 0px 16px #00000040;
  display: flex;
  overflow-x: scroll;
  width: 100%;
}

.desk .carrossel-fotos {
  align-items: flex-start;
  display: inline-flex;
  gap: 16px;
}

.desk .frame-81 {
  align-items: flex-start;
  border-radius: 8px;
  box-shadow: 0px 0px 16px #00000040;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  position: relative;
  width: 735.36px;
}

.desk .image {
  align-self: stretch;
  height: 480px;
  width: 100%;
}

.desk .frame-82 {
  align-items: center;
  border-radius: 8px;
  box-shadow: 0px 0px 16px #00000040;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.desk .image-7 {
  height: 480px;
  width: 735.36px;
}

.desk .frame {
  align-items: center;
  border-radius: 8px;
  box-shadow: 0px 0px 16px #00000040;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 853.33px;
}

.desk .frame-8 {
  align-items: center;
  border-radius: 8px;
  box-shadow: 0px 0px 16px #00000040;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 735.36px;
}

.desk .frame-8-1 {
  align-items: center;
  border-radius: 8px;
  box-shadow: 0px 0px 16px #00000040;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 736.65px;
}

.desk .sobre {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  padding: 72px 128px 32px;
  position: relative;
  width: 100%;
}

.desk .fundada-em-1996-a-co {
  align-self: stretch;
  color: transparent;
  font-family: var(--font-family-koho);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desk .span-1 {
  color: var(--hint-of-red);
  font-weight: 700;
}

.desk .span3 {
  color: var(--malachite);
  font-weight: 700;
}

.desk .com-27-anos-de-traje {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.desk .whatsapp {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.desk .bt-whatsapp {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  height: 64px;
  justify-content: center;
  padding: 8px;
  position: relative;
}

.desk .frame-80 {
  align-items: center;
  background-color: var(--killarney);
  border-radius: 8px;
  box-shadow: 0px 0px 16px #00000040;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  height: 48px;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
  transition: all 0.2s ease;
}

.desk .frame-80:hover {
  transform: translate(0, -4px);
}

.desk .path54 {
  height: 32px;
  position: relative;
  width: 31.86px;
}

.desk .button {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  height: 48px;
  justify-content: center;
  padding: 10px 16px 10px 8px;
  position: relative;
}

.desk .acessar {
  letter-spacing: 0;
  line-height: 16px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.desk .residencial {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  padding: 32px 0px 0px;
  position: relative;
  width: 100%;
}

.desk .confira-nossas-frentes-de-atuao {
  align-self: stretch;
  color: var(--malachite);
  font-family: var(--font-family-kufam);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desk .frame-1-1 {
  align-self: stretch;
  padding: 56px 96px 16px;
  width: 100%;
}

.desk .residencial-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
}

.desk .o-conforto-e-aconche {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.desk .carrossel-inicio-1::-webkit-scrollbar {
  display: none;
  width: 0;
}

.desk .carrossel-inicio-1 {
  align-self: stretch;
  height: 412px;
  justify-content: center;
  width: 100%;
}

.desk .carrossel-fotos-1 {
  align-self: stretch;
}

.desk .frame-9 {
  align-items: flex-start;
  box-shadow: 0px 0px 16px #00000040;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  position: relative;
}

.desk .image-1 {
  align-self: stretch;
  height: 412px;
  width: 100%;
}

.desk .frame-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 32px;
  justify-content: center;
  padding: 0px 96px;
  position: relative;
  width: 100%;
}

.desk .veja {
  margin-top: -1.00px;
  text-align: center;
  width: fit-content;
}

.desk .comercial {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  padding: 80px 0px 32px;
  position: relative;
  width: 100%;
}

.desk .frame-1-2 {
  align-self: stretch;
  padding: 16px 96px;
  width: 100%;
}

.desk .imveis-comerciais {
  flex: 1;
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
  text-align: right;
}

.desk .seu-negcio-com-a-cr {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.desk .carrossel-inicio-2::-webkit-scrollbar {
  display: none;
  width: 0;
}

.desk .carrossel-inicio-2 {
  align-self: stretch;
  flex: 0 0 auto;
  justify-content: center;
  width: 100%;
}

.desk .frame-9-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  justify-content: center;
  position: relative;
}

.desk .image-7-1 {
  align-self: stretch;
  height: 417.75px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.desk .image-2 {
  align-self: stretch;
  height: 417.02px;
  width: 100%;
}

.desk .especializacoes {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  padding: 80px 0px 32px;
  position: relative;
  width: 100%;
}

.desk .frame-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 32px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.desk .especialidades {
  flex: 1;
  margin-top: -1.00px;
  text-align: right;
}

.desk .o-conhecimento-acumu {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.desk .frame-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 32px;
  justify-content: center;
  padding: 0px 40px;
  position: relative;
  width: 100%;
}

.desk .frame-8-2 {
  align-items: flex-end;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  position: relative;
}

.desk .luminotcnica {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
  white-space: nowrap;
  width: fit-content;
}

.desk .solues-adequadas-e {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: right;
  width: 268px;
}

.desk .veja-1 {
  flex: 1;
  margin-top: -1.00px;
  text-align: right;
}

.desk .carrossel-inicio-3::-webkit-scrollbar {
  display: none;
  width: 0;
}

.desk .carrossel-inicio-3 {
  box-shadow: 0px 0px 16px #00000040;
  flex: 1;
  flex-grow: 1;
  height: 360px;
}

.desk .image-4 {
  height: 480px;
  margin-bottom: -60.00px;
  margin-top: -60.00px;
  width: 736.3px;
}

.desk .carrossel-inicio-4::-webkit-scrollbar {
  display: none;
  width: 0;
}

.desk .carrossel-inicio-4 {
  box-shadow: 0px 0px 16px #00000040;
  flex: 1;
  flex-grow: 1;
  height: 360px;
  justify-content: center;
}

.desk .image-16 {
  height: 380px;
  margin-bottom: -10.00px;
  margin-top: -10.00px;
  width: 674px;
}

.desk .frame-8-4 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  position: relative;
}

.desk .marcenaria {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.desk .projetos-personaliza {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 260px;
}

.desk .veja-2 {
  flex: 1;
  margin-top: -1.00px;
}

.desk .marmoraria-serralheria {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
  white-space: nowrap;
  width: fit-content;
}

.desk .servios-profissiona {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: right;
  width: 231px;
}

.desk .veja-3 {
  text-align: center;
  width: fit-content;
}

.desk .carrossel-inicio-5::-webkit-scrollbar {
  display: none;
  width: 0;
}

.desk .carrossel-inicio-5 {
  box-shadow: 0px 0px 16px #00000040;
  flex: 1;
  flex-grow: 1;
  height: 360px;
  justify-content: flex-end;
}

.desk .image-17 {
  height: 389px;
  margin-bottom: -14.50px;
  margin-top: -14.50px;
  width: 691px;
}

.desk .whatsapp-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 302px;
}

.desk .bt-whatsapp-1 {
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 64px;
  justify-content: center;
  padding: 8px;
  position: relative;
  width: 100%;
}

.desk .etapas {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 64px 0px 0px;
  position: relative;
  width: 100%;
}

.desk .frame-1-3 {
  width: 896px;
}

.desk .etapas-da-sua-obra {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
}

.desk .veja-a-seguir-como-a {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.desk .arrow-1 {
  height: 14.73px;
  position: relative;
  width: 801px;
}

.desk .frame-4 {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  position: relative;
}

.desk .visita-tcnica {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 124px;
}

.desk .entre-em-contato-e-m {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 120px;
}

.desk .oramento-detalhado {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 141px;
}

.desk .o-oramento-ser-pre {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 122px;
}

.desk .cronograma-de-trabalho {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 149px;
}

.desk .com-o-contrato-assin {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 180px;
}

.desk .execuo {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 149px;
}

.desk .agora-com-a-gente {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 139px;
}

.desk .entrega {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 98px;
}

.desk .o-seu-sonho-concreti {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 128px;
}

.desk .acompanhe {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 40px 0px 0px;
  position: relative;
  width: 100%;
}

.desk .frame-5 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  justify-content: center;
  padding: 32px 0px;
  position: relative;
  width: 100%;
}

.desk .acompanhe-nosso-trabalho {
  color: var(--chetwode-blue);
  font-family: var(--font-family-kufam);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.desk .frame-81-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.desk .frame-8-3 {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.desk .image-10 {
  height: 24px;
  width: 24px;
}

.desk .image-12 {
  height: 24px;
  width: 24.05px;
}

.desk .footer {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 16px;
  height: 88px;
  justify-content: center;
  padding: 16px 0px 48px;
  position: relative;
  width: 100%;
}

.desk .footer-item {
  color: var(--lightoffwhite);
  font-family: var(--font-family-koho);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.desk .swipe {
  height: 64px;
  left: 449px;
  position: absolute;
  top: 839px;
  width: 64px;
}

.desk .menu {
  align-items: center;
  background-color: #2b2b63;
  box-shadow: 0px 0px 16px #00000040;
  display: flex;
  height: 72px;
  justify-content: center;
  left: calc(50.00% - 1157px);
  padding: 24px 64px;
  position: fixed;
  top: 0;
  width: 2314px;
}

.desk .item01 {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  height: 24px;
  justify-content: center;
  padding: 0px 24px;
  position: relative;
}

.desk .incio {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.desk .item0 {
  align-items: center;
  border-color: var(--malachite);
  border-left-style: solid;
  border-left-width: 1px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  height: 24px;
  justify-content: center;
  padding: 0px 24px;
  position: relative;
}

.desk .sobre-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.desk .residencial-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.desk .imveis-comerciais-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.desk .especialidades-1 {
  text-align: center;
  width: fit-content;
}

.desk .etapas-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.desk .item07 {
  align-items: center;
  border-color: var(--malachite);
  border-left-style: solid;
  border-left-width: 1px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: 0px 24px;
  position: relative;
}

.desk .whatsapp-2 {
  cursor: pointer;
  height: 24px;
  position: relative;
  width: 24px;
}

.desk .carrossel {
  flex: 0 0 auto;
  position: relative;
}

.desk .carrossel-fotos-3 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 32px;
  position: relative;
}

.desk .carrossel-inicio-6 {
  align-items: center;
  border-radius: 8px;
  display: flex;
  overflow: hidden;
  overflow-x: scroll;
  position: relative;
}

.desk .especialidades-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.desk .frame-1-4 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 32px;
  justify-content: center;
  position: relative;
}

.desk .image-3 {
  object-fit: cover;
  position: relative;
}

.desk .veja-4 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}
/* screen - index */

.index {
  align-items: center;
  background-color: #2b2b63;
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-width: 360px;
  overflow: hidden;
  padding: 8px 0px;
  position: relative;
}

.index .contecao {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  padding: 8px 0px;
  position: relative;
  width: 360px;
}

.index .topo-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}

.index .logo-2 {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: 8px;
  position: relative;
}

.index .logo-3 {
  height: 143.48px;
  object-fit: cover;
  position: relative;
  width: 128px;
}

.index .frame-86 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 0px 32px;
  position: relative;
  width: 100%;
}

.index .confiana-qualidade-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .para-tornar-seu-sonho-realidade-1 {
  align-self: stretch;
  color: var(--malachite);
  font-family: var(--font-family-kufam);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .carrossel::-webkit-scrollbar {
  display: none;
  width: 0;
}

.index .carrossel {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  overflow-x: scroll;
  padding: 0px 8px;
  position: relative;
  width: 100%;
}

.index .carrossel-fotos-3 {
  align-items: flex-start;
  box-shadow: 0px 0px 16px #00000040;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
}

.index .frame-9-2 {
  align-items: flex-start;
  border-radius: 8px;
  box-shadow: 0px 0px 16px #00000040;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  position: relative;
  width: 368px;
}

.index .image-3 {
  align-self: stretch;
  height: 240px;
  width: 100%;
}

.index .frame-93 {
  align-items: flex-start;
  border-radius: 8px;
  box-shadow: 0px 0px 16px #00000040;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  position: relative;
  width: 367px;
}

.index .frame-6 {
  align-items: flex-start;
  border-radius: 8px;
  box-shadow: 0px 0px 16px #00000040;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  position: relative;
  width: 426.67px;
}

.index .sobre-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  padding: 0px 32px;
  position: relative;
  width: 100%;
}

.index .bt-whatsapp-3 {
  margin-left: -3.00px;
  margin-right: -3.00px;
}

.index .frame-80-1 {
  align-items: center;
  background-color: var(--killarney);
  border-radius: 8px;
  box-shadow: 0px 0px 16px #00000040;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  height: 48px;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
  transition: all 0.2s ease;
}

.index .frame-80-1:hover {
  transform: translate(0, -4px);
}

.index .path54-1 {
  height: 32px;
  position: relative;
  width: 31.86px;
}

.index .button-1 {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  height: 48px;
  justify-content: center;
  padding: 10px 16px 10px 8px;
  position: relative;
}

.index .acessar-1 {
  letter-spacing: 0;
  line-height: 16px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .fundada-em-1996-a-co-1 {
  align-self: stretch;
  color: transparent;
  font-family: var(--font-family-koho);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .span-3 {
  color: var(--hint-of-red);
  font-weight: 700;
}

.index .span3-1 {
  color: var(--malachite);
  font-weight: 700;
}

.index .com-27-anos-de-traje-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 296px;
}

.index .cta {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
}

.index .confira-nossas-frentes-de-atuao-1 {
  color: var(--malachite);
  font-family: var(--font-family-kufam);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 296px;
}

.index .residencial-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  padding: 32px 0px 16px;
  position: relative;
  width: 100%;
}

.index .residencial-4 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .o-conforto-e-aconche-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 312px;
}

.index .img-residencial {
  flex: 0 0 auto;
  gap: 32px;
}

.index .image-5 {
  height: 250px;
  margin-left: -11.50px;
  width: 383px;
}

.index .veja-4 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .residencial1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  padding: 24px 0px;
  position: relative;
  width: 100%;
}

.index .imveis-comerciais-2 {
  line-height: 24px;
  margin-top: -1.00px;
  white-space: nowrap;
}

.index .seu-negcio-com-a-cr-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 296px;
}

.index .img-comercial {
  gap: 32px;
  height: 250px;
}

.index .especializacoes1 {
  gap: 24px;
}

.index .especializaes {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 296px;
}

.index .o-conhecimento-acumu-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 296px;
}

.index .especializacoes1-item {
  gap: 8px;
  padding: 16px 0px;
}

.index .luminotcnica-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 296px;
}

.index .solues-adequadas-e-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 296px;
}

.index .img-residencial-1::-webkit-scrollbar {
  display: none;
  width: 0;
}

.index .img-residencial-1 {
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  box-shadow: 0px 0px 16px #00000040;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  overflow: hidden;
  overflow-x: scroll;
  position: relative;
  width: 100%;
}

.index .image-4-1 {
  height: 250px;
  object-fit: cover;
  position: relative;
  width: 383px;
}

.index .marcenaria-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .projetos-personaliza-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 296px;
}

.index .img::-webkit-scrollbar {
  display: none;
  width: 0;
}

.index .img {
  height: 240px;
  overflow-x: scroll;
}

.index .image-16-1 {
  align-self: stretch;
  object-fit: cover;
  position: relative;
  width: 472px;
}

.index .marmoraria-serralheria-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 296px;
}

.index .servios-profissiona-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 222px;
}

.index .image-17-1 {
  align-self: stretch;
  object-fit: cover;
  position: relative;
  width: 616px;
}

.index .frame-87 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 23px 0px 0px;
  position: relative;
  width: 100%;
}

.index .frame-1-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 24px;
  justify-content: center;
  padding: 16px 32px;
  position: relative;
  width: 100%;
}

.index .etapas-da-sua-obra-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.50px;
  position: relative;
  text-align: right;
}

.index .veja-a-seguir-como-a-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.index .frame-88 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 0px 64px;
  position: relative;
  width: 100%;
}

.index .arrow-1-1 {
  height: 790px;
  position: relative;
  width: 14.73px;
}

.index .frame-4-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  position: relative;
  width: 186px;
}

.index .frame-10 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  position: relative;
}

.index .visita-tcnica-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 124px;
}

.index .entre-em-contato-e-m-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 120px;
}

.index .oramento-detalhado-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 141px;
}

.index .o-oramento-ser-pre-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 122px;
}

.index .cronograma-de-trabalho-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 149px;
}

.index .com-o-contrato-assin-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 145px;
}

.index .execuo-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 149px;
}

.index .agora-com-a-gente-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 139px;
}

.index .entrega-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 98px;
}

.index .o-seu-sonho-concreti-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 128px;
}

.index .frame-5-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  justify-content: center;
  padding: 16px 0px;
  position: relative;
  width: 100%;
}

.index .acompanhe-nosso-trabalho-1 {
  color: var(--chetwode-blue);
  font-family: var(--font-family-kufam);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .frame-81-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.index .frame-8-5 {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.index .image-10-1 {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.index .image-12-1 {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24.05px;
}

.index .frame-84 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  padding: 0px 0px 32px;
  position: relative;
  width: 100%;
}

.index .copyright {
  color: var(--lightoffwhite);
  font-family: var(--font-family-koho);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .rua-paiagus-197 {
  color: var(--lightoffwhite);
  font-family: var(--font-family-koho);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .swipe-1 {
  height: 48px;
  left: calc(50.00% - 24px);
  position: absolute;
  top: 493px;
  width: 48px;
}

.index .menu-mobile {
  align-items: flex-start;
  background-color: var(--jacarta);
  border-radius: 4px;
  box-shadow: 0px 0px 8px #21d045a8;
  cursor: pointer;
  display: inline-flex;
  padding: 24px;
  position: fixed;
  right: -208px;
  top: 19px;
  transition: all 0.2s ease-out;
}

.index .menu-mobile:hover {
  transform: translate(-178px, 0);
}

.index .frame-11 {
  height: 264px;
  position: relative;
  width: 152px;
}

.index .flex-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: -62px;
  min-height: 268px;
  position: relative;
  top: -4px;
  width: 238px;
}

.index .frame-12 {
  align-items: center;
  background-color: var(--jacarta);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 238px;
}

.index .frame-10-1 {
  position: relative;
  width: 30px;
}

.index .item01-1 {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: 0px 24px;
  position: relative;
  width: 199px;
}

.index .incio-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 110px;
}

.index .item02 {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  margin-left: 38.0px;
  margin-top: 4px;
  padding: 0px 24px;
  position: relative;
}

.index .sobre-3 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .item0-1 {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  margin-left: 38.0px;
  margin-top: 16px;
  padding: 0px 24px;
  position: relative;
}

.index .residencial-5 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .item04 {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  margin-left: 38.0px;
  margin-top: 16px;
  position: relative;
  width: 152px;
}

.index .imveis-comerciais-3 {
  line-height: normal;
}

.index .especialidades-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .etapas-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .fale-conosco {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .bt-whatsapp {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 64px;
  justify-content: center;
  padding: 8px;
  position: relative;
  width: 302px;
}

.index .especializacoes1-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index .image {
  object-fit: cover;
  position: relative;
}

.index .img-1 {
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  box-shadow: 0px 0px 16px #00000040;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index .imveis-comerciais {
  letter-spacing: 0;
  position: relative;
  text-align: center;
  width: fit-content;
}
@media screen and (max-width: 961px) {
  .screen.desk { 
    display: none;
   }
}
@media screen and (min-width: 962px) {
  .screen.index { 
    display: none;
   }
}