.navbar{

position:absolute;

top:0;
left:0;

width:100%;

z-index:20;

padding:26px 0;

}

.nav-wrapper{

display:flex;

align-items:center;
justify-content:space-between;

gap:40px;

}

.logo img{
    height:72px;
}

.nav-menu{

display:flex;

gap:28px;

font-size:15px;
font-weight:500;

}

.nav-menu a{

position:relative;
padding-bottom:8px;

}

.nav-menu a.active::after{

content:"";

position:absolute;

left:0;
bottom:0;

width:100%;
height:3px;

background:var(--primary);

border-radius:20px;

}

.hamburger{

display:none;

background:none;
border:none;

cursor:pointer;

}

.hamburger span{

display:block;

width:28px;
height:3px;

margin:5px 0;

background:var(--primary);

border-radius:10px;

transition:.3s;

}