body{margin:0;padding:0;font-family:DM Sans}.navbardiv{z-index:1000;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 24px;display:flex;position:fixed;top:10px;left:0;right:0}.company{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#f3f3f3a8;border:1px solid #b3b3b3a2;border-radius:12px;justify-content:center;align-items:center;padding:8px 12px;display:flex}.complogo{width:25px;height:auto;margin-right:4px}.compname{color:#000;font-size:16px;font-weight:600}.navlinks{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#f3f3f3a8;border:1px solid #b3b3b3a2;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex}.link{color:#333;border-radius:8px;justify-content:center;align-items:center;padding:4px 12px;font-size:14px;font-weight:400;display:flex}.circle{background-color:#4b4de4;border-radius:50%;width:8px;height:8px;margin-right:8px}.link:hover{cursor:pointer;background-color:#4b4de4;transition:all .3s linear}.link:hover .circle{background-color:#fff;transition:all .3s linear}.link:hover .navtag{color:#fff;transition:all .3s linear}.actions{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#f3f3f3a8;border:1px solid #b3b3b3a2;border-radius:12px;justify-content:center;align-items:center;padding:6px;display:flex}.action{cursor:pointer;border:1px solid #0000;border-radius:8px;margin:1.5px;padding:6px 16px;font-size:14px;font-weight:600;transition:all .3s}.actionprim{color:#fff;background-color:#4b4de4;margin-right:4px}.actionsec{color:#000;background-color:#fff;border:1px solid #b3b3b3a2}.actioncond{display:none}.action-avatar{cursor:pointer;border:1px solid #b3b3b3a2;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:background-color .2s;display:flex}.normal-navbar-top{z-index:1000;justify-content:space-between;align-items:center;padding:12px;display:flex;position:fixed;top:0;left:0;right:0}.normal-navbar-bottom{z-index:1000;justify-content:center;padding:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.normal-navbar-bottom .navlinks{justify-content:space-around;width:80%;max-width:400px}.normal-navbar-bottom .link{gap:4px;padding:8px 4px}.normal-navbar-bottom .navtag{font-size:10px;font-weight:500}.normal-navbar-bottom .circle{margin-right:0}.action-avatar{cursor:pointer;background-color:#fff;border:1px solid #b3b3b3a2;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:background-color .2s;display:flex}.action-avatar:hover{background-color:#0000000d}.active-link .circle{background-color:#fff;margin-left:8px}.active-link .navtag{color:#fff;margin-right:8px}.active-link{background-color:#4b4de4;width:max-content}.backdrp{z-index:10;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#0000,#000000b3);border-top:1px solid #ffffff26;padding:1.5rem;position:relative}.desktop-nav-wrapper{display:none}.mobile-nav-wrapper{display:block}@media (min-width:1024px){.desktop-nav-wrapper{display:block}.mobile-nav-wrapper{display:none}}