.header-profile-menu-wrapper {
   position: relative;
   margin-right: 24px;
   padding-bottom: 8px;
   padding-top: 8px;
}

.top-header .header-profile-menu-wrapper {
   margin-right: 10px;
}

.noscroll .header-profile-menu-wrapper {
   display: none;
}

.header-profile-menu-wrapper.active .header-profile-menu {
   opacity: 1;
   pointer-events: initial;
}

.header-profile-btn-trigger {
   width: 110px;
   height: 35px;
   border-radius: 10px;
   cursor: pointer;
   transition: 0.25s;
   background-color: #FFF;
   box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.12);
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMjUgOC4yNUM3LjUwODMyIDguMjUgNi43ODMzIDguMDMwMDcgNi4xNjY2MSA3LjYxODAxQzUuNTQ5OTMgNy4yMDU5NiA1LjA2OTI4IDYuNjIwMjkgNC43ODU0NSA1LjkzNTA2QzQuNTAxNjIgNS4yNDk4NCA0LjQyNzM2IDQuNDk1ODQgNC41NzIwNSAzLjc2ODQxQzQuNzE2NzUgMy4wNDA5OCA1LjA3MzkgMi4zNzI4IDUuNTk4MzUgMS44NDgzNUM2LjEyMjggMS4zMjM5IDYuNzkwOTggMC45NjY3NTEgNy41MTg0MSAwLjgyMjA1N0M4LjI0NTg0IDAuNjc3MzYyIDguOTk5ODQgMC43NTE2MjUgOS42ODUwNiAxLjAzNTQ1QzEwLjM3MDMgMS4zMTkyOCAxMC45NTYgMS43OTk5MyAxMS4zNjggMi40MTY2MUMxMS43ODAxIDMuMDMzMyAxMiAzLjc1ODMyIDEyIDQuNUMxMiA1LjQ5NDU2IDExLjYwNDkgNi40NDgzOSAxMC45MDE3IDcuMTUxNjVDMTAuMTk4NCA3Ljg1NDkxIDkuMjQ0NTYgOC4yNSA4LjI1IDguMjVaTTguMjUgMi4yNUM3LjgwNDk5IDIuMjUgNy4zNjk5OCAyLjM4MTk2IDYuOTk5OTcgMi42MjkxOUM2LjYyOTk2IDIuODc2NDMgNi4zNDE1NyAzLjIyNzgzIDYuMTcxMjcgMy42Mzg5NkM2LjAwMDk3IDQuMDUwMSA1Ljk1NjQyIDQuNTAyNSA2LjA0MzIzIDQuOTM4OTVDNi4xMzAwNSA1LjM3NTQxIDYuMzQ0MzQgNS43NzYzMiA2LjY1OTAxIDYuMDkwOTlDNi45NzM2OCA2LjQwNTY2IDcuMzc0NTkgNi42MTk5NSA3LjgxMTA1IDYuNzA2NzdDOC4yNDc1IDYuNzkzNTkgOC42OTk5IDYuNzQ5MDMgOS4xMTEwNCA2LjU3ODczQzkuNTIyMTcgNi40MDg0MyA5Ljg3MzU3IDYuMTIwMDUgMTAuMTIwOCA1Ljc1MDAzQzEwLjM2OCA1LjM4MDAyIDEwLjUgNC45NDUwMSAxMC41IDQuNUMxMC41IDMuOTAzMjYgMTAuMjYyOSAzLjMzMDk3IDkuODQwOTkgMi45MDkwMUM5LjQxOTAzIDIuNDg3MDUgOC44NDY3NCAyLjI1IDguMjUgMi4yNVpNMTUuMjUgMTUuMjVDMTUuMDUxOSAxNS4yNDc0IDE0Ljg2MjYgMTUuMTY3NiAxNC43MjI1IDE1LjAyNzVDMTQuNTgyNCAxNC44ODc0IDE0LjUwMjYgMTQuNjk4MSAxNC41IDE0LjVDMTQuNSAxMi41NSAxMy40NCAxMS4yNSA4LjI1IDExLjI1QzMuMDYgMTEuMjUgMiAxMi41NSAyIDE0LjVDMiAxNC42OTg5IDEuOTIwOTggMTQuODg5NyAxLjc4MDMzIDE1LjAzMDNDMS42Mzk2OCAxNS4xNzEgMS40NDg5MSAxNS4yNSAxLjI1IDE1LjI1QzEuMDUxMDkgMTUuMjUgMC44NjAzMjIgMTUuMTcxIDAuNzE5NjcgMTUuMDMwM0MwLjU3OTAxOCAxNC44ODk3IDAuNSAxNC42OTg5IDAuNSAxNC41QzAuNSA5Ljc1IDUuOTMgOS43NSA4LjI1IDkuNzVDMTAuNTcgOS43NSAxNiA5Ljc1IDE2IDE0LjVDMTUuOTk3NCAxNC42OTgxIDE1LjkxNzYgMTQuODg3NCAxNS43Nzc1IDE1LjAyNzVDMTUuNjM3NCAxNS4xNjc2IDE1LjQ0ODEgMTUuMjQ3NCAxNS4yNSAxNS4yNVoiIGZpbGw9IiMxMTExMTEiLz4KPC9zdmc+Cg==");
   background-position: 10px center;
   background-repeat: no-repeat;
   background-size: 15px;
   display: block;
   padding: 3px;
   color: #000000;
   display: flex;
   align-items: center;
   font-size: 14px;
   justify-content: center;
   padding-left: 20px;
   font-weight: bold;
}

button.header-profile-btn-trigger {
   width: 35px;
   padding: 3px;
}

.header-profile-btn-trigger img {
   border-radius: 100%;
   width: 100%;
   height: 100%;
}
.header-profile-btn-trigger:hover {
   box-shadow: 2px 4px 6px 0px rgba(0, 0, 0, 0.42);
}

@media screen and (max-width: 767px) {
   .top-header .header-profile-menu-wrapper {
      margin-right: 0;
      margin-left: 0;
   }

   .header-profile-menu-wrapper {
      margin-right: 12px;
      margin-left: 12px;
   }
}
@media screen and (max-width: 500px) {
   .header-profile-btn-trigger {
      width: 75px;
      height: 30px;
      font-size: 14px;
      background-image: none;
      padding: 4px;
      text-align: center;
   }
   #header .top-header .container {
      gap: 10px;
   }
   #header .logo-container {
      width: 90px;
      min-width: 90px;
   }
}
@media screen and (max-width: 374px) {
   .header-profile-btn-trigger {
      width: 30px;
      font-size: 10px;
   }
   #header .logo-container {
      width: 80px;
      min-width: 80px;
   }
   #header .top-header .container {
      padding: 0px 12px;
   }
}