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