/* Nkgwete main menu: Services | About | Insights | Contact button */
.nkg-dd-toggle{background:none;border:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}
.nkg-dd-toggle:focus-visible,.nkg-dd-menu a:focus-visible,.nkg-cta a:focus-visible{outline:2px solid #009FE3;outline-offset:3px}
.nkg-chev{transition:transform .2s ease;opacity:.6}
.nkg-dd.open>.nkg-dd-toggle .nkg-chev{transform:rotate(180deg)}
.nkg-dd-toggle.active{border-bottom:2px solid #009FE3!important}
.nkg-dd-menu{display:none}
.nkg-dd-menu .dropdown-item{white-space:normal}
.nkg-dd-menu .dropdown-item[aria-current="page"]{color:#009FE3!important;font-weight:700}
.nkg-dd-head{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6c757d;padding:.5rem 1rem .25rem}
.nkg-cta .btn{padding:.5rem 1.25rem}

@media (min-width:992px){
  .nkg-dd{position:relative}
  .nkg-dd-menu{position:absolute;top:100%;left:-1rem;min-width:280px;background:#fff;padding:.5rem 0;
    box-shadow:0 .75rem 2rem rgba(10,31,58,.15);border-top:3px solid #009FE3;z-index:1050}
  /* invisible bridge so the menu does not close while the pointer moves down to it */
  .nkg-dd-menu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
  .nkg-dd:hover>.nkg-dd-menu,.nkg-dd.open>.nkg-dd-menu{display:block}
  .nkg-dd:hover>.nkg-dd-toggle .nkg-chev{transform:rotate(180deg)}
  .nkg-dd-menu .dropdown-item{padding:.5rem 1.25rem}
  .nkg-dd-menu .dropdown-item:hover{background:#F0F4F7;color:#009FE3}
}
@media (max-width:991.98px){
  .nkg-dd-toggle{width:100%;justify-content:space-between;text-align:left;padding-top:.7rem!important;padding-bottom:.7rem!important}
  .nkg-dd.open>.nkg-dd-menu{display:block;padding:0 0 .5rem .75rem}
  .nkg-dd-menu .dropdown-item{padding:.6rem 0}
  .nkg-cta{padding-top:1rem}
  /* article banners: text sets the height on phones instead of spilling out */
  .nkg-hero{background:#0b2a4a}
  .nkg-hero img.img-fluid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .nkg-hero .card-img-overlay{position:relative;padding:2.5rem 0}
}