/* ==========================================================
   RITHZON TECHNOLOGIES
   Navigation Bar
========================================================== */

/* ==========================================================
   Navbar
========================================================== */

.navbar{
    background:#ffffff;
    padding:15px 0;
    transition:all .3s ease;
    z-index:999;
    border-bottom:1px solid #eef2f7;
}

/* ==========================================================
   Logo
========================================================== */

.navbar-brand{

    padding:0;

    margin:0;

    display:flex;

    align-items:center;

}

.navbar-brand img{

    height:60px;

    width:auto;

    display:block;

}
/* ==========================================================
   Navigation
========================================================== */

.navbar-nav .nav-item{
    margin-left:10px;
}

.navbar-nav .nav-link{
    position:relative;
    color:#1f2937;
    font-size:15px;
    font-weight:500;
    padding:10px 15px;
    transition:.3s;
}

/* Hover */

.navbar-nav .nav-link:hover{
    color:#0057FF;
}

/* Active */

.navbar-nav .nav-link.active{
    color:#0057FF;
    font-weight:600;
}

/* Underline Animation */

.navbar-nav .nav-link::after{

    content:'';

    position:absolute;

    left:15px;

    bottom:5px;

    width:0;

    height:2px;

    background:#0057FF;

    transition:.3s;

}

.navbar-nav .nav-link:hover::after{

    width:calc(100% - 30px);

}

.navbar-nav .nav-link.active::after{

    width:calc(100% - 30px);

}

/* ==========================================================
   Mobile Toggle
========================================================== */

.navbar-toggler{

    border:none;

    box-shadow:none;

}

.navbar-toggler:focus{

    box-shadow:none;

}

/* ==========================================================
   Sticky Navbar Shadow
========================================================== */

.navbar.sticky-top{

    box-shadow:0 2px 15px rgba(0,0,0,.05);

}

/* ==========================================================
   Responsive
========================================================== */

@media(max-width:991px){

    .navbar-nav{

        padding-top:15px;

    }

    .navbar-nav .nav-item{

        margin:0;

    }

    .navbar-nav .nav-link{

        padding:12px 0;

    }

    .brand-name{

        font-size:18px;

    }

}