.main > header.header {
  border-bottom: 1px solid var(--Dark-gray);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  z-index: 1;
  background: #02020299;
  justify-content: space-between;
  padding: 12px 100px;
  display: flex;
  position: sticky;
  top: 0;
}

.main > header.header .logo {
  color: var(--White);
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  display: flex;
}

.main > header.header .menu {
  align-items: center;
  gap: 24px;
  display: flex;
}

.main > header.header .menu > a {
  cursor: pointer;
  color: var(--Gray);
  text-decoration: none;
}

.main > header.header .right {
  align-items: center;
  gap: 32px;
  display: flex;
}

.main > header.header .right .langs {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
}

.main > header.header .right .langs .selectLanguage {
  color: var(--White);
  cursor: pointer;
  background-color: #0000;
  border: none;
  align-items: center;
  gap: 4px;
  padding: 0;
  display: flex;
}

.main > header.header .right .langs .selectLanguage .flag {
  width: 16px;
  height: 16px;
}

.main > header.header .right .langs .selectLanguage .arrow {
  width: 16px;
  height: 16px;
  transform: rotate(90deg);
}

.main > header.header .right .langs .selectDropdown {
  width: 200px;
  position: absolute;
  top: 31px;
  left: 0;
}

.main > header.header .right .langs .selectDropdown li label {
  justify-content: space-between;
  display: flex;
}

.main > header.header .right .langs.hidden {
  display: none;
}

.main > header.header .right .join span {
  white-space: nowrap;
}

.main > header.headerMobile {
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background: #02020299;
  justify-content: space-between;
  gap: 4px;
  padding: 12px 32px;
  display: none;
  position: sticky;
  top: 0;
}

.main > header.headerMobile .logo {
  color: var(--White);
  z-index: 3;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  display: flex;
  position: relative;
}

.main > header.headerMobile .right {
  z-index: 3;
  align-items: center;
  gap: 32px;
  display: flex;
  position: relative;
}

.main > header.headerMobile .right .langs {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
}

.main > header.headerMobile .right .langs .selectLanguage {
  color: var(--White);
  cursor: pointer;
  background-color: #0000;
  border: none;
  align-items: center;
  gap: 4px;
  padding: 0;
  display: flex;
}

.main > header.headerMobile .right .langs .selectLanguage .flag {
  width: 16px;
  height: 16px;
}

.main > header.headerMobile .right .langs .selectLanguage .arrow {
  width: 16px;
  height: 16px;
  transform: rotate(90deg);
}

.main > header.headerMobile .right .langs .selectDropdown {
  width: 200px;
  position: absolute;
  top: 31px;
  left: 0;
}

.main > header.headerMobile .right .langs .selectDropdown li label {
  justify-content: space-between;
  display: flex;
}

.main > header.headerMobile .right .menuButton img {
  cursor: pointer;
  display: flex;
}

.main > header.headerMobile .right .menuButton .close, .main > header.headerMobile .right .menuButton.active .hamburger {
  display: none;
}

.main > header.headerMobile .right .menuButton.active .close {
  display: flex;
}

.main > header.headerMobile .right .join span {
  white-space: nowrap;
}

.main > header.headerMobile .menuMobile {
  background-color: var(--Black);
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
  width: 100%;
  height: 100vh;
  padding-left: 32px;
  padding-right: 32px;
  position: fixed;
  top: 0;
  left: 0;
}

.main > header.headerMobile .menuMobile .langs {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
}

.main > header.headerMobile .menuMobile .langs .selectLanguage {
  color: var(--White);
  cursor: pointer;
  background-color: #0000;
  border: none;
  align-items: center;
  gap: 4px;
  padding: 0;
  display: flex;
}

.main > header.headerMobile .menuMobile .langs .selectLanguage .flag {
  width: 16px;
  height: 16px;
}

.main > header.headerMobile .menuMobile .langs .selectLanguage .arrow {
  width: 16px;
  height: 16px;
  transform: rotate(90deg);
}

.main > header.headerMobile .menuMobile .langs .selectDropdown {
  width: 200px;
  position: absolute;
  top: 31px;
  right: 0;
}

.main > header.headerMobile .menuMobile .langs .selectDropdown li label {
  justify-content: space-between;
  display: flex;
}

.main > header.headerMobile .menuMobile .langs.hidden {
  display: none;
}

.main > header.headerMobile .menuMobile .join span {
  white-space: nowrap;
}

@media screen and (max-width: 1310px) {
  .main > header.header {
    display: none;
  }

  .main > header.headerMobile {
    z-index: 2147483647;
    display: flex;
  }

  .main > header.headerMobile .menuMobile {
    display: none;
  }

  .main > header.headerMobile .menuMobile > a {
    color: var(--White);
    font-size: 26px;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
  }

  .main > header.headerMobile .menuMobile.active {
    display: flex;
  }
}

@media screen and (max-width: 768px) {
  .main > header.header {
    display: none;
  }

  .main > header.headerMobile {
    padding: 12px 16px;
    display: flex;
  }

  .main > header.headerMobile .right {
    gap: 8px;
  }

  .main > header.headerMobile .right .langs {
    display: none;
  }

  .main > header.headerMobile .menuMobile > a {
    color: var(--White);
    font-size: 26px;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
  }

  .main > header.headerMobile .menuMobile .langs {
    display: flex;
  }
}

/*# sourceMappingURL=index.7905e248.css.map */
