.brandup-more-menu{position:relative;display:flex;align-items:center;align-self:stretch} .brandup-more-toggle{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:0;white-space:nowrap} .brandup-more-dropdown{position:absolute;top:calc(100% - 2px);right:-30px;width:min(470px,calc(100vw - 28px));padding:14px;background:#fff;border:1px solid #dbe7f1;border-radius:18px;box-shadow:0 24px 60px rgba(7,27,51,.18);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.18s ease;z-index:80} .brandup-more-menu:hover .brandup-more-dropdown,.brandup-more-menu:focus-within .brandup-more-dropdown,.brandup-more-menu.open .brandup-more-dropdown{opacity:1;visibility:visible;transform:translateY(0)} .brandup-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px} .brandup-more-grid a{display:block;padding:11px 12px;border-radius:12px;color:#163a57;text-decoration:none} .brandup-more-grid a:hover,.brandup-more-grid a:focus{background:#f0f8ff} .brandup-more-grid b{display:block;font-size:12px;font-weight:900} .brandup-more-grid small{display:block;margin-top:2px;color:#74899c;font-size:9px;line-height:1.35} .brandup-more-menu.open .nav-menu-arrow{transform:rotate(180deg)} /* Robust mobile navigation drawer. JS moves the existing nav to on mobile so Safari cannot clip it inside the sticky/backdrop-filter navbar. */ @media(max-width:980px){ .navbar{z-index:110!important;overflow:visible!important} .navbar .container{overflow:visible!important} body>.nav-links.bu-mobile-drawer{ display:none!important; position:fixed!important; top:calc(64px + env(safe-area-inset-top,0px))!important; left:12px!important; right:12px!important; bottom:calc(76px + env(safe-area-inset-bottom,0px))!important; width:auto!important; height:auto!important; max-height:none!important; margin:0!important; padding:14px 14px 28px!important; border:1px solid #dbe7f1!important; border-radius:20px!important; background:#fff!important; box-shadow:0 24px 70px rgba(7,27,51,.24)!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; gap:4px!important; overflow-y:auto!important; overflow-x:hidden!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior:contain!important; z-index:2147483000!important; } body>.nav-links.bu-mobile-drawer.open{display:flex!important;visibility:visible!important;opacity:1!important} html.bu-mobile-nav-open,html.bu-mobile-nav-open body{overflow:hidden!important} body>.nav-links.bu-mobile-drawer>a, body>.nav-links.bu-mobile-drawer>.nav-menu-item, body>.nav-links.bu-mobile-drawer>.brandup-more-menu{display:block!important;position:relative!important;flex:0 0 auto!important;width:100%!important;min-height:auto!important;visibility:visible!important;opacity:1!important;transform:none!important} body>.nav-links.bu-mobile-drawer>a{padding:12px 10px!important;border-radius:10px!important;color:#10233d!important} body>.nav-links.bu-mobile-drawer>a:hover{background:#f3f8fd!important} body>.nav-links.bu-mobile-drawer .nav-services-menu>.nav-menu-link{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:12px 10px!important} body>.nav-links.bu-mobile-drawer .nav-service-dropdown{display:none!important} .brandup-more-menu{display:block!important;align-self:auto!important;width:100%!important} .brandup-more-toggle{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 10px!important;color:#10233d!important;text-align:left!important} .brandup-more-dropdown{position:static!important;display:none!important;width:100%!important;max-height:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:1px solid #dbe7f1!important;border-radius:14px!important;margin:2px 0 8px!important;padding:8px!important;background:#f5f9fd!important} .brandup-more-menu.open .brandup-more-dropdown{display:block!important} .brandup-more-grid{grid-template-columns:1fr!important;gap:3px!important;padding-bottom:2px!important} .brandup-more-grid a{display:block!important;padding:11px 10px!important} body>.nav-links.bu-mobile-drawer .nav-cta{display:flex!important;justify-content:center!important;margin-top:4px!important;color:#fff!important} } @media(max-width:640px){ body>.nav-links.bu-mobile-drawer{ top:calc(64px + env(safe-area-inset-top,0px))!important; left:10px!important; right:10px!important; bottom:calc(74px + env(safe-area-inset-bottom,0px))!important; padding:12px 12px 24px!important; } } @media(min-width:981px) and (max-width:1180px){ .navbar .container{gap:14px} .navbar .brand img{width:210px} .navbar .nav-links{gap:14px;font-size:13px} .navbar .nav-cta{padding:0 12px} } /* v4: mobile Services accordion only. Desktop behaviour is intentionally unchanged. */ @media(max-width:980px){ body>.nav-links.bu-mobile-drawer .nav-services-menu{ display:block!important; width:100%!important; } body>.nav-links.bu-mobile-drawer .nav-services-menu>.nav-menu-link{ cursor:pointer!important; } body>.nav-links.bu-mobile-drawer .nav-services-menu.open>.nav-menu-link{ background:#f3f8fd!important; } body>.nav-links.bu-mobile-drawer .nav-services-menu.open>.nav-menu-link .nav-menu-arrow{ transform:rotate(180deg)!important; } body>.nav-links.bu-mobile-drawer .nav-services-menu.open>.nav-service-dropdown{ display:block!important; position:static!important; inset:auto!important; width:100%!important; max-width:none!important; margin:2px 0 8px!important; padding:9px!important; border:1px solid #dbe7f1!important; border-radius:14px!important; background:#f5f9fd!important; box-shadow:none!important; backdrop-filter:none!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:none!important; } body>.nav-links.bu-mobile-drawer .nav-services-menu .nav-dropdown-head{ padding:6px 7px 10px!important; } body>.nav-links.bu-mobile-drawer .nav-services-menu .nav-dropdown-grid{ grid-template-columns:1fr!important; gap:3px!important; margin-top:5px!important; } body>.nav-links.bu-mobile-drawer .nav-services-menu .nav-dropdown-grid>a{ display:grid!important; grid-template-columns:38px minmax(0,1fr)!important; gap:10px!important; padding:10px!important; border-radius:11px!important; } body>.nav-links.bu-mobile-drawer .nav-services-menu .nav-dropdown-all{ display:flex!important; margin-top:6px!important; padding:11px!important; } }