/*=========================================
            PAGE HERO
=========================================*/
.page-hero{
    position:relative;
    height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.page-hero-bg{
    position:absolute;
    inset:0;
    z-index:1;
}

.page-hero-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.08);
    animation:heroZoom 18s ease-in-out infinite alternate;
}

.page-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.75),
        rgba(0,0,0,.45)
    );
    z-index:2;
}

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

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

.page-subtitle{
    display:inline-block;
    color:var(--secondary);
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:15px;
    margin-bottom:20px;
    font-weight:600;
}

.page-hero h1{
    color:#fff;
    font-size:clamp(48px,6vw,72px);
    margin-bottom:20px;
}

.breadcrumb-custom{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:16px;
}

.breadcrumb-custom a{
    color:#fff;
}

.breadcrumb-custom span{
    color:rgba(255,255,255,.8);
}

.breadcrumb-custom a:hover{
    color:var(--secondary);
}

@keyframes heroZoom{
    from{
        transform:scale(1);
    }

    to{
        transform:scale(1.08);
    }
}

@media(max-width:991px){

.page-hero{
    height:380px;
    text-align:center;
}

.breadcrumb-custom{
    justify-content:center;
}

.page-hero h1{
    font-size:42px;
}

}