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

.navbar{

position:fixed;

top:0;

left:0;

width:100%;

height:90px;

display:flex;

align-items:center;

z-index:9999;

transition:.35s;

background:rgba(255,255,255,.15);

backdrop-filter:blur(15px);

}

.navbar.scrolled{

background:white;

box-shadow:var(--shadow-sm);

}

.nav-wrapper{

display:flex;

justify-content:space-between;

align-items:center;

}

.logo{

display:flex;

align-items:center;

gap:15px;

}

.logo img{

width:60px;

height:60px;

border-radius:50%;

}

.logo h2{

font-size:24px;

font-family:var(--font-heading);

color:var(--primary);

}

.logo span{

font-size:12px;

color:#777;

}

nav ul{

display:flex;

gap:35px;

}

nav a{

font-weight:600;

transition:.3s;

}

nav a:hover{

color:var(--primary);

}

.right-menu{

display:flex;

align-items:center;

gap:20px;

}

.mobile-toggle{

display:none;

background:none;

border:none;

font-size:28px;

}

@media(max-width:991px){

nav{

display:none;

}

.mobile-toggle{

display:block;

}

}