SNIPPET CSS
ul.sub-menu>li{border-bottom:1px solid rgba(0,0,0,0.08)}ul.sub-menu>li:last-child{border-bottom:none}ul.sub-menu>li>a{font-size:14px!important;font-weight:400!important;line-height:normal!important;padding:10px 16px 10px 28px!important;display:block!important;position:relative;transition:background-color .25s ease,transform .25s ease!important;will-change:transform}ul.sub-menu>li>a::before{content:"›";position:absolute;left:14px;top:50%;transform:translateY(-50%) translateX(-4px);opacity:0;font-size:16px;color:rgba(0,0,0,0.45);transition:opacity .2s ease,transform .25s ease}ul.sub-menu>li:hover>a{background-color:rgba(0,0,0,0.04)!important;transform:translateX(4px)!important}ul.sub-menu>li:hover>a::before{opacity:1;transform:translateY(-50%) translateX(0)}.menu{display:flex;gap:30px}.menu-item{position:relative;text-decoration:none;color:#333;font-weight:600;padding:8px 0}.menu-item::after{content:"";position:absolute;left:0;bottom:0;width:0%;height:3px;background:#f49227;transition:width 0.3s ease}.menu-item:hover::after{width:100%}.menu-item.active::after{width:100%}