.maxhub--wrapper > * {
  font-family: Nexa-Regular;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-1 .bg-img {
    width: 100%;
    height: 46.875vw;
  }
  .maxhub--wrapper .section-1 .text-wrapper {
    top: 12.39583333vw;
    left: 15.625vw;
    transform: translateY(4.16666667vw);
    opacity: 0;
  }
  .maxhub--wrapper .section-1 .text-wrapper .title {
    font-size: 2.60416667vw;
    color: black;
    font-family: Nexa-bold;
  }
  .maxhub--wrapper .section-1 .text-wrapper .desc {
    margin-top: 0.83333333vw;
    font-size: 1.30208333vw;
    color: #000000;
    line-height: 144%;
    width: 31.09375vw;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn {
    margin-top: 1.97916667vw;
    padding: 0.72916667vw 1.25vw;
    background-image: linear-gradient(234deg, #00A7F4 0%, #006EE6 100%);
    border-radius: 1.5625vw;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn .btn-text {
    font-size: 0.67708333vw;
    color: #FFFFFF;
    line-height: 180%;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn .arrow-right {
    margin-left: 0.625vw;
    width: 0.41666667vw;
    height: 0.72916667vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-1 .bg-img {
    width: 100%;
    height: 173.33333333vw;
  }
  .maxhub--wrapper .section-1 .text-wrapper {
    top: 12.8vw;
    left: 6.4vw;
    transform: translateY(5.33333333vw);
    opacity: 0;
  }
  .maxhub--wrapper .section-1 .text-wrapper .title {
    font-size: 6.93333333vw;
    color: black;
    font-family: Nexa-bold;
  }
  .maxhub--wrapper .section-1 .text-wrapper .desc {
    margin-top: 4.8vw;
    font-size: 4.8vw;
    color: #000000;
    width: 84.66666667vw;
    opacity: 0.8;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn {
    margin-top: 6.4vw;
    padding: 2.66666667vw 4.53333333vw;
    background-image: linear-gradient(234deg, #00A7F4 0%, #006EE6 100%);
    border-radius: 4.8vw;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn .btn-text {
    font-size: 3.46666667vw;
    color: #FFFFFF;
    line-height: 120%;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn .arrow-right {
    margin-left: 2vw;
    width: 1.73333333vw;
    height: 2.93333333vw;
  }
}
.maxhub--wrapper .section-1.show .text-wrapper {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s ease;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-2 {
    padding: 5.20833333vw;
    background-color: white;
    color: black;
  }
  .maxhub--wrapper .section-2 .g--container {
    justify-content: space-between;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper {
    width: 14.58333333vw;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper .title {
    font-size: 1.04166667vw;
    line-height: 160%;
    margin-top: 0.625vw;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(1) .pic,
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(4) .pic {
    height: 1.875vw;
    width: auto;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(2) .pic,
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(3) .pic {
    height: 1.5625vw;
    width: auto;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-2 {
    padding: 13.33333333vw 0 16vw;
    background-color: white;
    color: black;
  }
  .maxhub--wrapper .section-2 .g--container {
    flex-direction: column;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper:not(:first-child) {
    margin-top: 8vw;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper .title {
    font-size: 4.26666667vw;
    line-height: 150%;
    margin-top: 3.33333333vw;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(1) .pic,
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(4) .pic {
    height: 9.6vw;
    width: auto;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(2) .pic,
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(3) .pic {
    height: 8vw;
    width: auto;
  }
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-3 {
    background-color: #F7F8F9;
  }
  .maxhub--wrapper .section-3 .g--container {
    justify-content: space-between;
    align-items: center;
  }
  .maxhub--wrapper .section-3 .g--container .text-wrapper {
    color: black;
    width: 27.34375vw;
  }
  .maxhub--wrapper .section-3 .g--container .text-wrapper .title {
    font-size: 2.5vw;
    color: #000000;
    line-height: 125%;
  }
  .maxhub--wrapper .section-3 .g--container .text-wrapper .desc {
    margin-top: 2.29166667vw;
    font-size: 0.83333333vw;
    line-height: 175%;
  }
  .maxhub--wrapper .section-3 .g--container .pic {
    margin-top: 4.47916667vw;
    width: 33.85416667vw;
    height: 36.45833333vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-3 {
    background-color: #F7F8F9;
    padding-top: 16vw;
  }
  .maxhub--wrapper .section-3 .g--container {
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-3 .g--container .text-wrapper {
    color: black;
    text-align: center;
  }
  .maxhub--wrapper .section-3 .g--container .text-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-3 .g--container .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 4.26666667vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-3 .g--container .pic {
    margin-top: 13.33333333vw;
    width: 81.06666667vw;
    height: 86.4vw;
  }
}
.maxhub--wrapper .section-4 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-4 {
    padding: 6.77083333vw 0 0;
  }
  .maxhub--wrapper .section-4 .g--container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-4 .g--container .text-wrapper {
    color: black;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-4 .g--container .text-wrapper .title {
    font-size: 2.5vw;
    line-height: 125%;
  }
  .maxhub--wrapper .section-4 .g--container .text-wrapper .desc {
    margin-top: 1.77083333vw;
    font-size: 0.83333333vw;
    line-height: 175%;
  }
  .maxhub--wrapper .section-4 .g--container .switch-pic-wrapper {
    margin-top: 4.16666667vw;
    width: 50vw;
    height: 25vw;
    border-radius: 0.625vw;
  }
  .maxhub--wrapper .section-4 .g--container .switch-pic-wrapper .pic-off {
    -webkit-clip-path: inset(0 0 0 0%);
            clip-path: inset(0 0 0 0%);
    transition: -webkit-clip-path 0.8s ease;
    transition: clip-path 0.8s ease;
    transition: clip-path 0.8s ease, -webkit-clip-path 0.8s ease;
  }
  .maxhub--wrapper .section-4 .g--container .switch-pic-wrapper .divide-line {
    width: 1px;
    background-color: white;
    transform: translateX(0);
    transition: transform 0.8s ease;
  }
  .maxhub--wrapper .section-4 .g--container .switch-pic-wrapper .switch-btn-wrapper {
    right: 1.19791667vw;
    bottom: 1.5625vw;
    padding: 0.20833333vw 0.52083333vw;
    border-radius: 0.91145833vw;
    background-color: white;
    font-size: 0.83333333vw;
    color: #000000;
    line-height: 150%;
    display: flex;
  }
  .maxhub--wrapper .section-4 .g--container .switch-pic-wrapper .switch-btn-wrapper .switch-btn {
    cursor: pointer;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-4 .g--container .switch-pic-wrapper .switch-btn-wrapper .switch-on {
    opacity: 0.5;
  }
  .maxhub--wrapper .section-4 .g--container .switch-pic-wrapper .switch-btn-wrapper .switch-off {
    opacity: 1;
  }
  .maxhub--wrapper .section-4 .g--container .switch-pic-wrapper.active .pic-off {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
  }
  .maxhub--wrapper .section-4 .g--container .switch-pic-wrapper.active .divide-line {
    transform: translateX(50vw);
  }
  .maxhub--wrapper .section-4 .g--container .switch-pic-wrapper.active .switch-btn-wrapper .switch-on {
    opacity: 1;
  }
  .maxhub--wrapper .section-4 .g--container .switch-pic-wrapper.active .switch-btn-wrapper .switch-off {
    opacity: 0.5;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-4 {
    padding: 16vw 0 5.33333333vw;
  }
  .maxhub--wrapper .section-4 .g--container .text-wrapper {
    color: black;
    text-align: left;
  }
  .maxhub--wrapper .section-4 .g--container .text-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-4 .g--container .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 4.26666667vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-4 .g--container .switch-pic-wrapper {
    margin-top: 13.33333333vw;
    width: 100%;
    height: 87.2vw;
    border-radius: 1.6vw;
    overflow: hidden;
  }
  .maxhub--wrapper .section-4 .g--container .switch-pic-wrapper .switch-btn-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 50%;
    bottom: 3.33333333vw;
    transform: translateX(-50%);
  }
  .maxhub--wrapper .section-4 .g--container .switch-pic-wrapper .switch-btn-wrapper .switch-off {
    margin-top: 36.93333333vw;
  }
  .maxhub--wrapper .section-4 .g--container .switch-pic-wrapper .switch-btn-wrapper .switch-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11.86666667vw;
    height: 6.4vw;
    border-radius: 3.2vw;
    background-color: white;
    color: black;
    font-size: 3.73333333vw;
  }
}
.maxhub--wrapper .section-5 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-5 {
    padding: 9.375vw 0;
  }
  .maxhub--wrapper .section-5 .g--container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-5 .g--container .text-wrapper {
    color: black;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 41.66666667vw;
  }
  .maxhub--wrapper .section-5 .g--container .text-wrapper .title {
    font-size: 2.5vw;
    line-height: 125%;
  }
  .maxhub--wrapper .section-5 .g--container .text-wrapper .desc {
    margin-top: 2.29166667vw;
    font-size: 0.83333333vw;
    line-height: 175%;
  }
  .maxhub--wrapper .section-5 .g--container .pic-wrapper {
    margin-top: 3.125vw;
    width: 100%;
    height: 31.25vw;
    border-radius: 0.625vw;
  }
  .maxhub--wrapper .section-5 .g--container .pic-wrapper .pic {
    transform: scale(1);
    transition: transform 0.8s ease;
    transform-origin: 63% 21%;
  }
  .maxhub--wrapper .section-5 .g--container .pic-wrapper.active .pic {
    transform: scale(2.7);
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-5 {
    padding: 16vw 0 21.33333333vw;
  }
  .maxhub--wrapper .section-5 .g--container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-5 .g--container .text-wrapper {
    color: black;
    text-align: left;
  }
  .maxhub--wrapper .section-5 .g--container .text-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-5 .g--container .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 4.26666667vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-5 .g--container .pic-wrapper {
    margin-top: 13.33333333vw;
    width: 100%;
    height: 80vw;
    border-radius: 1.6vw;
  }
  .maxhub--wrapper .section-5 .g--container .pic-wrapper .pic {
    transform: scale(1);
    transition: transform 0.8s ease;
    transform-origin: 55% 21%;
  }
  .maxhub--wrapper .section-5 .g--container .pic-wrapper.active .pic {
    transform: scale(2.7);
  }
}
.maxhub--wrapper .section-6 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-6 {
    padding-bottom: 9.375vw;
  }
  .maxhub--wrapper .section-6 .g--container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-6 .g--container .text-wrapper {
    color: black;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-6 .g--container .text-wrapper .title {
    font-size: 2.5vw;
    line-height: 125%;
    width: 34.27083333vw;
  }
  .maxhub--wrapper .section-6 .g--container .text-wrapper .desc {
    margin-top: 2.29166667vw;
    font-size: 0.83333333vw;
    line-height: 175%;
    width: 45.83333333vw;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper {
    margin-top: 3.125vw;
    width: 100%;
    height: 31.25vw;
    border-radius: 0.625vw;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper .red-wrapper {
    left: 29.42708333vw;
    top: 3.54166667vw;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper .red-wrapper .red-bg {
    width: 23.4375vw;
    height: 23.4375vw;
    -webkit-clip-path: polygon(0% 0, 0% 0%, 0% 0%);
            clip-path: polygon(0% 0, 0% 0%, 0% 0%);
    transition: -webkit-clip-path 0.5s ease;
    transition: clip-path 0.5s ease;
    transition: clip-path 0.5s ease, -webkit-clip-path 0.5s ease;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper .red-wrapper .red-text {
    left: 0.625vw;
    top: 1.04166667vw;
    width: 1.04166667vw;
    height: 0.78125vw;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper .blue-wrapper {
    left: 29.42708333vw;
    top: -1.82291667vw;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper .blue-wrapper .blue-bg {
    width: 22.34375vw;
    height: 5.46875vw;
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    transition: -webkit-clip-path 0.5s ease;
    transition: clip-path 0.5s ease;
    transition: clip-path 0.5s ease, -webkit-clip-path 0.5s ease;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper .blue-wrapper .blue-text {
    left: 4.63541667vw;
    bottom: 0.3125vw;
    width: 1.04166667vw;
    height: 0.78125vw;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper.active .red-wrapper .red-bg {
    -webkit-clip-path: polygon(100% 0, 0% 100%, 0% 0%);
            clip-path: polygon(100% 0, 0% 100%, 0% 0%);
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper.active .red-wrapper .red-text {
    opacity: 1;
    transition: opacity 0.5s ease 0.5s;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper.active .blue-wrapper .blue-bg {
    -webkit-clip-path: inset(0 0% 0 0);
            clip-path: inset(0 0% 0 0);
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper.active .blue-wrapper .blue-text {
    opacity: 1;
    transition: opacity 0.5s ease 0.5s;
  }
  .maxhub--wrapper .section-6 .g--container .spec-wrapper {
    justify-content: center;
    margin-top: 4.16666667vw;
  }
  .maxhub--wrapper .section-6 .g--container .spec-wrapper .spec1 {
    width: 13.48958333vw;
    height: 18.07291667vw;
    margin-top: 0.625vw;
  }
  .maxhub--wrapper .section-6 .g--container .spec-wrapper .spec2 {
    width: 15.3125vw;
    height: 17.34375vw;
    margin: 1.30208333vw 6.25vw 0 7.91666667vw;
  }
  .maxhub--wrapper .section-6 .g--container .spec-wrapper .spec3 {
    width: 16.30208333vw;
    height: 18.64583333vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-6 {
    padding-bottom: 21.33333333vw;
  }
  .maxhub--wrapper .section-6 .g--container {
    display: flex;
    flex-direction: column;
  }
  .maxhub--wrapper .section-6 .g--container .text-wrapper {
    color: black;
    text-align: left;
  }
  .maxhub--wrapper .section-6 .g--container .text-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-6 .g--container .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 4.26666667vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper {
    margin-top: 13.33333333vw;
    width: 100%;
    height: 80vw;
    border-radius: 1.6vw;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper .red-wrapper {
    left: 25.86666667vw;
    top: 9.06666667vw;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper .red-wrapper .red-bg {
    width: 60vw;
    height: 60vw;
    -webkit-clip-path: polygon(0% 0, 0% 0%, 0% 0%);
            clip-path: polygon(0% 0, 0% 0%, 0% 0%);
    transition: -webkit-clip-path 0.5s ease;
    transition: clip-path 0.5s ease;
    transition: clip-path 0.5s ease, -webkit-clip-path 0.5s ease;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper .red-wrapper .red-text {
    left: 1.6vw;
    top: 2.66666667vw;
    width: 2.66666667vw;
    height: 2vw;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper .blue-wrapper {
    left: 25.86666667vw;
    top: -4.66666667vw;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper .blue-wrapper .blue-bg {
    width: 57.2vw;
    height: 14vw;
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    transition: -webkit-clip-path 0.5s ease;
    transition: clip-path 0.5s ease;
    transition: clip-path 0.5s ease, -webkit-clip-path 0.5s ease;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper .blue-wrapper .blue-text {
    left: 11.86666667vw;
    bottom: 1.6vw;
    width: 2.66666667vw;
    height: 2vw;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper.active .red-wrapper .red-bg {
    -webkit-clip-path: polygon(100% 0, 0% 100%, 0% 0%);
            clip-path: polygon(100% 0, 0% 100%, 0% 0%);
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper.active .red-wrapper .red-text {
    opacity: 1;
    transition: opacity 0.5s ease 0.5s;
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper.active .blue-wrapper .blue-bg {
    -webkit-clip-path: inset(0 0% 0 0);
            clip-path: inset(0 0% 0 0);
  }
  .maxhub--wrapper .section-6 .g--container .pic-wrapper.active .blue-wrapper .blue-text {
    opacity: 1;
    transition: opacity 0.5s ease 0.5s;
  }
  .maxhub--wrapper .section-6 .g--container .spec-wrapper {
    flex-direction: column;
    align-items: center;
    margin-top: 13.33333333vw;
  }
  .maxhub--wrapper .section-6 .g--container .spec-wrapper .spec1 {
    width: 56.4vw;
    height: 73.86666667vw;
  }
  .maxhub--wrapper .section-6 .g--container .spec-wrapper .spec2 {
    width: 62.66666667vw;
    height: 70.8vw;
    margin-top: 13.33333333vw;
  }
  .maxhub--wrapper .section-6 .g--container .spec-wrapper .spec3 {
    width: 66.66666667vw;
    height: 76.26666667vw;
    margin-top: 13.33333333vw;
  }
}
.maxhub--wrapper .section-7 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-7 {
    padding-bottom: 9.375vw;
    overflow: hidden;
  }
  .maxhub--wrapper .section-7 .nor-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 15.625vw;
  }
  .maxhub--wrapper .section-7 .nor-container .text-wrapper {
    color: black;
  }
  .maxhub--wrapper .section-7 .nor-container .text-wrapper .title {
    font-size: 2.5vw;
    line-height: 125%;
    width: 38.02083333vw;
  }
  .maxhub--wrapper .section-7 .nor-container .text-wrapper .desc {
    margin-top: 2.29166667vw;
    font-size: 0.83333333vw;
    line-height: 175%;
    width: 33.90625vw;
  }
  .maxhub--wrapper .section-7 .nor-container .pic-wrapper .pic {
    width: 45vw;
    height: 36.30208333vw;
    z-index: 2;
  }
  .maxhub--wrapper .section-7 .nor-container .pic-wrapper .wave-wrapper {
    left: -14.58333333vw;
    top: 24.47916667vw;
    width: 59.47916667vw;
    height: 17.86458333vw;
  }
  @-webkit-keyframes waveScale {
    0% {
      transform: scale(0.4);
      opacity: 1;
    }
    50% {
      transform: scale(0.7);
      opacity: 0.5;
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
  }
  @keyframes waveScale {
    0% {
      transform: scale(0.4);
      opacity: 1;
    }
    50% {
      transform: scale(0.7);
      opacity: 0.5;
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
  }
  .maxhub--wrapper .section-7 .nor-container .pic-wrapper .wave-wrapper .wave {
    transform: scale(0.5);
  }
  .maxhub--wrapper .section-7 .nor-container .pic-wrapper .wave-wrapper .wave-0 {
    -webkit-animation: 2s linear infinite waveScale;
            animation: 2s linear infinite waveScale;
  }
  .maxhub--wrapper .section-7 .nor-container .pic-wrapper .wave-wrapper .wave-1 {
    -webkit-animation: 2s linear 0.67s infinite waveScale;
            animation: 2s linear 0.67s infinite waveScale;
  }
  .maxhub--wrapper .section-7 .nor-container .pic-wrapper .wave-wrapper .wave-2 {
    -webkit-animation: 2s linear 1.33s infinite waveScale;
            animation: 2s linear 1.33s infinite waveScale;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-7 {
    overflow: hidden;
  }
  .maxhub--wrapper .section-7 .nor-container {
    display: flex;
    flex-direction: column;
  }
  .maxhub--wrapper .section-7 .nor-container .text-wrapper {
    color: black;
    text-align: left;
    padding: 0 6.4vw;
  }
  .maxhub--wrapper .section-7 .nor-container .text-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-7 .nor-container .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 4.26666667vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-7 .nor-container .pic-wrapper {
    margin-top: 13.33333333vw;
    padding-left: 22vw;
    overflow: hidden;
    padding-bottom: 21.33333333vw;
  }
  .maxhub--wrapper .section-7 .nor-container .pic-wrapper .pic {
    width: 78vw;
    height: 63.33333333vw;
    z-index: 2;
  }
  .maxhub--wrapper .section-7 .nor-container .pic-wrapper .wave-wrapper {
    left: -5.33333333vw;
    top: 43.73333333vw;
    width: 108.53333333vw;
    height: 32.53333333vw;
  }
  @-webkit-keyframes waveScale {
    0% {
      transform: scale(0.4);
      opacity: 1;
    }
    50% {
      transform: scale(0.7);
      opacity: 0.5;
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
  }
  @keyframes waveScale {
    0% {
      transform: scale(0.4);
      opacity: 1;
    }
    50% {
      transform: scale(0.7);
      opacity: 0.5;
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
  }
  .maxhub--wrapper .section-7 .nor-container .pic-wrapper .wave-wrapper .wave {
    transform: scale(0.5);
  }
  .maxhub--wrapper .section-7 .nor-container .pic-wrapper .wave-wrapper .wave-0 {
    -webkit-animation: 2s linear infinite waveScale;
            animation: 2s linear infinite waveScale;
  }
  .maxhub--wrapper .section-7 .nor-container .pic-wrapper .wave-wrapper .wave-1 {
    -webkit-animation: 2s linear 0.67s infinite waveScale;
            animation: 2s linear 0.67s infinite waveScale;
  }
  .maxhub--wrapper .section-7 .nor-container .pic-wrapper .wave-wrapper .wave-2 {
    -webkit-animation: 2s linear 1.33s infinite waveScale;
            animation: 2s linear 1.33s infinite waveScale;
  }
}
.maxhub--wrapper .section-8 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-8 {
    padding: 0 0 7.39583333vw;
  }
  .maxhub--wrapper .section-8 .g--container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-8 .g--container .text-wrapper {
    color: black;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-8 .g--container .text-wrapper .title {
    font-size: 2.5vw;
    line-height: 125%;
  }
  .maxhub--wrapper .section-8 .g--container .text-wrapper .desc {
    margin-top: 2.29166667vw;
    font-size: 0.83333333vw;
    line-height: 175%;
    width: 41.66666667vw;
    text-align: center;
  }
  .maxhub--wrapper .section-8 .g--container .pic-wrapper {
    margin-top: 3.125vw;
    width: 100%;
    height: 23.48958333vw;
    border-radius: 0.625vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-8 .g--container {
    display: flex;
    flex-direction: column;
  }
  .maxhub--wrapper .section-8 .g--container .text-wrapper {
    color: black;
    text-align: left;
  }
  .maxhub--wrapper .section-8 .g--container .text-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-8 .g--container .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 4.26666667vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-8 .g--container .pic-wrapper {
    margin-top: 7.73333333vw;
    width: 100%;
    height: 127.86666667vw;
    border-radius: 1.6vw;
    overflow: hidden;
  }
}
.maxhub--wrapper .section-9 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-9 .g--container .text-wrapper {
    color: black;
    margin-top: 3.22916667vw;
    width: 30.57291667vw;
    flex-shrink: 0;
  }
  .maxhub--wrapper .section-9 .g--container .text-wrapper .title {
    font-size: 2.5vw;
    line-height: 125%;
  }
  .maxhub--wrapper .section-9 .g--container .text-wrapper .desc {
    margin-top: 2.29166667vw;
    font-size: 0.83333333vw;
    line-height: 175%;
    width: 27.08333333vw;
  }
  .maxhub--wrapper .section-9 .g--container .pic-wrapper {
    margin-left: -3.02083333vw;
    width: 38.125vw;
    height: 29.16666667vw;
    flex-shrink: 0;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-9 {
    padding: 21.33333333vw 0;
  }
  .maxhub--wrapper .section-9 .g--container {
    flex-direction: column;
  }
  .maxhub--wrapper .section-9 .g--container .text-wrapper {
    color: black;
    text-align: left;
  }
  .maxhub--wrapper .section-9 .g--container .text-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-9 .g--container .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 4.26666667vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-9 .g--container .pic-wrapper {
    margin-top: 13.33333333vw;
    width: 100%;
    height: 66.8vw;
  }
}
.maxhub--wrapper .section-10 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-10 {
    padding: 9.375vw 0 4.16666667vw;
  }
  .maxhub--wrapper .section-10 .g--container {
    display: flex;
    justify-content: space-between;
  }
  .maxhub--wrapper .section-10 .g--container .text-wrapper {
    color: black;
    margin-top: 7.34375vw;
    width: 33.90625vw;
  }
  .maxhub--wrapper .section-10 .g--container .text-wrapper .title {
    font-size: 2.5vw;
    line-height: 125%;
  }
  .maxhub--wrapper .section-10 .g--container .text-wrapper .desc {
    margin-top: 2.29166667vw;
    font-size: 0.83333333vw;
    line-height: 175%;
  }
  .maxhub--wrapper .section-10 .g--container .pic-wrapper {
    width: 31.25vw;
    height: 29.84375vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-10 {
    padding-bottom: 24vw;
  }
  .maxhub--wrapper .section-10 .g--container {
    flex-direction: column;
  }
  .maxhub--wrapper .section-10 .g--container .text-wrapper {
    color: black;
    text-align: left;
    order: 1;
  }
  .maxhub--wrapper .section-10 .g--container .text-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-10 .g--container .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 4.26666667vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-10 .g--container .pic-wrapper {
    margin-top: 8vw;
    width: 100%;
    height: 98.93333333vw;
    order: 2;
  }
}
.maxhub--wrapper .section-11 {
  background-color: #F6F7F9;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-11 {
    padding: 4.6875vw 0;
  }
  .maxhub--wrapper .section-11 .g--container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .maxhub--wrapper .section-11 .g--container .text-wrapper {
    color: black;
    width: 26.66666667vw;
  }
  .maxhub--wrapper .section-11 .g--container .text-wrapper .title {
    font-size: 2.5vw;
    line-height: 125%;
  }
  .maxhub--wrapper .section-11 .g--container .text-wrapper .desc {
    margin-top: 2.29166667vw;
    font-size: 0.83333333vw;
    line-height: 175%;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper {
    margin-right: -2.08333333vw;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card {
    width: 20.83333333vw;
    height: 20.36458333vw;
    flex-shrink: 0;
    z-index: 2;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card .pic {
    width: 100%;
    height: 100%;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card .btn-wrapper {
    padding: 0.41666667vw 1.45833333vw;
    border-radius: 6.14583333vw;
    background-image: linear-gradient(46deg, #3289B9 0%, #36B0B9 100%);
    font-size: 0.83333333vw;
    color: white;
    line-height: 230%;
    bottom: 0;
    left: 4.6875vw;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card.card-2 {
    margin-top: 6.51041667vw;
    margin-left: -2.60416667vw;
    z-index: 1;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card.card-2 .btn-wrapper {
    left: 3.90625vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-11 {
    padding: 16vw 0;
    overflow: hidden;
  }
  .maxhub--wrapper .section-11 .g--container {
    flex-direction: column;
  }
  .maxhub--wrapper .section-11 .g--container .text-wrapper {
    color: black;
    text-align: left;
  }
  .maxhub--wrapper .section-11 .g--container .text-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-11 .g--container .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 4.26666667vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper {
    margin-left: -4.26666667vw;
    margin-top: 8vw;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card {
    width: 60.8vw;
    height: 57.33333333vw;
    flex-shrink: 0;
    z-index: 2;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card .pic {
    width: 100%;
    height: 100%;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card .btn-wrapper {
    padding: 1.06666667vw 3.73333333vw;
    border-radius: 14.93333333vw;
    background-image: linear-gradient(46deg, #3289B9 0%, #36B0B9 100%);
    font-size: 2.13333333vw;
    color: white;
    line-height: 230%;
    bottom: 0;
    left: 12vw;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card.card-2 {
    margin-top: 21.73333333vw;
    margin-left: -12.8vw;
    z-index: 1;
    width: 58.13333333vw;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card.card-2 .btn-wrapper {
    left: 9.06666667vw;
  }
}
.maxhub--wrapper .section-12 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-12 {
    padding: 7.29166667vw 0 9.375vw;
  }
  .maxhub--wrapper .section-12 .g--container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper {
    width: 29.16666667vw;
    height: 24.58333333vw;
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper .bubble {
    width: 8.33333333vw;
    height: 8.33333333vw;
    border-radius: 50%;
    box-shadow: 0 3px 53px 0 rgba(0, 0, 0, 0.11);
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper .bubble:first-child {
    background-color: #58B8ED;
    top: 0;
    left: 17.86458333vw;
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper .bubble:nth-child(2) {
    background-color: #2D8CFF;
    top: 2.39583333vw;
    left: 5.46875vw;
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper .bubble:nth-child(3) {
    background-color: #E16D38;
    top: 9.73958333vw;
    left: 12.5vw;
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper .bubble:nth-child(4) {
    background-color: #2d3478;
    top: 13.90625vw;
    left: 1.30208333vw;
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper .bubble:nth-child(5) {
    background-color: #f5be40;
    top: 16.25vw;
    left: 20.83333333vw;
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper .bubble .bubble-text {
    font-size: 1.25vw;
    color: #FFFFFF;
    text-align: center;
  }
  .maxhub--wrapper .section-12 .g--container .text-wrapper {
    color: black;
    width: 31.25vw;
  }
  .maxhub--wrapper .section-12 .g--container .text-wrapper .title {
    font-size: 2.5vw;
    line-height: 125%;
  }
  .maxhub--wrapper .section-12 .g--container .text-wrapper .desc {
    margin-top: 2.29166667vw;
    font-size: 0.83333333vw;
    line-height: 175%;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-12 {
    padding: 16vw 0 21.33333333vw;
  }
  .maxhub--wrapper .section-12 .g--container {
    flex-direction: column;
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper {
    width: 72.53333333vw;
    height: 67.33333333vw;
    margin: 10.66666667vw auto 0;
    order: 2;
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper .bubble {
    border-radius: 50%;
    box-shadow: 0 3px 53px 0 rgba(0, 0, 0, 0.11);
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper .bubble:first-child {
    background-color: #58B8ED;
    top: 0;
    left: 40.26666667vw;
    width: 25.6vw;
    height: 25.6vw;
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper .bubble:nth-child(2) {
    background-color: #2D8CFF;
    top: 10.53333333vw;
    left: 10.53333333vw;
    width: 21.33333333vw;
    height: 21.33333333vw;
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper .bubble:nth-child(3) {
    background-color: #E16D38;
    top: 28vw;
    left: 27.2vw;
    width: 24.4vw;
    height: 24.4vw;
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper .bubble:nth-child(4) {
    background-color: #2d3478;
    top: 40vw;
    left: 0vw;
    width: 21.33333333vw;
    height: 21.33333333vw;
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper .bubble:nth-child(5) {
    background-color: #f5be40;
    top: 43.33333333vw;
    left: 48.66666667vw;
    width: 24vw;
    height: 24vw;
  }
  .maxhub--wrapper .section-12 .g--container .bubble-wrapper .bubble .bubble-text {
    font-size: 3.2vw;
    color: #FFFFFF;
    text-align: center;
  }
  .maxhub--wrapper .section-12 .g--container .text-wrapper {
    color: black;
    text-align: left;
    order: 1;
  }
  .maxhub--wrapper .section-12 .g--container .text-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-12 .g--container .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 4.26666667vw;
    line-height: 150%;
  }
}
.maxhub--wrapper .section-13 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-13 .g--container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-13 .g--container .text-wrapper {
    color: black;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33.90625vw;
  }
  .maxhub--wrapper .section-13 .g--container .text-wrapper .title {
    font-size: 2.5vw;
    line-height: 125%;
  }
  .maxhub--wrapper .section-13 .g--container .text-wrapper .desc {
    margin-top: 2.29166667vw;
    font-size: 0.83333333vw;
    line-height: 175%;
    text-align: center;
  }
  .maxhub--wrapper .section-13 .g--container .pic-wrapper {
    margin-top: 3.125vw;
    width: 68.28125vw;
    height: 25.36458333vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-13 .g--container {
    flex-direction: column;
  }
  .maxhub--wrapper .section-13 .g--container .text-wrapper {
    color: black;
    text-align: left;
  }
  .maxhub--wrapper .section-13 .g--container .text-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-13 .g--container .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 4.26666667vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-13 .g--container .pic-wrapper {
    margin-top: 13.33333333vw;
    width: 100%;
    height: 139.6vw;
  }
}
.maxhub--wrapper .section-14 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-14 {
    padding: 9.375vw 0;
  }
  .maxhub--wrapper .section-14 .g--container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-14 .g--container .text-wrapper {
    color: black;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-14 .g--container .text-wrapper .title {
    font-size: 2.5vw;
    line-height: 125%;
  }
  .maxhub--wrapper .section-14 .g--container .pic-wrapper {
    margin-top: 2.70833333vw;
    width: 100%;
    justify-content: space-between;
  }
  .maxhub--wrapper .section-14 .g--container .pic-wrapper .part .part-text {
    color: black;
    font-size: 1.25vw;
    margin-left: 2.70833333vw;
    padding-top: 1.35416667vw;
  }
  .maxhub--wrapper .section-14 .g--container .pic-wrapper .part .pic {
    margin-top: 3.02083333vw;
    width: 24.0625vw;
    height: 28.02083333vw;
  }
  .maxhub--wrapper .section-14 .g--container .pic-wrapper .part:nth-child(2) {
    border-left: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-14 {
    padding: 21.33333333vw 0;
  }
  .maxhub--wrapper .section-14 .g--container {
    flex-direction: column;
  }
  .maxhub--wrapper .section-14 .g--container .text-wrapper {
    color: black;
    text-align: left;
  }
  .maxhub--wrapper .section-14 .g--container .text-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-14 .g--container .pic-wrapper {
    margin-top: 2.8vw;
    width: 100%;
    flex-direction: column;
  }
  .maxhub--wrapper .section-14 .g--container .pic-wrapper .part {
    padding: 8vw 4.93333333vw;
    background-color: #F6F7F9;
    margin-top: 5.33333333vw;
  }
  .maxhub--wrapper .section-14 .g--container .pic-wrapper .part .part-text {
    color: black;
    font-size: 5.33333333vw;
  }
  .maxhub--wrapper .section-14 .g--container .pic-wrapper .part .pic {
    margin-top: 8vw;
  }
  .maxhub--wrapper .section-14 .g--container .pic-wrapper .part:first-child .pic {
    width: 77.33333333vw;
    height: 88.93333333vw;
  }
  .maxhub--wrapper .section-14 .g--container .pic-wrapper .part:nth-child(2) .pic {
    width: 77.33333333vw;
    height: 102.8vw;
  }
  .maxhub--wrapper .section-14 .g--container .pic-wrapper .part:nth-child(3) .pic {
    width: 77.33333333vw;
    height: 106.26666667vw;
  }
}
.maxhub--wrapper .section-15 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-15 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-15 .text-wrapper {
    color: black;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-15 .text-wrapper .title {
    font-size: 2.5vw;
    line-height: 125%;
  }
  .maxhub--wrapper .section-15 .text-wrapper .desc {
    margin-top: 1.66666667vw;
    font-size: 0.83333333vw;
    line-height: 175%;
    width: 37.1875vw;
    text-align: center;
  }
  .maxhub--wrapper .section-15 .pic-wrapper {
    margin-top: 1.92708333vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-15 .pic-wrapper .icon {
    width: 4.89583333vw;
    height: 5vw;
    z-index: 2;
  }
  .maxhub--wrapper .section-15 .pic-wrapper .pic {
    width: 100%;
    height: 33.85416667vw;
    margin-top: -2.60416667vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-15 .text-wrapper {
    color: black;
    text-align: left;
    width: 87.2vw;
    margin: 0 auto;
  }
  .maxhub--wrapper .section-15 .text-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-15 .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 4.26666667vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-15 .pic-wrapper {
    margin-top: 8.26666667vw;
    width: 100%;
  }
  .maxhub--wrapper .section-15 .pic-wrapper .icon {
    width: 22.66666667vw;
    height: 23.2vw;
    margin-left: 6.4vw;
  }
  .maxhub--wrapper .section-15 .pic-wrapper .pic {
    width: 100%;
    height: 53.6vw;
    margin-top: 2.8vw;
  }
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-spec {
    width: 75vw;
    margin: 0 auto;
    padding: 6.97916667vw 0 0;
  }
  .maxhub--wrapper .section-spec .mainTitle {
    font-size: 2.1875vw;
    color: black;
    line-height: 147%;
  }
  .maxhub--wrapper .section-spec .download-btn {
    margin-top: 3.28125vw;
    padding: 0.41666667vw 1.14583333vw;
    background-color: #1D6CCB;
    border-radius: 0.26041667vw;
  }
  .maxhub--wrapper .section-spec .download-btn .download-text {
    font-size: 0.72916667vw;
    color: white;
    line-height: 200%;
  }
  .maxhub--wrapper .section-spec .download-btn .download-arrow {
    width: 0.41666667vw;
    height: 0.625vw;
    margin-left: 0.52083333vw;
  }
  .maxhub--wrapper .section-spec .collapse-btn {
    margin-top: 8.4375vw;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-text {
    font-size: 1.25vw;
    color: #000000;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-text .collapse {
    display: none;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-text .expand {
    display: block;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-arrow {
    width: 1.14583333vw;
    height: 0.72916667vw;
    margin-left: 0.83333333vw;
    transform: rotateZ(180deg);
    transition: transform 0.5s ease;
    margin-top: 0.26041667vw;
  }
  .maxhub--wrapper .section-spec .collapse-btn.expand .collapse-text .collapse {
    display: block;
  }
  .maxhub--wrapper .section-spec .collapse-btn.expand .collapse-text .expand {
    display: none;
  }
  .maxhub--wrapper .section-spec .collapse-btn.expand .collapse-arrow {
    transform: rotateZ(0deg);
  }
  .maxhub--wrapper .section-spec .spec-table {
    margin-top: 1.35416667vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid black;
  }
  .maxhub--wrapper .section-spec .spec-table.hide {
    display: none;
  }
  .maxhub--wrapper .section-spec .spec-table .part {
    padding: 0.9375vw 0;
  }
  .maxhub--wrapper .section-spec .spec-table .part .part-title {
    font-size: 0.9375vw;
    color: black;
  }
  .maxhub--wrapper .section-spec .spec-table .part .param {
    margin-top: 0.15625vw;
    font-size: 0.67708333vw;
    color: #545453;
    line-height: 170%;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part1 {
    width: 31.14583333vw;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part1 .part:not(:first-child) {
    border-top: 1px solid #A3A5A4;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part2 {
    width: 34.73958333vw;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part2 .part:not(:first-child) {
    border-top: 1px solid #A3A5A4;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part3 {
    width: 34.73958333vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part3 .part {
    border-top: 1px solid #A3A5A4;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part3 .part:nth-child(1),
  .maxhub--wrapper .section-spec .spec-table .spec-part3 .part:nth-child(2) {
    width: 16.45833333vw;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part3 .part:nth-child(3),
  .maxhub--wrapper .section-spec .spec-table .spec-part3 .part:nth-child(4) {
    width: 16.19791667vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-spec {
    width: 87.2vw;
    margin: 0 auto;
    padding: 8.8vw 0;
  }
  .maxhub--wrapper .section-spec .mainTitle {
    font-size: 5.6vw;
    color: black;
    line-height: 147%;
  }
  .maxhub--wrapper .section-spec .download-btn {
    margin-top: 8.4vw;
    padding: 2.66666667vw 4.53333333vw;
    background-color: #1D6CCB;
    border-radius: 0.93333333vw;
  }
  .maxhub--wrapper .section-spec .download-btn .download-text {
    font-size: 3.46666667vw;
    color: white;
    line-height: 123%;
  }
  .maxhub--wrapper .section-spec .download-btn .download-arrow {
    width: 1.86666667vw;
    height: 2.93333333vw;
    margin-left: 2.13333333vw;
  }
  .maxhub--wrapper .section-spec .collapse-btn {
    margin-top: 7.73333333vw;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-text {
    font-size: 4.26666667vw;
    color: #000000;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-text .collapse {
    display: none;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-text .expand {
    display: block;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-arrow {
    width: 3.46666667vw;
    height: 2.13333333vw;
    margin-left: 2.13333333vw;
    transform: rotateZ(180deg);
    transition: transform 0.5s ease;
    margin-top: 0.8vw;
  }
  .maxhub--wrapper .section-spec .collapse-btn.expand .collapse-text .collapse {
    display: block;
  }
  .maxhub--wrapper .section-spec .collapse-btn.expand .collapse-text .expand {
    display: none;
  }
  .maxhub--wrapper .section-spec .collapse-btn.expand .collapse-arrow {
    transform: rotateZ(0deg);
  }
  .maxhub--wrapper .section-spec .spec-table {
    margin-top: 10.66666667vw;
  }
  .maxhub--wrapper .section-spec .spec-table.hide {
    display: none;
  }
  .maxhub--wrapper .section-spec .spec-table .part {
    padding: 4.8vw 0 6.4vw;
    border-top: 1px solid black;
  }
  .maxhub--wrapper .section-spec .spec-table .part .part-title {
    font-size: 4.8vw;
    color: black;
  }
  .maxhub--wrapper .section-spec .spec-table .part .param {
    margin-top: 2.13333333vw;
    font-size: 3.2vw;
    color: #545453;
    line-height: 150%;
  }
}
.maxhub--wrapper .section-contact-side {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  right: 3rem;
  bottom: calc(3rem + 62px);
  z-index: 99;
  font-family: Nexa-Regular;
}
.maxhub--wrapper .section-contact-side .trigger-area {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-image: linear-gradient(128deg, #196FD0 0%, #69F9FA 100%);
}
.maxhub--wrapper .section-contact-side .trigger-area:hover .msg-wrapper {
  display: block;
}
.maxhub--wrapper .section-contact-side .trigger-area .icon {
  width: 21px;
  height: 15.4px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper {
  width: 207px;
  height: 200px;
  top: -105px;
  right: -12px;
  padding: 17px 12px;
  display: none;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper {
    width: 168.5px;
    height: 73px;
    top: -14.5px;
    right: 46px;
    padding: 18px 15px;
  }
}
.maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper .msg-bg {
  height: 95px;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper .msg-bg {
    height: 100%;
  }
}
.maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper .title {
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: -0.06px;
  line-height: 100%;
  margin-left: 12px;
  margin-top: 7px;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper .title {
    font-size: 13px;
    margin-top: 0;
  }
}
.maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper .email {
  font-family: Nexa-Bold;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: -0.07px;
  text-align: center;
  line-height: 14px;
  margin-top: 11px;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper .email {
    font-size: 14px;
    line-height: 200%;
    margin-top: 5px;
  }
}
.maxhub--wrapper .section-contact-bottom {
  padding: 4.16666667vw 0;
  background-color: white;
  font-family: Nexa-Regular;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-bottom {
    padding: 5.33333333vw 0 10.66666667vw;
  }
}
.maxhub--wrapper .section-contact-bottom .msg-wrapper {
  width: 68.75vw;
  margin: 0 auto;
  border-radius: 5.20833333vw;
  padding: 2.86458333vw 4.6875vw;
  background-color: #F6F7F9;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-bottom .msg-wrapper {
    width: 87.2vw;
    border-radius: 13.33333333vw;
    padding: 16vw 5.33333333vw;
  }
}
.maxhub--wrapper .section-contact-bottom .msg-wrapper .title {
  font-family: Nexa-Bold;
  font-size: 1.66666667vw;
  color: black;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-bottom .msg-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 140%;
  }
}
.maxhub--wrapper .section-contact-bottom .msg-wrapper .desc {
  margin-top: 0.57291667vw;
  font-size: 1.04166667vw;
  color: rgba(0, 0, 0, 0.6);
  line-height: 140%;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-bottom .msg-wrapper .desc {
    margin-top: 2.8vw;
    font-size: 4.26666667vw;
  }
}
.maxhub--wrapper .section-contact-bottom .msg-wrapper .desc .email {
  color: #006EE6;
}
.full {
  width: 100%;
  height: 100%;
}
.g--container {
  width: 68.75vw;
  margin: 0 auto;
}
@media (max-width: 1199px), (orientation: portrait) {
  .g--container {
    width: 87.2vw;
  }
}
section {
  width: 100%;
  position: relative;
}
@media (max-width: 1199px), (orientation: portrait) {
  body {
    margin-top: 48px;
    padding-top: 0;
  }
}
[ani-fade-in] {
  transition: transform 0.6s, opacity 0.6s;
  opacity: 0;
  transform: translateY(4.16666667vw);
}
@media (max-width: 1199px), (orientation: portrait) {
  [ani-fade-in] {
    transform: translateY(5.33333333vw);
  }
}
[ani-fade-in].show {
  opacity: 1;
  transform: translateY(0px);
}
@font-face {
  font-family: 'Nexa-Bold';
  src: url('https://sgp-cstore-pub.ifpserver.com/bytello_public/Nexa-Bold_ce3a1b5.otf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Nexa-Regular';
  src: url('https://sgp-cstore-pub.ifpserver.com/bytello_public/Nexa-Regular_ecf1031.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}