/* screen - language */

.language {
  background-color: var(--black);
  height: 100vh;
  margin: 0px;
  min-height: 800px;
  min-width: 1280px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.language .rectangle-1-A6JKMy {
  background-color: var(--black);
  height: 212px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.language .screenshot_2-A6JKMy {
  background-color: transparent;
  bottom: calc(47.51% - 18px);
  cursor: pointer;
  height: 38px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  right: calc(49.96% - 38px);
  transition: all 0.2s ease-in-out;
  width: 77px;
}

.language .screenshot_2-A6JKMy:hover {
  transform: translate(0, -5px);
}

.language .flag_of_the_-peoples-A6JKMy {
  background-color: transparent;
  bottom: calc(37.06% - 18px);
  cursor: pointer;
  height: 50px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  right: calc(49.96% - 37px);
  transition: all 0.2s ease-in-out;
  width: 75px;
}

.language .flag_of_the_-peoples-A6JKMy:hover {
  transform: translate(0, -5px);
}

.language .menu-A6JKMy {
  background-color: transparent;
  cursor: pointer;
  height: 21px;
  left: 129px;
  position: absolute;
  top: 96px;
  width: 21px;
}

.language .group-2-O2UwYE {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.language .group-20-AzuToT {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.language .line-2-eIXxCI {
  background-color: transparent;
  height: calc(100.00% + 1px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 1px);
}

.language .line-4-eIXxCI {
  background-color: transparent;
  height: calc(100.00% + 1px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 1px);
}

.language .path-14-A6JKMy {
  background-color: transparent;
  height: 29px;
  left: calc(50.00% - 171px);
  object-fit: cover;
  position: absolute;
  top: calc(39.98% - 12px);
  width: 343px;
}
/* screen - mobile-language */

.mobile-language {
  background-color: var(--black);
  height: 100vh;
  margin: 0px;
  min-height: 844px;
  min-width: 390px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.mobile-language .group-80-5Qos6a {
  background-color: transparent;
  height: 78px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile-language .rectangle-36-DDfBRs {
  background-color: var(--black);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile-language .menu-DDfBRs {
  background-color: transparent;
  bottom: calc(22.86% - 3px);
  cursor: pointer;
  height: 11px;
  left: 29px;
  position: absolute;
  width: 11px;
}

.mobile-language .group-2-KLn9m0 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.mobile-language .group-20-nqeQOa {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.mobile-language .line-2-IFgRwr {
  background-color: transparent;
  height: calc(100.00% + 1px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 1px);
}

.mobile-language .line-4-IFgRwr {
  background-color: transparent;
  height: calc(100.00% + 1px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 1px);
}

.mobile-language .screenshot_2-5Qos6a {
  background-color: transparent;
  cursor: pointer;
  height: 38px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  right: calc(49.84% - 38px);
  top: calc(49.68% - 19px);
  transition: all 0.2s ease-in-out;
  width: 77px;
}

.mobile-language .screenshot_2-5Qos6a:hover {
  transform: translate(0, -5px);
}

.mobile-language .flag_of_the_-peoples-5Qos6a {
  background-color: transparent;
  bottom: calc(40.49% - 20px);
  cursor: pointer;
  height: 50px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  right: calc(49.84% - 37px);
  transition: all 0.2s ease-in-out;
  width: 75px;
}

.mobile-language .flag_of_the_-peoples-5Qos6a:hover {
  transform: translate(0, -5px);
}

.mobile-language .path-69-5Qos6a {
  background-color: transparent;
  height: 14px;
  left: calc(50.00% - 80px);
  object-fit: cover;
  position: absolute;
  top: calc(38.73% - 5px);
  width: 161px;
}
@media screen and (max-width: 1279px) {
  .screen.language { 
    display: none;
   }
}
@media screen and (min-width: 1280px) {
  .screen.mobile-language { 
    display: none;
   }
}