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

.pvh-hero{
    padding:90px 0 70px;
    background:#f4f7fb;
}

/* container */
.pvh-hero__container{
    max-width:1150px;
    margin:0 auto;
    padding:0 20px;
}

/* image wrap */
.pvh-hero__imageWrap{
    position:relative;
    border-radius:22px;
    overflow:hidden;
}

/* image */
.pvh-hero__image{
    width:100%;
    height:460px;
    object-fit:cover;
    display:block;
}

/* overlay */
.pvh-hero__overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to bottom,
        rgba(0,0,0,0.20),
        rgba(0,0,0,0.55)
    );
}

/* headline */
.pvh-hero__headline{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    width:100%;
    padding:0 20px;
}

/* title */
.pvh-hero__title{
    font-size:52px;
    line-height:1.15;
    color:#fff;
    margin:0;
}

.pvh-hero__strong{
    display:block;
    font-weight:700;
}

.pvh-hero__thin{
    display:block;
    font-weight:300;
}

/* content under image */
.pvh-hero__content{
    max-width:760px;
    margin:38px auto 0;
    text-align:center;
}

/* paragraph */
.pvh-hero__text{
    font-size:17px;
    line-height:1.9;
    color:#4b5b73;
}

/* ===== MOBILE ===== */

@media(max-width:768px){

    .pvh-hero__image{
        height:280px;
    }

    .pvh-hero__title{
        font-size:30px;
    }

    .pvh-hero{
        padding:60px 0 50px;
    }

    .pvh-hero__text{
        font-size:15px;
    }
}