/*
|--------------------------------------------------------------------------
| PromoFly Hero
|--------------------------------------------------------------------------
*/

.pf-hero{

    position:relative;

    overflow:hidden;

    background:linear-gradient(135deg,var(--pf-primary),#b8000f);

    color:#fff;

    padding:100px 0;

}

.pf-hero-inner{

    display:grid;

    grid-template-columns:1fr 450px;

    gap:60px;

    align-items:center;

}

.pf-hero-content h1{

    margin-bottom:20px;

    font-size:56px;

    font-weight:800;

}

.pf-hero-content p{

    margin-bottom:35px;

    font-size:22px;

    opacity:.95;

}

.pf-hero-image img{

    width:100%;

    height:auto;

}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media(max-width:991px){

    .pf-hero{

        padding:70px 0;

    }

    .pf-hero-inner{

        grid-template-columns:1fr;

        text-align:center;

    }

    .pf-hero-image{

        max-width:400px;

        margin:auto;

    }

    .pf-hero-content h1{

        font-size:42px;

    }

}