html{
    scroll-behavior:smooth;
}

.jprs-portal-nav{

    position:sticky;
    top:20px;

    z-index:100;

    display:flex;
    justify-content:center;
    gap:18px;

    flex-wrap:wrap;

    margin:50px auto;

    padding:18px;

    background:#fff;

    border-radius:18px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.jprs-portal-nav a{

    display:flex;
    align-items:center;
    gap:10px;

    padding:12px 18px;

    border-radius:12px;

    color:#123B5D;

    text-decoration:none;

    font-weight:700;

    transition:.25s;
}

.jprs-portal-nav a:hover{

    background:#1E6F9F;

    color:#fff;
}

.jprs-portal-nav i{

    font-size:18px;
}
@media(max-width:768px){
    .jprs-portal-nav{
        top:10px;
        gap:10px;
        margin:35px auto;
        padding:12px;
    }

    .jprs-portal-nav a{
        padding:10px 12px;
        font-size:14px;
    }
}