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

.page-hero{

position:relative;

height:420px;

display:flex;

align-items:center;

justify-content:center;

background:

linear-gradient(rgba(8,28,69,.82),rgba(8,28,69,.82)),

url('../images/page-banner.jpg');

background-size:cover;

background-position:center;

overflow:hidden;

}

.page-overlay{

position:absolute;

inset:0;

background:

linear-gradient(

135deg,

rgba(10,46,109,.88),

rgba(76,175,40,.35)

);

}

.page-hero-content{

position:relative;

z-index:5;

text-align:center;

color:#fff;

max-width:850px;

margin:auto;

}

.page-hero h1{

font-size:56px;

font-weight:800;

margin-bottom:25px;

}

.page-hero p{

font-size:20px;

line-height:1.8;

opacity:.95;

margin-bottom:35px;

}

.breadcrumb{

display:inline-flex;

align-items:center;

gap:15px;

background:rgba(255,255,255,.12);

padding:14px 28px;

border-radius:50px;

backdrop-filter:blur(10px);

}

.breadcrumb a{

color:#fff;

text-decoration:none;

font-weight:600;

}

.breadcrumb span{

color:#fff;

}

@media(max-width:768px){

.page-hero{

height:330px;

}

.page-hero h1{

font-size:38px;

}

.page-hero p{

font-size:17px;

padding:0 20px;

}

}