* {
  margin: 0;
  padding: 0;
}

header > nav {
  background-color: #2C72AC;
  width: 100%;
  height: 90px;
  display: flex;
  align-items: center;
}

nav img {
  height: 110px;
  margin-left: 210px;
}

.container {
  background-color: #063A64;
  width: 100%;
  height: 600px;
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 90px;
  border: 2px solid #D78400;
  border-left: 0;
  border-right: 0;
}

.container .texts {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 70px;
}

.container .texts .textosec {
  color: white;
  font-family: Asap-Medium;
  font-size: 25px;
}

.container .texts .principal {
  color: white;
  font-family: Asap;
  font-size: 45px;
}

.orcamento {
  background-color: #D9D9D9;
  color: black;
  font-family: Asap-Extra;
  font-size: 20px;
  border: 2px solid #D78400;
  border-radius: 100px;
  width: 412px;
  height: 87px;
  margin-top: 20px;
}

/* Configurando estilo do link (âncora) */

a { 
  color: inherit;     /* Herdando a cor fonte do elemento pai */
  text-decoration: none;
} 

a:hover {             /* Estilizando o link com mouse em cima */
  color: #D78400; 
  font-size: 24px;
}

.container .conect {
  align-self: center;
}

.container .conect img {
  width: auto;
  height: 700px
}

.diferenciais {
  background-color: #F1F1F1;
  width: 100%;
  height: 1100px;
  display: flex;
  padding-top: 100px;
  padding-left: 1px;
  justify-content: center;
  gap: 180px;
}

.diferenciais .diferencial h1 {
  font-family: Asap-Medium;
  font-size: 45px;
  padding-top: 10px;
}

.diferenciais .diferencial p {
  font-family: Asap-Medium;
  font-size: 20px;
  padding-top: 20px;
}

.diferenciais img {
  border: 2px solid #E0DCDC;
  border-radius: 50%;
  width: 80px;
}

.diferenciais .aboutus {
  background-color: #2C72AC;
  width: 1400px;
  height: 630px;
  position: absolute;
  display: flex;
  align-self: center;
  margin-top: 300px;
  flex-direction: column;
  border: 2px solid black;
  border-radius: 20px;
}

.diferenciais .aboutus img {
  width: 1400px;
  height: 250px;
  border: none;
  border-radius: 20px;
  object-fit: cover
}

.diferenciais .aboutus h1 {
  margin-top: 30px;
  margin-left: 30px;
  font-family: Asap-Medium;
  font-size: 30px;
  color: white;
}

.diferenciais .aboutus h2 {
  padding-top: 20px;
  margin-left: 30px;
  font-family: Asap;
  font-size: 40px;
  color: #063A64;
}

.diferenciais .aboutus p {
  padding-top: 20px;
  margin-left: 30px;
  font-family: Asap-Medium;
  font-size: 30px;
  color: white;
}

.services {
  background-color: #063A64;
  width: 100%;
  height: 1000px;
  border: 2px solid #D78400;
  border-left: 0;
  border-right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.services {
  h1 {
  margin-top: 70px;
  font-family: Asap-Extra;
  color: white;
  font-size: 32px;
  }

  img {
  align-self: center;
  height: 80px;
  width: 80px; 
 }

  p {
  font-family: Asap-Medium;
  color: white;
  font-size: 25px
  }

  .cards-container {
  display: flex;
  justify-content: center;
  gap: 40px;
  }

  .cards {
    margin-top: 40px;
    background-color: #D9D9D9;
    text-align: center;
    height: 500px;
    border: 2px solid #D78400;
    border-radius: 30px;
  }

  .cards img {
    width: 350px;
    height: 230px;
    border-radius: 30px;
  }

  .cards h2 {
    margin-top: 10px;
    font-family: Asap-Extra;
    font-size: 25px;
    color: #2C72AC;
  }

  .cards p {
    margin-top: 15px;
    font-family: Asap-Medium;
    font-size: 20px;
    color: black;
  }

  button {
    margin-top: 50px;
    align-self: center;
  }

}

@font-face {
  font-family: Asap;
  src: url(..//font/Asap/static/Asap-Black.ttf) format(truetype);
}

@font-face {
  font-family: Asap-Medium;
  src: url(..//font/Asap/static/Asap-Medium.ttf) format(truetype);
}

@font-face {
  font-family: Asap-Extra;
  src: url(../font/Asap/static/Asap-ExtraBold.ttf) format(truetype);
}