:root{

    --navy:#082e63;
    --yellow:#ffc107;
    --page:#f5f8fc;
    --border:#dfe7f1;

}

body{

    background:var(--page);

}

.page-hero{

    padding:45px 0;

    color:#fff;

    background:
    linear-gradient(
        135deg,
        #062756,
        #0a3f80
    );

}

.page-breadcrumb{

    padding:0;

    margin-bottom:20px;

    background:none;

}

.page-breadcrumb a{

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

}

.page-breadcrumb .active{

    color:#fff;

}

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

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

}

.page-hero h1{

    margin-bottom:10px;

    font-weight:700;

}

.page-hero p{

    margin:0;

    opacity:.85;

}

.page-content{

    padding:50px 0;

}

.page-card{

    padding:35px;

    background:#fff;

    border-radius:18px;

    border:1px solid var(--border);

    box-shadow:
    0 8px 30px
    rgba(8,46,99,.08);

}

@media(max-width:768px){

.page-hero{

    padding:30px 0;

}

.page-card{

    padding:20px;

}

}