#mainNav .navbar-nav{gap:10px}#mainNav .navbar-nav>li{position:relative;list-style:none}#mainNav .navbar-nav>li>a{display:block;padding:10px 18px;color:#fff;font-size:14px;font-weight:500;text-decoration:none;transition:.3s;text-transform:uppercase}#mainNav .navbar-nav>li:hover>a,#mainNav .current-menu-item>a,#mainNav .current-menu-parent>a{color:#e30613}#mainNav .sub-menu{position:absolute;left:0;top:100%;min-width:320px;background:#fff;padding:12px;margin:0;border-radius:12px;list-style:none;box-shadow:0 15px 35px rgb(0 0 0 / .12);opacity:0;visibility:hidden;transform:translateY(10px);transition:.35s;z-index:999}#mainNav .sub-menu::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#E30613;border-radius:12px 12px 0 0}#mainNav li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}#mainNav .sub-menu li{list-style:none}#mainNav .sub-menu li a{text-transform:uppercase;display:block;padding:10px 10px;color:#222;text-decoration:none;border-radius:8px;transition:.3s;font-size:14px}#mainNav .sub-menu li a:hover{background:#111;color:#fff}