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

.page-hero{
    position:relative;
    padding:180px 0 120px;
    color:#fff;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

.page-hero::before{
    content:"";

    position:absolute;

    inset:0;

    background:rgba(7,29,58,.85);
}

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

.page-hero-content{
    max-width:760px;
}

.page-subtitle{
    display:inline-block;
    margin-bottom:15px;

    color:var(--primary);

    font-size:14px;
    font-weight:700;

    letter-spacing:2px;
    text-transform:uppercase;
}

.page-hero h1{

    margin-bottom:25px;

    font-size:52px;
    font-weight:700;

    line-height:1.2;

}

.page-hero p{

    max-width:650px;

    margin:0;

    color:rgba(255,255,255,.85);

    font-size:18px;

    line-height:1.8;

}

/*==================================
RESPONSIVE
==================================*/

@media(max-width:991px){

    .page-hero{

        padding:140px 0 90px;

    }

    .page-hero h1{

        font-size:42px;

    }

}

@media(max-width:767px){

    .page-hero{

        padding:120px 0 80px;

        text-align:center;

    }

    .page-hero h1{

        font-size:34px;

    }

    .page-hero p{

        font-size:16px;

    }

}