.menu-item a {
        text-decoration: none; /* Убираем стандартное подчеркивание */
        position: relative;
    }

    .menu-item a::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px; /* Регулируйте положение подчеркивания */
        width: 0;
        height: 2px; /* Толщина подчеркивания */
        background-color: #80B763; /* Цвет подчеркивания */
        transition: width 0.3s ease; /* Плавная анимация */
    }

    .menu-item a:hover::after {
        width: 100%; /* Полное подчеркивание при наведении */
    }