@media only screen and (min-width: 992px) {
    .uv3::after {
        height: 0px !important;
    }


    .uv2, .uv4, .uv5, .uv6 {
        text-decoration: none;
        position: relative;
        border-radius: 3px;
    }

    .uv2::after, .uv4::after, .uv5::after, .uv6::after {
        height: 2px;
        bottom: -2px;
    }

    .uv3 {
        position: unset !important;
    }
}

.uv2, .uv6, .uv7{
    text-decoration: none;
    position: relative;
}

.uv2::after, .uv6::after, .uv7::after {
    position: absolute;
    content: '';
    height: 2px;
    bottom: -1.5px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 80%;
    background: #00d665;
    transition: .5s;
    border-radius: 100px;
}

.uv7::after{
    height: 3px !important;
    width: 50%;
}

.uv7:hover:after {
    width: 60%;
    background: #efefef;
}

.uv2:hover:after,
.uv6:hover:after {
    width: 90%;
    background: #00d665;
}

.uv6::after {

    height: 3px !important;
    right: unset !important;
}


.uv3 {
    text-decoration: none;
    position: initial !important;
}

.uv3::after {
    position: absolute;
    content: '';
    /*height: 3px;*/
    height: 0px;
    bottom: -2.5px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 84%;
    background: #32c7cc;
    transition: .5s;
    border-radius: 1000px;
}

.uv3:hover:after {
    width: 90%;
    background: #00d665;
}


.uv4, .uv5 {
    text-decoration: none;
    position: relative;
}

.uv4::after, .uv5::after {
    position: absolute;
    content: '';
    height: 2px;
    bottom: -1.5px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 80%;
    background: #0aea74;
    transition: .5s;
    border-radius: 100px;
}

.uv5::after {
    margin: 0 2px;
    width: 35%;
    background: gold;
}

.uv5 {
    cursor: pointer;
}

.uv4:hover:after {
    width: 90%;
    background: gold;
}

.uv5:hover:after {
    width: 100%;
    background: #64de49;
}