/*==================================
        PAGE HEADER
===================================*/

.page-header {

    position: relative;

    padding: 30px 0 30px;

    background:
        linear-gradient(rgba(6, 25, 45, .82), rgba(6, 25, 45, .82)),
        url('../images/breadcrumb.jpg');

    background-size: cover;

    background-position: center;

    overflow: hidden;


}

.page-header::before {

    content: "";

    position: absolute;

    width: 450px;

    height: 450px;

    border-radius: 50%;

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

    top: -180px;

    left: -120px;

}

.page-header::after {

    content: "";

    position: absolute;

    width: 350px;

    height: 350px;

    border-radius: 50%;

    background: rgba(245, 158, 11, .08);

    right: -120px;

    bottom: -120px;

}

.page-header-content {

    position: relative;

    z-index: 2;

    text-align: center;

    max-width: 850px;

    margin: auto;

}

.breadcrumb {

    margin-bottom: 5px;

}

.breadcrumb-item {

    font-size: 15px;

    font-weight: 500;

}

.breadcrumb-item a {

    color: var(--white);

    text-decoration: none;

    transition: .3s;

}

.breadcrumb-item a:hover {

    color: #F59E0B;

}

.breadcrumb-item+.breadcrumb-item::before {

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

}

.breadcrumb-item.active {

    color: #F59E0B;

}

.page-header h1 {

    color: var(--white);

    font-size: 24px;

    font-weight: 800;

    margin-bottom: 7px;

    font-family: 'Outfit', sans-serif;

}

.page-header p {

    color: rgba(255, 255, 255, .85);
    font-size: 14px;
    line-height: 22px;

}

/*****************************
Responsive
*****************************/

@media(max-width:991px) {

    .page-header {

        padding: 30px 0 30px;

    }

    .page-header h1 {

        font-size: 44px;

    }

}

@media(max-width:767px) {

    .page-header {

        padding: 30px 0 30px;

    }

    .page-header h1 {

        font-size: 34px;

    }

    .page-header p {

        font-size: 15px;

        line-height: 28px;

    }

    .breadcrumb-item {

        font-size: 14px;

    }

}