/* ================================
   HERO
================================ */

.hero-home{
    background:
    linear-gradient(
        rgba(40,45,48,.60),
        rgba(40,45,48,.60)
    ),
    url("../img/background.png");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    min-height:100vh;
    display:flex;
    align-items:center;
}
.hero-overlay{
    width:100%;
    padding:190px 0 120px;
}
.hero-content{
    max-width:760px;
    margin-left:5%;
}
.hero-tag{
    display:inline-block;
    color:#D9E6DF;
    letter-spacing:1px;
    text-transform:uppercase;
    font-size:18px;
    font-weight:400;
    margin-bottom:30px;
}
.hero-content h1{
    color:#FFFFFF;
    font-size:60px;
    line-height:1.15;
    margin-top: 20px;
    margin-bottom:28px;
    font-weight:700;
}
.texto-verde{
    color: #7FC5A2!important;
}
.hero-content p{
    color:#E4E4E4;
    font-size:21px;
    line-height:1.8;
    margin-bottom:45px;
}
.hero-buttons{
    display:flex;
    gap:18px;
}
.topbar-home{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:transparent;
    border:none;
    box-shadow:none;
    z-index:999;
}
.topbar-home .menu a{
    color:white;
}
.topbar-home .menu a:hover{
    background:rgba(255,255,255,.15);
    color:white;
}
.topbar .menu{
    margin-left:auto;
}
.topbar-home .brand{
    position:relative;
    z-index:1000;
}
.btn-primary{
    background:#427b62;
    color:white;
    padding:16px 32px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}
.btn-primary:hover{
    background:#356650;
}
.btn-outline{
  background:white;
    border:2px solid white;
    color:#427b62;
    padding:16px 32px;
    border-radius:10px;
    text-decoration:none;
    transition:.3s;
}
.btn-outline:hover{
    background:#f5f5f5;
    color:#427b62;
}
/* Apenas na Home */

.topbar{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:transparent;
    border:none;
    box-shadow:none;
    z-index:1000;
}
.menu a{
    color:#ffffff;
}
.menu a:hover{
    color:white;
    background:rgba(255,255,255,.15);
}