/*
|--------------------------------------------------------------------------
| Page Header
|--------------------------------------------------------------------------
*/

.page-header{

    position:relative;

    overflow:hidden;

    padding:90px 0 70px;

    background:linear-gradient(135deg,#16213E,#0F3460);

    color:#FFFFFF;

}

.page-header::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    top:-220px;

    right:-150px;

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

}

.page-header::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    left:-120px;

    bottom:-180px;

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

    filter:blur(50px);

}

.page-header-content{

    position:relative;

    z-index:2;

    text-align:center;

    max-width:900px;      /* NEW */

    margin:auto;           /* NEW */

}

.page-header h1{

    font-size:52px;

    font-weight:800;

    margin-bottom:20px;

    line-height:1.2;
    
    color:#FFFFFF;

}

.page-header p{

    max-width:720px;

    margin:0 auto 30px;

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

    font-size:18px;

    line-height:1.8;

}

.breadcrumb-wrapper{

    display:flex;

    justify-content:center;

    align-items:center;    /* NEW */

    gap:10px;

    flex-wrap:wrap;

    font-size:15px;        /* NEW */

}

.breadcrumb-wrapper a{

    color:#FFB347;

    text-decoration:none;

    transition:.30s;       /* NEW */

}

.breadcrumb-wrapper a:hover{

    color:#FFFFFF;         /* NEW */

}

.breadcrumb-wrapper span{

    color:#FFFFFF;

}

@media(max-width:768px){

    .page-header{

        padding:70px 0 50px;

    }

    .page-header h1{

        font-size:36px;

    }

    .page-header p{

        font-size:16px;    /* NEW */

    }

}