/* ===== NAV ===== */

nav{position:sticky;top:0;z-index:9000;background:var(--white);border-bottom:1px solid var(--border);box-shadow:0 2px 20px rgba(26,60,110,.08);transition:all .3s}
.nav-inner{padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:76px}
.logo{display:flex;align-items:center;gap:10px;width: 12%;}
.logo-img{
  /* height:50px; */
  /* max-width:180px; */
  width:100%;
  object-fit:contain;
  display:block;
}
.nav-menu{display:flex;align-items:center;gap:2px;list-style:none}
.nav-item{position:relative}
.nav-link{display:flex;align-items:center;gap:4px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;color:var(--muted);letter-spacing:.2px;transition:all .2s;background:transparent;border:none;white-space:nowrap}
.nav-link:hover,.nav-link.active{color:var(--blue);background:var(--blue-l)}
.nav-link svg{width:9px;height:9px;fill:currentColor;transition:transform .3s}
.nav-item:hover .nav-link svg{transform:rotate(180deg)}
.dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:var(--white);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .22s cubic-bezier(.23,1,.32,1);z-index:100;overflow:hidden}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:none}
.dd-item{display:block;padding:11px 18px;font-size:13px;font-weight:400;color:var(--muted);transition:all .2s;border-bottom:1px solid var(--border)}
.dd-item:last-child{border-bottom:none}
.dd-item:hover{background:var(--blue-l);color:var(--blue);padding-left:24px}
.nav-cta{padding:11px 22px;background:var(--blue);border:none;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--white);box-shadow:0 4px 16px rgba(26,60,110,.25);transition:all .3s}
.nav-cta:hover{transform:translateY(-2px);background:var(--blue-d);box-shadow:0 8px 24px rgba(26,60,110,.35)}
.ham{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px;cursor:pointer}
.ham span{width:24px;height:2px;background:var(--blue);border-radius:1px;display:block}
.mob-menu{display:none;flex-direction:column;background:var(--white);border-top:1px solid var(--border);padding:16px 5%}
.mob-menu.open{display:flex}
.mob-link{padding:12px 0;border-bottom:1px solid var(--border);font-size:14px;font-weight:400;color:var(--muted);display:block}
.mob-link:hover{color:var(--blue)}

/* Mobile */
@media (max-width: 480px){ 
 .logo{display:flex;align-items:center;gap:10px;width: 50%;}
 .themetoggle{display:none !important;}   
}

/* Tablet */
@media (max-width: 768px){ 
    .logo{display:flex;align-items:center;gap:10px;width: 30%;}
    .themetoggle{display:none !important;}
    /* .ham{display:flex} */
}