.underline-center {
        position: relative;
        display: inline-block;
    }

    .underline-center::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: -4px;
        left: 50%;
        background-color: var(--gki-orange);
        transition: all 0.3s ease;
        transform: translateX(-50%);
    }

    .underline-center:hover::after {
        width: 100%;
    }