html, body {
  margin: 0;
  padding: 0;
  border: none;
  overflow-x: hidden;
}

.logo{
  width: 300px;
}

@font-face {
  font-family: 'FonteTitulos';
  src: url('FontsFree-Net-Nura-Black-1.ttf') format('truetype');
}

@font-face {
  font-family: 'FonteTexto';
  src: url('MYRIADPRO-SEMIBOLD.OTF') format('opentype');
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'FonteTitulos';
}

p {
  font-family: 'FonteTexto', sans-serif;
}

.wave-top {
  overflow: visible !important;
  position: relative; z-index: 10;
  background: #002b5b;;
}


    .dropdown-menu {
      z-index: 1050 !important;
    }


.navbar-custom {
  padding: 2rem 1rem;
}



.nav-link {
  color: white !important;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9rem;
}

.nav-link:hover {
  text-decoration: underline;
  color: white;
}

#botaodoform{
  width: 150px;
  font-size: 25px;
  font-weight: bold;
}

#botaodocomeco{

  border-radius: 20px;
  width: 200px;
  font-size: 30px;
  font-weight: bold;

}


.navbar-toggler-icon {
  filter: invert(1); 
}

/* cores */

#azulesc{
  color: #002b5b;
}

#azulclaro{
  color: #007EC0;
}

#amarelo{
  color: #FDCC68;
}

#branco{
color: #ffff;
}

#preto{
color: #000;
}

#semefeito{

color: #000;
text-decoration: none;
  
}

#realidade{

color: #FDCC68;
font-size: 60px;

}


#aumentar{

font-size: 20px;

}

/* imgs */

#homeimg{

  width: 300px;
  height: 500px;;

}

#imgfazemos{
  width: 300px;
  height: 300px;;
}

#devapp{
  width: 720px;
  height: 475px;;
}

#devapp1{
  width: 900px;
  height: 400px;;
}

#devapp2{
  width: 225px;
  height: 450px;;
}

#imghome{
  width: 600px;
  height: 700px;
}

#imgpc{
  height: 395px;
  width: 510px;
}

#Principais img{
  height: 180px;
  width: 230px;
}

#identidade{
  height: 495px;
  width: 340px;
}

#identidade3{
  height: 410px;
  width: 415px;
}

#formulario2 {
  background-color: #007EC0;
  background-size: cover;
  min-height: 100vh;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
}

.formulario-container {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}

.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('2149930933.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

}

#formulario {

  position: relative; /* Só o container principal precisa disso */
  padding: 2rem;
  text-align: center;
  color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


form {
  width: 100%;
  max-width: 600px;
}

.form-duplo {
  max-width: 660px;
  width: 100%;
}

.form-duplo .form-label {
  text-align: left;
}

#footer {
  background-color: #ffd68a;
  margin: 0;
  padding: 0;
  margin-top: 30px;
  padding-top: 30px;
}

#imgfo{
  width: 150px;
}

.separador {
  border: none;
  height: 7px;
  background-color: #ffb300; 
  margin: 4px 0;
}

.separador2 {
  border: none;
  height: 7px;
  background-color: #002f5a; 
  margin: 4px 0;
}

#espaco{
  margin-top: 70px;
}

#precisa{
  background-image: url('fundo.jpg'); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
}

#precisa h1{
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

#precisa2{
  background-image: url('fundo2.jpg'); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
}

#identidadeV{
  background-image: url('25060.jpg'); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 50px 0 50px 0;      
}




#botaodoqms{
  border-radius: 20px;
  width: 350px;
  font-size: 25px;
  font-weight: bold;
}

.pc {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;
}


#logo2 {
  background-image: url('closeup-art-tools-studio-paints-brushes-canvas-pencil.jpg'); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  margin: 50px 0;
}

@media (min-width: 768px) {
  #logo2 {
    padding-left: 250px;
  }
}

#backToTop {
  position: fixed;
  width: 60px;
  height: 50px;
  bottom: 20px;
  right: 20px;
  background-color: #002b5b;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.upload-box {
  background-color: white;
  padding: 40px 20px;
  text-align: center;
  border-radius: 8px;
  width: 90%;
  max-width: 500px;
  margin-bottom: 20px;
}

.upload-box p {
  color: #999;
  margin-bottom: 20px;
}




#imgmvv{
  width: 250px;
  height: 250px;
  margin-bottom: 1rem;
}

#button2 {
  background-color: #fdcc68;
  color: black;
  border: none;
  font-weight: bold;
  padding: 10px 15px;
  font-size: 1rem;
  cursor: pointer;
  border-radius: 5px;
  margin: 0.5rem;
}

#button2:hover {
  background-color: #e6b54a;
}


.wave-container2 {
  position: relative;
  overflow: visible !important;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 10vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin: 0;      
  padding: 0;    
  top: 0;  
}

.wave-container2 img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute; 
  top: 0;
  left: 0;
  z-index: 5;
}


.wave-container {
  position: relative;
  overflow: visible !important;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin: 0;      
  padding: 0;    
  top: 0;  

}

.wave-container img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute; 
  top: 0;
  left: 0;
  z-index: 5;
}


.bg-mvv {
  background-image: url('2150407952.jpg');
}

.bg-sobre {
   background-image: url('25060.jpg'); 
}

.bg-contato {
 background-image: url('agente-imobiliario-negra-mostrando-um-casal-onde-assinar-o-contrato-durante-reuniao-no-escritorio.jpg'); 
}

.bg-logo {
  background-image: url('2149142151.png'); 
}

.bg-orc {
background-image: url('agente-imobiliario-negra-mostrando-um-casal-onde-assinar-o-contrato-durante-reuniao-no-escritorio.jpg'); 
}

.bg-ind {
background-image: url('agente-imobiliario-negra-mostrando-um-casal-onde-assinar-o-contrato-durante-reuniao-no-escritorio.jpg'); 
}