:root{
--h2-color: #481b3e !important;
--h3-color: #009186 !important;
}
.hero {
  background-color: #f3f3f3;
  background-image: url("/image/Ativo\ 1.jpg");
  background-position: center;
  background-size: cover;
  height: 80vh;
  display: flex;
  flex-direction: column-reverse;  
}

.hero2 {
    background-color: #f3f3f3;
    background-image: url("/image/background2.jpg");
    background-position: center;
    background-size: cover;
    height: 50vh;
    display: flex;
    flex-direction: column-reverse;

    
  }

.card{
  padding: 20px;
  background-color: #481b3e;
  border-radius:15px;
  --color: #fff;
  margin: 5px;
}

.card img{
    margin-bottom: 15px;
}

.atuacao{
    background-color: #eee;
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 0;
}

.atuacao h3{
    margin: 0;
}

.inteligencia{
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 0;
}

.contato{
    background: rgb(86,27,65);
    background: linear-gradient(150deg, rgba(86,27,65,1) 0%, rgba(35,15,27,1) 100%);
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 0;
}

.center {
    text-align: center;
}


#sobre{
    margin-bottom: 20px;
}

.rodape{
    padding-top:50px;
}