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

.navbar{

    background:rgba(255,255,255,.92)!important;

    backdrop-filter:blur(12px);

    box-shadow:0 5px 25px rgba(0,0,0,.08);

    padding:15px 0;

    transition:.4s;

}

/* Logo */

.logo{

    height:55px;

    width:auto;

    object-fit:contain;

}

/* Brand */

.navbar-brand span{

    font-size:1.2rem;

}

/* Menu */

.nav-link{

    color:#333!important;

    margin:0 10px;

    position:relative;

    transition:.3s;

}

.nav-link::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-6px;

    width:0;

    height:2px;

   background:var(--primary);

    transition:.3s;

}

.nav-link:hover::after,

.nav-link.active::after{

    width:100%;

}

.nav-link.active{

    color:#fe9f1a!important;

}

/* Phone */

.phone-number{

    font-weight:600;

}

/* Button */

.btn-nav{

    border-radius:var(--radius-lg);

    padding:10px 24px;

    font-weight:600;

    transition:var(--transition);
}

.btn-nav:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 20px rgba(13,110,253,.25);

}

/* Mobile */

@media(max-width:991px){

    .navbar-collapse{

        margin-top:20px;

    }

    .btn-nav{

        width:100%;

        margin-top:15px;

    }

}

@media(max-width:768px){

    .navbar-brand span{

        font-size:1.2rem;

    }

    .logo{

        height:45px;

    }

}