.bron-svc { position: relative; display: inline-block; }
.bron-svc-trigger { cursor: pointer; }
.bron-svc-menu { visibility: hidden; opacity: 0; position: absolute; left: 0px; bottom: 100%; margin-bottom: 10px; min-width: 300px; max-width: 92vw; z-index: 70; border-radius: 14px; padding: 12px 18px; text-align: left; background: rgb(11, 14, 20); border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: rgba(0, 0, 0, 0.5) 0px 16px 50px; transition: visibility linear 1.5s, opacity 0.18s 1.5s; }
.bron-svc-menu::after { content: ""; position: absolute; left: 0px; right: 0px; top: 100%; height: 16px; }
.bron-svc:hover .bron-svc-menu, .bron-svc:focus-within .bron-svc-menu { visibility: visible; opacity: 1; transition: visibility, opacity 0.18s; }
.bron-svc-menu ul { margin: 0px; padding: 0px; list-style: none; }
.bron-svc-menu li { margin: 0px; padding: 5px 0px; white-space: nowrap; }
.bron-svc-menu a.pg { color: rgb(103, 232, 249); text-decoration: none; font-size: 14px; font-weight: 500; }
.bron-svc-menu a.pg:hover { text-decoration: underline; }
.bron-svc-menu a.res { color: rgb(148, 163, 184); text-decoration: none; font-size: 12px; margin-left: 10px; }
.bron-svc-menu a.res:hover { color: rgb(103, 232, 249); }