/* =====================================================
   DS Smith Inspired Navbar
===================================================== */

.main-navbar{

    height:100px;

    background:#ffffff;

    border-bottom:1px solid #ececec;

    transition:.35s ease;

    z-index:9999;

}

.main-navbar.scrolled{

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

}

.main-navbar .container{

    height:100%;

}

.navbar-brand{

    display:flex;

    align-items:center;

}

.navbar-brand img{

    height:100px;

    transition:.3s;

}

.navbar-nav{

    align-items:center;

}

.nav-item{

    margin-left:22px;

}

.nav-link{

    position:relative;

    display:inline-block;

    padding:34px 0;

    font-size:16px;

    font-weight:600;

    color:#2b3642;

    transition:.3s;

}

.nav-link:hover{

    color:#0065B3;

}

.nav-link.active{

    color:#0065B3;

}

.nav-link::after{

    content:"";

    position:absolute;

    left:0;

    bottom:24px;

    width:0;

    height:3px;

    background:#E30613;

    border-radius:30px;

    transition:width .35s ease;

}

.nav-link:hover::after,

.nav-link.active::after{

    width:28px;

}

.apply-btn{

    background:#ff6a00;

    color:#fff;

    border-radius:50px;

    padding:13px 28px;

    font-weight:600;

    transition:.35s;

}

.apply-btn:hover{

    background:#00579a;

    color:#fff;

    transform:translateY(-2px);

    box-shadow:0 10px 24px rgba(0,101,179,.25);

}

.navbar-toggler{

    font-size:28px;

}

@media(max-width:991px){

    .main-navbar{

        height:auto;

        padding:14px 0;

    }

    .navbar-collapse{

        margin-top:20px;

    }

    .nav-item{

        margin:0;

    }

    .nav-link{

        padding:14px 0;

    }

    .nav-link::after{

        bottom:6px;

    }

    .apply-btn{

        margin-top:20px;

        display:inline-block;

    }

}