.hide-sub-menu .menu--sub-content {
  display: none !important;
}

.service-menu {
  background: white !important;
  position: relative !important;
}
.service-menu .menu--item > a {
  color: var(--text-color-base) !important;
}
.service-menu .logo-white {
  display: none;
}
.service-menu .menu--sub-content {
  display: block;
  color: var(--text-color-base);
}
.service-menu .menu--item {
  color: var(--text-color-base);
}
.service-menu .menu--content select {
  color: var(--text-color-base);
  border-color: var(--text-color-base);
}
.service-menu .collapse-menu {
  color: var(--text-color-base) !important;
}
.service-menu .collapse-menu span {
  background: var(--text-color-base) !important;
}

.menu {
  position: fixed;
  z-index: 99;
  width: 100%;
  transition: 0.2s;
}
.menu--sub-content {
  display: none;
}
.menu--transparent {
  background: transparent;
  color: var(--text-color-base);
}
.menu--transparent .logo-white {
  display: block;
}
.menu--transparent .logo-color {
  display: none;
}
.menu .logo {
  width: 176px;
  display: inline-block;
}
.menu .logo img {
  width: 100%;
}
.menu--show {
  transform: translateY(0);
  background: white;
}
.menu--show .menu--item {
  color: var(--text-color-base);
}
.menu--show .menu--item > a {
  color: var(--text-color-base) !important;
}
.menu--show .menu--content select {
  color: var(--text-color-base);
  border-color: var(--text-color-base);
}
.menu--show .collapse-menu {
  color: var(--text-color-base) !important;
}
.menu--show .collapse-menu span {
  background: var(--text-color-base) !important;
}
.menu--show .logo-white {
  display: none;
}
.menu--show .logo-color {
  display: block;
}
.menu--hide {
  transform: translateY(-100%);
}
.menu--hide .logo-white {
  display: none;
}
.menu--hide .logo-color {
  display: none;
}
.menu--hide .sub-menu-content {
  opacity: 0 !important;
  pointer-events: none !important;
}
.menu .collapse-menu {
  width: 27px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  font-size: 24px;
  color: #ffffff;
  cursor: pointer;
}
.menu .collapse-menu span {
  display: block;
  height: 1px;
  width: 100%;
  background: white;
  margin-bottom: 5.5px;
}
.menu .menu--content--links {
  display: flex;
  align-items: center;
  margin-right: 5px;
  height: var(--menu-height);
}
.menu .menu--content--links .menu--item {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 24px;
  border-bottom: 3px solid transparent;
  transition: 0.3s;
}
.menu .menu--content--links .menu--item > a {
  color: white;
}
.menu .menu--content--links .menu--item:hover {
  border-color: #0d66c2;
}
.menu .menu--content--links .menu--item:hover .sub-menu-content {
  opacity: 1;
  pointer-events: all;
}
.menu .menu--content--links .menu--item .sub-menu-content {
  position: absolute;
  padding: 24px 80px;
  opacity: 0;
  pointer-events: none;
  background: white;
  transition: 0.3s;
  width: 100%;
  height: auto;
  max-height: 80vh;
  overflow: auto;
  z-index: 999;
  left: 0;
  top: var(--menu-height);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 55px;
  border-top: 1px solid #e8e8e8;
}
.menu .menu--content--links .menu--item .sub-menu-content .sub-menu-title {
  text-transform: uppercase;
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 18px;
  color: var(--text-color-base);
}
.menu .menu--content--links .menu--item .sub-menu-content .sub-menu-links {
  margin-bottom: 36px;
}
.menu .menu--content--links .menu--item .sub-menu-content a {
  font-size: 16px;
  padding: 12px 0;
  display: block;
  font-weight: 500;
  transition: 0.2s;
}
.menu .menu--content--links .menu--item .sub-menu-content a:hover {
  color: #279ed7;
}
.menu--top-content {
  display: flex;
  width: 100%;
  color: #ffffff;
  justify-content: space-between;
  align-items: center;
  padding: 0 88px;
  max-width: 1920px;
  margin: 0 auto;
}
.menu--item {
  color: #ffffff;
  font-weight: 600;
}
.menu .change-language {
  margin-right: 48px;
}
.menu--content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
  min-width: 1px;
}
.menu--content select {
  height: 24px;
  border: 1.5px solid #ffffff;
  background: transparent;
  color: #ffffff;
  padding: 1px 8px;
  border-radius: 4px;
}
.menu--content select:focus {
  outline: none;
}
.menu--content option {
  color: var(--text-color-base);
}
.menu--content .bars-menu-icon {
  font-size: 20px;
}
.menu .sub-menu-wrapper {
  position: relative;
  height: 44px;
}
.menu .sub-menu-wrapper .menu--sub-content--menu {
  position: absolute;
  min-width: 1040px;
  width: 1450px;
}
.menu--sub-content {
  background: rgba(249, 249, 249, 0.95);
}
.menu--sub-content--menu {
  display: flex;
  align-items: center;
  gap: 15px;
}
.menu--sub-content--item {
  padding: 9px 24px;
  display: inline-block;
  color: var(--text-color-base);
  border-bottom: 2px solid transparent;
  position: relative;
}
.menu--sub-content--item:hover {
  background: rgba(3, 30, 57, 0.1);
}
.menu--sub-content .sub-menu-active {
  color: #1757B7 !important;
  border-color: #1757B7;
  font-weight: 600;
}
.menu--sub-content .icon-dropdown-sub-menu {
  position: relative;
  height: 44px;
  width: 45px;
  display: flex;
  align-items: center;
}
.menu--sub-content .icon-dropdown-sub-menu:hover .sub-menu-dropdown {
  display: flex;
}
.menu--sub-content .sub-menu-dropdown {
  position: absolute;
  top: 0;
  margin-top: 43px;
  display: none;
  min-width: 320px;
  background: #FFFFFF;
  flex-direction: column;
}
.menu--sub-content .sub-menu-dropdown--item {
  padding: 12px 0 12px 32px;
  color: var(--text-color-base);
}
.menu--sub-content .sub-menu-dropdown--item:hover {
  background: rgba(3, 30, 57, 0.1);
}
.menu--sub-content .sub-menu-dropdown .sub-drop-down-menu-active {
  color: #1757B7;
  border-color: #1757B7;
  font-weight: 600;
}

.fixed-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.2s;
  opacity: 1;
}
.fixed-sidebar--hide {
  transform: translateY(-100%);
  opacity: 0;
}
.fixed-sidebar--over {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  opacity: 1;
}
.fixed-sidebar .group-sidebar {
  border-bottom: 1px solid rgba(3, 30, 57, 0.1);
  padding: 8px 0;
}
.fixed-sidebar--menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  overflow: hidden;
  overflow-y: auto;
  width: 445px;
  padding: 24px 36px;
  background-color: #fff;
}
.fixed-sidebar--menu .close-sidebar-icon {
  width: 36px;
  height: 36px;
  cursor: pointer;
}
.fixed-sidebar--menu--content a {
  color: var(--text-color-base);
  display: block;
  transition: 0.2s;
}
.fixed-sidebar--menu--content a:hover {
  color: #279ed7;
}
.fixed-sidebar--menu--content .title-sidebar {
  font-weight: 600;
  font-size: 18px;
}
.fixed-sidebar--menu--content .title-group-sidebar {
  font-weight: 600;
  font-size: 18px;
  padding: 8px 0;
}
.fixed-sidebar--menu--content .title-sidebar-large {
  padding: 16px 0;
}
.fixed-sidebar--menu--content #services-menu {
  display: flex;
  flex-direction: column;
}
.fixed-sidebar--menu--content .item-sidebar {
  padding: 12px;
}

@media (max-width: 1920px) {
  .sub-menu-dropdown {
    transform: translateX(-90%);
  }
}
@media (max-width: 1600px) {
  .menu--sub-content--item {
    padding: 9px 12px;
  }
}
@media (max-width: 1440px) {
  .menu--sub-content--menu {
    gap: 0;
  }
}
@media (max-width: 1366px) {
  .menu--item {
    padding-right: 20px;
  }
  .menu--top-content {
    padding: 0 30px;
  }
  .menu .change-language {
    padding-right: 20px;
  }

  .menu--sub-content--item {
    padding: 9px 12px;
  }
}
@media (max-width: 1024px) {
  .menu .menu--sub-content {
    display: none;
  }
}
@media (max-width: 768px) {
  .menu--top-content {
    padding: 17.5px var(--padding-base-mobile);
  }
}
@media (max-width: 586px) {
  .fixed-sidebar--menu {
    width: 100%;
    padding: 20px;
  }
}

/*# sourceMappingURL=menu.css.map */
