.main-navigation .nav-menu li a {
position: relative;
text-decoration: none;
color: #333;
font-weight: 600;
padding: 8px 12px;
transition: color 0.3s ease;
} .main-navigation .nav-menu li a::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 2px;
background-color: #0073e6;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.3s ease;
}
.main-navigation .nav-menu li a:hover {
color: #0073e6;
}
.main-navigation .nav-menu li a:hover::after {
transform: scaleX(1);
transform-origin: left;
} .main-navigation .nav-menu li.current-menu-item a::after {
transform: scaleX(1);
transform-origin: left;
}