/* RESET */
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Inter',sans-serif;
}

/* HEADER WRAPPER */
.header{
position:fixed;
top:20px;
left:0;
width:100%;
display:flex;
justify-content:center;
z-index:1000;
padding:0 20px;
}

/* GLASS NAVBAR */
.navbar{
width:100%;
max-width:1250px;
display:flex;
align-items:center;
justify-content:space-between;
padding:14px 24px;

background:rgba(255,255,255,0.7);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);

border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
position:relative;
}

/* LOGO */
.logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
}

.logo-icon{
width:40px;
height:40px;
background:#0EA5A8;
color:white;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
font-weight:bold;
}

.logo h2{
font-size:20px;
font-weight:800;
color:#0F172A;
}

.logo span{
color:#0EA5A8;
}

/* MENU */
.menu{
display:flex;
gap:32px;
list-style:none;
}

.menu a{
text-decoration:none;
font-weight:600;
font-size:15px;
color:#1E293B;
transition:0.25s;
}

.menu a:hover{
color:#0EA5A8;
}

/* RIGHT SIDE */
.nav-right{
display:flex;
align-items:center;
gap:18px;
}

.phone{
font-weight:600;
font-size:14px;
color:#0EA5A8;
display:flex;
align-items:center;
gap:6px;
}

/* BUTTON */
.book-btn{
background:#0EA5A8;
color:white;
padding:10px 22px;
border:none;
border-radius:25px;
font-weight:600;
cursor:pointer;
transition:0.25s;
}

.book-btn:hover{
background:#0c8c8f;
transform:translateY(-2px);
}

/* HAMBURGER ICON */
.hamburger{
display:none;
flex-direction:column;
gap:5px;
cursor:pointer;
}

.hamburger span{
width:25px;
height:3px;
background:#0F172A;
border-radius:3px;
transition:0.3s;
}

/* MOBILE MENU */
@media(max-width:900px){

.menu{
position:absolute;
top:80px;
left:0;
width:100%;
background:white;
flex-direction:column;
align-items:center;
padding:25px 0;
gap:20px;
display:none;
border-radius:0 0 15px 15px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.menu.active{
display:flex;
}

.nav-right{
display:none;
}

.hamburger{
display:flex;
}

}
/* LOGO IMAGE */
.logo img{
height:65px;
width:auto;
object-fit:contain;
}