.navbar{background:#fff;position:relative;width:100%;padding:10px}.navbar .navbar-container{padding-left:103px;padding-right:103px;margin:0 auto;display:flex;align-items:center;height:64px;justify-content:space-between}.navbar .brand{flex:1;font-size:24px;font-weight:700}.navbar .toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer}.navbar .nav-menu{display:flex;flex:2;justify-content:center;list-style:none;padding:0;margin:0}.navbar .nav-menu .nav-item{margin:0 16px;font-size:16px;position:relative}.navbar .nav-menu .nav-item a{font-size:22px}.navbar .nav-menu .nav-item .dropdown{position:absolute;top:100%;left:0;background:#fff;list-style:none;margin:0;padding:10px 0;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:4px;width:200px;z-index:1000}.navbar .nav-menu .nav-item .dropdown li{padding:8px 16px;display:flex;justify-content:space-between;align-items:center}.navbar .nav-menu .nav-item .dropdown li a{color:#495057;text-decoration:none;display:block;font-size:18px;border:none}.navbar .nav-menu .nav-item .dropdown li a:hover{background:#f8f9fa;color:#002687}.navbar .nav-menu .nav-item.active a{color:#002687;font-weight:700;border-bottom:2px solid #002687}.navbar .action-button{flex:1;display:flex;justify-content:flex-end}.navbar .action-button button{padding:10px 40px;background:#1f1f1f;color:#fff;border:none;border-radius:4px;font-size:18px;cursor:pointer}@media(max-width:1024px){.navbar .navbar-container{padding-left:50px;padding-right:50px}.navbar .action-button button{padding:8px 20px!important;background:#1f1f1f;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}}@media(max-width:768px){.navbar .navbar-container{padding-left:20px;padding-right:20px}.navbar .toggle{display:block}.navbar .nav-menu{flex-direction:column;align-items:center;position:absolute;top:64px;left:0;right:0;background:#fff}.navbar .nav-menu .nav-item{margin:12px 0}}