nav.top-bar ul.sub-menu{position:absolute;display:none}nav.top-bar li:hover ul.sub-menu{display:inline-block}li.menu-item{position:relative}li:hover ul.sub-menu{display:inline-block;background:#151515;padding:1.25rem;margin-top:1.5625rem;left:0;min-width:18.75rem;overflow-y:scroll;max-height:75vh;box-shadow:-.625rem 0 2.5rem rgb(0 0 0/50%)}ul.sub-menu li{position:relative;font-size:1.125rem;text-align:left;margin-bottom:1.25rem}ul.sub-menu li.active:before,ul.sub-menu li.active:hover:before{position:absolute;content:"";top:0;bottom:0;left:-1.25rem;width:.375rem;background:#02d3a9}ul.sub-menu li:hover:before{position:absolute;content:"";top:0;bottom:0;left:-1.25rem;width:.375rem;background:#fff}ul.sub-menu li a{display:block;font-weight:400!important;font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif!important;color:white!important}ul.sub-menu li.active a{font-weight:700!important;color:#02d3a9!important}ul.sub-menu li:hover a{font-weight:700!important}ul.sub-menu li:last-of-type{margin-bottom:0}ul.sub-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#151515}ul.sub-menu::-webkit-scrollbar{width:5px;background-color:#000}ul.sub-menu::-webkit-scrollbar-thumb{background-color:#02d3a9;border:2px solid #151515}