/*========================
TOP BAR
=========================*/

.top-bar{

height:42px;

background:#0F766E;

color:#fff;

font-size:14px;

display:flex;

align-items:center;

}

.top-bar .wrapper{

display:flex;

justify-content:space-between;

align-items:center;

}

.top-left,
.top-right{

display:flex;

gap:30px;

align-items:center;

}

/*========================
HEADER
=========================*/

.header{

position:sticky;

top:0;

z-index:9999;

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

backdrop-filter:blur(18px);

border-bottom:1px solid #EDF2F7;

}

.navbar{

height:88px;

display:flex;

justify-content:space-between;

align-items:center;

}

.logo img{

height:58px;

}

.menu{

display:flex;

gap:34px;

}

.menu a{

font-size:15px;

font-weight:600;

color:#0F172A;

transition:.3s;

}

.menu a:hover{

color:#14B8A6;

}

.nav-right{

display:flex;

align-items:center;

gap:18px;

}