#services {
    scroll-margin-top: 125px; /* Adjust the value to the height of your fixed header */
}

/* Remove the active line color from the 'Services' menu item */
#primary-nav .menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item a::after,
#primary-nav .menu-item.menu-item-type-custom.menu-item-object-custom.current_page_item a::after,
#primary-nav .menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item a::before,
#primary-nav .menu-item.menu-item-type-custom.menu-item-object-custom.current_page_item a::before {
    background-color: transparent !important;
    display: none !important;
}

/* Prevent 'Services' menu item text from being highlighted */
#primary-nav .menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item a,
#primary-nav .menu-item.menu-item-type-custom.menu-item-object-custom.current_page_item a {
    color: #080808 !important; /* Set to your default non-active menu item text color */
}

/* Highlight 'Services' menu item text and show line on hover */
#primary-nav .menu-item.menu-item-type-custom.menu-item-object-custom a:hover,
#primary-nav .menu-item.menu-item-type-custom.menu-item-object-custom a:focus {
    color: #4294e1 !important; /* Set to your desired hover text color */
}

#primary-nav .menu-item.menu-item-type-custom.menu-item-object-custom a:hover::after,
#primary-nav .menu-item.menu-item-type-custom.menu-item-object-custom a:focus::after {
    background-color: #4294e1 !important; /* Set to your desired hover line color */
    display: block !important;
} 
/* Show line on hover for 'Services' menu item */
#primary-nav .menu-item.menu-item-type-custom.menu-item-object-custom a:hover::after,
#primary-nav .menu-item.menu-item-type-custom.menu-item-object-custom a:focus::after {
    content: ''; /* Ensure the content property is set so the pseudo-element is generated */
    background-color: #4294e1 !important; /* Set to your desired hover line color */
    display: block !important;
    height: 2px; /* Set the height of the hover line */
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px; /* Adjust as needed to position the line correctly */
}