body{
    font-family:'Segoe UI',sans-serif;
    background:#f5f7fb;
}

/* HERO */

.hero-full{
    margin:0;
    padding:0;
}

.hero-banner{
    width:100%;
    height:85vh;
    object-fit:cover;
    display:block;
}

.hero-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.55);
}

.hero-content{
    bottom:50%;
    transform:translateY(50%);
    text-align:left;
    max-width:700px;
}

.hero-content h1{
    color:#fff;
    text-shadow:0 3px 15px rgba(0,0,0,.6);
}

.hero-content p{
    color:#fff;
}

.carousel-caption{
    left:8%;
    right:auto;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    background-color:rgba(0,0,0,.5);
    border-radius:50%;
    padding:25px;
}

/* BENEFÍCIOS */

.benefits{
    background:#fff;
}

.benefit-box{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.benefit-box:hover{
    transform:translateY(-8px);
}

/* CTA */

.cta{
    background:#0d6efd;
    color:#fff;
    padding:80px 0;
}

@media(max-width:768px){

    .hero-banner{
        height:60vh;
    }

    .hero-content{
        max-width:90%;
        bottom:40%;
    }

    .hero-content h1{
        font-size:2rem;
    }

    .hero-content p{
        font-size:1rem;
    }

}