.nav-menu li{position:relative}.nav-menu li a{color:white;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;position:relative;padding-bottom:8px;display:block;white-space:nowrap}.nav-menu li a:hover{color:#ffd700}.nav-menu li a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:#ffd700;transition:width .3s ease}.nav-menu li a:hover::after{width:100%}.submenu{list-style:none;position:absolute;top:100%;left:0;background:rgba(0,139,139,.98);border-radius:8px;padding:12px 0;min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;margin-top:12px;box-shadow:0 8px 20px rgba(0,0,0,.2)}.nav-menu li:hover .submenu{opacity:1;visibility:visible;transform:translateY(0)}.submenu li a{padding:12px 24px;color:white;font-size:16px;border-bottom:1px solid rgba(255,255,255,.15);font-weight:500}.submenu li:last-child a{border-bottom:none}.submenu li a:hover{background:rgba(255,215,0,.25);color:#ffd700}@media (max-width:1024px){.nav-menu li a{font-size:16px}}@media (max-width:768px){.nav-menu.active{display:flex}.nav-menu li{width:100%;text-align:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.15)}.nav-menu li a{font-size:15px;display:block}.submenu{position:static;display:none;opacity:1;visibility:visible;transform:none;background:rgba(0,139,139,.9);margin-top:0;box-shadow:none;min-width:auto}.nav-menu li.active .submenu{display:flex;flex-direction:column}.submenu li a{padding:8px 15px;border-bottom:none;font-size:13px}}