.item .menu-underline {
    height: 2px;
    width: 0;
    background-color: transparent;
    display: inline-block;
    transition: .3s width ease-in-out;
    position: relative;
}

.menu-underline-container{
    display: flex;
    justify-content: center;
    top: 6px !important;
    position: relative;
}

.item.active .menu-underline {
    width: 100%;
    background-color: var(--primary-color)
}

.underlined-menu .item{
    padding-left: 0 !important;
    display: block !important;
    padding-right: 32px;
}

.underlined-menu.pointing.menu {
    border-width: 0 !important;
}

.underlined-menu.menu .item{
    border-width: 0 !important;
}