@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";body{font-family:Poppins,sans-serif;margin:0;padding:0}.navbar{height:80px;background-color:#fff;box-shadow:0 1px 4px #0000001a;display:flex;align-items:center;justify-content:center}.container{max-width:1200px;margin:0 auto;padding:0 15px;display:flex;justify-content:space-between;align-items:center;width:100%}.logo-container .logo{height:40px;width:auto}@media (max-width: 768px){.logo{display:none}}.nav-elements ul{display:flex;gap:40px;list-style:none;margin:0;padding:0}.nav-elements ul li{font-size:16px;font-weight:500}.nav-elements ul .nav-link{text-decoration:none;color:#1c2541;transition:color .3s}.nav-elements ul .nav-link:hover{color:#574c4c}.login-section .login-link{font-size:16px;font-weight:500;color:#1c2541;text-decoration:none;transition:color .3s}.login-section .login-link:hover{color:#574c4c}@media (max-width: 768px){.nav-elements ul{gap:20px}.login-section .login-link{font-size:16px}}@media (max-width: 480px){.container{flex-direction:column;align-items:center}.nav-elements ul{margin-top:10px;gap:15px}.login-section{margin-top:10px}}.user-icon-container{display:flex;align-items:center;gap:10px}.user-icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:#212b68;color:#fff;border-radius:50%;font-size:16px;font-weight:600;text-transform:uppercase}.submenu{position:absolute;top:50px;right:0;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px;z-index:1000;padding:10px}.submenu ul{list-style:none;margin:0;padding:0}.submenu ul li{margin:5px 0}.submenu ul li a{text-decoration:none;color:#1c2541;font-size:14px;padding:8px 12px;display:block;border-radius:4px;transition:background-color .3s}.submenu ul li a:hover{background-color:#f1f1f1}