/* ================================
   VIVASTAR NAVBAR
================================= */

.glass-navbar {
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(8,25,45,.08);
    padding: 14px 0;
    transition: all .3s ease;
    box-shadow: 0 4px 25px rgba(8,25,45,.04);
}

/* Logo */

.glass-navbar .navbar-brand{
    font-size:30px;
    font-weight:800;
    letter-spacing:-1px;
}

.logo-text{
    color:#0b1f36;
}

.logo-star{
    color:#00a9d4;
}

/* Nav Links */

.glass-navbar .navbar-nav .nav-link{
    color:#24364b !important;
    font-size:15px;
    font-weight:500;
    margin:0 10px;
    padding:10px 4px !important;
    position:relative;
    transition:.3s;
}

.glass-navbar .navbar-nav .nav-link::after{
    content:"";
    position:absolute;
    left:4px;
    right:4px;
    bottom:3px;
    height:2px;
    background:#00a9d4;
    transform:scaleX(0);
    transform-origin:center;
    transition:.3s;
}

.glass-navbar .navbar-nav .nav-link:hover{
    color:#00a9d4 !important;
}

.glass-navbar .navbar-nav .nav-link:hover::after,
.glass-navbar .navbar-nav .nav-link.active::after{
    transform:scaleX(1);
}

.glass-navbar .navbar-nav .nav-link.active{
    color:#00a9d4 !important;
    font-weight:600;
}

/* Button */

.contact-btn{
    background:#00b8df;
    color:#fff !important;
    border:2px solid #00b8df;
    border-radius:50px;
    padding:10px 24px;
    font-size:15px;
    font-weight:600;
    transition:.3s;
}

.contact-btn:hover{
    background:#081d32;
    border-color:#081d32;
    transform:translateY(-2px);
}

/* Mobile Button */

.navbar-toggler{
    border:none !important;
    box-shadow:none !important;
}

.navbar-toggler-icon{
    background-image:none;
    width:28px;
    height:20px;
    position:relative;
    border-top:2px solid #0b1f36;
    border-bottom:2px solid #0b1f36;
}

.navbar-toggler-icon::after{
    content:"";
    position:absolute;
    left:0;
    top:7px;
    width:28px;
    height:2px;
    background:#0b1f36;
}

/* Navbar Scroll Effect */

.glass-navbar.scrolled{
    background:#ffffff;
    box-shadow:0 8px 30px rgba(0,0,0,.08);
    padding:10px 0;
}

/* Responsive */

@media(max-width:991px){

    .glass-navbar{
        padding:12px 0;
    }

    .glass-navbar .navbar-nav{
        background:#fff;
        margin-top:15px;
        padding:15px;
        border-radius:15px;
        box-shadow:0 15px 40px rgba(0,0,0,.08);
    }

    .glass-navbar .navbar-nav .nav-link{
        padding:12px 10px !important;
        margin:0;
    }

    .contact-btn{
        display:inline-block;
        margin-top:15px;
    }

}