html {scroll-behavior: smooth;}
ul.wp-block-navigation>li>a::after{
    content: " ";
    display: block;
    /* position:absolute; */
    width:0px;
    height:3px;
    background-color: aqua;
    transition: 0.5s width ease-out;
}
ul.wp-block-navigation>li>a:hover::after{
    width:100%;
}
ul.wp-block-navigation li a:hover,
ul.wp-block-navigation li a:focus{
    text-decoration:none;
}
@media screen and (max-width:739px){
    .hide-on-mobile{
        display: none !important;
    }
}
@media screen and (min-width:740px){
    .hide-on-desktop{
        display: none !important;
    }
}