.custom-navbar{
    background:rgba(5,20,36,.75);
    backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(255,255,255,.08);
    transition:.3s;
    padding:15px 0;
}

.navbar-brand{
    font-size:28px;
    color:#4cd7f6 !important;
}

.nav-link{
    color:#fff !important;
    margin-left:20px;
    font-weight:600;
    position:relative;
    transition:.3s;
}

.nav-link:hover,
.nav-link.active{
    color:#4cd7f6 !important;
}

.nav-link::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0;
    height:2px;
    background:#4cd7f6;
    transition:.3s;
}

.nav-link:hover::after,
.nav-link.active::after{
    width:100%;
}

.navbar .btn{
    border-radius:50px;
}

/* Tablet */
@media(max-width:991px){

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

    .navbar-brand{
        font-size:24px;
    }

    .navbar-collapse{
        margin-top:15px;
        padding:15px 0;
        border-top:1px solid rgba(255,255,255,.08);
    }

    .navbar-nav{
        width:100%;
    }

    .nav-link{
        margin:0;
        padding:12px 5px !important;
    }

    .nav-link::after{
        display:none;
    }

    .nav-link:hover,
    .nav-link.active{
        color:#4cd7f6 !important;
    }

    .navbar .btn{
        margin-top:15px;
        width:100%;
    }
}

/* Mobile */
@media(max-width:576px){

    .custom-navbar{
        padding:10px 0;
    }

    .navbar-brand{
        font-size:20px;
    }

    .navbar-toggler{
        padding:6px 8px;
        border:1px solid rgba(255,255,255,.2) !important;
        border-radius:8px;
    }

    .navbar-toggler:focus{
        box-shadow:0 0 0 3px rgba(76,215,246,.15);
    }

    .navbar-collapse{
        margin-top:12px;
        padding:10px 0 5px;
    }

    .nav-link{
        font-size:14px;
        padding:10px 3px !important;
    }

    .navbar .btn{
        font-size:14px;
        padding:10px 18px;
    }
}