
/* ===== MENU + FRONTEND PATCH ONLY ===== */
.topContactStrip{
  background:#061a4f!important;
  color:#fff!important;
  padding:9px 6%!important;
  display:flex!important;
  justify-content:center!important;
  gap:28px!important;
  flex-wrap:wrap!important;
  font-size:14px!important;
  font-weight:800!important;
  border-radius:0!important;
}

.siteHeader{
  background:#fff!important;
  position:sticky!important;
  top:0!important;
  z-index:999!important;
  box-shadow:0 14px 35px rgba(7,29,79,.12)!important;
}

.nav{
  max-width:1320px!important;
  margin:auto!important;
  padding:12px 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}

.brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:170px!important;
  color:#071d4f!important;
  font-weight:900!important;
  font-size:22px!important;
  line-height:1.05!important;
  text-decoration:none!important;
}

.brand span{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#143bb3,#041e61)!important;
  color:#fff!important;
  font-size:22px!important;
  padding:0!important;
}

.brand strong{
  display:block!important;
  letter-spacing:.2px!important;
}

.menu{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  flex:1!important;
  white-space:nowrap!important;
  font-size:14px!important;
  font-weight:900!important;
}

.menu > a,
.menu > .dropdown > a{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:12px 13px!important;
  border-radius:14px!important;
  color:#0d1730!important;
  text-decoration:none!important;
  line-height:1!important;
  transition:.2s!important;
}

.menu > a:hover,
.menu > .dropdown:hover > a{
  background:#eef4ff!important;
  color:#0b4cc2!important;
}

.menu em{
  font-style:normal!important;
  font-size:12px!important;
  opacity:.65!important;
}

.dropdown{
  position:relative!important;
}

.dropMenu{
  display:none!important;
  position:absolute!important;
  left:0!important;
  top:calc(100% + 10px)!important;
  width:230px!important;
  background:#fff!important;
  border:1px solid #e5ecff!important;
  border-radius:18px!important;
  padding:10px!important;
  box-shadow:0 22px 60px rgba(7,29,79,.20)!important;
  z-index:9999!important;
}

.dropdown:hover .dropMenu{
  display:block!important;
}

.dropMenu:before{
  content:""!important;
  position:absolute!important;
  top:-8px!important;
  left:25px!important;
  width:16px!important;
  height:16px!important;
  background:#fff!important;
  transform:rotate(45deg)!important;
  border-left:1px solid #e5ecff!important;
  border-top:1px solid #e5ecff!important;
}

.dropMenu a{
  display:block!important;
  padding:12px 14px!important;
  border-radius:12px!important;
  color:#4b5563!important;
  font-weight:800!important;
  text-decoration:none!important;
  line-height:1.25!important;
}

.dropMenu a:hover{
  background:#f2f6ff!important;
  color:#0b4cc2!important;
}

.hamb{
  display:none!important;
  border:0!important;
  background:#143bb3!important;
  color:#fff!important;
  border-radius:14px!important;
  padding:11px 14px!important;
  font-size:22px!important;
}

.hero{
  border-radius:0 0 28px 28px!important;
  background:
    radial-gradient(circle at 88% 18%, rgba(255,179,0,.22), transparent 28%),
    linear-gradient(135deg,#071d4f 0%,#143bb3 55%,#2947db 100%)!important;
}

.hero h1{
  letter-spacing:-1.2px!important;
  text-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}

.searchBox{
  border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.22)!important;
}

.btn{
  border-radius:14px!important;
}

.wa{
  border-radius:18px!important;
  padding:14px 20px!important;
  font-weight:900!important;
  box-shadow:0 16px 45px rgba(37,211,102,.35)!important;
}

@media(max-width:1200px){
  .nav{padding:12px 18px!important}
  .brand{min-width:150px!important;font-size:20px!important}
  .menu{font-size:13px!important}
  .menu > a,.menu > .dropdown > a{padding:11px 9px!important}
}

@media(max-width:980px){
  .topContactStrip{
    justify-content:flex-start!important;
    padding:8px 5%!important;
    gap:10px!important;
    font-size:12px!important;
  }
  .hamb{display:block!important}
  .nav{padding:12px 5%!important}
  .menu{
    display:none!important;
    position:absolute!important;
    left:5%!important;
    right:5%!important;
    top:100%!important;
    background:#fff!important;
    padding:14px!important;
    border-radius:20px!important;
    box-shadow:0 18px 60px rgba(7,29,79,.22)!important;
    white-space:normal!important;
    z-index:9999!important;
  }
  .menu.open{
    display:block!important;
  }
  .menu > a,
  .menu > .dropdown > a{
    display:flex!important;
    justify-content:space-between!important;
    padding:14px!important;
    margin:4px 0!important;
  }
  .dropdown:hover .dropMenu,
  .dropdown .dropMenu{
    display:block!important;
    position:static!important;
    width:auto!important;
    box-shadow:none!important;
    border:0!important;
    background:#f6f8ff!important;
    margin:0 0 8px 16px!important;
  }
  .dropMenu:before{display:none!important}
}
