/*! formalize.css | MIT License | github.com/interacthings/formalize */
*, *:before, *:after {
  box-sizing: inherit; }

html {
  box-sizing: border-box;
  text-rendering: optimizeLegibility; }

body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a {
  color: inherit;
  text-decoration: none; }

a:active, a:focus, a:hover {
  outline: none;
  color: currentColor;
  text-decoration: none; }

button:active, button:focus, button:hover {
  outline: none;
  color: currentColor;
  text-decoration: none; }

img {
  vertical-align: middle; }

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre, fieldset, ul, ol, menu, form {
  margin: 0; }

button, fieldset, iframe {
  border: 0; }

fieldset, ul, ol, button, menu {
  padding: 0; }

ol, ul {
  list-style: none; }

textarea {
  resize: vertical; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

td {
  padding: 0; }

body {
  margin: 0;
  font-family: "archivo", sans-serif, sans-serif; }

.container {
  max-width: 1450px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto; }
  .container.lg {
    max-width: 1850px; }

.s_container {
  max-width: 1260px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto; }

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border-radius: 50px;
  font-size: 14px;
  color: #fff;
  transition: all 500ms;
  border: 1px solid transparent; }
  .button.blue {
    background-color: #0039e0; }
    .button.blue:hover {
      border-color: #0039e0;
      color: #0039e0;
      background-color: white; }
  .button.line {
    background-color: transparent;
    border-color: #fff; }
    .button.line:hover {
      border-color: transparent;
      background-color: #003ae0; }
  .button.white {
    border-color: #fff;
    border-radius: 8px;
    background-color: #fff;
    color: #010101; }
    .button.white:hover {
      border-color: white;
      background-color: transparent; }
  .button.dark {
    border-radius: 50px;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, black, rgba(10, 33, 110, 0.5));
    border-image-slice: 1;
    background-origin: border-box;
    background-image: radial-gradient(circle at 50% -2%, #003ae080, black), linear-gradient(to bottom, black, rgba(10, 33, 110, 0.5)); }
    .button.dark:hover {
      border: 1px solid #0039e0; }
  .button:hover {
    color: white; }

.swiper-button-prev, .swiper-button-next {
  top: 0;
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  background-image: none;
  width: 70px;
  height: 70px;
  border-radius: 70px;
  background-color: #272b33;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 500ms; }
  .swiper-button-prev i, .swiper-button-next i {
    transition: all 500ms;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4); }
  .swiper-button-prev:hover, .swiper-button-next:hover {
    background-color: #f1f2f6; }
    .swiper-button-prev:hover i, .swiper-button-next:hover i {
      color: black; }

.swiper-button-prev {
  left: auto;
  right: 80px; }

.swiper-button-next {
  right: 0; }

@keyframes bounce {
  0% {
    transform: translateY(0); }
  25% {
    transform: translateY(-3px); }
  50% {
    transform: translateY(0px); }
  75% {
    transform: translateY(3px); }
  100% {
    transform: translateY(0px); } }

@font-face {
  font-family: 'archivo';
  font-weight: 300;
  src: url(../font/archivo/Archivo-Light.ttf); }

@font-face {
  font-family: 'archivo';
  font-weight: 400;
  src: url(../font/archivo/Archivo-Regular.ttf); }

@font-face {
  font-family: 'archivo';
  font-weight: 500;
  src: url(../font/archivo/Archivo-Medium.ttf); }

@font-face {
  font-family: 'archivo';
  font-weight: 600;
  src: url(../font/archivo/Archivo-SemiBold.ttf); }

@font-face {
  font-family: 'archivo';
  font-weight: 700;
  src: url(../font/archivo/Archivo-Bold.ttf); }

@font-face {
  font-family: 'archivo';
  font-weight: 900;
  src: url(../font/archivo/Archivo-Black.ttf); }

.Header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  z-index: 9;
  background-color: black; }
  .Header.active {
    background-color: black; }
  .Header-in {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .Header-left {
    display: flex;
    align-items: center; }
    .Header-left-text {
      margin-left: 32px;
      display: block;
      background-image: radial-gradient(circle at 53% 54%, rgba(124, 246, 224, 0.69) 7%, rgba(0, 41, 255, 0) 68%), linear-gradient(124deg, #fff 42%, #1f7dc1 86%);
      font-size: 11px;
      font-weight: 600;
      line-height: 1.1;
      letter-spacing: -0.44px;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      width: 140px;
      height: 44px;
      padding: 10px;
      border-radius: 10px;
      border: solid 1px rgba(255, 255, 255, 0.12); }
  .Header-logo img {
    height: 29px; }
  .Header-menu {
    display: flex;
    align-items: center;
    margin-left: 15px; }
    .Header-menu-item {
      margin-left: 36px; }
    .Header-menu-link {
      font-size: 14px;
      font-weight: 500;
      color: #8e94a8;
      transition: all 500ms; }
      .Header-menu-link:hover {
        color: white; }
  .Header-right {
    display: flex;
    align-items: center; }
  .Header-language .dropdown-toggle {
    height: 47px;
    width: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 46px;
    border: solid 1px #fff;
    margin-left: 10px;
    background-color: transparent;
    cursor: pointer;
    color: white; }
    .Header-language .dropdown-toggle:after {
      display: none; }
  .Header-language .dropdown-menu {
    margin-left: 60px;
    transform: translateX(-100%) translateY(50%) !important;
    border-radius: 22px;
    border: solid 1px rgba(255, 255, 255, 0.12);
    background-image: linear-gradient(to left, black, #191c24);
    margin-top: 20px;
    background-color: transparent;
    padding: 0; }
    .Header-language .dropdown-menu-in {
      display: flex;
      align-items: center;
      height: 72px; }
  .Header-language .dropdown-item {
    position: relative;
    font-size: 14px;
    color: #fff;
    transition: all 500ms;
    padding: 0 30px; }
    .Header-language .dropdown-item:after {
      content: " ";
      display: inline-block;
      transition: 500ms;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 2px;
      background-color: #ffffff07; }
    .Header-language .dropdown-item:last-child:after {
      display: none; }
    .Header-language .dropdown-item span {
      transition: all 500ms;
      display: block;
      font-size: 10px;
      color: rgba(255, 255, 255, 0.4); }
    .Header-language .dropdown-item:hover {
      color: #ff003d;
      background-color: transparent; }
      .Header-language .dropdown-item:hover span {
        color: white; }
  .Header-pages {
    background-color: #000; }

.Footer-top {
  display: flex;
  align-items: center;
  padding-top: clamp(35px, 3.5vw, 60px);
  padding-bottom: clamp(35px, 3.5vw, 60px);
  border-bottom: 1px solid #ebedf3; }
  .Footer-top-left {
    display: flex;
    align-items: center; }
  .Footer-top-logo {
    margin-right: 20px; }
    .Footer-top-logo img {
      height: 48px;
      -o-object-fit: contain;
         object-fit: contain; }
  .Footer-top-desc {
    margin-left: 32px;
    display: block;
    background-image: radial-gradient(circle at 53% 54%, rgba(163, 124, 246, 0.69), rgba(0, 41, 255, 0) 68%), linear-gradient(124deg, black 42%, #1f7dc1 86%);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.44px;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 140px;
    height: 44px;
    padding: 10px;
    border-radius: 10px;
    border: solid 1px rgba(139, 139, 139, 0.12); }
  .Footer-top-links {
    margin-left: clamp(40px, 7vw, 120px);
    max-width: 240px;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .Footer-top-links-item {
      display: block;
      margin-bottom: 10px;
      margin-right: 14px;
      font-size: 16px;
      line-height: 1.3;
      color: black;
      transition: all 500ms; }
      .Footer-top-links-item:hover {
        color: #003ae0; }

.Footer-inner {
  padding-top: clamp(25px, 3vw, 45px);
  display: flex;
  align-items: center;
  justify-content: space-between; }

.Footer-bottom {
  margin-top: clamp(25px, 3vw, 45px);
  display: flex;
  align-items: center;
  padding-bottom: clamp(20px, 2.5vw, 40px); }
  .Footer-bottom-links {
    display: flex;
    align-items: center;
    margin-left: clamp(20px, 3vw, 50px); }
    .Footer-bottom-links-item {
      margin-right: clamp(15px, 2.5vw, 35px);
      font-size: 16px;
      line-height: 1.3;
      color: black;
      transition: all 500ms;
      text-decoration: underline; }
      .Footer-bottom-links-item:hover {
        color: #003ae0;
        text-decoration: underline; }

.Footer-social {
  margin-left: auto;
  display: flex;
  align-items: center; }
  .Footer-social-item {
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    border: solid 1px #dde0ea;
    margin-left: 12px;
    transition: all 500ms; }
    .Footer-social-item i {
      transition: all 500ms;
      color: #717276;
      font-size: 18px; }
    .Footer-social-item:hover {
      background-color: #717276; }
      .Footer-social-item:hover i {
        color: white; }

.Footer-logos {
  margin-bottom: 24px;
  display: flex;
  align-items: center; }
  .Footer-logos-item {
    margin-right: clamp(20px, 3vw, 50px); }
    .Footer-logos-item img {
      -o-object-fit: contain;
         object-fit: contain;
      height: 30px; }

.Footer-desc {
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: -0.12px;
  color: black; }

.Footer-catalog {
  width: 392px;
  height: 156px;
  padding: 24px 30px;
  border-radius: 10px;
  background-image: url(../images/download-back.jpg);
  display: flex; }
  .Footer-catalog:before {
    margin-right: 36px;
    content: "";
    display: inline-block;
    transition: 500ms;
    width: 68px;
    height: 61px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url(../images/icon-download.png); }
  .Footer-catalog-header {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: -0.18px;
    color: rgba(255, 255, 255, 0.8); }
  .Footer-catalog-desc {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.14px;
    color: rgba(255, 255, 255, 0.4); }
  .Footer-catalog-link {
    margin-top: 16px;
    width: 160px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-color: #3c3c3c;
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: -0.15px;
    color: rgba(255, 255, 255, 0.8);
    transition: all 500ms; }
    .Footer-catalog-link:hover {
      color: rgba(255, 255, 255, 0.8); }
      .Footer-catalog-link:hover i {
        animation-name: bounce;
        animation-duration: 1.5s;
        animation-timing-function: linear;
        animation-iteration-count: infinite; }
    .Footer-catalog-link i {
      transition: all 500ms;
      font-size: 24px;
      margin-right: 7px; }

.Banner {
  padding-top: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../images/square.svg);
  position: relative;
  background-color: black; }
  .Banner:after {
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -30%);
    content: "";
    display: inline-block;
    transition: 500ms;
    width: 1070px;
    height: 1070px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/ellipse.svg); }
  .Banner-in {
    position: relative; }
  .Banner-inner {
    padding-top: 90px;
    padding-bottom: 40px;
    height: 100vh;
    min-height: 750px;
    max-height: 900px;
    display: flex;
    flex-direction: column; }
  .Banner-image {
    max-width: 65%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex; }
    .Banner-image img {
      margin-left: auto;
      max-width: 100%; }
  .Banner-text {
    max-width: 700px;
    margin-top: auto;
    margin-bottom: auto; }
    .Banner-text h1 {
      font-size: clamp(24px, 3.4vw, 50px);
      font-weight: normal;
      line-height: normal;
      color: #fff;
      margin-bottom: 45px; }
    .Banner-text p {
      max-width: 560px;
      width: 65%;
      background-image: linear-gradient(to right, #caccd8, #66697f);
      font-size: 18px;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent; }
    .Banner-text-links {
      display: flex;
      align-items: center;
      margin-top: 30px; }
      .Banner-text-links .button {
        margin-right: 12px; }
  .Banner-bottom {
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .Banner-bottom-left {
      width: 468px;
      padding: 11px 31px 25px 40px;
      border-radius: 20px;
      border: solid 1px rgba(255, 255, 255, 0.12);
      background-image: linear-gradient(to left, black 70%, #191c24); }
      .Banner-bottom-left-head {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .Banner-bottom-left-head h6 {
          margin-top: 15px;
          font-size: 12px;
          font-weight: bold;
          letter-spacing: 4.44px;
          color: #d9d9d9; }
        .Banner-bottom-left-head-icon {
          width: 29px;
          height: 25px;
          -o-object-fit: contain;
             object-fit: contain; }
      .Banner-bottom-left-in {
        margin-top: 15px; }
        .Banner-bottom-left-in h5 {
          max-width: 275px;
          background-image: linear-gradient(71deg, #8e83d1 16%, #fff 53%, #003ae0 90%), linear-gradient(to bottom, #fff, #fff);
          font-size: 24px;
          font-weight: normal;
          line-height: normal;
          color: #fff;
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
        .Banner-bottom-left-in p {
          background-image: linear-gradient(to right, #caccd8, #66697f);
          font-size: 13px;
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent;
          max-width: 275px; }
      .Banner-bottom-left-footer {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .Banner-bottom-left-footer a {
          margin-top: 20px;
          font-size: 12px;
          font-weight: bold;
          color: #d9d9d9;
          display: flex;
          align-items: center;
          transition: all 500ms; }
          .Banner-bottom-left-footer a:after {
            margin-left: 10px;
            content: "";
            display: inline-block;
            transition: all 500ms;
            width: 20px;
            height: 20px;
            background-repeat: no-repeat;
            background-size: auto 100%;
            background-image: url(../images/icon-go.svg); }
          .Banner-bottom-left-footer a:hover:after {
            transform: translateX(5px); }
        .Banner-bottom-left-footer-logo {
          -o-object-fit: contain;
             object-fit: contain;
          height: 19px; }
    .Banner-bottom-right {
      padding: 20px;
      border-radius: 26px;
      -webkit-backdrop-filter: blur(14px);
      backdrop-filter: blur(14px);
      background-color: rgba(1, 1, 1, 0.6); }
      .Banner-bottom-right-buttons {
        display: flex;
        align-items: center;
        margin-top: 24px; }
        .Banner-bottom-right-buttons .button {
          margin-left: 10px;
          margin-right: 10px; }
          .Banner-bottom-right-buttons .button i {
            margin-right: 12px;
            font-size: 30px; }
          .Banner-bottom-right-buttons .button:first-child i {
            color: #ff003d; }
          .Banner-bottom-right-buttons .button:last-child i {
            color: #f8a151; }
      .Banner-bottom-right h6 {
        background-image: radial-gradient(circle at 53% 54%, rgba(124, 246, 224, 0.69), rgba(0, 41, 255, 0)), linear-gradient(105deg, #fff, #1f7dc1);
        font-size: 20px;
        font-weight: normal;
        line-height: normal;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent; }

.H_about {
  background-color: black;
  padding-bottom: clamp(40px, 10vw, 160px); }
  .H_about-in {
    position: relative;
    padding-top: clamp(40px, 10vw, 160px); }
    .H_about-in:before {
      position: absolute;
      top: 45px;
      left: 50%;
      transform: translateX(-50%);
      content: "";
      display: inline-block;
      transition: 500ms;
      width: 600px;
      height: 91px;
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-image: url(../images/stars.png); }
  .H_about-text {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative; }
    .H_about-text:before {
      pointer-events: none;
      bottom: 0;
      transform: translateY(-100%);
      position: absolute;
      content: "";
      display: inline-block;
      transition: 500ms;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: 100% auto;
      background-image: url(../images/h_aboutback.png); }
    .H_about-text .button {
      margin-top: 30px; }
  .H_about-header {
    background-image: radial-gradient(circle at 53% 54%, rgba(124, 246, 224, 0.69) 4%, rgba(0, 41, 255, 0) 45%), linear-gradient(99deg, #fff 49%, #1f7dc1 87%);
    font-size: 50px;
    font-weight: 600;
    line-height: normal;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 30px; }
  .H_about-desc {
    background-image: linear-gradient(to right, #caccd8, #66697f);
    font-size: 18px;
    line-height: 1.67;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; }
  .H_about-info {
    display: flex;
    justify-content: space-between;
    padding-top: clamp(40px, 6vw, 80px);
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto; }
    .H_about-info-item {
      width: 33.33%;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center; }
      .H_about-info-item i {
        font-size: 44px;
        color: #717276; }
      .H_about-info-item span {
        margin-top: 10px;
        display: block;
        font-size: 16px;
        text-align: center;
        color: #fff; }

.H_Games {
  padding-top: clamp(40px, 7vw, 120px);
  padding-bottom: clamp(25px, 3vw, 60px); }
  .H_Games-in .button {
    margin-top: 45px;
    width: 233px;
    margin-left: auto;
    margin-right: auto; }
  .H_Games-text {
    display: flex;
    align-items: center;
    padding-right: 160px; }
    .H_Games-text-head {
      margin-right: clamp(40px, 7vw, 120px); }
      .H_Games-text-head h6 {
        font-size: 21px;
        font-weight: bold;
        line-height: 1.1;
        letter-spacing: -0.84px;
        color: #ff003d;
        white-space: nowrap; }
        .H_Games-text-head h6 img {
          margin-right: 15px;
          height: 23px; }
      .H_Games-text-head h5 {
        margin-top: 10px;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 180px;
        background-image: radial-gradient(circle at 53% 54%, rgba(163, 124, 246, 0.69), rgba(0, 41, 255, 0) 68%), linear-gradient(124deg, black 41%, #1f7dc1 86%);
        font-size: 36px;
        font-weight: bold;
        line-height: 1.1;
        letter-spacing: -1.44px;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent; }
    .H_Games-text-desc {
      max-width: 800px;
      font-size: 18px;
      line-height: 1.5;
      color: black; }
  .H_Games-slider {
    position: relative; }
    .H_Games-slider .swiper-slide.passive {
      opacity: 0.25; }
    .H_Games-slider .swiper-slide.active {
      opacity: 1 !important; }
    .H_Games-slider .swiper-container {
      overflow: visible;
      margin-top: -100px;
      padding-top: 150px; }
    .H_Games-slider .swiper-button-prev, .H_Games-slider .swiper-button-next {
      background-color: #f1f2f6; }
      .H_Games-slider .swiper-button-prev i, .H_Games-slider .swiper-button-next i {
        color: #888ca5; }
      .H_Games-slider .swiper-button-prev:hover, .H_Games-slider .swiper-button-next:hover {
        background-color: #272b33; }
        .H_Games-slider .swiper-button-prev:hover i, .H_Games-slider .swiper-button-next:hover i {
          color: rgba(255, 255, 255, 0.4); }
  .H_Games-item {
    position: relative;
    display: flex; }
    .H_Games-item img {
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: top;
         object-position: top;
      width: 100%; }
    .H_Games-item-name {
      position: absolute;
      left: 20px;
      bottom: 20px;
      font-size: 19px;
      font-weight: 500;
      line-height: 0.89;
      letter-spacing: -0.57px;
      color: #fff; }

.H_Game {
  padding-top: clamp(35px, 3.5vw, 60px);
  padding-bottom: clamp(35px, 3.5vw, 60px);
  background-color: black; }
  .H_Game-in .button {
    width: 233px;
    margin-left: auto;
    margin-right: auto; }
  .H_Game-text {
    display: flex;
    align-items: center;
    padding-right: 160px; }
    .H_Game-text-head {
      margin-right: clamp(40px, 7vw, 120px); }
      .H_Game-text-head h6 {
        font-size: 21px;
        font-weight: bold;
        line-height: 1.1;
        letter-spacing: -0.84px;
        color: #ff003d;
        white-space: nowrap; }
        .H_Game-text-head h6 img {
          margin-right: 15px;
          height: 23px; }
      .H_Game-text-head h5 {
        margin-top: 10px;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 255px;
        background-image: radial-gradient(circle at 53% 54%, rgba(124, 246, 224, 0.69) 5%, rgba(0, 41, 255, 0) 55%), linear-gradient(114deg, #fff 46%, #1f7dc1 87%);
        font-size: 36px;
        font-weight: bold;
        line-height: 1.1;
        letter-spacing: -1.44px;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent; }
    .H_Game-text-desc {
      max-width: 400px;
      font-size: 18px;
      line-height: 1.5;
      color: white; }
  .H_Game-slider {
    position: relative; }
    .H_Game-slider .swiper-slide.passive {
      opacity: 0.25; }
    .H_Game-slider .swiper-slide.active {
      opacity: 1 !important; }
    .H_Game-slider .swiper-container {
      overflow: visible;
      margin-top: -100px;
      padding-top: 150px; }
  .H_Game-item {
    position: relative; }
    .H_Game-item img {
      width: 100%;
      border-radius: 30px; }
    .H_Game-item-text {
      max-width: 460px;
      position: absolute;
      left: 50px;
      top: 50%;
      transform: translateY(-50%); }
      .H_Game-item-text-head {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.1;
        color: #010101;
        border-radius: 10px;
        background-color: #fff;
        padding: 18px 24px;
        margin-bottom: 12px;
        display: inline-block; }
      .H_Game-item-text h4 {
        font-size: 52px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 7px; }
      .H_Game-item-text p {
        font-size: 17px;
        line-height: 1.3;
        color: #fff; }
      .H_Game-item-text-info {
        margin-top: clamp(25px, 3vw, 60px);
        display: flex;
        align-items: center; }
        .H_Game-item-text-info-item {
          display: flex;
          align-items: center;
          margin-right: clamp(20px, 2.5vw, 45px); }
          .H_Game-item-text-info-item h6 {
            font-size: 19px;
            font-weight: 600;
            line-height: 1.3;
            color: #fff; }
            .H_Game-item-text-info-item h6 span {
              display: block;
              font-size: 13px;
              font-weight: normal;
              line-height: 1.3;
              color: #fff; }
          .H_Game-item-text-info-item i {
            margin-right: 12px;
            font-size: 37px;
            color: white; }
      .H_Game-item-text-badge {
        display: flex;
        align-items: center;
        margin-top: clamp(20px, 2.5vw, 40px); }
        .H_Game-item-text-badge span {
          border-radius: 40px;
          border: solid 1px #fff;
          padding: 10px;
          margin-right: 5px;
          display: block;
          font-size: 13px;
          line-height: 1.3;
          color: #fff; }
    .H_Game-item-date {
      position: absolute;
      right: 35px;
      top: 30px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border-radius: 7px;
      border: 1px solid #fff;
      padding: 10px 23px; }
      .H_Game-item-date span {
        font-size: 12px;
        font-weight: 300;
        color: #fff; }
      .H_Game-item-date b {
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        text-transform: uppercase; }
      @media (max-width: 600px) {
        .H_Game-item-date {
          right: 14px;
          top: 14px;
          border-radius: 4px;
          padding: 6px 14px; }
          .H_Game-item-date span {
            font-size: 10px; }
          .H_Game-item-date b {
            font-size: 14px; } }

.H_Careers {
  background-color: black;
  padding-bottom: clamp(40px, 5vw, 100px); }
  .H_Careers-p {
    padding-top: clamp(30px, 4.7vw, 90px); }
  .H_Careers-in {
    display: flex;
    align-items: center;
    border-radius: 30px;
    background-color: #fff;
    padding-top: clamp(30px, 4.5vw, 70px);
    padding-bottom: clamp(30px, 4.5vw, 70px);
    background-repeat: no-repeat;
    background-size: 54%;
    background-image: url(../images/radial.png);
    background-position: right center;
    overflow: hidden; }
  .H_Careers-left {
    padding-left: clamp(30px, 3.5vw, 60px);
    width: 49%;
    position: relative;
    z-index: 2; }
    .H_Careers-left h5 {
      margin-bottom: 20px;
      width: -moz-fit-content;
      width: fit-content;
      background-image: linear-gradient(to left, rgba(163, 124, 246, 0.69), rgba(0, 41, 255, 0) 45%), linear-gradient(101deg, black 49%, #1f7dc1 87%);
      font-size: 36px;
      font-weight: bold;
      line-height: 1.1;
      letter-spacing: -1.44px;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent; }
    .H_Careers-left p {
      max-width: 500px;
      font-weight: 500;
      font-size: 17px;
      line-height: 1.3;
      letter-spacing: -0.17px;
      color: black; }
    .H_Careers-left a {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.1;
      letter-spacing: -0.72px;
      color: black;
      display: flex;
      align-items: center;
      margin-top: clamp(30px, 3.5vw, 50px);
      transition: all 500ms; }
      .H_Careers-left a:hover i {
        transform: translateX(3px); }
      .H_Careers-left a i {
        transition: all 500ms;
        font-size: 20px;
        color: #0039e0;
        margin-left: 7px; }
  .H_Careers-inner {
    margin-top: clamp(30px, 3.5vw, 50px);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: calc(100% + 400px);
    position: relative;
    z-index: 2;
    transform: translateX(-18%); }
    @media (min-width: 1180px) and (max-width: 1280px) {
      .H_Careers-inner {
        transform: translateX(-30%); } }
    @media (min-width: 991px) and (max-width: 1180px) {
      .H_Careers-inner {
        transform: translateX(-40%); } }
  .H_Careers-item {
    display: flex;
    align-items: center;
    width: calc(25% - 10px);
    height: 60px;
    padding: 6px 35px 6px 6px;
    border-radius: 50px;
    background-color: #eff1f9;
    margin-bottom: 10px;
    margin-right: 10px;
    transform: translateX(50%);
    max-width: 200px; }
    .H_Careers-item:nth-child(1), .H_Careers-item:nth-child(2), .H_Careers-item:nth-child(3), .H_Careers-item:nth-child(4) {
      transform: translateX(0); }
    .H_Careers-item img {
      width: 48px;
      height: 48px;
      border-radius: 100%;
      margin-right: 9px; }
    .H_Careers-item p {
      white-space: nowrap;
      font-size: 15px;
      line-height: 1.3;
      letter-spacing: -0.15px;
      color: black; }
      .H_Careers-item p span {
        display: block;
        font-size: 10px;
        letter-spacing: -0.1px;
        color: #717276; }
  .H_Careers-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 51%;
    position: relative;
    z-index: 1; }
    .H_Careers-right h6 {
      text-align: center;
      width: -moz-fit-content;
      width: fit-content;
      background-image: linear-gradient(to left, rgba(163, 124, 246, 0.69), rgba(0, 41, 255, 0) 45%), linear-gradient(101deg, black 49%, #1f7dc1 87%);
      font-size: 21px;
      font-weight: bold;
      line-height: 1.1;
      letter-spacing: -1.44px;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent; }
    .H_Careers-right h4 {
      text-align: center;
      width: -moz-fit-content;
      width: fit-content;
      background-image: linear-gradient(to left, rgba(163, 124, 246, 0.69), rgba(0, 41, 255, 0) 45%), linear-gradient(101deg, black 49%, #1f7dc1 87%);
      font-size: 36px;
      font-weight: bold;
      line-height: 1.1;
      letter-spacing: -1.44px;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent; }
    .H_Careers-right-buttons {
      margin-top: 25px;
      display: flex;
      align-items: center; }
      .H_Careers-right-buttons .button {
        margin-left: 4px;
        margin-right: 4px; }

.News {
  padding-top: clamp(40px, 5.5vw, 90px);
  padding-bottom: clamp(40px, 5.5vw, 90px);
  background-image: linear-gradient(245deg, #191c24 96%, #191c24 -1%); }
  .News-header {
    margin-left: auto;
    margin-right: auto;
    width: -moz-fit-content;
    width: fit-content;
    background-image: linear-gradient(to left, rgba(124, 246, 224, 0.69) 8%, rgba(0, 41, 255, 0) 86%), linear-gradient(135deg, #fff 35%, #1f7dc1 85%);
    font-size: 36px;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: -1.44px;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; }
  .News-in {
    margin-top: clamp(30px, 4.5vw, 70px); }
  .News-item {
    display: flex;
    border-radius: 30px;
    border: solid 1px rgba(255, 255, 255, 0.1);
    padding: clamp(15px, 2vw, 35px); }
    .News-item-image {
      width: 52%; }
      .News-item-image img {
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 10px; }
    .News-item-text {
      width: 48%;
      padding-left: clamp(15px, 2vw, 40px);
      padding-right: clamp(15px, 2vw, 40px);
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      padding-bottom: clamp(10px, 1.1vw, 25px); }
      .News-item-text h5 {
        padding-right: 40px;
        font-size: clamp(26px, 2vw, 36px);
        font-weight: normal;
        line-height: 1.1;
        letter-spacing: -1.44px;
        color: #fff;
        margin-bottom: clamp(10px, 1.1vw, 20px); }
        .News-item-text h5 span {
          background-image: radial-gradient(circle at 53% 54%, rgba(124, 246, 224, 0.69) 8%, rgba(0, 41, 255, 0) 86%), linear-gradient(135deg, #fff 35%, #1f7dc1 85%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent;
          font-size: clamp(26px, 2vw, 36px);
          font-weight: bold; }
      .News-item-text h4 {
        font-size: clamp(26px, 2vw, 38px);
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.38px;
        color: #fff; }
      .News-item-text p {
        font-size: clamp(14px, 1vw, 17px);
        line-height: 1.3;
        letter-spacing: -0.17px;
        color: rgba(255, 255, 255, 0.4); }
    .News-item-date {
      width: 102px;
      height: 37px;
      flex-grow: 0;
      border-radius: 40px;
      border: solid 1px #fff;
      font-size: 13px;
      line-height: 1.3;
      letter-spacing: -0.13px;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center; }
  .News .swiper-button-prev, .News .swiper-button-next {
    top: clamp(10px, 1.3vw, 35px); }
  .News .swiper-button-prev {
    right: 120px; }
  .News .swiper-button-next {
    right: 40px; }

.Detail {
  margin-bottom: 5%;
  padding-top: 87px; }
  .Detail-Banner {
    margin-bottom: clamp(20px, 2.1vw, 40px); }
    .Detail-Banner-img {
      width: 100%; }
      .Detail-Banner-img img {
        width: 100%; }
    .Detail-Banner-content-in {
      display: flex;
      align-items: flex-end; }
    .Detail-Banner-content-img {
      margin-top: calc(clamp(80px, 5.2vw, 100px) * -1);
      width: clamp(160px, 10.42vw, 200px);
      margin-right: clamp(20px, 2.1vw, 40px); }
      .Detail-Banner-content-img img {
        width: 100%; }
    .Detail-Banner-content-back {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.3;
      letter-spacing: -0.64px;
      color: #000; }
      .Detail-Banner-content-back i {
        font-size: 24px;
        color: #808080;
        transition: all 300ms; }
      .Detail-Banner-content-back:hover i {
        color: #1f7dc1; }
    .Detail-Banner-content-title {
      display: flex;
      flex-direction: column; }
      .Detail-Banner-content-title h1 {
        background-image: radial-gradient(circle at 53% 54%, rgba(163, 124, 246, 0.69), rgba(0, 41, 255, 0) 57%), linear-gradient(116deg, #000 45%, #1f7dc1 86%);
        font-size: clamp(24px, 1.83vw, 35px);
        font-weight: bold;
        line-height: 1.3;
        letter-spacing: -1.4px;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent; }
    .Detail-Banner-content-platforms {
      display: flex;
      flex-direction: column;
      margin-left: auto;
      gap: 10px; }
      .Detail-Banner-content-platforms b {
        font-size: 13px;
        font-weight: bold;
        line-height: 1.3;
        letter-spacing: -0.52px;
        color: #000; }
      .Detail-Banner-content-platforms-in {
        display: flex;
        align-items: center;
        gap: clamp(14px, 1.3vw, 24px); }
      .Detail-Banner-content-platforms-item {
        display: flex;
        align-items: center;
        gap: 8px; }
        .Detail-Banner-content-platforms-item i {
          font-size: 24px;
          color: #808080; }
        .Detail-Banner-content-platforms-item span {
          font-size: 13px;
          font-weight: normal;
          line-height: 1.3;
          letter-spacing: -0.52px;
          color: #808080; }
  .Detail-filter {
    margin-bottom: clamp(20px, 2.1vw, 40px); }
    .Detail-filter-in {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      padding-left: calc(200px + clamp(20px, 2.1vw, 40px));
      padding-top: 36px;
      position: relative; }
      .Detail-filter-in:before {
        content: "";
        display: inline-block;
        width: calc(100% - (200px + clamp(20px, 2.1vw, 40px)));
        height: 1px;
        background-color: #eaecf0;
        position: absolute;
        right: 0;
        top: 0; }
    .Detail-filter-item {
      display: flex;
      flex-direction: column;
      gap: 12px; }
      .Detail-filter-item b {
        font-size: 13px;
        font-weight: bold;
        line-height: 1.3;
        letter-spacing: -0.52px;
        color: #000; }
      .Detail-filter-item.rates .Detail-filter-item-in {
        align-items: flex-start; }
      .Detail-filter-item-in {
        display: flex;
        align-items: center; }
        .Detail-filter-item-in i {
          font-size: clamp(16px, 1.3vw, 24px);
          color: #808080;
          margin-right: 11px; }
      .Detail-filter-item-text {
        font-size: 13px;
        font-weight: normal;
        line-height: 1.3;
        letter-spacing: -0.52px;
        color: #808080; }
      .Detail-filter-item-rates {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2px; }
        .Detail-filter-item-rates span {
          font-size: 13px;
          font-weight: normal;
          line-height: 1.3;
          letter-spacing: -0.52px;
          color: #808080;
          padding: 4px;
          border-radius: 4px;
          background-color: #DADADD; }
      .Detail-filter-item-resolution {
        font-size: 13px;
        font-weight: normal;
        line-height: 1.3;
        letter-spacing: -0.52px;
        color: #808080;
        padding: 4px 6px;
        border-radius: 4px;
        border: solid 1px #808080;
        margin-left: 5px; }
      .Detail-filter-item-language .dropdown-toggle {
        background-color: transparent;
        padding: 0;
        text-decoration: underline;
        margin-left: 11px;
        font-size: 13px;
        font-weight: normal;
        line-height: 1.3;
        letter-spacing: -0.52px;
        color: #808080;
        cursor: pointer; }
        .Detail-filter-item-language .dropdown-toggle:after {
          display: none; }
      .Detail-filter-item-language .dropdown-menu {
        border-radius: 14px;
        border: solid 1px rgba(20, 20, 20, 0.1);
        background-color: #fff;
        width: -moz-max-content;
        width: max-content;
        min-width: auto; }
        .Detail-filter-item-language .dropdown-menu .dropdown-item {
          font-size: 13px;
          font-weight: normal;
          line-height: 2.1;
          letter-spacing: -0.52px;
          color: #000;
          pointer-events: none; }
  .Detail-content {
    margin-bottom: 8%; }
    .Detail-content-in {
      display: flex;
      flex-direction: column;
      padding-left: calc(200px + clamp(20px, 2.1vw, 40px)); }
    .Detail-content-text {
      display: flex;
      flex-direction: column;
      font-size: clamp(14px, 1vw, 18px);
      font-weight: normal;
      line-height: 1.67;
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 20px; }
    .Detail-content-file {
      width: -moz-max-content;
      width: max-content;
      display: flex;
      align-items: center;
      background-color: transparent;
      padding: 17px 28px;
      border-radius: 4px;
      border: solid 1px rgba(0, 0, 0, 0.2);
      gap: 12px;
      transition: all 300ms;
      cursor: pointer;
      --color: #808080;
      margin-top: 40px; }
      .Detail-content-file span {
        display: flex;
        flex-direction: column;
        font-size: 13px;
        font-weight: normal;
        line-height: 1.3;
        letter-spacing: -0.52px;
        color: var(--color);
        transition: all 300ms; }
        .Detail-content-file span small {
          font-size: 10px;
          line-height: 1.7;
          letter-spacing: -0.4px; }
      .Detail-content-file i {
        width: 36px;
        height: 36px;
        font-size: 36px;
        color: var(--color);
        display: flex;
        transition: all 300ms; }
        .Detail-content-file i:before {
          margin: 0;
          padding: 0; }
      .Detail-content-file:hover {
        --color: #fff;
        background-color: #808080; }
  .Detail-game {
    padding: 21px 12px 11px;
    border-radius: 29px;
    border: solid 1px rgba(197, 215, 235, 0.38);
    background-color: rgba(197, 215, 235, 0.2);
    margin-bottom: clamp(24px, 2.61vw, 50px); }
    .Detail-game-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 16px;
      padding: 0 24px; }
      .Detail-game-head b {
        font-size: 13px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: -0.52px;
        text-align: left;
        color: #000; }
      .Detail-game-head button, .Detail-game-head .fullscreen {
        display: flex;
        align-items: center;
        background-color: transparent;
        cursor: pointer;
        gap: 9px;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.3;
        letter-spacing: -0.52px;
        color: #000; }
        .Detail-game-head button i, .Detail-game-head .fullscreen i {
          font-size: 19px; }
    .Detail-game-in {
      width: 100%;
      border-radius: 20px; }
      .Detail-game-in img {
        width: 100%; }
      .Detail-game-in iframe {
        width: 100%; }
  .Detail .H_Games-slider .swiper-container {
    height: -moz-max-content;
    height: max-content; }

.NewsList {
  margin-bottom: 10%; }
  .NewsList-banner {
    background-color: #000;
    padding-top: clamp(100px, 9.4vw, 180px);
    padding-bottom: clamp(60px, 5.74vw, 110px);
    margin-bottom: clamp(30px, 4.2vw, 80px); }
    .NewsList-banner-in {
      display: flex;
      align-items: flex-end;
      gap: clamp(40px, 4.45vw, 85px); }
    .NewsList-banner-title {
      display: flex;
      flex-direction: column;
      gap: 7px;
      max-width: 395px; }
      .NewsList-banner-title span {
        font-size: 20px;
        font-weight: bold;
        line-height: 1.1;
        letter-spacing: -0.8px;
        color: #1f7dc1; }
      .NewsList-banner-title h1 {
        background-image: radial-gradient(circle at 53% 54%, rgba(124, 246, 224, 0.69) 7%, rgba(0, 41, 255, 0) 72%), linear-gradient(127deg, #fff 40%, #1f7dc1 86%);
        font-size: 60px;
        font-weight: bold;
        line-height: 1.1;
        letter-spacing: -2.4px;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent; }
    .NewsList-banner p {
      max-width: 475px;
      font-size: 20px;
      font-weight: normal;
      line-height: 1.3;
      letter-spacing: -0.2px;
      color: rgba(255, 255, 255, 0.8); }
  .NewsList-content {
    display: flex; }
    .NewsList-content-in {
      display: flex;
      flex-direction: column;
      gap: 16px; }
    .NewsList-content-item {
      display: flex;
      align-items: center;
      gap: 24px;
      padding: 20px;
      border-radius: 24px;
      border: solid 2px #f1f2f6;
      background-color: #fff; }
      .NewsList-content-item-img {
        max-width: 340px;
        flex-shrink: 0; }
        .NewsList-content-item-img img {
          width: 100%;
          border-radius: 10px; }
      .NewsList-content-item-text {
        display: flex;
        flex-direction: column;
        gap: 13px; }
        .NewsList-content-item-text-head {
          display: flex;
          align-items: center;
          gap: 13px; }
          .NewsList-content-item-text-head .date {
            padding: 10px 16px;
            border-radius: 40px;
            border: solid 1px #000;
            font-size: 13px;
            font-weight: normal;
            line-height: 1.3;
            letter-spacing: -0.13px;
            color: #000; }
          .NewsList-content-item-text-head .category {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 13px;
            font-weight: 500;
            line-height: 1.1;
            letter-spacing: -0.52px;
            color: #0c2444; }
            .NewsList-content-item-text-head .category i {
              font-size: 20px;
              color: #b660c3; }
        .NewsList-content-item-text-title {
          font-size: clamp(18px, 1.5vw, 28px);
          font-weight: 600;
          letter-spacing: -0.28px;
          color: #000; }
        .NewsList-content-item-text p {
          font-size: clamp(12px, 1vw, 14px);
          font-weight: normal;
          line-height: 1.3;
          letter-spacing: -0.14px;
          color: rgba(0, 0, 0, 0.4); }
      .NewsList-content-item.first {
        margin-bottom: clamp(20px, 3.34vw, 64px);
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: clamp(13px, 3.2vw, 60px);
        padding: 0;
        background-color: transparent;
        border: none; }
        .NewsList-content-item.first .NewsList-content-item-img {
          max-width: 100%; }
        .NewsList-content-item.first .NewsList-content-item-text {
          gap: clamp(13px, 1.8vw, 32px); }
          .NewsList-content-item.first .NewsList-content-item-text-head {
            display: flex;
            align-items: center;
            gap: 13px; }
            .NewsList-content-item.first .NewsList-content-item-text-head .date {
              padding: 10px 16px;
              border-radius: 40px;
              border: solid 1px #000;
              font-size: 13px;
              font-weight: normal;
              line-height: 1.3;
              letter-spacing: -0.13px;
              color: #000; }
            .NewsList-content-item.first .NewsList-content-item-text-head .category {
              display: flex;
              align-items: center;
              gap: 6px;
              font-size: 13px;
              font-weight: 500;
              line-height: 1.1;
              letter-spacing: -0.52px;
              color: #0c2444; }
              .NewsList-content-item.first .NewsList-content-item-text-head .category i {
                font-size: 20px;
                color: #b660c3; }
          .NewsList-content-item.first .NewsList-content-item-text-title {
            max-width: 455px;
            font-size: clamp(18px, 2vw, 38px);
            line-height: normal;
            letter-spacing: -0.38px; }
          .NewsList-content-item.first .NewsList-content-item-text p {
            font-size: clamp(12px, 1.2vw, 17px); }
      .NewsList-content-item:nth-child(even) {
        background-color: #f1f2f6; }

.NewsDetail {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10%;
  padding-top: clamp(85px, 8.35vw, 160px); }
  .NewsDetail-in {
    display: flex;
    flex-direction: column;
    max-width: 770px;
    padding: 0 15px; }
  .NewsDetail-back {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: -0.64px;
    color: #000;
    margin-bottom: 22px; }
    .NewsDetail-back i {
      font-size: 24px;
      color: #808080;
      transition: all 300ms; }
    .NewsDetail-back:hover i {
      color: #1f7dc1; }
  .NewsDetail-img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: clamp(20px, 1.9vw, 36px); }
    .NewsDetail-img img {
      width: 100%;
      border-radius: 10px; }
  .NewsDetail-head {
    display: flex;
    align-items: center;
    gap: clamp(14px, 1.46vw, 28px);
    margin-bottom: 22px; }
    .NewsDetail-head .date {
      padding: 10px 16px;
      border-radius: 40px;
      border: solid 1px #000;
      font-size: 13px;
      font-weight: normal;
      line-height: 1.3;
      letter-spacing: -0.13px;
      color: #000; }
    .NewsDetail-head .category {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 13px;
      font-weight: 500;
      line-height: 1.1;
      letter-spacing: -0.52px;
      color: #0c2444; }
      .NewsDetail-head .category i {
        font-size: 20px;
        color: #b660c3; }
  .NewsDetail-title {
    font-size: clamp(18px, 2vw, 38px);
    font-weight: 600;
    letter-spacing: -0.38px;
    color: #000;
    margin-bottom: 22px; }
  .NewsDetail-text {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-bottom: clamp(30px, 4.2vw, 80px); }
    .NewsDetail-text p {
      font-size: clamp(14px, 1vw, 17px);
      font-weight: normal;
      line-height: 1.5;
      letter-spacing: -0.17px;
      color: rgba(0, 0, 0, 0.8); }
  .NewsDetail-gallery {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border-radius: 20px;
    border: solid 1px #e9ebf1;
    background-color: #f2f4fa; }
    .NewsDetail-gallery h2 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: -0.18px;
      color: #000;
      padding-left: 12px;
      margin-bottom: 12px; }
    .NewsDetail-gallery-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px; }
      .NewsDetail-gallery-list a {
        display: flex; }
        .NewsDetail-gallery-list a img {
          width: 100%;
          border-radius: 10px; }
        .NewsDetail-gallery-list a.more {
          border-radius: 10px;
          background-color: #fff;
          padding: 23px;
          align-items: flex-end; }
          .NewsDetail-gallery-list a.more span {
            font-size: 14px;
            font-weight: 600;
            letter-spacing: -0.14px;
            color: #000; }

.Careers {
  padding-top: clamp(85px, 8.35vw, 160px);
  position: relative;
  margin-bottom: 10%; }
  .Careers:before {
    content: "";
    display: inline-block;
    width: 53%;
    height: 60%;
    filter: blur(clamp(200px, 27.3vw, 524px));
    background-color: rgba(0, 58, 224, 0.18);
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none; }
  .Careers-nb:before {
    display: none; }
  .Careers-back {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: -0.64px;
    color: #000;
    margin-bottom: clamp(24px, 2.87vw, 55px); }
    .Careers-back i {
      font-size: 24px;
      color: #808080;
      transition: all 300ms; }
    .Careers-back:hover i {
      color: #1f7dc1; }
  .Careers-banner {
    padding-bottom: clamp(30px, 5vw, 95px);
    border-bottom: 1px solid rgba(40, 53, 90, 0.1);
    margin-bottom: clamp(30px, 3.65vw, 70px); }
    .Careers-banner .H_Careers {
      position: relative;
      z-index: 1; }
      .Careers-banner .H_Careers-left {
        min-width: 500px;
        width: 100%;
        display: flex;
        align-items: center;
        flex-shrink: 0;
        gap: 30px; }
        .Careers-banner .H_Careers-left-in {
          width: 40%; }
      .Careers-banner .H_Careers-inner {
        display: grid;
        grid-template-columns: repeat(4, 180px);
        row-gap: 10px;
        -moz-column-gap: 20px;
             column-gap: 20px;
        width: 60%;
        transform: translateX(0); }
      .Careers-banner .H_Careers-item {
        transform: translateX(0);
        min-width: 180px;
        flex-shrink: 0;
        margin: 0; }
        .Careers-banner .H_Careers-item:nth-child(1), .Careers-banner .H_Careers-item:nth-child(2), .Careers-banner .H_Careers-item:nth-child(3), .Careers-banner .H_Careers-item:nth-child(4) {
          transform: translateX(50%); }
  .Careers-cv {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px; }
    .Careers-cv-left {
      display: flex;
      flex-direction: column; }
      .Careers-cv-left .date {
        display: flex;
        align-items: center;
        gap: 9px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.3;
        letter-spacing: -0.14px;
        color: #000;
        margin-bottom: 9px; }
        .Careers-cv-left .date i {
          font-size: clamp(18px, 1.4vw, 24px);
          color: #000; }
      .Careers-cv-left .Positions-item-head {
        margin-bottom: clamp(24px, 2.87vw, 55px); }
    .Careers-cv-title {
      font-size: clamp(16px, 1.46vw, 28px);
      font-weight: 500;
      line-height: 1.3;
      letter-spacing: -0.28px;
      color: #000;
      margin-bottom: 9px; }
    .Careers-cv-text {
      max-width: 620px; }
      .Careers-cv-text p {
        font-size: 14px;
        font-weight: normal;
        line-height: 1.3;
        letter-spacing: -0.14px;
        color: #717276;
        margin-bottom: clamp(20px, 1.83vw, 35px); }
      .Careers-cv-text ul {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: clamp(20px, 1.83vw, 35px); }
        .Careers-cv-text ul li {
          display: flex;
          align-items: center;
          gap: 8px;
          font-size: 14px;
          font-weight: 600;
          line-height: 1.3;
          letter-spacing: -0.14px;
          color: #717276; }
          .Careers-cv-text ul li:before {
            content: "";
            display: inline-block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #b660c3; }
    .Careers-cv-right {
      width: 496px;
      flex-shrink: 0;
      border-radius: 20px;
      background-color: #eff1f9;
      padding: clamp(18px, 1.5vw, 28px); }
      .Careers-cv-right-title {
        font-size: clamp(16px, 1.46vw, 28px);
        font-weight: 500;
        line-height: 1.3;
        letter-spacing: -0.28px;
        color: #000;
        margin-bottom: 20px;
        padding-left: 14px; }
    .Careers-cv-form {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .Careers-cv-form-item {
        width: 100%;
        margin-bottom: 4px; }
        .Careers-cv-form-item label {
          width: 100%;
          border-radius: 10px;
          background-color: #fff;
          position: relative;
          padding: 16px 23px;
          margin: 0; }
          .Careers-cv-form-item label span {
            position: absolute;
            opacity: 0.5;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.5;
            color: #000;
            padding: 5px 10px;
            left: 13px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
            transition: all 300ms; }
          .Careers-cv-form-item label input, .Careers-cv-form-item label textarea {
            width: 100%;
            background-color: transparent;
            border: none;
            box-shadow: none;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.5;
            color: #000; }
            .Careers-cv-form-item label input::-moz-placeholder, .Careers-cv-form-item label textarea::-moz-placeholder {
              opacity: 0.5;
              font-size: 14px;
              color: #000; }
            .Careers-cv-form-item label input::placeholder, .Careers-cv-form-item label textarea::placeholder {
              opacity: 0.5;
              font-size: 14px;
              color: #000; }
            .Careers-cv-form-item label input:focus, .Careers-cv-form-item label textarea:focus {
              border: none;
              outline: none; }
              .Careers-cv-form-item label input:focus + span, .Careers-cv-form-item label textarea:focus + span {
                transform: translateY(-30px);
                color: #011b56;
                opacity: 0.8; }
          .Careers-cv-form-item label input:valid + span {
            transform: translateY(-45px);
            color: #011b56;
            opacity: 1; }
        .Careers-cv-form-item-cv {
          display: flex;
          flex-direction: column;
          margin-bottom: clamp(14px, 1vw, 18px);
          margin-top: 10px; }
          .Careers-cv-form-item-cv-title {
            font-size: clamp(14px, 1vw, 16px);
            font-weight: bold;
            color: #000;
            margin-bottom: clamp(14px, 1vw, 18px);
            margin-top: 14px; }
          .Careers-cv-form-item-cv .dropzone {
            width: 100%;
            height: 150px;
            border-radius: 10px;
            border: dashed 1px #dde0ea;
            background-color: rgba(255, 255, 255, 0.5);
            display: flex;
            align-items: center;
            justify-content: center; }
            .Careers-cv-form-item-cv .dropzone .dz-message {
              margin: 0; }
              .Careers-cv-form-item-cv .dropzone .dz-message .dz-button {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100%; }
                .Careers-cv-form-item-cv .dropzone .dz-message .dz-button b {
                  font-size: 12px;
                  font-weight: normal;
                  line-height: 1.3;
                  letter-spacing: -0.12px;
                  text-align: center;
                  color: #8e94a8;
                  margin-bottom: 5px; }
                .Careers-cv-form-item-cv .dropzone .dz-message .dz-button p {
                  font-size: 13px;
                  font-weight: 500;
                  line-height: 1.3;
                  letter-spacing: -0.13px;
                  text-align: center;
                  color: #8e94a8; }
                .Careers-cv-form-item-cv .dropzone .dz-message .dz-button img {
                  width: 50px; }
        .Careers-cv-form-item-checkbox {
          margin-bottom: clamp(18px, 1.9vw, 36px); }
          .Careers-cv-form-item-checkbox label {
            width: 100%;
            display: flex;
            align-items: center;
            position: relative; }
            .Careers-cv-form-item-checkbox label span {
              width: 24px;
              height: 24px;
              display: flex;
              align-items: center;
              padding: 6px;
              border-radius: 4px;
              border: solid 1px #c7d0d4;
              pointer-events: none;
              margin-right: 8px; }
              .Careers-cv-form-item-checkbox label span:before {
                content: "";
                display: inline-block;
                position: absolute;
                left: 10px;
                top: 6px;
                width: 5px;
                height: 10px;
                border: solid #000;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg);
                transition: all 300ms;
                opacity: 0; }
            .Careers-cv-form-item-checkbox label input {
              position: absolute;
              width: 100%;
              height: 100%;
              opacity: 0;
              cursor: pointer; }
              .Careers-cv-form-item-checkbox label input:checked + span:before {
                opacity: 1; }
            .Careers-cv-form-item-checkbox label p {
              opacity: 0.9;
              font-size: 14px;
              font-weight: 500;
              line-height: 1.5;
              color: #686876; }
              .Careers-cv-form-item-checkbox label p a {
                text-decoration: underline;
                transition: all 300ms; }
                .Careers-cv-form-item-checkbox label p a:hover {
                  color: #000; }
        .Careers-cv-form-item-textarea {
          margin-bottom: 20px; }
          .Careers-cv-form-item-textarea label span {
            top: 30px;
            transform: translateY(-45px); }
          .Careers-cv-form-item-textarea label textarea:invalid + span {
            transform: translateY(-20px); }
      .Careers-cv-form-submit {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px 10px;
        border-radius: 10px;
        background-color: #0039e0;
        border: 1px solid #0039e0;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        cursor: pointer;
        transition: all 300ms; }
        .Careers-cv-form-submit:hover {
          background-color: #fff;
          color: #0e49e1; }
  .Careers-other {
    margin-bottom: 10%; }
    .Careers-other .swiper-container {
      overflow: visible; }
    .Careers-other .swiper-slide {
      opacity: 0.3; }
      .Careers-other .swiper-slide-active, .Careers-other .swiper-slide-next {
        opacity: 1; }

.Positions {
  display: flex;
  flex-direction: column;
  padding: 0 clamp(30px, 3.5vw, 60px);
  margin-bottom: 10%; }
  .Positions-title {
    background-image: linear-gradient(to left, rgba(163, 124, 246, 0.69), rgba(0, 41, 255, 0) 45%), linear-gradient(101deg, black 49%, #1f7dc1 87%);
    display: block;
    font-size: clamp(20px, 1.46vw, 28px);
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: -1.12px;
    text-align: left;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: clamp(30px, 3.5vw, 60px);
    width: -moz-max-content;
    width: max-content; }
  .Positions-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(12px, 1.1vw, 20px); }
  .Positions-item {
    display: flex;
    flex-direction: column;
    padding: clamp(16px, 1.67vw, 32px);
    border-radius: 17px;
    background-color: #eff1f9; }
    .Positions-item-title {
      font-size: clamp(16px, 1.46vw, 28px);
      font-weight: 500;
      line-height: 1.3;
      letter-spacing: -0.28px;
      color: #000;
      margin-bottom: 9px; }
    .Positions-item-head {
      display: flex;
      align-items: center;
      gap: clamp(12px, 1vw, 16px);
      margin-bottom: 9px; }
      .Positions-item-head .location {
        display: flex;
        align-items: center;
        gap: 9px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.3;
        letter-spacing: -0.14px;
        color: #000; }
        .Positions-item-head .location i {
          font-size: clamp(18px, 1.4vw, 24px);
          color: #000; }
      .Positions-item-head .features {
        padding: 6px 16px;
        border-radius: 34px;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.3;
        letter-spacing: -0.12px;
        color: #fff; }
        .Positions-item-head .features.blue {
          background-color: #003ae0; }
        .Positions-item-head .features.pink {
          background-color: #b660c3; }
    .Positions-item p {
      font-size: 14px;
      font-weight: normal;
      line-height: 1.3;
      letter-spacing: -0.14px;
      color: #717276;
      margin-bottom: 22px; }
    .Positions-item-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .Positions-item-bottom .date {
        display: flex;
        align-items: center;
        gap: 9px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.3;
        letter-spacing: -0.14px;
        color: #000; }
        .Positions-item-bottom .date i {
          font-size: clamp(18px, 1.4vw, 24px);
          color: #000; }
      .Positions-item-bottom .link {
        display: flex;
        align-items: center;
        gap: 9px;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.1;
        letter-spacing: -0.56px;
        color: #000;
        transition: all 300ms; }
        .Positions-item-bottom .link i {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 32px;
          height: 32px;
          font-size: 20px;
          color: #0039e0;
          border-radius: 6px;
          border: solid 1px #003ae0;
          transition: all 300ms; }
    .Positions-item:hover .link i {
      background-color: #003ae0;
      color: #fff; }

.Policy {
  margin-bottom: 10%; }
  .Policy-in {
    display: grid;
    grid-template-columns: clamp(180px, 13vw, 250px) 1fr;
    gap: clamp(24px, 2.6vw, 50px); }
  .Policy-menu {
    padding-top: clamp(100px, 8.35vw, 160px);
    display: flex;
    flex-direction: column;
    gap: clamp(20px, 2.2vw, 42px);
    border-right: 1px solid #ededed; }
    .Policy-menu-item {
      font-size: clamp(16px, 1.3vw, 24px);
      font-weight: normal;
      line-height: 1.3;
      letter-spacing: -0.24px;
      color: rgba(0, 0, 0, 0.5);
      transition: all 300ms; }
      .Policy-menu-item:hover, .Policy-menu-item.active {
        color: #003ae0; }
  .Policy-content {
    padding-top: clamp(100px, 8.35vw, 160px); }
    .Policy-content h1 {
      font-size: clamp(24px, 2.3vw, 44px);
      font-weight: normal;
      line-height: 1.3;
      letter-spacing: -0.44px;
      color: #000;
      margin-bottom: clamp(16px, 1.67vw, 32px); }
    .Policy-content h3 {
      font-size: clamp(16px, 1.1vw, 20px);
      font-weight: 600;
      line-height: 1.3;
      letter-spacing: -0.2px;
      color: #000;
      margin-bottom: clamp(14px, 1.15vw, 22px); }
    .Policy-content p {
      font-size: 14px;
      font-weight: normal;
      line-height: 1.3;
      letter-spacing: -0.14px;
      color: #000;
      margin-bottom: clamp(14px, 1.15vw, 22px); }
      .Policy-content p:not(:last-of-type):has(+ h3), .Policy-content p:not(:last-of-type):has(+ h4), .Policy-content p:not(:last-of-type):has(+ h5) {
        margin-bottom: clamp(24px, 3.125vw, 60px); }
    .Policy-content ul {
      display: flex;
      flex-direction: column;
      gap: clamp(14px, 1.15vw, 22px);
      margin-bottom: clamp(24px, 3.125vw, 60px); }
      .Policy-content ul li {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.3;
        letter-spacing: -0.14px;
        color: #000; }
        .Policy-content ul li:before {
          content: "";
          display: inline-block;
          width: 4px;
          height: 4px;
          transform: translateY(5px);
          background-color: #000;
          border-radius: 50%;
          flex-shrink: 0; }

.About {
  background-color: black;
  padding-top: 8%; }
  .About-in {
    display: flex;
    gap: clamp(50px, 6.78vw, 130px);
    padding-bottom: 10%; }
  .About-left {
    width: 40%; }
    .About-left .H_about-text:before {
      left: -3%; }
    .About-left .H_about-header {
      font-size: clamp(36px, 3.44vw, 66px); }
  .About-right {
    width: 60%;
    display: flex;
    flex-direction: column;
    padding-top: 10%; }
    .About-right h3 {
      font-size: clamp(24px, 1.78vw, 34px);
      font-weight: 500;
      color: #fff;
      margin-bottom: 20px; }
    .About-right p {
      max-width: 782px;
      background-image: linear-gradient(to right, #caccd8, #66697f);
      font-size: 17px;
      font-weight: normal;
      line-height: 1.76;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-bottom: clamp(30px, 4.7vw, 90px); }
  .About-logos {
    display: flex;
    align-items: center;
    gap: clamp(30px, 5.2vw, 100px);
    width: 70%; }
    .About-logos img {
      width: 100%;
      max-height: 49px;
      -o-object-fit: contain;
         object-fit: contain; }
  .About-info {
    padding: clamp(40px, 5.2vw, 100px) 0;
    border-top: 1px solid #242426; }
    .About-info-in {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(40px, 6.25vw, 120px); }
    .About-info-item h3 {
      background-image: radial-gradient(circle at 53% 54%, rgba(124, 246, 224, 0.69) 4%, rgba(0, 41, 255, 0) 44%), linear-gradient(97deg, #fff 50%, #1f7dc1 87%);
      font-size: clamp(22px, 1.67vw, 32px);
      font-weight: normal;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-bottom: 20px; }
    .About-info-item p {
      background-image: linear-gradient(to right, #caccd8, #66697f);
      font-size: clamp(14px, 1vw, 18px);
      font-weight: normal;
      line-height: 1.67;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent; }
  .About-features {
    background-color: rgba(113, 114, 118, 0.2);
    padding: clamp(30px, 4.7vw, 90px); }
    .About-features-in {
      max-width: 950px;
      margin: 0 auto;
      display: grid;
      align-items: flex-start;
      grid-template-columns: 1fr 1fr 1fr;
      gap: clamp(30px, 7.82vw, 150px); }
    .About-features-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 22px; }
      .About-features-item i {
        font-size: 46px;
        color: #717276; }
      .About-features-item p {
        font-size: 18px;
        font-weight: normal;
        line-height: 1.67;
        text-align: center;
        color: #fff; }
  .About-gallery-item {
    display: flex; }
    .About-gallery-item img {
      width: 100%; }

.Contact {
  background-color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 100vw;
  min-height: 100dvh;
  padding: 100px 15px 30px;
  background-image: url(../images/contact-bg.png);
  background-size: 100% 100%; }
  .Contact-in {
    max-width: 1160px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: clamp(24px, 3.125vw, 60px);
    background-color: #0039e0;
    padding: clamp(20px, 1.67vw, 32px);
    margin-bottom: clamp(30px, 5.2vw, 100px); }
  .Contact-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(30px, 5.2vw, 100px) 0 clamp(30px, 5.2vw, 100px) clamp(30px, 5.2vw, 100px); }
    .Contact-left-head {
      display: flex;
      flex-direction: column; }
      .Contact-left-head h1 {
        width: -moz-max-content;
        width: max-content;
        background-image: radial-gradient(circle at 53% 54%, rgba(124, 246, 224, 0.69) 5%, rgba(0, 41, 255, 0) 54%), linear-gradient(112deg, #fff 47%, #1f7dc1 87%);
        font-size: clamp(24px, 1.9vw, 36px);
        font-weight: bold;
        line-height: 1.1;
        letter-spacing: -1.44px;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 20px; }
      .Contact-left-head p {
        max-width: 363px;
        font-size: clamp(16px, 1.1vw, 20px);
        font-weight: 500;
        line-height: 1.4;
        letter-spacing: -0.8px;
        color: #fff; }
  .Contact-info {
    display: flex;
    align-items: center;
    gap: 20px; }
    .Contact-info:before {
      content: "";
      display: inline-block;
      width: 5px;
      height: 100%;
      background-color: rgba(209, 212, 225, 0.2); }
    .Contact-info-in {
      display: flex;
      flex-direction: column;
      gap: 10px; }
    .Contact-info .phone {
      font-size: 20px;
      font-weight: bold;
      line-height: 1.1;
      letter-spacing: -0.8px;
      color: #fff; }
    .Contact-info p {
      font-size: 15px;
      font-weight: normal;
      line-height: 1.1;
      letter-spacing: -0.6px;
      color: #fff; }
    .Contact-info .mail {
      font-size: 15px;
      font-weight: normal;
      line-height: 1.1;
      letter-spacing: -0.6px;
      color: #fff; }
  .Contact-social {
    display: flex;
    align-items: center;
    gap: 12px; }
    .Contact-social-item {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 52px;
      height: 52px;
      border-radius: 50%;
      border: solid 1px rgba(255, 255, 255, 0.5);
      transition: all 300ms; }
      .Contact-social-item i {
        font-size: 20px;
        color: rgba(255, 255, 255, 0.5);
        transition: all 300ms; }
      .Contact-social-item:hover {
        border: solid 1px white; }
        .Contact-social-item:hover i {
          color: white; }
  .Contact-right {
    max-width: 498px;
    width: 100%;
    flex-shrink: 0;
    padding: clamp(20px, 2.2vw, 42px);
    border-radius: 32px;
    border: solid 1px #282829;
    background-color: #000; }
    .Contact-right h2 {
      width: -moz-max-content;
      width: max-content;
      background-image: radial-gradient(circle at 53% 54%, rgba(124, 246, 224, 0.69) 6%, rgba(0, 41, 255, 0) 61%), linear-gradient(119deg, #fff 44%, #1f7dc1 86%);
      font-size: 22px;
      font-weight: bold;
      line-height: 1.1;
      letter-spacing: -0.88px;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-bottom: clamp(20px, 1.83vw, 35px); }
  .Contact-form {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .Contact-form-item {
      width: 100%;
      margin-bottom: 4px; }
      .Contact-form-item label {
        width: 100%;
        border-radius: 10px;
        border: solid 1px #282829;
        background-color: #191a1b;
        position: relative;
        padding: 16px 23px;
        margin: 0; }
        .Contact-form-item label span {
          position: absolute;
          opacity: 0.5;
          font-size: 14px;
          font-weight: 500;
          line-height: 1.5;
          color: #8e94a8;
          padding: 5px 10px;
          left: 13px;
          top: 50%;
          transform: translateY(-50%);
          pointer-events: none;
          transition: all 300ms; }
        .Contact-form-item label input, .Contact-form-item label textarea {
          width: 100%;
          background-color: transparent;
          border: none;
          box-shadow: none;
          font-size: 14px;
          font-weight: 500;
          line-height: 1.5;
          color: #8e94a8; }
          .Contact-form-item label input::-moz-placeholder, .Contact-form-item label textarea::-moz-placeholder {
            opacity: 0.5;
            font-size: 14px;
            color: #8e94a8; }
          .Contact-form-item label input::placeholder, .Contact-form-item label textarea::placeholder {
            opacity: 0.5;
            font-size: 14px;
            color: #8e94a8; }
          .Contact-form-item label input:focus, .Contact-form-item label textarea:focus {
            border: none;
            outline: none; }
            .Contact-form-item label input:focus + span, .Contact-form-item label textarea:focus + span {
              transform: translateY(-34px);
              color: #8e94a8;
              opacity: 0.8; }
        .Contact-form-item label input:valid + span {
          transform: translateY(-34px);
          color: #8e94a8;
          opacity: 1; }
      .Contact-form-item-textarea {
        margin-bottom: 12px; }
        .Contact-form-item-textarea label span {
          top: 30px;
          transform: translateY(-45px); }
        .Contact-form-item-textarea label textarea:invalid + span {
          transform: translateY(-20px); }
    .Contact-form-submit {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 16px 10px;
      border-radius: 10px;
      background-color: #0039e0;
      border: 1px solid #0039e0;
      font-size: 15px;
      font-weight: 500;
      color: #fff;
      cursor: pointer;
      transition: all 300ms; }
      .Contact-form-submit:hover {
        background-color: #fff;
        color: #0e49e1; }
  .Contact-copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-max-content;
    width: max-content; }
    .Contact-copyright p {
      font-size: 13px;
      font-weight: normal;
      line-height: 1.3;
      letter-spacing: -0.13px;
      color: #fff;
      position: relative;
      display: flex;
      align-items: center;
      gap: 22px;
      margin-right: 22px; }
      .Contact-copyright p:after {
        content: "";
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #dde0ea; }
    .Contact-copyright a {
      font-size: 13px;
      font-weight: normal;
      line-height: 1.3;
      letter-spacing: -0.13px;
      color: #fff;
      text-decoration: underline;
      margin-right: clamp(22px, 2.1vw, 40px);
      transition: all 300ms; }
      .Contact-copyright a:last-of-type {
        margin-right: 0; }
      .Contact-copyright a:hover {
        color: #0039e0; }

.Login {
  background-color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 100vw;
  min-height: 100dvh;
  padding: 100px 15px 30px;
  background-image: url(../images/login-bg.png);
  background-size: 100% 100%; }
  .Login-in {
    max-width: 492px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: clamp(30px, 2.09vw, 40px) clamp(20px, 1.6vw, 30px);
    border-radius: 24px;
    box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.35);
    border: solid 1px #303132;
    background-color: #161719;
    margin-bottom: clamp(30px, 5.2vw, 100px); }
  .Login-toptitle {
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.8px;
    text-align: center;
    color: #fff; }
  .Login h1 {
    width: -moz-max-content;
    width: max-content;
    background-image: radial-gradient(circle at 53% 54%, rgba(124, 246, 224, 0.69) 6%, rgba(0, 41, 255, 0) 59%), linear-gradient(117deg, #fff 45%, #1f7dc1 86%);
    font-size: clamp(24px, 1.9vw, 36px);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -1.44px;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: clamp(20px, 1.6vw, 30px); }
  .Login-text {
    font-size: clamp(14px, 1.1vw, 20px);
    font-weight: normal;
    text-align: center;
    color: #a2ad9c;
    margin-bottom: clamp(30px, 3.125vw, 60px); }
  .Login-back {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 10px;
    border-radius: 10px;
    background-color: #0039e0;
    border: 1px solid #0039e0;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    transition: all 300ms; }
    .Login-back:hover {
      background-color: #fff;
      color: #0e49e1; }
  .Login-form {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .Login-form-item {
      width: 100%;
      margin-bottom: 9px; }
      .Login-form-item label {
        display: flex;
        align-items: center;
        width: 100%;
        border-radius: 10px;
        border: solid 1px #282829;
        background-color: #191a1b;
        position: relative;
        padding: 16px 20px;
        margin: 0; }
        .Login-form-item label i {
          font-size: 24px;
          color: #fff;
          padding-right: 10px;
          margin-right: 20px;
          border-right: 1px solid rgba(255, 255, 255, 0.1); }
        .Login-form-item label span {
          position: absolute;
          opacity: 0.5;
          font-size: 14px;
          font-weight: 500;
          line-height: 1.5;
          color: #8e94a8;
          left: 88px;
          top: 50%;
          transform: translateY(-50%);
          pointer-events: none;
          transition: all 300ms; }
        .Login-form-item label input, .Login-form-item label textarea {
          width: 100%;
          background-color: transparent;
          border: none;
          box-shadow: none;
          font-size: 14px;
          font-weight: 500;
          line-height: 1.5;
          color: #8e94a8; }
          .Login-form-item label input::-moz-placeholder, .Login-form-item label textarea::-moz-placeholder {
            opacity: 0.5;
            font-size: 14px;
            color: #8e94a8; }
          .Login-form-item label input::placeholder, .Login-form-item label textarea::placeholder {
            opacity: 0.5;
            font-size: 14px;
            color: #8e94a8; }
          .Login-form-item label input:focus, .Login-form-item label textarea:focus {
            border: none;
            outline: none; }
            .Login-form-item label input:focus + span, .Login-form-item label textarea:focus + span {
              transform: translateY(-30px);
              color: #8e94a8;
              opacity: 0.8; }
        .Login-form-item label input:valid + span, .Login-form-item label input:valid:focus + span {
          transform: translateY(-30px);
          color: #8e94a8;
          opacity: 1; }
      .Login-form-item-textarea {
        margin-bottom: 12px; }
        .Login-form-item-textarea label span {
          top: 30px;
          transform: translateY(-45px); }
        .Login-form-item-textarea label textarea:invalid + span {
          transform: translateY(-20px); }
      .Login-form-item-checkbox {
        margin-bottom: clamp(18px, 1.6vw, 30px);
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .Login-form-item-checkbox label {
          display: flex;
          align-items: center;
          position: relative; }
          .Login-form-item-checkbox label span {
            width: 21px;
            height: 21px;
            flex-grow: 0;
            border-radius: 4px;
            border: solid 1px #303132;
            display: flex;
            align-items: center;
            padding: 6px;
            pointer-events: none;
            margin-right: 8px; }
            .Login-form-item-checkbox label span:before {
              content: "";
              display: inline-block;
              position: absolute;
              left: 9px;
              top: 6px;
              width: 4px;
              height: 8px;
              border: solid #fff;
              border-width: 0 1.5px 1.5px 0;
              transform: rotate(45deg);
              transition: all 300ms;
              opacity: 0; }
          .Login-form-item-checkbox label input {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer; }
            .Login-form-item-checkbox label input:checked + span:before {
              opacity: 1; }
          .Login-form-item-checkbox label p {
            font-size: 14px;
            font-weight: normal;
            color: #a2ad9c; }
        .Login-form-item-checkbox a {
          font-size: 14px;
          font-weight: normal;
          color: #a2ad9c;
          text-decoration: underline;
          transition: all 300ms; }
          .Login-form-item-checkbox a:hover {
            color: #fff; }
      .Login-form-item .show-password {
        background-color: transparent;
        cursor: pointer; }
        .Login-form-item .show-password i {
          padding: 0;
          margin: 0;
          border: none;
          font-size: 20px;
          color: #76816f; }
    .Login-form-submit {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 16px 10px;
      border-radius: 10px;
      background-color: #0039e0;
      border: 1px solid #0039e0;
      font-size: 15px;
      font-weight: 500;
      color: #fff;
      cursor: pointer;
      transition: all 300ms; }
      .Login-form-submit:hover {
        background-color: #fff;
        color: #0e49e1; }
    .Login-form img {
      max-width: 105px;
      width: 100%;
      margin: 30px auto 0; }
  .Login-copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-max-content;
    width: max-content; }
    .Login-copyright p {
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #a2ad9c; }
      .Login-copyright p a {
        transition: all 300ms; }
        .Login-copyright p a:hover {
          color: #fff; }

@media (max-width: 1100px) {
  .Detail-filter-in {
    justify-content: flex-start;
    gap: 36px;
    padding-left: 0;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .Detail-filter-in::-webkit-scrollbar {
      display: none; }
    .Detail-filter-in:before {
      width: 100%; }
  .Detail-filter-item {
    width: -moz-max-content;
    width: max-content; }
    .Detail-filter-item b {
      white-space: nowrap; }
    .Detail-filter-item-text {
      white-space: nowrap; }
    .Detail-filter-item-language .dropdown-toggle {
      white-space: nowrap; }
  .Detail-content-in {
    padding-left: 0; } }

@media (max-width: 991px) {
  .Detail {
    padding-top: 67px; }
  .Careers {
    margin-bottom: 8px; }
    .Careers-cv {
      flex-direction: column;
      justify-content: center; }
      .Careers-cv-left {
        width: 100%; }
        .Careers-cv-left .date {
          display: flex;
          align-items: center;
          gap: 9px;
          font-size: 14px;
          font-weight: normal;
          line-height: 1.3;
          letter-spacing: -0.14px;
          color: #000;
          margin-bottom: 9px; }
          .Careers-cv-left .date i {
            font-size: clamp(18px, 1.4vw, 24px);
            color: #000; }
        .Careers-cv-left .Positions-item-head {
          margin-bottom: clamp(24px, 2.87vw, 55px); }
      .Careers-cv-title {
        font-size: clamp(16px, 1.46vw, 28px);
        font-weight: 500;
        line-height: 1.3;
        letter-spacing: -0.28px;
        color: #000;
        margin-bottom: 9px; }
      .Careers-cv-text {
        max-width: 620px; }
        .Careers-cv-text p {
          font-size: 14px;
          font-weight: normal;
          line-height: 1.3;
          letter-spacing: -0.14px;
          color: #717276;
          margin-bottom: clamp(20px, 1.83vw, 35px); }
        .Careers-cv-text ul {
          display: flex;
          flex-direction: column;
          gap: 20px;
          margin-bottom: clamp(20px, 1.83vw, 35px); }
          .Careers-cv-text ul li {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 14px;
            font-weight: 600;
            line-height: 1.3;
            letter-spacing: -0.14px;
            color: #717276; }
            .Careers-cv-text ul li:before {
              content: "";
              display: inline-block;
              width: 6px;
              height: 6px;
              border-radius: 50%;
              background-color: #b660c3; }
      .Careers-cv-right {
        max-width: 496px;
        width: 100%; }
      .Careers-cv-form {
        display: flex;
        flex-direction: column;
        width: 100%; }
        .Careers-cv-form-item {
          width: 100%;
          margin-bottom: 4px; }
          .Careers-cv-form-item label {
            width: 100%;
            border-radius: 10px;
            background-color: #fff;
            position: relative;
            padding: 16px 23px;
            margin: 0; }
            .Careers-cv-form-item label span {
              position: absolute;
              opacity: 0.5;
              font-size: 14px;
              font-weight: 500;
              line-height: 1.5;
              color: #000;
              padding: 5px 10px;
              left: 13px;
              top: 50%;
              transform: translateY(-50%);
              pointer-events: none;
              transition: all 300ms; }
            .Careers-cv-form-item label input, .Careers-cv-form-item label textarea {
              width: 100%;
              background-color: transparent;
              border: none;
              box-shadow: none;
              font-size: 14px;
              font-weight: 500;
              line-height: 1.5;
              color: #000; }
              .Careers-cv-form-item label input::-moz-placeholder, .Careers-cv-form-item label textarea::-moz-placeholder {
                opacity: 0.5;
                font-size: 14px;
                color: #000; }
              .Careers-cv-form-item label input::placeholder, .Careers-cv-form-item label textarea::placeholder {
                opacity: 0.5;
                font-size: 14px;
                color: #000; }
              .Careers-cv-form-item label input:focus, .Careers-cv-form-item label textarea:focus {
                border: none;
                outline: none; }
                .Careers-cv-form-item label input:focus + span, .Careers-cv-form-item label textarea:focus + span {
                  transform: translateY(-30px);
                  color: #011b56;
                  opacity: 0.8; }
            .Careers-cv-form-item label input:valid + span {
              transform: translateY(-45px);
              color: #011b56;
              opacity: 1; }
          .Careers-cv-form-item-cv {
            display: flex;
            flex-direction: column;
            margin-bottom: clamp(14px, 1vw, 18px);
            margin-top: 10px; }
            .Careers-cv-form-item-cv-title {
              font-size: clamp(14px, 1vw, 16px);
              font-weight: bold;
              color: #000;
              margin-bottom: clamp(14px, 1vw, 18px);
              margin-top: 14px; }
            .Careers-cv-form-item-cv .dropzone {
              width: 100%;
              height: 150px;
              border-radius: 10px;
              border: dashed 1px #dde0ea;
              background-color: rgba(255, 255, 255, 0.5);
              display: flex;
              align-items: center;
              justify-content: center; }
              .Careers-cv-form-item-cv .dropzone .dz-message {
                margin: 0; }
                .Careers-cv-form-item-cv .dropzone .dz-message .dz-button {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  width: 100%; }
                  .Careers-cv-form-item-cv .dropzone .dz-message .dz-button b {
                    font-size: 12px;
                    font-weight: normal;
                    line-height: 1.3;
                    letter-spacing: -0.12px;
                    text-align: center;
                    color: #8e94a8;
                    margin-bottom: 5px; }
                  .Careers-cv-form-item-cv .dropzone .dz-message .dz-button p {
                    font-size: 13px;
                    font-weight: 500;
                    line-height: 1.3;
                    letter-spacing: -0.13px;
                    text-align: center;
                    color: #8e94a8; }
                  .Careers-cv-form-item-cv .dropzone .dz-message .dz-button img {
                    width: 50px; }
          .Careers-cv-form-item-checkbox {
            margin-bottom: clamp(18px, 1.9vw, 36px); }
            .Careers-cv-form-item-checkbox label {
              width: 100%;
              display: flex;
              align-items: center;
              position: relative; }
              .Careers-cv-form-item-checkbox label span {
                width: 24px;
                height: 24px;
                display: flex;
                align-items: center;
                padding: 6px;
                border-radius: 4px;
                border: solid 1px #c7d0d4;
                pointer-events: none;
                margin-right: 8px; }
                .Careers-cv-form-item-checkbox label span:before {
                  content: "";
                  display: inline-block;
                  position: absolute;
                  left: 10px;
                  top: 6px;
                  width: 5px;
                  height: 10px;
                  border: solid #000;
                  border-width: 0 2px 2px 0;
                  transform: rotate(45deg);
                  transition: all 300ms;
                  opacity: 0; }
              .Careers-cv-form-item-checkbox label input {
                position: absolute;
                width: 100%;
                height: 100%;
                opacity: 0;
                cursor: pointer; }
                .Careers-cv-form-item-checkbox label input:checked + span:before {
                  opacity: 1; }
              .Careers-cv-form-item-checkbox label p {
                opacity: 0.9;
                font-size: 14px;
                font-weight: 500;
                line-height: 1.5;
                color: #686876; }
                .Careers-cv-form-item-checkbox label p a {
                  text-decoration: underline;
                  transition: all 300ms; }
                  .Careers-cv-form-item-checkbox label p a:hover {
                    color: #000; }
          .Careers-cv-form-item-textarea {
            margin-bottom: 20px; }
            .Careers-cv-form-item-textarea label span {
              top: 30px;
              transform: translateY(-45px); }
            .Careers-cv-form-item-textarea label textarea:invalid + span {
              transform: translateY(-20px); }
        .Careers-cv-form-submit {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 16px 10px;
          border-radius: 10px;
          background-color: #0039e0;
          border: 1px solid #0039e0;
          font-size: 15px;
          font-weight: 500;
          color: #fff;
          cursor: pointer;
          transition: all 300ms; }
          .Careers-cv-form-submit:hover {
            background-color: #fff;
            color: #0e49e1; }
  .About {
    padding-top: 120px; }
    .About-in {
      flex-direction: column;
      gap: 40px;
      padding-bottom: 10%; }
    .About-left {
      width: 100%; }
      .About-left .H_about {
        padding-bottom: 0; }
        .About-left .H_about-text:before {
          width: 50%;
          min-width: 350px;
          min-height: 90px;
          left: 50%;
          transform: translate(-50%, -100px); }
    .About-right {
      width: 100%; }
  .Contact {
    padding: 85px 20px; }
    .Contact-in {
      flex-direction: column; }
    .Contact-left {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 20px; }
      .Contact-left-head {
        margin-bottom: 30px; }
    .Contact-info {
      position: relative;
      margin-bottom: 30px; }
      .Contact-info:before {
        min-height: 75px; }
    .Contact-social-item {
      width: 36px;
      height: 36px; }
      .Contact-social-item i {
        font-size: 16px; }
    .Contact-right {
      max-width: 100%;
      width: 100%;
      flex-shrink: 0;
      padding: clamp(20px, 2.2vw, 42px);
      border-radius: 32px;
      border: solid 1px #282829;
      background-color: #000; }
      .Contact-right h2 {
        font-size: 22px;
        margin-bottom: 16px;
        margin-top: 8px; }
    .Contact-form {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .Contact-form-item {
        width: 100%;
        margin-bottom: 4px; }
        .Contact-form-item label {
          width: 100%;
          border-radius: 10px;
          border: solid 1px #282829;
          background-color: #191a1b;
          position: relative;
          padding: 16px 23px;
          margin: 0; }
          .Contact-form-item label span {
            position: absolute;
            opacity: 0.5;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.5;
            color: #8e94a8;
            padding: 5px 10px;
            left: 13px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
            transition: all 300ms; }
          .Contact-form-item label input, .Contact-form-item label textarea {
            width: 100%;
            background-color: transparent;
            border: none;
            box-shadow: none;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.5;
            color: #8e94a8; }
            .Contact-form-item label input::-moz-placeholder, .Contact-form-item label textarea::-moz-placeholder {
              opacity: 0.5;
              font-size: 14px;
              color: #8e94a8; }
            .Contact-form-item label input::placeholder, .Contact-form-item label textarea::placeholder {
              opacity: 0.5;
              font-size: 14px;
              color: #8e94a8; }
            .Contact-form-item label input:focus, .Contact-form-item label textarea:focus {
              border: none;
              outline: none; }
              .Contact-form-item label input:focus + span, .Contact-form-item label textarea:focus + span {
                transform: translateY(-34px);
                color: #8e94a8;
                opacity: 0.8; }
          .Contact-form-item label input:valid + span {
            transform: translateY(-34px);
            color: #8e94a8;
            opacity: 1; }
        .Contact-form-item-textarea {
          margin-bottom: 12px; }
          .Contact-form-item-textarea label span {
            top: 30px;
            transform: translateY(-45px); }
          .Contact-form-item-textarea label textarea:invalid + span {
            transform: translateY(-20px); }
      .Contact-form-submit {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px 10px;
        border-radius: 10px;
        background-color: #0039e0;
        border: 1px solid #0039e0;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        cursor: pointer;
        transition: all 300ms; }
        .Contact-form-submit:hover {
          background-color: #fff;
          color: #0e49e1; } }

@media (max-width: 768px) {
  .Detail-Banner-content-in {
    flex-wrap: wrap; }
  .Detail-Banner-content-img {
    margin-top: calc(clamp(65px, 5.2vw, 100px) * -1);
    width: clamp(130px, 10.42vw, 200px); }
  .Detail-Banner-content-platforms {
    width: 100%;
    margin-top: 24px; }
  .Detail-content-file {
    margin-top: 20px; }
  .Detail-game {
    border-radius: 18px; }
  .NewsList-banner-in {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px; }
  .NewsList-banner-title {
    max-width: 395px; }
    .NewsList-banner-title span {
      font-size: 16px; }
    .NewsList-banner-title h1 {
      font-size: 30px;
      letter-spacing: -0.4px; }
  .NewsList-banner p {
    font-size: 14px; }
  .NewsList-content-item {
    flex-direction: column;
    gap: 16px;
    padding: 12px;
    padding-bottom: 20px;
    border-radius: 14px; }
    .NewsList-content-item-img {
      max-width: 100%; }
      .NewsList-content-item-img img {
        border-radius: 8px; }
    .NewsList-content-item.first {
      margin-bottom: 0;
      display: grid;
      grid-template-columns: 1fr;
      padding: 12px;
      padding-bottom: 20px;
      border: solid 2px #f1f2f6; }
      .NewsList-content-item.first .NewsList-content-item-img {
        max-width: 100%; }
      .NewsList-content-item.first .NewsList-content-item-text {
        gap: clamp(13px, 1.8vw, 32px); }
        .NewsList-content-item.first .NewsList-content-item-text-head {
          display: flex;
          align-items: center;
          gap: 13px; }
          .NewsList-content-item.first .NewsList-content-item-text-head .date {
            padding: 10px 16px;
            border-radius: 40px;
            border: solid 1px #000;
            font-size: 13px;
            font-weight: normal;
            line-height: 1.3;
            letter-spacing: -0.13px;
            color: #000; }
          .NewsList-content-item.first .NewsList-content-item-text-head .category {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 13px;
            font-weight: 500;
            line-height: 1.1;
            letter-spacing: -0.52px;
            color: #0c2444; }
            .NewsList-content-item.first .NewsList-content-item-text-head .category i {
              font-size: 20px;
              color: #b660c3; }
        .NewsList-content-item.first .NewsList-content-item-text-title {
          max-width: 455px;
          font-size: clamp(18px, 2vw, 38px);
          line-height: normal;
          letter-spacing: -0.38px; }
        .NewsList-content-item.first .NewsList-content-item-text p {
          font-size: clamp(12px, 1.2vw, 17px); }
    .NewsList-content-item:nth-child(even) {
      background-color: #f1f2f6; }
  .Careers {
    margin-top: 20px;
    margin-bottom: 15%; }
    .Careers:before {
      width: 80%; }
    .Careers-banner .H_Careers {
      position: relative;
      z-index: 1; }
      .Careers-banner .H_Careers-left {
        min-width: unset;
        flex-direction: column;
        padding: 0; }
        .Careers-banner .H_Careers-left-in {
          width: 100%; }
      .Careers-banner .H_Careers-inner {
        width: 100%;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none; }
        .Careers-banner .H_Careers-inner::-webkit-scrollbar {
          display: none; }
      .Careers-banner .H_Careers-item {
        transform: translateX(0); }
        .Careers-banner .H_Careers-item:nth-child(1), .Careers-banner .H_Careers-item:nth-child(2), .Careers-banner .H_Careers-item:nth-child(3), .Careers-banner .H_Careers-item:nth-child(4) {
          transform: translateX(20%); }
    .Careers-other {
      margin-bottom: 15%; }
      .Careers-other .swiper-slide-next {
        opacity: 0.3; }
  .Positions {
    padding: 0; }
    .Positions-list {
      grid-template-columns: 1fr; }
  .Policy-in {
    grid-template-columns: 1fr; }
  .Policy-menu {
    flex-direction: row;
    border-right: 0;
    border-bottom: 1px solid #ededed;
    padding-bottom: 24px; }
  .Policy-content {
    padding-top: 0; }
  .About-right {
    width: 100%; }
    .About-right h3 {
      text-align: center;
      margin-bottom: 20px; }
    .About-right p {
      font-size: 14px;
      text-align: center; }
  .About-logos {
    width: 100%;
    justify-content: center;
    gap: 10px; }
    .About-logos img {
      max-height: 29px; }
  .About-info-in {
    grid-template-columns: 1fr;
    gap: clamp(30px, 6.25vw, 120px); }
  .About-info-item h3 {
    font-size: clamp(20px, 1.67vw, 32px);
    margin-bottom: 12px; }
  .About-features {
    background-color: rgba(113, 114, 118, 0.2);
    padding: clamp(20px, 4.7vw, 90px); }
    .About-features-in {
      grid-template-columns: 1fr;
      gap: clamp(20px, 7.82vw, 150px); }
    .About-features-item {
      gap: 12px; }
      .About-features-item i {
        font-size: 36px; }
      .About-features-item p {
        font-size: 16px;
        max-width: 170px; }
  .Contact-copyright {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    text-align: center; }
    .Contact-copyright p {
      margin-right: 0; }
      .Contact-copyright p:after {
        display: none; }
    .Contact-copyright a {
      margin: 0; } }

@media (max-width: 991px) {
  .container {
    padding-left: 15px;
    padding-right: 15px; }
  .Main {
    overflow: hidden; }
  .Header {
    background-color: black;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 999; }
    .Header-left-text {
      display: none; }
    .Header-logo img {
      height: 26px; }
    .Header-menu {
      flex-direction: column;
      margin-left: 0;
      position: fixed;
      left: 0;
      right: 0;
      top: 67px;
      bottom: 0;
      transform: translateY(15px);
      background-image: linear-gradient(245deg, #191c24 96%, #191c24 -1%);
      transition: all 350ms;
      padding-top: 60px;
      opacity: 0;
      pointer-events: none; }
      .Header-menu.active {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0); }
      .Header-menu-open {
        background-color: transparent;
        margin-left: 15px;
        color: white;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-image: url(../images/icon-menu.svg); }
        .Header-menu-open.active {
          background-image: url(../images/icon-exit.svg);
          width: 20px;
          height: 20px; }
      .Header-menu-item {
        height: 60px;
        margin-left: 0; }
      .Header-menu-link {
        font-size: 16px; }
    .Header-language {
      position: static; }
      .Header-language .dropdown-toggle {
        height: 36px;
        width: 36px; }
      .Header-language .dropdown-menu {
        transform: translateY(100%) !important;
        left: 15px !important;
        right: 15px;
        margin-top: 0;
        margin-left: 0;
        min-width: auto; }
        .Header-language .dropdown-menu-in {
          display: flex;
          align-items: center;
          height: 67px; }
      .Header-language .dropdown-item {
        text-align: center;
        padding: 0; }
  .Footer {
    overflow: hidden; }
    .Footer-top {
      flex-direction: column; }
      .Footer-top-logo img {
        height: 40px; }
      .Footer-top-links {
        width: 100%;
        margin-top: 25px;
        margin-left: 0;
        max-width: none;
        justify-content: space-evenly; }
        .Footer-top-links-item {
          margin-right: 0;
          font-size: 15px; }
    .Footer-desc {
      text-align: center; }
    .Footer-inner {
      flex-direction: column-reverse; }
      .Footer-inner-in {
        margin-top: 20px; }
    .Footer-bottom {
      flex-direction: column; }
      .Footer-bottom-links {
        margin-top: 20px;
        margin-left: 0;
        justify-content: center; }
        .Footer-bottom-links-item {
          margin-left: 10px;
          margin-right: 10px;
          font-size: 15px; }
    .Footer-social {
      width: 100%;
      margin-left: 0;
      justify-content: center;
      margin-top: 15px; }
      .Footer-social-item {
        width: 48px;
        height: 48px;
        margin-left: 7px;
        margin-right: 7px; }
        .Footer-social-item i {
          font-size: 16px; }
    .Footer-logos {
      margin-bottom: 24px;
      justify-content: space-evenly; }
      .Footer-logos-item {
        margin-right: 0; }
        .Footer-logos-item img {
          height: 26px; }
    .Footer-catalog {
      width: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
  .Banner {
    padding-top: 70px;
    overflow: hidden; }
    .Banner:after {
      pointer-events: none;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -30%);
      content: "";
      display: inline-block;
      transition: 500ms;
      width: 1070px;
      height: 1070px;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-image: url(../images/ellipse.svg); }
    .Banner-in {
      transform: translateY(-70px);
      z-index: 9; }
    .Banner-inner {
      padding-top: 0;
      padding-bottom: 0;
      height: auto;
      min-height: auto;
      max-height: none; }
    .Banner-image {
      position: relative;
      right: auto;
      bottom: auto; }
      .Banner-image img {
        margin-left: 0;
        max-width: 95%; }
    .Banner-text {
      padding-left: 15px;
      padding-right: 15px;
      margin: 0;
      max-width: none;
      z-index: 9;
      position: relative; }
      .Banner-text:before {
        content: "";
        display: inline-block;
        transition: 500ms;
        background-image: linear-gradient(to bottom, #00000090 10%, #191c2490 90%);
        opacity: 0.8;
        position: absolute;
        left: -15px;
        right: -15px;
        top: -15px;
        height: 85px;
        z-index: -1; }
      .Banner-text h1 {
        margin-bottom: 20px; }
      .Banner-text p {
        max-width: none;
        width: 90%;
        font-size: 15px; }
      .Banner-text-links {
        display: flex;
        align-items: center;
        margin-top: 30px; }
        .Banner-text-links .button {
          margin-right: 12px; }
    .Banner-bottom {
      padding-left: 15px;
      padding-right: 15px;
      flex-direction: column; }
      .Banner-bottom-left {
        margin-top: 30px;
        width: 100%; }
        .Banner-bottom-left-head {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .Banner-bottom-left-head h6 {
            margin-top: 15px;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 4.44px;
            color: #d9d9d9; }
          .Banner-bottom-left-head-icon {
            width: 29px;
            height: 25px;
            -o-object-fit: contain;
               object-fit: contain; }
        .Banner-bottom-left-in {
          margin-top: 15px; }
          .Banner-bottom-left-in h5 {
            max-width: 275px;
            background-image: linear-gradient(71deg, #8e83d1 16%, #fff 53%, #003ae0 90%), linear-gradient(to bottom, #fff, #fff);
            font-size: 24px;
            font-weight: normal;
            line-height: normal;
            color: #fff;
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent; }
          .Banner-bottom-left-in p {
            background-image: linear-gradient(to right, #caccd8, #66697f);
            font-size: 13px;
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            max-width: 275px; }
        .Banner-bottom-left-footer {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .Banner-bottom-left-footer a {
            margin-top: 20px;
            font-size: 12px;
            font-weight: bold;
            color: #d9d9d9;
            display: flex;
            align-items: center;
            transition: all 500ms; }
            .Banner-bottom-left-footer a:after {
              margin-left: 10px;
              content: "";
              display: inline-block;
              transition: all 500ms;
              width: 20px;
              height: 20px;
              background-repeat: no-repeat;
              background-size: auto 100%;
              background-image: url(../images/icon-go.svg); }
            .Banner-bottom-left-footer a:hover:after {
              transform: translateX(5px); }
          .Banner-bottom-left-footer-logo {
            -o-object-fit: contain;
               object-fit: contain;
            height: 19px; }
      .Banner-bottom-right {
        padding: 20px;
        border-radius: 26px;
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        background-color: rgba(1, 1, 1, 0.6); }
        .Banner-bottom-right-buttons {
          display: flex;
          align-items: center;
          margin-top: 24px; }
          .Banner-bottom-right-buttons .button {
            margin-left: 10px;
            margin-right: 10px; }
            .Banner-bottom-right-buttons .button i {
              margin-right: 12px;
              font-size: 30px; }
            .Banner-bottom-right-buttons .button:first-child i {
              color: #ff003d; }
            .Banner-bottom-right-buttons .button:last-child i {
              color: #f8a151; }
        .Banner-bottom-right h6 {
          text-align: center;
          background-image: radial-gradient(circle at 53% 54%, rgba(124, 246, 224, 0.69), rgba(0, 41, 255, 0)), linear-gradient(105deg, #fff, #1f7dc1);
          font-size: 20px;
          font-weight: normal;
          line-height: normal;
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
  .H_about {
    background-color: black; }
    .H_about-in:before {
      z-index: 99;
      top: -40px; }
    .H_about-text {
      max-width: none; }
      .H_about-text:before {
        transform: translateY(-100px); }
      .H_about-text .button {
        margin-top: 20px; }
    .H_about-header {
      z-index: 9;
      max-width: 350px;
      text-align: center;
      font-size: 32px;
      margin-bottom: 15px; }
    .H_about-desc {
      font-size: 16px;
      line-height: 1.5; }
    .H_about-info {
      max-width: none; }
      .H_about-info-item i {
        font-size: 32px; }
      .H_about-info-item span {
        font-size: 13px; }
  .swiper-button-prev, .swiper-button-next {
    top: -130px;
    width: 50px;
    height: 50px; }
    .swiper-button-prev i, .swiper-button-next i {
      font-size: 12px; }
  .swiper-button-prev {
    right: 60px; }
  .H_Games-in .button {
    margin-top: 20px;
    width: 180px; }
  .H_Games-text {
    flex-direction: column;
    padding-right: 0;
    align-items: flex-start; }
    .H_Games-text-head {
      margin-right: 0; }
      .H_Games-text-head h6 {
        font-size: 21px;
        font-weight: bold;
        line-height: 1.1;
        letter-spacing: -0.84px;
        color: #ff003d;
        white-space: nowrap; }
      .H_Games-text-head h5 {
        margin-bottom: 20px;
        width: 100%;
        font-size: 30px; }
    .H_Games-text-desc {
      max-width: none;
      font-size: 16px; }
  .H_Games-slider .swiper-container {
    overflow: visible;
    margin-top: -100px;
    padding-top: 125px; }
  .H_Games-item {
    height: auto; }
    .H_Games-item img {
      width: 100%; }
    .H_Games-item-name {
      font-size: 16px; }
  .H_Game-text {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0; }
    .H_Game-text-head {
      margin-right: 0; }
      .H_Game-text-head h6 {
        font-size: 21px;
        font-weight: bold;
        line-height: 1.1;
        letter-spacing: -0.84px;
        color: #ff003d;
        white-space: nowrap; }
        .H_Game-text-head h6 img {
          margin-right: 15px;
          height: 23px; }
      .H_Game-text-head h5 {
        margin-top: 10px;
        width: -moz-fit-content;
        width: fit-content;
        background-image: radial-gradient(circle at 53% 54%, rgba(124, 246, 224, 0.69) 5%, rgba(0, 41, 255, 0) 55%), linear-gradient(114deg, #fff 46%, #1f7dc1 87%);
        font-size: 36px;
        font-weight: bold;
        line-height: 1.1;
        letter-spacing: -1.44px;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent; }
    .H_Game-text-desc {
      max-width: none;
      font-size: 18px;
      line-height: 1.5;
      color: white; }
  .H_Game-slider {
    position: relative; }
    .H_Game-slider .swiper-slide.passive {
      opacity: 0.25; }
    .H_Game-slider .swiper-slide.active {
      opacity: 1 !important; }
    .H_Game-slider .swiper-container {
      overflow: visible;
      margin-top: -100px;
      padding-top: 130px; }
    .H_Game-slider .swiper-button-prev, .H_Game-slider .swiper-button-next {
      top: -80px; }
  .H_Game-item {
    position: relative; }
    .H_Game-item:before {
      content: "";
      display: inline-block;
      transition: 500ms;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: black;
      opacity: 0.5; }
    .H_Game-item img {
      border-radius: 16px; }
    .H_Game-item-text {
      max-width: none;
      position: absolute;
      left: 15px;
      right: 15px;
      top: 50%;
      transform: translateY(-50%); }
      .H_Game-item-text-head {
        display: none; }
      .H_Game-item-text h4 {
        font-size: 24px; }
      .H_Game-item-text p {
        display: none; }
      .H_Game-item-text-info {
        margin-top: 15px; }
        .H_Game-item-text-info-item {
          margin-right: 12px; }
          .H_Game-item-text-info-item h6 {
            font-size: 14px; }
            .H_Game-item-text-info-item h6 span {
              font-size: 11px; }
          .H_Game-item-text-info-item i {
            margin-right: 7px;
            font-size: 24px; }
      .H_Game-item-text-badge {
        width: 100%;
        margin-top: 15px; }
        .H_Game-item-text-badge span {
          padding: 0;
          margin-right: 12px;
          font-size: 12px;
          border: none; }
  .H_Careers-in {
    flex-direction: column-reverse;
    align-items: flex-start;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: 54%;
    background-image: url(../images/radial.png);
    background-position: right center;
    overflow: hidden; }
  .H_Careers-left {
    padding-left: 25px;
    padding-right: 25px;
    width: 100%; }
    .H_Careers-left h5 {
      margin-bottom: 12px;
      font-size: 26px;
      text-align: center;
      width: 100%; }
    .H_Careers-left p {
      max-width: none;
      font-size: 15px;
      text-align: center; }
    .H_Careers-left a {
      font-size: 16px; }
  .H_Careers-item {
    height: 52px;
    border-radius: 40px; }
    .H_Careers-item p {
      font-size: 13px; }
  .H_Careers-right {
    margin-bottom: 30px;
    width: 100%;
    position: relative;
    z-index: 1; }
    .H_Careers-right h6 {
      font-size: 20px; }
    .H_Careers-right h4 {
      font-size: 32px; }
    .H_Careers-right-buttons {
      margin-top: 20px; }
  .News-header {
    font-size: 30px;
    margin-left: 0; }
  .News-in {
    margin-top: clamp(30px, 4.5vw, 70px); }
  .News-item {
    flex-direction: column;
    border-radius: 30px;
    border: solid 1px rgba(255, 255, 255, 0.1);
    padding: clamp(15px, 2vw, 35px); }
    .News-item-image {
      width: 100%; }
      .News-item-image img {
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 10px; }
    .News-item-text {
      margin-top: 20px;
      width: 100%;
      padding-left: 0;
      padding-right: 20px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      padding-bottom: clamp(10px, 1.1vw, 25px); }
      .News-item-text h5 {
        margin-bottom: 12px; }
      .News-item-text h4 {
        font-size: 24px;
        margin-top: 20px;
        margin-bottom: 15px;
        letter-spacing: normal; }
    .News-item-date {
      width: 100px;
      height: 36px;
      border-radius: 24px;
      font-size: 12px; }
  .News .swiper-container {
    padding-top: 70px;
    margin-top: -70px; }
  .News .swiper-button-prev, .News .swiper-button-next {
    top: 0; }
  .News .swiper-button-prev {
    right: 60px; }
  .News .swiper-button-next {
    right: 0px; } }