Menu displaying one minute, gone the next

I am trying to get "Main Menu" to display, but it won't. It was working, I made some small change and now it won't display. Thanks - I want it to look like this: agicorp.com

You guys are awesome. I don't know where that came from.

Could you help me out with the menu color?
Make the main menu on development site agi4test.joomla.com/
look like agicorp.com
Black background, White letters. Thank you sir.

I found a solution. Thanks.

Sorry, but I had to start my conversation over and still don't unerstand how to get the submenu to display. New site is agirollback.cloudaccess.host/
ID & PW is the same. Here is the CSS from the old site(You provided) :
div#maximenuck245 ul.maximenuck li.level1:hover.parent > a:after {
border-color: #fff transparent transparent transparent;
}
div#maximenuck245 ul.maximenuck li.maximenuck.level1:hover > a span.titreck{
color:#fff;
}

div#maximenuck245 ul.maximenuck li.maximenuck.level1:hover > a{
color:#fff;
}
div#maximenuck245 ul.maximenuck li.maximenuck.level1:hover{
background:#000;
}

div#maximenuck245 ul.maximenuck{
background:transparent;
padding-left:0px;
}

div#maximenuck245 ul.maximenuck li.level1.parent > a:after{
border-color:#000 transparent transparent
transparent;
}

div#maximenuck245 ul.maximenuck li.maximenuck.level1 > a{
color:#000;
}

#js-mainnav.megamenu.blackwhite,#megamenucss #js-mainnav.blackwhite .js-megamenu{
background:transparent !important;
background-color:transparent !important;
}

#js-mainnav.megamenu.blackwhite ul.level0 li.megacss a.megacss{
border:0px !important;
}
#megamenucss .blackwhite.megamenu ul.level0>li.megacss:hover>a.megacss .menu-title{
color: #fff !important;
}

#sp-header .sp-megamenu-wrapper .sp-megamenu-parent .sp-menu-item a, #sp-header .sp-megamenu-wrapper .sp-megamenu-parent .sp-menu-item span{
color:#000;
}
#sp-header,.sp-megamenu-parent{
z-index:unset;
}
.sp-megamenu-parent>li{
position:unset;
}

.menu-block>a {
display: flex;
align-items: center;
gap: 11px;
}
a#offcanvas-toggler {
display: none !important;
}
@media screen and (max-width:992px) {
a#offcanvas-toggler {
display: block !important;
}
nav.sp-megamenu-wrapper {
display: none !important;
}
}

.sp-megamenu-wrapper.d-flex {
display: none !important;
}