.header {
   position: fixed;
   top: 0;
   z-index: 6;
   width: 100%;
   height: 96px;
   filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.1));
   background-color: #fff;
}

.header_flex-instructions {
   max-width: 1440px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.topBar {
   padding: 20px 40px 20px 348px;
}

.topBar__name {
   font-size: 20px;
}

.topBar__loginHelp {
   display: flex;
   align-items: center;
   gap: 16px;
}

.help__icon {
   transition: all 125ms;
}

.help__icon:hover {
   scale: 1.2;
   cursor: pointer;
}

.login__initials {
   font-size: 18px;
   font-weight: 700;
   color: #29abe2;
   width: 56px;
   height: 56px;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 3px solid #2a3647;
   border-radius: 56px;
   transition: all 125ms;
}

.login__initials:hover {
   background-color: rgba(12, 46, 98, 0.12);
   cursor: pointer;
}

.login__initials.login__initials--opened {
   background-color: rgba(12, 46, 98, 0.12);
   cursor: pointer;
}