.color-xam {
  color: #c3c3c3;
}

.color-xam2 {
  color: #d9d9d9;
}

.color-blue {
  color: #d9d9d9;
}

@font-face {
  font-family: Archivo;
  src: url("../fonts/Archivo-Medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: MyriadPro;
  src: url("../fonts/MyriadPro-Regular.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: Justice;
  src: url("../fonts/SVN-Justice League.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: Unthrift;
  src: url("../fonts/SVN-Unthrift.otf") format("opentype");
  font-display: swap;
}
.font-archivo {
  font-family: Archivo, sans-serif;
}

.font-myriadpro {
  font-family: MyriadPro, sans-serif;
}

.font-justice {
  font-family: Justice, sans-serif;
}

.font-unthrift {
  font-family: Unthrift, sans-serif;
}

.outer1 {
  max-width: calc(100% * 1 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer2 {
  max-width: calc(100% * 2 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer3 {
  max-width: calc(100% * 3 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer4 {
  max-width: calc(100% * 4 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer5 {
  max-width: calc(100% * 5 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer6 {
  max-width: calc(100% * 6 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer7 {
  max-width: calc(100% * 7 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer8 {
  max-width: calc(100% * 8 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer9 {
  max-width: calc(100% * 9 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer10 {
  max-width: calc(100% * 10 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer11 {
  max-width: calc(100% * 11 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer12 {
  max-width: calc(100% * 12 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer13 {
  max-width: calc(100% * 13 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer14 {
  max-width: calc(100% * 14 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer15 {
  max-width: calc(100% * 15 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer16 {
  max-width: calc(100% * 16 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer17 {
  max-width: calc(100% * 17 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer18 {
  max-width: calc(100% * 18 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer19 {
  max-width: calc(100% * 19 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer20 {
  max-width: calc(100% * 20 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer21 {
  max-width: calc(100% * 21 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer22 {
  max-width: calc(100% * 22 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer23 {
  max-width: calc(100% * 23 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer24 {
  max-width: calc(100% * 24 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer25 {
  max-width: calc(100% * 25 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer26 {
  max-width: calc(100% * 26 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer27 {
  max-width: calc(100% * 27 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer28 {
  max-width: calc(100% * 28 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer29 {
  max-width: calc(100% * 29 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer30 {
  max-width: calc(100% * 30 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer31 {
  max-width: calc(100% * 31 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer32 {
  max-width: calc(100% * 32 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer33 {
  max-width: calc(100% * 33 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer34 {
  max-width: calc(100% * 34 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer35 {
  max-width: calc(100% * 35 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer36 {
  max-width: calc(100% * 36 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer37 {
  max-width: calc(100% * 37 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer38 {
  max-width: calc(100% * 38 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer39 {
  max-width: calc(100% * 39 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer40 {
  max-width: calc(100% * 40 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer41 {
  max-width: calc(100% * 41 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer42 {
  max-width: calc(100% * 42 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer43 {
  max-width: calc(100% * 43 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer44 {
  max-width: calc(100% * 44 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer45 {
  max-width: calc(100% * 45 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer46 {
  max-width: calc(100% * 46 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer47 {
  max-width: calc(100% * 47 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer48 {
  max-width: calc(100% * 48 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer49 {
  max-width: calc(100% * 49 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer50 {
  max-width: calc(100% * 50 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer51 {
  max-width: calc(100% * 51 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer52 {
  max-width: calc(100% * 52 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer53 {
  max-width: calc(100% * 53 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer54 {
  max-width: calc(100% * 54 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer55 {
  max-width: calc(100% * 55 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer56 {
  max-width: calc(100% * 56 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer57 {
  max-width: calc(100% * 57 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer58 {
  max-width: calc(100% * 58 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer59 {
  max-width: calc(100% * 59 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer60 {
  max-width: calc(100% * 60 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer61 {
  max-width: calc(100% * 61 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer62 {
  max-width: calc(100% * 62 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer63 {
  max-width: calc(100% * 63 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer64 {
  max-width: calc(100% * 64 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer65 {
  max-width: calc(100% * 65 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer66 {
  max-width: calc(100% * 66 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer67 {
  max-width: calc(100% * 67 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer68 {
  max-width: calc(100% * 68 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer69 {
  max-width: calc(100% * 69 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer70 {
  max-width: calc(100% * 70 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer71 {
  max-width: calc(100% * 71 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer72 {
  max-width: calc(100% * 72 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer73 {
  max-width: calc(100% * 73 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer74 {
  max-width: calc(100% * 74 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer75 {
  max-width: calc(100% * 75 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer76 {
  max-width: calc(100% * 76 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer77 {
  max-width: calc(100% * 77 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer78 {
  max-width: calc(100% * 78 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer79 {
  max-width: calc(100% * 79 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer80 {
  max-width: calc(100% * 80 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer81 {
  max-width: calc(100% * 81 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer82 {
  max-width: calc(100% * 82 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer83 {
  max-width: calc(100% * 83 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer84 {
  max-width: calc(100% * 84 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer85 {
  max-width: calc(100% * 85 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer86 {
  max-width: calc(100% * 86 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer87 {
  max-width: calc(100% * 87 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer88 {
  max-width: calc(100% * 88 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer89 {
  max-width: calc(100% * 89 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer90 {
  max-width: calc(100% * 90 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer91 {
  max-width: calc(100% * 91 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer92 {
  max-width: calc(100% * 92 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer93 {
  max-width: calc(100% * 93 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer94 {
  max-width: calc(100% * 94 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer95 {
  max-width: calc(100% * 95 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer96 {
  max-width: calc(100% * 96 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer97 {
  max-width: calc(100% * 97 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer98 {
  max-width: calc(100% * 98 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer99 {
  max-width: calc(100% * 99 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.outer100 {
  max-width: calc(100% * 100 / 100);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .outer1 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer2 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer3 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer4 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer5 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer6 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer7 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer8 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer9 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer10 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer11 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer12 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer13 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer14 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer15 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer16 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer17 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer18 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer19 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer20 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer21 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer22 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer23 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer24 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer25 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer26 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer27 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer28 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer29 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer30 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer31 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer32 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer33 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer34 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer35 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer36 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer37 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer38 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer39 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer40 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer41 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer42 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer43 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer44 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer45 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer46 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer47 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer48 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer49 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer50 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer51 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer52 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer53 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer54 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer55 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer56 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer57 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer58 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer59 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer60 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer61 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer62 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer63 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer64 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer65 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer66 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer67 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer68 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer69 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer70 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer71 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer72 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer73 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer74 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer75 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer76 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer77 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer78 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer79 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer80 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer81 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer82 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer83 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer84 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer85 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer86 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer87 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer88 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer89 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer90 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer91 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer92 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer93 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer94 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer95 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer96 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer97 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer98 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer99 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .outer100 {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
html.overflow-h {
  overflow: hidden;
}

body {
  font-family: Archivo, sans-serif;
  font-size: 20px;
  margin: 0;
  padding: 0;
  color: #fff;
  text-transform: none;
  line-height: 1.4;
}
body.overflow-h {
  overflow: hidden;
}

a {
  text-decoration: none;
}

.outer {
  max-width: 83.3333333333vw;
  margin-left: auto;
  margin-right: auto;
}

img {
  max-width: 100%;
}

.loadingpage {
  position: relative;
}
.loadingpage:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: url("../images/ajax-loader.gif") center/50px no-repeat, rgba(255, 255, 255, 0.3);
  z-index: 999999;
  border-radius: 40px;
}

.slick-dots {
  top: auto;
  bottom: 0;
}
.slick-dots li {
  width: 94px;
  height: auto;
  margin: 0;
  z-index: 1;
  transition: ease-in-out 0.3s;
}
.slick-dots li button {
  width: 100px;
  transition: ease-in-out 0.3s;
  height: 6px;
  border-radius: 20px;
  background: rgb(217, 217, 217);
}
.slick-dots li button:before {
  display: none;
}
.slick-dots li.slick-active {
  z-index: 2;
  transition: ease-in-out 0.3s;
}
.slick-dots li.slick-active button {
  background: #c3c3c3;
  transition: ease-in-out 0.3s;
}

.slick-arrow {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
  z-index: 10;
  opacity: 0.6;
  transition: ease-in-out 0.3s;
}
.slick-arrow svg path {
  transition: ease-in-out 0.3s;
}
.slick-arrow:before {
  font-size: 0;
}
.slick-arrow.slick-next {
  right: 40px;
}
.slick-arrow.slick-prev {
  left: 40px;
}
.slick-arrow:hover {
  opacity: 1;
  transition: ease-in-out 0.3s;
  border: 1px solid #c3c3c3;
}
.slick-arrow:hover svg path {
  transition: ease-in-out 0.3s;
  fill: #c3c3c3;
}

.cta a {
  position: relative;
  border-radius: 70px;
  padding: 20px 45px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.8);
}
.cta svg {
  height: 16px;
  object-fit: contain;
  margin-left: 5px;
}

.cta-1 a {
  text-transform: uppercase;
  background: #168527;
  background: radial-gradient(circle, rgb(22, 133, 39) 0%, rgb(16, 93, 30) 57%, rgb(0, 25, 0) 100%);
}

.outer {
  max-width: 83.3333333333%;
  margin-left: auto;
  margin-right: auto;
}

#main-landingpage .part-title span {
  display: block;
}
#main-landingpage .t1 {
  text-transform: none;
  letter-spacing: 4px;
  font-size: 88px;
  line-height: 130px;
  background: linear-gradient(180deg, rgb(237, 198, 141) 0%, rgb(235, 210, 176) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
#main-landingpage .t2 {
  font-size: 34px;
  line-height: 38px;
}
#main-landingpage .t3 {
  background: radial-gradient(circle 340px at 40% 15%, rgb(255, 255, 255), rgba(255, 255, 255, 0.7));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 118px;
  line-height: 122px;
}
#main-landingpage .t4 {
  background: radial-gradient(circle 340px at 40% 15%, rgb(255, 255, 255), rgba(255, 255, 255, 0.7));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 74px;
  line-height: 78px;
}
#main-landingpage .banner {
  height: 0;
  padding-bottom: 56.25%;
  background: url("../images/banner.jpg") center/cover no-repeat;
  position: relative;
}
#main-landingpage .banner .wrap-banner {
  position: absolute;
  width: 40%;
  top: 50px;
  left: 120px;
}
#main-landingpage .banner .wrap-logo {
  display: flex;
  align-items: center;
  margin-bottom: 70px;
}
#main-landingpage .banner .wrap-logo img {
  height: 84px;
  object-fit: contain;
}
#main-landingpage .banner .wrap-logo .logo-main {
  margin-right: 20px;
}
#main-landingpage .banner .wrap-logo .logo-30nam img {
  height: 76px;
}
#main-landingpage .banner .banner-text > div span {
  display: block;
}
#main-landingpage .banner .banner-text .banner-title {
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #c3c3c3;
  font-size: 24px;
  line-height: 28px;
}
#main-landingpage .banner .banner-text .banner-title:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 1px;
  background: #c3c3c3;
}
#main-landingpage .banner .banner-text .slogan {
  background: radial-gradient(circle 340px at 40% 15%, rgb(255, 255, 255), rgba(255, 255, 255, 0.7));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 90px;
  line-height: 94px;
  margin-bottom: 35px;
}
#main-landingpage .banner .banner-text .cta {
  font-size: 24px;
  line-height: 28px;
}
#main-landingpage .about {
  background: #10661f;
  background: radial-gradient(circle 1440px at 90% 15%, #10661f, #10661f, #102d15);
  margin-top: -20px;
  position: relative;
  z-index: 9;
}
#main-landingpage .about .wrap-about {
  padding: 55px 100px;
  background: url("../images/back-about.png") top/100% no-repeat;
  box-shadow: 0 1px 15px 3px rgb(255, 255, 255);
  border-radius: 100px;
  position: relative;
}
#main-landingpage .about .short-about {
  position: relative;
  z-index: 5;
}
#main-landingpage .about .short-about .title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#main-landingpage .about .short-about .title .part-title:nth-child(1) {
  margin-right: 10px;
}
#main-landingpage .about .short-about .title .part-title .t1 {
  margin-bottom: 10px;
}
#main-landingpage .about .short-about .title .part-title .t2 {
  text-align: right;
  transform: translateY(-30px);
}
#main-landingpage .about .short-about .title .part-title .t3 {
  position: relative;
  top: 3px;
}
#main-landingpage .about .short-about .description {
  text-align: center;
  margin-bottom: 30px;
  max-width: 62.5vw;
  margin-left: auto;
  margin-right: auto;
}
#main-landingpage .about .short-about .description span {
  display: block;
}
#main-landingpage .about .short-about .video {
  max-width: 62.5vw;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-bottom: 38.8723404255%;
  position: relative;
  margin-bottom: 100px;
}
#main-landingpage .about .short-about .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#main-landingpage .about .list-about {
  position: relative;
  z-index: 5;
}
#main-landingpage .about .list-about .item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 90px;
}
#main-landingpage .about .list-about .item:before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  width: 70%;
  height: calc(100% + 2px);
  top: -2px;
}
#main-landingpage .about .list-about .item:after {
  content: "";
  position: absolute;
  top: -2px;
  width: 20%;
  height: calc(100% + 6px);
  z-index: 2;
}
#main-landingpage .about .list-about .item:last-child {
  margin-bottom: 0;
}
#main-landingpage .about .list-about .item > div {
  position: relative;
  z-index: 10;
}
#main-landingpage .about .list-about .item .image-opacity {
  z-index: 1;
  position: absolute;
  opacity: 0.5;
  max-width: 50%;
}
#main-landingpage .about .list-about .item .image-opacity img {
  width: 100%;
}
#main-landingpage .about .list-about .item .lp-image {
  width: calc(50% - 40px);
  position: relative;
}
#main-landingpage .about .list-about .item .lp-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main-landingpage .about .list-about .item .content {
  width: calc(50% - 40px);
}
#main-landingpage .about .list-about .item .content .description {
  line-height: 1.6;
}
#main-landingpage .about .list-about .item:nth-child(even):before {
  background: linear-gradient(-90deg, rgb(237, 198, 141) 0%, rgb(235, 210, 176) 100%);
  left: -2px;
  border-radius: 35px 0 0 35px;
}
#main-landingpage .about .list-about .item:nth-child(even):after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(15, 78, 22) 100%);
  right: calc(30% - 2px);
}
#main-landingpage .about .list-about .item:nth-child(even) .lp-image {
  order: 1;
  -webkit-mask-image: linear-gradient(to left, transparent, black 50%);
  mask-image: linear-gradient(to left, transparent, black 50%);
  border-radius: 35px 0 0 35px;
}
#main-landingpage .about .list-about .item:nth-child(even) .content {
  order: 2;
}
#main-landingpage .about .list-about .item:nth-child(odd):before {
  background: linear-gradient(90deg, rgb(237, 198, 141) 0%, rgb(235, 210, 176) 100%);
  left: calc(30% - 2px);
  border-radius: 0 35px 35px 0;
}
#main-landingpage .about .list-about .item:nth-child(odd):after {
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgb(14, 79, 23) 100%);
  left: calc(30% - 6px);
}
#main-landingpage .about .list-about .item:nth-child(odd) .lp-image {
  order: 2;
  -webkit-mask-image: linear-gradient(to right, transparent, black 50%);
  mask-image: linear-gradient(to right, transparent, black 50%);
  border-radius: 0 35px 35px 0;
}
#main-landingpage .about .list-about .item:nth-child(odd) .content {
  order: 1;
}
#main-landingpage .about .list-about .item:nth-child(1) .image-opacity {
  transform: translate(-100px, -40%);
  width: 42%;
}
#main-landingpage .about .list-about .item:nth-child(1) .title {
  text-align: center;
  margin-bottom: 20px;
}
#main-landingpage .about .list-about .item:nth-child(1) .title .part-title:nth-child(2) {
  margin-top: -35px;
}
#main-landingpage .about .list-about .item:nth-child(2) .image-opacity {
  top: 0;
  right: 0;
}
#main-landingpage .about .list-about .item:nth-child(2):before {
  background: linear-gradient(-90deg, rgb(237, 198, 141) 0%, rgb(235, 210, 176) 100%);
  left: -2px;
  border-radius: 35px 0 0 35px;
  width: 50%;
}
#main-landingpage .about .list-about .item:nth-child(2):after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(15, 78, 22) 100%);
  right: calc(50% - 2px);
}
#main-landingpage .about .list-about .item:nth-child(2) .t1 {
  display: inline-block;
  padding-right: 40px;
}
#main-landingpage .about .list-about .item:nth-child(2) .t4 {
  display: inline-block;
}
#main-landingpage .about .list-about .item:nth-child(2) .content {
  margin-top: -60px;
}
#main-landingpage .about .list-about .item:nth-child(2) .title {
  margin-bottom: 30px;
}
#main-landingpage .about .list-about .item:nth-child(2) .title .part-title:nth-child(1) {
  transform: translateX(-20px);
}
#main-landingpage .about .list-about .item:nth-child(2) .title .part-title:nth-child(1) .t4 {
  margin-left: -20px;
}
#main-landingpage .about .list-about .item:nth-child(2) .title .part-title:nth-child(2) {
  margin-top: -35px;
}
#main-landingpage .about .list-about .item:nth-child(3):before {
  background: linear-gradient(90deg, rgb(237, 198, 141) 0%, rgb(235, 210, 176) 100%);
  left: calc(50% - 2px);
  border-radius: 0 35px 35px 0;
  width: 50%;
}
#main-landingpage .about .list-about .item:nth-child(3):after {
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgb(14, 79, 23) 100%);
  left: calc(50% - 6px);
}
#main-landingpage .about .list-about .item:nth-child(3) .t1 {
  display: inline-block;
  padding-right: 40px;
}
#main-landingpage .about .list-about .item:nth-child(3) .t4 {
  display: inline-block;
}
#main-landingpage .about .list-about .item:nth-child(3) .content {
  margin-top: -60px;
}
#main-landingpage .about .list-about .item:nth-child(3) .title {
  margin-bottom: 30px;
}
#main-landingpage .about .list-about .item:nth-child(3) .title .part-title:nth-child(1) {
  transform: translateX(-20px);
}
#main-landingpage .about .list-about .item:nth-child(3) .title .part-title:nth-child(1) .t4 {
  margin-left: -20px;
}
#main-landingpage .about .list-about .item:nth-child(3) .title .part-title:nth-child(2) {
  margin-top: -35px;
}
#main-landingpage .about .list-about .item:nth-child(4) .image-opacity {
  top: -50%;
  right: 0;
  width: 60%;
}
#main-landingpage .about .list-about .item:nth-child(4) .content {
  margin-top: 15px;
}
#main-landingpage .about .list-about .item:nth-child(4) .content .description {
  margin-top: 10px;
}
#main-landingpage .about .list-about .item:nth-child(4) .title .part-title:nth-child(2) {
  margin-top: -35px;
}
#main-landingpage .about .patten-border {
  position: absolute;
  z-index: 6;
  mix-blend-mode: color-dodge;
}
#main-landingpage .about .patten-border img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: lighten;
}
#main-landingpage .about .patten-border.patten-border-1 {
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 21px;
}
#main-landingpage .about .patten-border.patten-border-2 {
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 21px;
}
#main-landingpage .about .patten-border.patten-border-3 {
  left: -15px;
  top: 20%;
  transform: translateY(-50%);
  width: 34px;
  height: 30%;
}
#main-landingpage .about .patten-border.patten-border-4 {
  left: -15px;
  top: 70%;
  transform: translateY(-50%);
  width: 34px;
  height: 30%;
}
#main-landingpage .about .patten-border.patten-border-5 {
  right: -15px;
  top: 30%;
  transform: translateY(-50%);
  width: 34px;
  height: 30%;
}
#main-landingpage .about .patten-border.patten-border-6 {
  right: -15px;
  top: 80%;
  transform: translateY(-50%);
  width: 34px;
  height: 30%;
}
#main-landingpage .tech-history {
  background: #10661f;
  background: linear-gradient(180deg, #102d15 13%, #10661f 100%);
  position: relative;
  margin-top: -13%;
}
#main-landingpage .tech-history .back-image {
  width: 100%;
}
#main-landingpage .tech-history .back-image img {
  width: 100%;
  object-fit: cover;
}
#main-landingpage .tech-history .wrap-tech {
  position: absolute;
  width: 100%;
  top: 15%;
  left: 0;
  text-align: center;
}
#main-landingpage .tech-history .wrap-tech .title {
  margin-bottom: 25px;
}
#main-landingpage .tech-history .wrap-tech .description {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  font-size: 28px;
  line-height: 1.6;
}
#main-landingpage .tech-history .wrap-tech .description span {
  display: block;
  width: 100%;
}
#main-landingpage .tech-history .tech-point {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
#main-landingpage .tech-history .tech-point .tech-point-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 62.5vw;
  margin-left: auto;
  margin-right: auto;
}
#main-landingpage .tech-history .tech-point .tech-point-wrap .item {
  flex: 1;
  display: flex;
  justify-content: center;
  position: relative;
  cursor: pointer;
  transition: ease-out 0.3s;
}
#main-landingpage .tech-history .tech-point .tech-point-wrap .item .point-dot {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  opacity: 0.5;
  transition: ease-out 0.3s;
}
#main-landingpage .tech-history .tech-point .tech-point-wrap .item .point-dot:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #008c9d;
  border-radius: 50%;
  filter: invert(0.2) brightness(3) blur(2px);
}
#main-landingpage .tech-history .tech-point .tech-point-wrap .item .point-main {
  transition: ease-out 0.3s;
}
#main-landingpage .tech-history .tech-point .tech-point-wrap .item:hover .point-main {
  transform: translateY(-15px);
  transition: ease-out 0.3s;
}
#main-landingpage .tech-history .tech-point .tech-point-wrap .item:hover .point-dot {
  opacity: 1;
  transition: ease-out 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
#main-landingpage .tech-history .tech-point .tech-point-wrap .item.item-1 {
  transform: translate(0, 35%) scale(1.3);
}
#main-landingpage .tech-history .tech-point .tech-point-wrap .item.item-2 {
  transform: translate(-5%, 0) scale(1.3);
}
#main-landingpage .tech-history .tech-point .tech-point-wrap .item.item-3 {
  transform: translate(-10%, 25%) scale(1.3);
}
#main-landingpage .tech-history .tech-point .tech-point-wrap .item.item-4 {
  transform: translate(0, 0) scale(1.3);
}
#main-landingpage .tech-history .tech-point .tech-point-wrap .item.item-5 {
  transform: translate(0, 25%) scale(1.3);
}
#main-landingpage .tech-history .tech-point-popup {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: ease-out 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -99;
}
#main-landingpage .tech-history .tech-point-popup.show {
  visibility: visible;
  opacity: 1;
  transition: ease-out 0.3s;
  z-index: 9999;
}
#main-landingpage .tech-history .tech-point-popup .tech-point-popup-wrap {
  width: 40%;
  position: relative;
}
#main-landingpage .tech-history .tech-point-popup .tech-point-popup-wrap .item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  border-radius: 30px;
}
#main-landingpage .tech-history .tech-point-popup .tech-point-popup-wrap .item .patten-border {
  position: absolute;
  z-index: 6;
  mix-blend-mode: plus-lighter;
}
#main-landingpage .tech-history .tech-point-popup .tech-point-popup-wrap .item .patten-border img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: plus-lighter;
}
#main-landingpage .tech-history .tech-point-popup .tech-point-popup-wrap .item .patten-border.patten-border-3 {
  left: -17px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 100%;
}
#main-landingpage .tech-history .tech-point-popup .tech-point-popup-wrap .item .patten-border.patten-border-4 {
  right: -19px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 100%;
}
#main-landingpage .tech-history .tech-point-popup .tech-point-popup-wrap .item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #008c9d;
  opacity: 0.4;
  border-radius: 30px;
  z-index: 2;
}
#main-landingpage .tech-history .tech-point-popup .tech-point-popup-wrap .item:before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(-90deg, rgb(237, 198, 141) 0%, rgb(235, 210, 176) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 5;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
#main-landingpage .tech-history .tech-point-popup .tech-point-popup-wrap .item > span {
  display: block;
}
#main-landingpage .tech-history .tech-point-popup .tech-point-popup-wrap .item.active {
  display: block;
  position: relative;
}
#main-landingpage .tech-history .tech-point-popup .tech-point-popup-wrap .item img {
  width: 100%;
  object-fit: cover;
  z-index: 1;
  border-radius: 30px;
  z-index: 1;
  position: relative;
}
#main-landingpage .tech-history .tech-point-popup .tech-point-popup-wrap .item .i-mask {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 1px;
  width: calc(100% - 1px);
  height: 60%;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 4;
  border-radius: 30px;
}
#main-landingpage .tech-history .tech-point-popup .tech-point-popup-wrap .item .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  z-index: 5;
}
#main-landingpage .tech-history .tech-point-popup .tech-point-popup-wrap .item .text span {
  display: block;
}
#main-landingpage .tech-history .wrap-history {
  position: absolute;
  bottom: 6%;
  left: 0;
  width: 100%;
}
#main-landingpage .tech-history .wrap-history .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none !important;
  cursor: pointer;
}
#main-landingpage .tech-history .wrap-history .slick-arrow img {
  width: 100%;
  object-fit: contain;
}
#main-landingpage .tech-history .wrap-history .slick-arrow.slick-prev {
  left: 80px;
}
#main-landingpage .tech-history .wrap-history .slick-arrow.slick-next {
  right: 40px;
}
#main-landingpage .tech-history .wrap-history .history-slider {
  -webkit-mask-image: linear-gradient(to left, transparent, black 70%);
  mask-image: linear-gradient(to left, transparent, black 70%);
  position: relative;
  transform: translateX(50px);
}
#main-landingpage .tech-history .wrap-history .history-slider .slick-list {
  padding: 50px;
}
#main-landingpage .tech-history .wrap-history .history-slider:after {
  content: "";
  position: absolute;
  bottom: 48px;
  left: 48px;
  width: calc(100% - 48px);
  padding: 0;
  border-radius: inherit;
  border-style: dashed none none none;
  -webkit-mask-image: linear-gradient(to left, transparent, black 50%);
  mask-image: linear-gradient(to left, transparent, black 50%);
  opacity: 0.5;
}
#main-landingpage .tech-history .wrap-history .history-slider .slick-slide {
  position: relative;
  padding: 0 50px 50px;
  width: 20.2604166667vw;
  height: 18.9583333333vw;
  margin-right: 5.2083333333vw;
  margin-left: 5.2083333333vw;
  transition: ease-out 0.3s;
}
#main-landingpage .tech-history .wrap-history .history-slider .slick-slide:after {
  content: "";
  position: absolute;
  top: 9.21875vw;
  left: 2px;
  height: calc(100% - 9.1145833333vw);
  width: 0;
  padding: 0;
  border-radius: inherit;
  border-style: none dotted none none;
  -webkit-mask-image: linear-gradient(to top, transparent, black 50%);
  mask-image: linear-gradient(to top, transparent, black 50%);
  opacity: 0.5;
}
#main-landingpage .tech-history .wrap-history .history-slider .slick-slide .doted {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -22px;
  left: -20px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid #fff;
}
#main-landingpage .tech-history .wrap-history .history-slider .slick-slide .doted:after {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
}
#main-landingpage .tech-history .wrap-history .history-slider .slick-slide .i-flag {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#main-landingpage .tech-history .wrap-history .history-slider .slick-slide .i-flag img {
  width: 100%;
  object-fit: contain;
}
#main-landingpage .tech-history .wrap-history .history-slider .slick-slide .i-timer {
  margin-bottom: 40px;
  height: 7.0833333333vw;
  font-size: 64px;
  line-height: 64px;
  position: relative;
  z-index: 5;
  padding-left: 20px;
  display: flex;
  align-items: center;
}
#main-landingpage .tech-history .wrap-history .history-slider .slick-slide .i-detail {
  font-size: 22px;
  line-height: 28px;
  position: relative;
  z-index: 5;
}
#main-landingpage .tech-history .wrap-history .history-slider .slick-slide.item-next-1 {
  transform: scale(0.9);
  transform-origin: bottom;
  transition: ease-out 0.3s;
}
#main-landingpage .tech-history .wrap-history .history-slider .slick-slide.item-next-2 {
  transform: scale(0.8);
  transform-origin: bottom;
  transition: ease-out 0.3s;
}
#main-landingpage .tech-history .wrap-history .history-slider .slick-slide.item-next-3 {
  transform: scale(0.7);
  transform-origin: bottom;
  transition: ease-out 0.3s;
}
#main-landingpage .before-carousel {
  background: #10661f;
  position: relative;
  z-index: 8;
  margin-top: -2px;
  margin-bottom: -2px;
}
#main-landingpage .before-carousel .wrap-title {
  transform: translateY(100px);
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#main-landingpage .before-carousel .wrap-title .short-des {
  font-size: 28px;
  line-height: 1.6;
}
#main-landingpage .before-carousel .wrap-title .short-des span {
  display: block;
}
#main-landingpage .carousel_container {
  width: 100%;
  background: #10661f;
  background: linear-gradient(0deg, #10661f 0%, #102d15 50%, #10661f 100%);
}
#main-landingpage .carousel_component {
  width: 74%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 6;
  overflow: unset;
}
#main-landingpage .carousel_component .carousel_track {
  z-index: 0;
}
#main-landingpage .carousel_component .carousel_sticky {
  background: #10661f;
  background: linear-gradient(0deg, #10661f 0%, #102d15 50%, #10661f 100%);
  overflow: unset;
}
#main-landingpage .carousel_component .carousel_sticky .flare-light {
  position: absolute;
  top: 6%;
  height: 82%;
  object-fit: contain;
  mix-blend-mode: plus-lighter;
  visibility: hidden;
  transition: ease-out 0.3s;
}
#main-landingpage .carousel_component .carousel_sticky .flare-light.show {
  visibility: visible;
  transition: ease-out 0.3s;
}
#main-landingpage .carousel_component .carousel_sticky > .description {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100px);
  text-align: center;
  width: 100%;
  font-size: 28px;
  line-height: 1.6;
  z-index: 20;
}
#main-landingpage .carousel_component .carousel_sticky > .description span {
  display: block;
}
#main-landingpage .carousel_component .carousel_content_wrap > .title {
  position: absolute;
  top: 0;
  left: 50%;
}
#main-landingpage .values {
  position: relative;
  background: #10661f;
  background: linear-gradient(0deg, #102d15 0%, #10661f 100%);
  padding-bottom: 200px;
}
#main-landingpage .values .back-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  -webkit-mask-image: linear-gradient(to bottom, transparent, black 4%);
  mask-image: linear-gradient(to bottom, transparent, black 4%);
}
#main-landingpage .values .back-image img {
  width: 100%;
  object-fit: contain;
}
#main-landingpage .values .wrap-values {
  position: relative;
  z-index: 5;
  padding-top: 120px;
  margin-top: -1px;
}
#main-landingpage .values .wrap-values .values-detail {
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
}
#main-landingpage .values .wrap-values .values-detail .title {
  margin-bottom: 30px;
}
#main-landingpage .values .wrap-values .values-detail .title .part-title:nth-child(1) span {
  display: inline-block;
}
#main-landingpage .values .wrap-values .values-detail .title .part-title:nth-child(1) span.t1 {
  padding-right: 30px;
  font-size: 136px;
  line-height: 140px;
}
#main-landingpage .values .wrap-values .values-detail .title .part-title:nth-child(2) {
  margin-top: 0;
}
#main-landingpage .values .wrap-values .values-detail .description {
  font-size: 28px;
  line-height: 1.6;
}
#main-landingpage .values .wrap-values .values-detail .description span {
  display: block;
}
#main-landingpage .values .wrap-values .values-slider .slick-list {
  padding: 10px 0;
}
#main-landingpage .values .wrap-values .values-slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
#main-landingpage .values .wrap-values .values-slider .slick-arrow svg path {
  fill: #fff;
}
#main-landingpage .values .wrap-values .values-slider .slick-arrow img {
  width: 100%;
  object-fit: contain;
}
#main-landingpage .values .wrap-values .values-slider .slick-arrow.slick-prev {
  left: -60px;
}
#main-landingpage .values .wrap-values .values-slider .slick-arrow.slick-next {
  right: -60px;
}
#main-landingpage .values .wrap-values .values-slider .slick-slide {
  margin: 0 20px;
  border-radius: 30px;
  position: relative;
}
#main-landingpage .values .wrap-values .values-slider .slick-slide > div {
  width: 100%;
  height: 0;
  padding-bottom: 75.1020408163%;
  position: relative;
  border-radius: 29px;
}
#main-landingpage .values .wrap-values .values-slider .slick-slide img {
  border-radius: 29px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#main-landingpage .values .wrap-values .values-slider .slick-slide:before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(-90deg, rgb(237, 198, 141) 0%, rgb(235, 210, 176) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 2;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
#main-landingpage .quote {
  font-size: 34px;
  line-height: 46px;
  padding: 140px 0;
  background: url("../images/back-quote.jpg") center/cover no-repeat;
}
#main-landingpage .quote span {
  display: block;
}
#main-landingpage .quote .quote-wrap {
  text-align: center;
  position: relative;
  padding: 3.125vw 4.6875vw;
  max-width: 83.3333333333vw;
  margin-left: auto;
  margin-right: auto;
}
#main-landingpage .quote .patten {
  position: absolute;
  width: 4.1666666667vw;
}
#main-landingpage .quote .patten img {
  width: 100%;
  object-fit: contain;
}
#main-landingpage .quote .patten.patten-1 {
  top: 0;
  left: 0;
}
#main-landingpage .quote .patten.patten-2 {
  bottom: 0;
  right: 0;
}

.desktop {
  display: block;
}

.mobile {
  display: none;
}

@media only screen and (max-width: 1600px) {
  #main-landingpage .t1 {
    font-size: 70px;
    line-height: 112px;
  }
  #main-landingpage .t4 {
    font-size: 56px;
    line-height: 60px;
  }
  #main-landingpage .tech-history .wrap-tech .description {
    font-size: 22px;
  }
  #main-landingpage .tech-history .wrap-history .history-slider .slick-slide .i-detail {
    font-size: 18px;
    line-height: 22px;
  }
  #main-landingpage .before-carousel .wrap-title .short-des {
    font-size: 22px;
  }
  #main-landingpage .carousel_component > .description {
    font-size: 22px;
  }
  #main-landingpage .values .wrap-values .values-detail .description {
    font-size: 22px;
  }
  #main-landingpage .quote {
    font-size: 22px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 1440px) {
  #main-landingpage .banner .banner-text .slogan {
    font-size: 74px;
    line-height: 78px;
  }
  #main-landingpage .banner .banner-text .cta {
    font-size: 18px;
    line-height: 22px;
  }
  .cta a {
    padding: 14px 40px;
  }
  #main-landingpage .about .short-about .description {
    font-size: 16px;
  }
  #main-landingpage .about .list-about .item .content .description {
    font-size: 16px;
  }
  #main-landingpage .t1 {
    font-size: 58px;
    line-height: 100px;
  }
  #main-landingpage .t3 {
    font-size: 74px;
    line-height: 78px;
  }
  #main-landingpage .t4 {
    font-size: 50px;
    line-height: 54px;
  }
  #main-landingpage .tech-history .wrap-tech .description {
    font-size: 20px;
  }
  #main-landingpage .tech-history .wrap-history .history-slider .slick-slide .i-detail {
    font-size: 18px;
    line-height: 20px;
  }
  #main-landingpage .before-carousel .wrap-title .short-des {
    font-size: 20px;
  }
  #main-landingpage .carousel_component > .description {
    font-size: 20px;
  }
  #main-landingpage .values .wrap-values .values-detail .description {
    font-size: 20px;
  }
  #main-landingpage .quote {
    font-size: 20px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 1366px) {
  #main-landingpage .t1 {
    letter-spacing: 2px;
    font-size: 54px;
    line-height: 98px;
  }
  #main-landingpage .tech-history .wrap-history .history-slider .slick-slide .i-timer {
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 24px;
  }
  #main-landingpage .tech-history .wrap-history .history-slider .slick-slide {
    padding: 0 30px 50px;
  }
  #main-landingpage .about .list-about .item:nth-child(3) .t1 {
    padding-right: 10px;
    font-size: 54px;
    line-height: 98px;
  }
  #main-landingpage .about .list-about .item:nth-child(1) .title {
    margin-bottom: 10px;
  }
  #main-landingpage .about .list-about .item:nth-child(2) .title {
    margin-bottom: 10px;
  }
  #main-landingpage .about .list-about .item:nth-child(3) .title {
    margin-bottom: 10px;
  }
  #main-landingpage .about .list-about .item:nth-child(4) .content {
    margin-bottom: 15px;
  }
  #main-landingpage .quote {
    font-size: 18px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1280px) and (max-height: 768px) {
  #main-landingpage .before-carousel .wrap-title {
    transform: translateY(20px);
  }
  #main-landingpage .carousel_component .carousel_sticky > .description {
    font-size: 18px;
    transform: translate(-50%, 50px);
  }
}
@media only screen and (max-width: 1024px) {
  .outer {
    max-width: 94%;
  }
}
@media only screen and (max-width: 991px) {
  .desktop {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  .cta a {
    padding: 10px 30px;
    border-radius: 20px;
  }
  #main-landingpage .t1 {
    font-size: 46px;
    line-height: 90px;
  }
  #main-landingpage .t2 {
    font-size: 28px;
    line-height: 32px;
  }
  #main-landingpage .about .wrap-about {
    padding: 15px;
    border-radius: 25px;
  }
  #main-landingpage .about .list-about .item:nth-child(3) .t1 {
    padding-right: 0;
  }
  #main-landingpage .about .list-about .item:nth-child(3) .title .part-title:nth-child(1) .t4 {
    margin-left: 0;
  }
  #main-landingpage .values .wrap-values .values-detail {
    max-width: 94%;
    margin-top: 0;
    margin-bottom: 30px;
  }
  #main-landingpage .banner {
    height: auto;
    padding-bottom: 0;
    background: #10661f;
    background: linear-gradient(0deg, #10661f 0%, #102d15 22%, #2d8b3e 100%);
  }
  #main-landingpage .banner .wrap-banner {
    background: url("../images/banner.jpg") top/contain no-repeat;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    padding-bottom: 30px;
    top: 0;
    left: 0;
    z-index: 2;
  }
  #main-landingpage .banner .wrap-logo {
    position: absolute;
    top: 30px;
    margin-bottom: 0;
  }
  #main-landingpage .banner .wrap-logo img {
    height: 56px;
  }
  #main-landingpage .banner .wrap-logo .logo-30nam img {
    height: 50px;
  }
  #main-landingpage .banner .banner-text > div span {
    display: block;
  }
  #main-landingpage .banner .banner-text .banner-title {
    margin-top: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
  }
  #main-landingpage .banner .banner-text .slogan {
    font-size: 60px;
    line-height: 64px;
    margin-bottom: 30px;
  }
  #main-landingpage .banner .banner-text .cta {
    font-size: 16px;
    line-height: 20px;
  }
  #main-landingpage .about {
    margin-top: -2px;
  }
  #main-landingpage .about .wrap-about {
    background: url("../images/back-about.png") center/cover no-repeat;
  }
  #main-landingpage .about .short-about .title {
    text-align: center;
    margin-bottom: 20px;
  }
  #main-landingpage .about .short-about .title .part-title .t2 {
    transform: translateY(0);
    margin-top: -30px;
    text-align: center;
  }
  #main-landingpage .about .short-about .title .part-title .t3 {
    top: 0;
  }
  #main-landingpage .about .short-about .description {
    max-width: 100%;
  }
  #main-landingpage .about .short-about .description span {
    display: inline;
  }
  #main-landingpage .about .short-about .video {
    max-width: 100%;
    padding-bottom: 64.5390070922%;
    margin-bottom: 20px;
  }
  #main-landingpage .about .list-about .item:nth-child(even) .lp-image {
    order: 2;
  }
  #main-landingpage .about .list-about .item:nth-child(even) .content {
    order: 1;
  }
  #main-landingpage .about .list-about .item .lp-image {
    width: 100%;
    border-radius: 0 0 35px 35px !important;
    -webkit-mask-image: linear-gradient(to bottom, transparent, black 0%) !important;
    mask-image: linear-gradient(to bottom, transparent, black 0%) !important;
  }
  #main-landingpage .about .list-about .item .content {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 3px;
  }
  #main-landingpage .about .list-about .item .content .title {
    text-align: center;
  }
  #main-landingpage .about .list-about .item {
    margin-bottom: 60px;
  }
  #main-landingpage .about .list-about .item:nth-child(2) .title .part-title:nth-child(1) {
    transform: translateX(0);
  }
  #main-landingpage .about .list-about .item:nth-child(3) .title .part-title:nth-child(1) {
    transform: translateX(0);
  }
  #main-landingpage .about .list-about .item:nth-child(4) .content {
    margin-top: -50px;
  }
  #main-landingpage .about .list-about .item:before {
    width: 100% !important;
    left: -2px !important;
    top: auto !important;
    bottom: -2px !important;
    height: 80% !important;
    border-radius: 0 0 35px 35px !important;
  }
  #main-landingpage .about .list-about .item:after {
    width: calc(100% + 6px) !important;
    height: 81%;
    top: auto !important;
    bottom: 0 !important;
    left: -2px !important;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(14, 79, 23) 100%) !important;
  }
  #main-landingpage .about .list-about .item .content .title .part-title {
    margin-bottom: 6px;
  }
  #main-landingpage .t3 {
    font-size: 38px;
    line-height: 42px;
  }
  #main-landingpage .t4 {
    font-size: 38px;
    line-height: 42px;
  }
  #main-landingpage .tech-history {
    margin-top: -2%;
    display: flex;
    flex-wrap: wrap;
    z-index: 8;
  }
  #main-landingpage .tech-history .back-image {
    order: 2;
  }
  #main-landingpage .tech-history .wrap-tech {
    top: 0;
    order: 1;
    margin-top: 10%;
    position: relative;
  }
  #main-landingpage .tech-history .wrap-tech .description {
    font-size: 14px;
    max-width: 100%;
  }
  #main-landingpage .tech-history .wrap-tech .description span {
    display: inline;
  }
  #main-landingpage .tech-history .tech-point .tech-point-wrap {
    max-width: 94%;
  }
  #main-landingpage .tech-history .tech-point .tech-point-wrap .item .point-main img {
    max-width: 50px;
  }
  #main-landingpage .tech-history .tech-point-popup .tech-point-popup-wrap {
    width: 94%;
  }
  #main-landingpage .tech-history .wrap-history {
    position: relative;
    order: 3;
  }
  #main-landingpage .tech-history .wrap-history .history-slider {
    transform: translateX(0);
  }
  #main-landingpage .tech-history .wrap-history .slick-arrow {
    width: 34px;
  }
  #main-landingpage .tech-history .wrap-history .slick-arrow.slick-prev {
    left: 10px;
  }
  #main-landingpage .tech-history .wrap-history .slick-arrow.slick-next {
    right: 10px;
  }
  #main-landingpage .tech-history .wrap-history .history-slider .slick-slide {
    width: 240px;
    height: 220px;
    margin-right: 10px;
    margin-left: 10px;
  }
  #main-landingpage .tech-history .wrap-history .history-slider .slick-slide:after {
    top: 97px;
    height: calc(100% - 97px);
  }
  #main-landingpage .tech-history .wrap-history .history-slider .slick-slide .doted {
    bottom: -12px;
    left: -8px;
    width: 24px;
    height: 24px;
  }
  #main-landingpage .tech-history .wrap-history .history-slider .slick-slide .doted:after {
    width: 14px;
    height: 14px;
  }
  #main-landingpage .tech-history .wrap-history .history-slider .slick-slide .i-timer {
    height: 64px;
    margin-top: 10px;
    margin-bottom: 24px;
  }
  #main-landingpage .tech-history .wrap-history .history-slider .slick-slide .i-detail {
    font-size: 16px;
    line-height: 18px;
  }
  #main-landingpage .before-carousel {
    margin-top: -2px;
    margin-bottom: -52%;
    z-index: 7;
    background: #10661f;
    background: linear-gradient(180deg, #10661f 0%, #104b1a 100%);
  }
  #main-landingpage .before-carousel .wrap-title {
    max-width: 100%;
    transform: translateY(0);
  }
  #main-landingpage .before-carousel .wrap-title .title {
    margin-bottom: 10px;
  }
  #main-landingpage .before-carousel .wrap-title .short-des {
    font-size: 14px;
  }
  #main-landingpage .before-carousel .wrap-title .short-des span {
    display: inline;
  }
  #main-landingpage .carousel_component .carousel_sticky {
    overflow: hidden;
  }
  #main-landingpage .carousel_component .carousel_sticky > .description {
    max-width: 94%;
    font-size: 14px;
    transform: translate(-50%, -15px);
  }
  #main-landingpage .carousel_component .carousel_sticky > .description span {
    display: inline;
  }
  #main-landingpage .values .wrap-values .values-detail .title .part-title:nth-child(1) span.t1 {
    padding-right: 10px;
    font-size: 54px;
    line-height: 58px;
  }
  #main-landingpage .values {
    padding-bottom: 50px;
  }
  #main-landingpage .values .wrap-values .values-detail .description {
    font-size: 14px;
  }
  #main-landingpage .values .wrap-values .values-detail .description span {
    display: inline;
  }
  #main-landingpage .values .back-image {
    height: 100%;
  }
  #main-landingpage .values .back-image img {
    height: 100%;
    object-fit: cover;
  }
  #main-landingpage .quote {
    font-size: 16px;
  }
  #main-landingpage .values .wrap-values .values-slider .slick-arrow {
    width: 28px;
    height: 28px;
  }
  #main-landingpage .values .wrap-values .values-slider .slick-arrow svg {
    width: 16px;
  }
  #main-landingpage .values .wrap-values .values-slider .slick-arrow.slick-prev {
    left: -5px;
  }
  #main-landingpage .values .wrap-values .values-slider .slick-arrow.slick-next {
    right: -5px;
  }
  #main-landingpage .carousel_component .carousel_sticky .flare-light {
    height: 34vh;
    top: 25vh;
    object-fit: cover;
  }
  #main-landingpage .values .wrap-values {
    padding-top: 33px;
    margin-top: -2px;
  }
  #main-landingpage .about .list-about .item .image-opacity {
    max-width: 100%;
  }
  #main-landingpage .about .list-about .item:nth-child(1) .image-opacity {
    transform: translate(0px, -28%);
    max-width: 100%;
    width: 100%;
  }
  #main-landingpage .about .list-about .item:nth-child(2) .image-opacity {
    top: -110px;
  }
  #main-landingpage .about .list-about .item:nth-child(4) .image-opacity {
    top: -35%;
    width: 100%;
  }
  #main-landingpage .carousel_component {
    top: 20px;
    height: 84vh;
    width: 100%;
  }
  .carousel_sticky {
    height: 100%;
  }
  .swiper.is-slider1 {
    height: 100%;
  }
  .carousel_wrap {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 414px) {
  #main-landingpage .quote .quote-wrap {
    max-width: 100%;
  }
}
@media only screen and (max-width: 375px) {
  #main-landingpage .carousel_component {
    top: 20px;
    height: 93vh;
    width: 100%;
  }
  #main-landingpage .about .list-about .item:nth-child(3) .title .part-title:nth-child(1) .t4 {
    transform: translateY(-30px);
  }
}
/*# sourceMappingURL=style.css.map */