/* mnu_ small decorative navbar + top banner */
* { box-sizing:border-box; margin:0; padding:0; }
.mnu_body {
  font-family: 'Manrope', system-ui, sans-serif;
  background: #f6f8fb;
  color:#112;
  min-height:100vh;
}

/* TOP BANNER - adjusts your image nicely */
.mnu_top_banner {
  background:#fff;
  border-bottom:1px solid #e6eef7;
  display:flex; justify-content:center; align-items:center;
  padding:8px 12px;
}
.mnu_banner_img {
  width:100%;
  max-width:1180px;
  height:auto;
  max-height:86px;
  object-fit:contain;
  object-position:left center;
  display:block;
}

/* HEADER - SMALL HEIGHT */
.mnu_header {
  position: sticky;
  top:0;
  z-index:100;
  /*background: rgba(255,255,255,0.92);*/
  background-color: #D4D4D4; #C0C0C0; #0099FF;
  backdrop-filter: blur(12px);
  border-bottom:1px solid rgba(0,0,0,0.06);
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
.mnu_navbar {
  max-width:1180px;
  margin:0 auto;
  height:44px; /* SMALL HEIGHT */
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  gap:12px;
  /*background-color: #0099FF;*/
}
.mnu_menu_wrapper { flex:1; display:flex; justify-content:center; }
.mnu_menu {
  position:relative;
  display:flex; list-style:none; gap:2px;
  background:#eef4ff;
  padding:4px; border-radius:100px;
  border:1px solid #0033CC; #dde8fb;
}
.mnu_item { position:relative; }
.mnu_link {
  display:flex; align-items:center; justify-content:center;
  padding:6px 16px; /* small padding */
  border-radius:100px;
  text-decoration:none;
  color:#3a5a85;
  font-size:13.5px; font-weight:600;
  letter-spacing:0.2px;
  transition: color 0.25s;
  position:relative; z-index:2;
  white-space:nowrap;
  height:30px;
}
.mnu_item:hover .mnu_link, .mnu_item_active .mnu_link { color:#0f2a44; }
.mnu_indicator {
  position:absolute; top:4px; left:4px;
  height:calc(100% - 8px);
  background:#ffffff;
  border:1px solid #cfe0f7;
  border-radius:100px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: all 0.38s cubic-bezier(0.34,1.56,0.64,1);
  pointer-events:none; z-index:1;
}
.mnu_dropdown {
  position:absolute; top: calc(100% + 10px); left:50%; transform: translateX(-50%) translateY(6px);
  min-width:170px; padding:6px; border-radius:14px;
  background:#fff; border:1px solid #e3ecf8;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
  opacity:0; visibility:hidden; pointer-events:none;
  transition: all 0.28s ease;
  display:flex; flex-direction:column;
}
.mnu_item:hover .mnu_dropdown { opacity:1; visibility:visible; transform: translateX(-50%) translateY(0); pointer-events:auto; }
.mnu_dropdown_link {
  padding:8px 12px; border-radius:10px; text-decoration:none; color:#3a5a85; font-size:13px; font-weight:500;
}
.mnu_dropdown_link:hover { background:#eef4ff; color:#0f2a44; }

/* BUTTONS LIGHT BLUE */
.mnu_actions { display:flex; align-items:center; gap:8px; margin-left:auto; }
.mnu_cta {
  background:#a3d5ff; /* LIGHT BLUE */
  color:#0f2a44;
  border:1px solid #8ec8fb;
  border-radius:100px;
  padding:0 14px;
  height:30px;
  font-weight:700; font-size:12.5px;
  cursor:pointer; display:flex; align-items:center; gap:5px;
  transition: all 0.2s;
}
.mnu_cta:hover { background:#8cc9ff; transform: translateY(-1px); box-shadow: 0 6px 14px rgba(163,213,255,0.45); }
.mnu_cta_arrow { font-size:12px; }
.mnu_hamburger { display:none; width:32px; height:32px; border-radius:50%; border:1px solid #d6e4f5; background:#fff; cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:4px; }
.mnu_hamburger_line { width:14px; height:1.6px; background:#0f2a44; border-radius:2px; transition: all 0.3s; }

.mnu_main { max-width:1180px; margin:36px auto; padding:0 20px; text-align:center;}
.mnu_heading { font-size:28px; letter-spacing:-0.6px; color:#0f2a44; }
.mnu_sub { margin-top:8px; color:#5a7aa0; font-size:14px; }

@media (max-width:860px){
  .mnu_banner_img { max-height:64px; object-position:center; }
  .mnu_navbar { height:44px; justify-content:space-between; }
  .mnu_menu_wrapper {
    position:fixed; inset:0; top:104px; background: rgba(246,248,251,0.96); backdrop-filter: blur(18px);
    opacity:0; visibility:hidden; pointer-events:none; transition: all 0.32s ease;
    display:grid; place-items:start center; padding-top:24px;
  }
  .mnu_menu_wrapper.mnu_menu_open { opacity:1; visibility:visible; pointer-events:auto; }
  .mnu_menu { flex-direction:column; background: transparent; border:0; gap:6px; padding:0; }
  .mnu_link { font-size:20px; height:auto; padding:10px 18px; }
  .mnu_indicator { display:none; }
  .mnu_hamburger { display:flex; }
  .mnu_hamburger.mnu_hamburger_active .mnu_hamburger_line:nth-child(1){ transform: translateY(5.6px) rotate(45deg); }
  .mnu_hamburger.mnu_hamburger_active .mnu_hamburger_line:nth-child(2){ opacity:0; }
  .mnu_hamburger.mnu_hamburger_active .mnu_hamburger_line:nth-child(3){ transform: translateY(-5.6px) rotate(-45deg); }
}