.hero{
    position:relative;
    height:520px;
    background:url("../../img/hero/hero.jpg") center center/cover no-repeat;
    display:flex;
    align-items:center;
    margin-top:120px;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(15,61,46,.65);
}

.hero .container{
    position:relative;
    z-index:2;
}

.hero-content{
    max-width:650px;
    color:#fff;
}

.hero-subtitle{
    display:inline-block;
    margin-bottom:15px;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}

.hero h2{
    font-size:56px;
    line-height:1.2;
    margin-bottom:20px;
}

.hero p{
    font-size:20px;
    margin-bottom:35px;
    opacity:.95;
}

.hero-buttons{
    display:flex;
    gap:15px;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 28px;
    border-radius:8px;
    font-weight:600;
    transition:.25s;
}

.btn-primary{
    background:#fff;
    color:#0F3D2E;
}

.btn-primary:hover{
    background:#f1f1f1;
}

.btn-outline{
    border:2px solid #fff;
    color:#fff;
}

.btn-outline:hover{
    background:#fff;
    color:#0F3D2E;
}