.navbar-brand img{width:120px}img.navbar-profile-menu{border-radius:50%}.nav-item{position:relative}.nav-item .dropdown-menu{top:65px;left:0;overflow:hidden}.nav-link{color:var(--color-black)}.nav-link.active{color:var(--color-primary)}.notification-icon{position:relative;display:flex;align-items:center}.notification-icon .count-wrapper{outline:2px solid white;position:absolute;height:20px;width:20px;top:-7px;right:-7px;border-radius:50%;background-color:red;text-align:center;display:flex;justify-content:center;align-items:center}.notification-icon .count-number{display:inline-block;color:white;padding:0;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.notification-wrapper .notification-item{max-width:270px;width:270px}.notification-wrapper.notification-wrapper-desktop .notification-item{max-width:450px;width:450px}.notification-wrapper .notification-item p{white-space:normal}.dropdown-toggle{color:var(--color-black);text-decoration:none}.dropdown-icon{margin-right:8px}.navbar{background-color:white;transition:all ease .3s}.navbar-dark .navbar-nav .nav-link{color:white;font-size:16px;font-weight:600}.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:white}.navbar-dark #iconUser{color:white!important}.navbar .dropdown-menu{top:60px;filter:drop-shadow(0 8px 24px rgba(38,38,115,.1));border:none;padding:0}.navbar .dropdown-menu.notification-wrapper-desktop{left:unset;right:0;transform:translateX(260px);width:450px}.navbar .dropdown-toggle{text-decoration:none}.navbar .dropdown-item{padding:8px 16px;border-radius:unset}.navbar .dropdown-item.notification-item{border-bottom:1px solid var(--color-neutral-light)}.navbar .dropdown-item:last-child{border-bottom:none}.navbar .dropdown-item:focus{background-color:var(--color-neutral-light)}.navbar-brand-container{display:flex;align-items:center;width:40%}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important}#mobile{display:none!important}#mobile-profile{display:none!important}#mobile-nav{display:none!important}#web{display:block!important}#web-profile{display:block!important}#web-nav{display:block!important}.notification-wrapper .notification-items,#notification-list-mobile .notification-wrapper{max-height:70vh;overflow-y:scroll;overflow-x:hidden}.notification-wrapper .notification-items::-webkit-scrollbar{height:6px;width:6px}.notification-wrapper .notification-items::-webkit-scrollbar-track{background-color:#DFE9EB}.notification-wrapper .notification-items::-webkit-scrollbar-track:hover{background-color:#DFE9EB}.notification-wrapper .notification-items::-webkit-scrollbar-track:active{background-color:#DFE9EB}.notification-wrapper .notification-items::-webkit-scrollbar-thumb{border-radius:5px;background-color:#C8D1D3}.notification-wrapper .notification-items::-webkit-scrollbar-thumb:hover{background-color:#C8D1D3}.notification-wrapper .notification-items::-webkit-scrollbar-thumb:active{background-color:#C8D1D3}@media screen and (max-width:1023px){.navbar-brand-container{width:100px;margin-left:0}.nav-notification.desktop{display:none}.navbar .dropdown-menu{border-radius:unset;filter:unset}.navbar .dropdown-item{color:var(--color-black)!important}.navbar .dropdown-profile .dropdown-icon{display:none}.notification-wrapper .notification-item{margin-left:-1rem;margin-right:-1rem;max-width:unset;width:unset}}@media screen and (min-width:768px) and (max-width:1023px){}@media screen and (min-width:1024px){.navbar-brand-container{width:25vw}#notification-list-mobile{display:none!important}}