.maxhub--wrapper > * {
  font-family: KumbhSans-Medium;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-1 {
    height: 44.27083333vw;
  }
  .maxhub--wrapper .section-1 .text-wrapper {
    top: 6.77083333vw;
    left: 11.25vw;
    transform: translateY(4.16666667vw);
    opacity: 0;
  }
  .maxhub--wrapper .section-1 .text-wrapper .title {
    opacity: 0.8;
    font-size: 1.875vw;
    color: #000000;
    font-family: KumbhSans-Bold;
  }
  .maxhub--wrapper .section-1 .text-wrapper .desc {
    margin-top: 0.88541667vw;
    font-size: 2.91666667vw;
    color: #000000;
    line-height: 120%;
    font-family: KumbhSans-Bold;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn {
    margin-top: 1.97916667vw;
    padding: 0.36458333vw 1.19791667vw;
    background-image: linear-gradient(234deg, #00A7F4 0%, #006EE6 100%);
    border-radius: 0.26041667vw;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn .btn-text {
    font-family: Roboto-Regular;
    font-size: 0.72916667vw;
    color: #FFFFFF;
    line-height: 228%;
  }
  .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 {
    height: 173.33333333vw;
  }
  .maxhub--wrapper .section-1 .text-wrapper {
    top: 17.2vw;
    left: 6.33333333vw;
    transform: translateY(5.55555556vw);
    opacity: 0;
  }
  .maxhub--wrapper .section-1 .text-wrapper .title {
    opacity: 0.8;
    font-size: 5.33333333vw;
    color: #000000;
    font-family: KumbhSans-Bold;
  }
  .maxhub--wrapper .section-1 .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 6.93333333vw;
    color: #000000;
    line-height: 120%;
    font-family: KumbhSans-Bold;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn {
    margin-top: 8vw;
    padding: 2.66666667vw 4.53333333vw;
    background-image: linear-gradient(234deg, #00A7F4 0%, #006EE6 100%);
    border-radius: 0.93333333vw;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn .btn-text {
    font-family: Roboto-Regular;
    font-size: 3.46666667vw;
    color: #FFFFFF;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn .arrow-right {
    margin-left: 1.6vw;
    width: 2.13333333vw;
    height: 2.93333333vw;
  }
}
.maxhub--wrapper .section-1.show .text-wrapper {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s ease;
}
.maxhub--wrapper .anchor-bar {
  z-index: 20;
  width: 100%;
  height: 4rem;
  padding-left: 13.75rem;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .anchor-bar {
    border-bottom: 1px solid #C1C1C1;
  }
  .maxhub--wrapper .anchor-bar .anchor-btn {
    cursor: pointer;
    font-size: 1rem;
    color: #000000;
    opacity: 0.5;
    font-family: KumbhSans-SemiBold;
  }
  .maxhub--wrapper .anchor-bar .anchor-btn::after {
    content: '';
    position: absolute;
    left: -0.4375rem;
    bottom: -1px;
    height: 2px;
    width: 0;
    background-color: #1D6CCB;
    transition: width 0.3s ease;
  }
  .maxhub--wrapper .anchor-bar .anchor-btn:not(:first-child) {
    margin-left: 3.25rem;
  }
  .maxhub--wrapper .anchor-bar .anchor-btn.active {
    opacity: 1;
  }
  .maxhub--wrapper .anchor-bar .anchor-btn.active::after {
    width: calc(100% + 0.875rem);
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .anchor-bar {
    height: 40px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
    padding-left: 0px;
  }
  .maxhub--wrapper .anchor-bar .anchor-wrapper .current-anchor-wrapper {
    padding: 10px 14px;
    font-size: 16px;
    font-family: KumbhSans-SemiBold;
  }
  .maxhub--wrapper .anchor-bar .anchor-wrapper .current-anchor-wrapper .current-anchor {
    opacity: 1;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .anchor-bar .anchor-wrapper .current-anchor-wrapper .select-arrow {
    width: 14px;
    height: 8px;
    transform: rotateZ(0deg);
    transition: transform 0.5s ease;
  }
  .maxhub--wrapper .anchor-bar .anchor-wrapper .select-list {
    top: 40px;
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
    pointer-events: none;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25);
  }
  .maxhub--wrapper .anchor-bar .anchor-wrapper .select-list .anchor-btn {
    padding: 10px 14px;
    font-size: 16px;
    opacity: 0.6;
    font-family: KumbhSans-SemiBold;
  }
  .maxhub--wrapper .anchor-bar .anchor-wrapper .select-list .anchor-btn.active {
    opacity: 1;
  }
  .maxhub--wrapper .anchor-bar.expand .current-anchor-wrapper .current-anchor {
    opacity: 0.6;
  }
  .maxhub--wrapper .anchor-bar.expand .current-anchor-wrapper .select-arrow {
    transform: rotateZ(180deg);
  }
  .maxhub--wrapper .anchor-bar.expand .select-list {
    -webkit-clip-path: inset(0 0 -10% 0);
            clip-path: inset(0 0 -10% 0);
    pointer-events: auto;
  }
}
.maxhub--wrapper .section-2 {
  padding: 7.8125vw 0;
}
.maxhub--wrapper .section-2 .bg-img {
  height: 34.375vw;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-2 {
    padding: 8.8vw 0;
  }
  .maxhub--wrapper .section-2 .bg-img {
    width: 84.26666667vw;
    height: 155.73333333vw;
  }
}
.maxhub--wrapper .section-3 {
  padding: 7.39583333vw 0;
  background-color: black;
}
.maxhub--wrapper .section-3 .text-wrapper {
  color: white;
}
.maxhub--wrapper .section-3 .text-wrapper .title {
  font-size: 2.1875vw;
  line-height: 147%;
}
.maxhub--wrapper .section-3 .text-wrapper .desc {
  margin-top: 1.66666667vw;
  font-size: 1.04166667vw;
  line-height: 160%;
  font-family: KumbhSans-Regular;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-3 {
    padding: 6.93333333vw 0;
  }
  .maxhub--wrapper .section-3 .text-wrapper .title {
    font-size: 6.4vw;
    line-height: 147%;
  }
  .maxhub--wrapper .section-3 .text-wrapper .desc {
    margin-top: 2.93333333vw;
    font-size: 3.73333333vw;
    line-height: 160%;
    text-align: left;
  }
}
.maxhub--wrapper .section-4 {
  padding: 5.3125vw 0 0;
  background-color: #FAFAFA;
}
.maxhub--wrapper .section-4 .text-wrapper {
  color: black;
  width: 72.39583333vw;
  margin: 0 auto;
  z-index: 2;
}
.maxhub--wrapper .section-4 .text-wrapper .title {
  font-size: 3.54166667vw;
  font-family: KumbhSans-ExtraBold;
}
.maxhub--wrapper .section-4 .text-wrapper .desc {
  margin-top: 1.30208333vw;
  font-size: 1.04166667vw;
  line-height: 160%;
  font-family: KumbhSans-Regular;
}
.maxhub--wrapper .section-4 img {
  margin-top: -7.5vw;
  width: 100%;
  height: 42.70833333vw;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-4 {
    padding: 16.53333333vw 0 0;
    background-color: white;
  }
  .maxhub--wrapper .section-4 .text-wrapper {
    width: 87.33333333vw;
    margin: 0 auto;
    z-index: 2;
  }
  .maxhub--wrapper .section-4 .text-wrapper .title {
    font-size: 8.26666667vw;
  }
  .maxhub--wrapper .section-4 .text-wrapper .desc {
    margin-top: 8.8vw;
    font-size: 3.73333333vw;
    line-height: 160%;
    text-align: left;
  }
  .maxhub--wrapper .section-4 img {
    margin-top: 12.8vw;
    height: 72.26666667vw;
  }
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-5 {
    height: 200vh;
  }
}
.maxhub--wrapper .section-5 .sticky-item {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  padding-left: 9.58333333vw;
  padding-right: 4.01041667vw;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.maxhub--wrapper .section-5 .sticky-item .text-wrapper .title {
  font-size: 1.66666667vw;
  color: black;
  opacity: 0.25;
  line-height: 112.5%;
  transition: opacity 0.5s ease;
}
.maxhub--wrapper .section-5 .sticky-item .text-wrapper .title.active {
  opacity: 1;
}
.maxhub--wrapper .section-5 .sticky-item .text-wrapper .title:not(:first-child) {
  margin-top: 6.14583333vw;
}
.maxhub--wrapper .section-5 .sticky-item .img-wrapper {
  width: 60.9375vw;
  height: 32.29166667vw;
  margin-left: 3.75vw;
}
.maxhub--wrapper .section-5 .sticky-item .img-wrapper .media-wrapper {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.maxhub--wrapper .section-5 .sticky-item .img-wrapper .media-wrapper.active {
  opacity: 1;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-5 {
    padding: 10.4vw 0 12.8vw;
    width: 92.26666667vw;
    margin: 0 auto;
  }
  .maxhub--wrapper .section-5 .mo-only .part:not(:first-child) .title {
    margin-top: 9.06666667vw;
  }
  .maxhub--wrapper .section-5 .mo-only .part .title {
    font-size: 4.8vw;
    color: black;
    line-height: 155%;
  }
  .maxhub--wrapper .section-5 .mo-only .part .media-wrapper {
    margin-top: 3.06666667vw;
    height: 52.26666667vw;
  }
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-6 {
    background-color: #F9F9F9;
  }
  .maxhub--wrapper .section-6 .mainText {
    padding: 3.4375vw 0;
    color: black;
    width: 68.75vw;
    margin: 0 auto;
  }
  .maxhub--wrapper .section-6 .mainText .mainTitle {
    font-size: 3.54166667vw;
    font-family: KumbhSans-ExtraBold;
  }
  .maxhub--wrapper .section-6 .mainText .mainDesc {
    margin-top: 1.5625vw;
    font-size: 1.04166667vw;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-6 .part {
    padding: 5.72916667vw 4.01041667vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .maxhub--wrapper .section-6 .part.part0 .text-wrapper {
    margin-right: 4.01041667vw;
    width: 21.5625vw;
  }
  .maxhub--wrapper .section-6 .part.part1 {
    background-color: white;
  }
  .maxhub--wrapper .section-6 .part.part1 .text-wrapper {
    margin-left: 4.01041667vw;
    width: 21.71875vw;
    order: 1;
  }
  .maxhub--wrapper .section-6 .part.part1 .text-wrapper .desc {
    width: 20.625vw;
  }
  .maxhub--wrapper .section-6 .part.part1 .media-wrapper {
    order: 2;
  }
  .maxhub--wrapper .section-6 .part .media-wrapper {
    width: 60.9375vw;
    height: 32.29166667vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .maxhub--wrapper .section-6 .part .text-wrapper {
    color: black;
  }
  .maxhub--wrapper .section-6 .part .text-wrapper .title {
    font-size: 2.1875vw;
    line-height: 147%;
  }
  .maxhub--wrapper .section-6 .part .text-wrapper .desc {
    margin-top: 1.875vw;
    font-size: 1.04166667vw;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-6 {
    background-color: #F5F5F7;
    padding-bottom: 10.26666667vw;
  }
  .maxhub--wrapper .section-6 .mainText {
    padding: 16.8vw 0;
    color: black;
    width: 85.6vw;
    margin: 0 auto;
  }
  .maxhub--wrapper .section-6 .mainText .mainTitle {
    font-size: 8.26666667vw;
    font-family: KumbhSans-ExtraBold;
  }
  .maxhub--wrapper .section-6 .mainText .mainDesc {
    margin-top: 5.06666667vw;
    font-size: 3.73333333vw;
    line-height: 160%;
    text-align: left;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-6 .part {
    width: 92.26666667vw;
    margin: 0 auto;
    border-radius: 1.73333333vw;
    overflow: hidden;
    background-color: white;
    display: flex;
    flex-direction: column;
  }
  .maxhub--wrapper .section-6 .part.part1 {
    margin: 7.33333333vw auto 0;
  }
  .maxhub--wrapper .section-6 .part .media-wrapper {
    width: 100%;
    height: 48.8vw;
    -o-object-fit: cover;
       object-fit: cover;
    margin-top: 6.53333333vw;
    order: 2;
    border-radius: 1.73333333vw;
    overflow: hidden;
  }
  .maxhub--wrapper .section-6 .part .text-wrapper {
    color: black;
    order: 1;
    padding: 7.86666667vw 4.26666667vw 0;
  }
  .maxhub--wrapper .section-6 .part .text-wrapper .title {
    font-size: 6.4vw;
    line-height: 147%;
  }
  .maxhub--wrapper .section-6 .part .text-wrapper .desc {
    margin-top: 4.13333333vw;
    font-size: 3.73333333vw;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-7 {
    background-color: #F9F9F9;
  }
  .maxhub--wrapper .section-7 .mainText {
    padding: 3.4375vw 0;
    color: black;
    width: 68.75vw;
    margin: 0 auto;
  }
  .maxhub--wrapper .section-7 .mainText .mainTitle {
    font-size: 3.54166667vw;
    font-family: KumbhSans-ExtraBold;
  }
  .maxhub--wrapper .section-7 .mainText .mainDesc {
    margin-top: 1.5625vw;
    font-size: 1.04166667vw;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-7 .sticky-container {
    height: calc(200vh + 620vw/19.2);
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item {
    height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 0 10.625vw 0 4.01041667vw;
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper {
    width: 61.04166667vw;
    overflow: hidden;
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper .card:first-child {
    height: 100vh;
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper .card:first-child .video {
    margin-top: 2.23958333vw;
    width: 60.9375vw;
    height: 19.27083333vw;
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper .card:first-child .text-wrapper {
    margin-top: 2.76041667vw;
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper .card:nth-child(2) .text-wrapper .desc {
    width: 49.16666667vw;
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper .card:nth-child(3) .text-wrapper .desc {
    width: 35.72916667vw;
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper .card:nth-child(2),
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper .card:nth-child(3) {
    height: calc(50vh + 310vw/19.2);
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper .card:nth-child(2) .video,
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper .card:nth-child(3) .video {
    margin-top: 1.35416667vw;
    width: 33.28125vw;
    height: 22.34375vw;
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper .card:nth-child(2) .text-wrapper,
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper .card:nth-child(3) .text-wrapper {
    margin-top: 0vw;
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper .card .card-inner {
    height: 32.29166667vw;
    background-color: white;
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper .card .card-inner .text-wrapper {
    color: black;
    padding: 0 1.5625vw;
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper .card .card-inner .text-wrapper .title {
    font-size: 1.45833333vw;
    line-height: 128%;
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .card-wrapper .card .card-inner .text-wrapper .desc {
    margin-top: 0.36458333vw;
    font-size: 1.04166667vw;
    line-height: 150%;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .subText {
    width: 18.59375vw;
    color: black;
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .subText .title {
    font-size: 2.1875vw;
    line-height: 147%;
  }
  .maxhub--wrapper .section-7 .sticky-container .sticky-item .subText .desc {
    margin-top: 1.19791667vw;
    font-size: 1.04166667vw;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-7 {
    background-color: #F5F5F7;
  }
  .maxhub--wrapper .section-7 .mainText {
    padding: 16.53333333vw 0;
    color: black;
    width: 100%;
    margin: 0 auto;
    background-color: white;
  }
  .maxhub--wrapper .section-7 .mainText .mainTitle {
    font-size: 8.26666667vw;
    font-family: KumbhSans-ExtraBold;
  }
  .maxhub--wrapper .section-7 .mainText .mainDesc {
    margin: 4.53333333vw auto 0;
    font-size: 3.73333333vw;
    line-height: 160%;
    text-align: left;
    width: 81.6vw;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-7 .mo-wrapper {
    padding: 10.93333333vw 0 14.93333333vw;
    width: 92.26666667vw;
    margin: 0 auto;
    color: black;
  }
  .maxhub--wrapper .section-7 .mo-wrapper .subText .title {
    font-size: 6.4vw;
    line-height: 130%;
  }
  .maxhub--wrapper .section-7 .mo-wrapper .subText .desc {
    margin-top: 4.53333333vw;
    font-size: 3.73333333vw;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-7 .mo-wrapper .card {
    padding-bottom: 8.53333333vw;
    border-radius: 1.73333333vw;
    overflow: hidden;
    background-color: white;
    margin-top: 8.53333333vw;
  }
  .maxhub--wrapper .section-7 .mo-wrapper .card .text-wrapper {
    padding: 0 3.2vw;
  }
  .maxhub--wrapper .section-7 .mo-wrapper .card .text-wrapper .title {
    margin-top: 4.53333333vw;
    font-size: 4.26666667vw;
    line-height: 175%;
  }
  .maxhub--wrapper .section-7 .mo-wrapper .card .text-wrapper .desc {
    margin-top: 1.46666667vw;
    font-size: 3.73333333vw;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-7 .mo-wrapper .card.card1 .video {
    width: 100%;
    height: 31.86666667vw;
  }
  .maxhub--wrapper .section-7 .mo-wrapper .card.card2 .video {
    width: 85.2vw;
    height: 53.73333333vw;
    margin-top: 6vw;
  }
  .maxhub--wrapper .section-7 .mo-wrapper .card.card3 .video {
    width: 85.2vw;
    height: 57.06666667;
    margin-top: 6vw;
  }
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-8 {
    height: 200vh;
  }
  .maxhub--wrapper .section-8 .sticky-item {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    padding-left: 6.25vw;
    padding-right: 4.01041667vw;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  .maxhub--wrapper .section-8 .sticky-item .mainText {
    width: 20.83333333vw;
    margin-bottom: 19.16666667vh;
  }
  .maxhub--wrapper .section-8 .sticky-item .mainText .title {
    font-size: 2.1875vw;
    line-height: 147%;
  }
  .maxhub--wrapper .section-8 .sticky-item .mainText .desc {
    margin-top: 0.9375vw;
    font-size: 1.04166667vw;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper {
    width: 61.40625vw;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .img-wrapper {
    height: 32.29166667vw;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .img-wrapper .media-wrapper {
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .img-wrapper .media-wrapper.active {
    opacity: 1;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .text-wrappers {
    margin-top: 1.66666667vw;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .text-wrappers .text-wrapper {
    color: black;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .text-wrappers .text-wrapper .icon-wrapper {
    width: 2.60416667vw;
    height: 2.60416667vw;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .text-wrappers .text-wrapper .icon-wrapper .switch-icon {
    opacity: 1;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .text-wrappers .text-wrapper .icon-wrapper .switch-icon-active {
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .text-wrappers .text-wrapper .title {
    margin-top: 0.67708333vw;
    font-size: 1.875vw;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .text-wrappers .text-wrapper .desc {
    margin-top: 0.3125vw;
    font-size: 1.04166667vw;
    line-height: 160%;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .text-wrappers .text-wrapper .title,
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .text-wrappers .text-wrapper .desc {
    opacity: 0.3;
    transition: opacity 0.5s ease;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .text-wrappers .text-wrapper.active .icon-wrapper .switch-icon {
    opacity: 0;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .text-wrappers .text-wrapper.active .icon-wrapper .switch-icon-active {
    opacity: 1;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .text-wrappers .text-wrapper.active .title,
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .text-wrappers .text-wrapper.active .desc {
    opacity: 1;
  }
  .maxhub--wrapper .section-8 .sticky-item .switch-wrapper .text-wrappers .text-wrapper:nth-child(2) {
    margin: 0 10.9375vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-8 .mo-wrapper {
    background-color: white;
    padding: 10.13333333vw 0;
    width: 92.26666667vw;
    margin: 0 auto;
    color: black;
  }
  .maxhub--wrapper .section-8 .mo-wrapper .mainText .title {
    font-size: 6.4vw;
    line-height: 130%;
  }
  .maxhub--wrapper .section-8 .mo-wrapper .mainText .desc {
    margin-top: 3.06666667vw;
    font-size: 3.73333333vw;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-8 .mo-wrapper .card-wrapper {
    margin-top: 7.73333333vw;
    width: 100%;
    background-color: #F5F5F7;
    border-radius: 1.73333333vw;
    overflow: hidden;
  }
  .maxhub--wrapper .section-8 .mo-wrapper .card-wrapper .media-wrapper {
    width: 100%;
    height: 48.8vw;
    border-radius: 1.73333333vw;
    overflow: hidden;
  }
  .maxhub--wrapper .section-8 .mo-wrapper .card-wrapper .text-wrapper {
    padding: 4.8vw 4.26666667vw;
  }
  .maxhub--wrapper .section-8 .mo-wrapper .card-wrapper .text-wrapper .icon {
    width: 6.53333333vw;
    height: 6.53333333vw;
  }
  .maxhub--wrapper .section-8 .mo-wrapper .card-wrapper .text-wrapper .title {
    margin-left: 4.53333333vw;
    font-size: 4.26666667vw;
    line-height: 175%;
    font-family: KumbhSans-Regular;
  }
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-9 .part {
    padding: 8.85416667vw 4.01041667vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .maxhub--wrapper .section-9 .part.part0 {
    background-color: #F9F9F9;
  }
  .maxhub--wrapper .section-9 .part.part0 .text-wrapper {
    width: 25.83333333vw;
  }
  .maxhub--wrapper .section-9 .part.part1 {
    background-color: white;
  }
  .maxhub--wrapper .section-9 .part.part1 .media-wrapper {
    order: 2;
  }
  .maxhub--wrapper .section-9 .part.part1 .text-wrapper {
    order: 1;
    width: 28.64583333vw;
  }
  .maxhub--wrapper .section-9 .part.part1 .text-wrapper .detail {
    width: 24.58333333vw;
  }
  .maxhub--wrapper .section-9 .part .media-wrapper {
    width: 60.9375vw;
    height: 32.29166667vw;
  }
  .maxhub--wrapper .section-9 .part .text-wrapper {
    color: black;
  }
  .maxhub--wrapper .section-9 .part .text-wrapper .title {
    font-size: 2.1875vw;
    line-height: 147%;
  }
  .maxhub--wrapper .section-9 .part .text-wrapper .desc {
    margin-top: 1.25vw;
    font-size: 1.25vw;
    line-height: 190%;
    font-family: KumbhSans-SemiBold;
  }
  .maxhub--wrapper .section-9 .part .text-wrapper .detail {
    margin-top: 1.45833333vw;
    font-size: 1.04166667vw;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-9 .part .text-wrapper .btn-wrapper {
    margin-top: 2.1875vw;
    cursor: pointer;
  }
  .maxhub--wrapper .section-9 .part .text-wrapper .btn-wrapper .btn-text {
    font-size: 0.9375vw;
    color: #1D6CCB;
    line-height: 177%;
    font-family: KumbhSans-Bold;
  }
  .maxhub--wrapper .section-9 .part .text-wrapper .btn-wrapper .btn-arrow {
    margin-left: 0.57291667vw;
    width: 0.52083333vw;
    height: 0.83333333vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-9 .part {
    padding: 8.53333333vw 3.86666667vw;
  }
  .maxhub--wrapper .section-9 .part.part0 {
    background-color: #F5F5F7;
  }
  .maxhub--wrapper .section-9 .part.part1 {
    background-color: white;
  }
  .maxhub--wrapper .section-9 .part .media-wrapper {
    margin-top: 5.73333333vw;
    width: 92.26666667vw;
    height: 48.8vw;
  }
  .maxhub--wrapper .section-9 .part .btn-wrapper {
    margin-top: 5.06666667vw;
    cursor: pointer;
  }
  .maxhub--wrapper .section-9 .part .btn-wrapper .btn-text {
    font-size: 3.73333333vw;
    color: #1D6CCB;
    line-height: 135%;
    font-family: KumbhSans-Bold;
  }
  .maxhub--wrapper .section-9 .part .btn-wrapper .btn-arrow {
    margin-left: 2.13333333vw;
    width: 2.13333333vw;
    height: 2.66666667vw;
  }
  .maxhub--wrapper .section-9 .part .text-wrapper {
    color: black;
  }
  .maxhub--wrapper .section-9 .part .text-wrapper .title {
    font-size: 6.4vw;
    line-height: 147%;
  }
  .maxhub--wrapper .section-9 .part .text-wrapper .desc {
    margin-top: 5.33333333vw;
    font-size: 4.26666667vw;
    line-height: 175%;
    font-family: KumbhSans-SemiBold;
  }
  .maxhub--wrapper .section-9 .part .text-wrapper .detail {
    margin-top: 4.26666667vw;
    font-size: 3.73333333vw;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-10 {
    background-color: #F9F9F9;
    padding-top: 3.95833333vw;
    color: black;
  }
  .maxhub--wrapper .section-10 .title {
    font-size: 3.54166667vw;
    font-family: KumbhSans-ExtraBold;
  }
  .maxhub--wrapper .section-10 .desc {
    margin-top: 1.77083333vw;
    font-size: 1.04166667vw;
    line-height: 160%;
    width: 67.5vw;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-10 .btn-wrapper {
    margin-top: 1.14583333vw;
    cursor: pointer;
  }
  .maxhub--wrapper .section-10 .btn-wrapper .btn-text {
    color: #1D6CCB;
    font-size: 0.9375vw;
    line-height: 178%;
    font-family: KumbhSans-Bold;
  }
  .maxhub--wrapper .section-10 .btn-wrapper .btn-arrow {
    margin-left: 0.57291667vw;
    width: 0.52083333vw;
    height: 0.83333333vw;
  }
  .maxhub--wrapper .section-10 .p10-img {
    margin-top: -3.38541667vw;
    width: 70.9375vw;
    height: 36.45833333vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-10 {
    background-color: #F5F5F7;
    padding-top: 11.46666667vw;
    color: black;
  }
  .maxhub--wrapper .section-10 .title {
    font-size: 8.26666667vw;
    font-family: KumbhSans-ExtraBold;
  }
  .maxhub--wrapper .section-10 .desc {
    margin-top: 5.86666667vw;
    font-size: 3.73333333vw;
    line-height: 160%;
    width: 86.13333333vw;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-10 .btn-wrapper {
    margin-top: 5.73333333vw;
    cursor: pointer;
  }
  .maxhub--wrapper .section-10 .btn-wrapper .btn-text {
    color: #1D6CCB;
    font-size: 3.73333333vw;
    line-height: 135%;
    font-family: KumbhSans-Bold;
  }
  .maxhub--wrapper .section-10 .btn-wrapper .btn-arrow {
    margin-left: 2.13333333vw;
    width: 2.13333333vw;
    height: 2.66666667vw;
  }
  .maxhub--wrapper .section-10 .p10-img {
    width: 100%;
    height: 64.53333333vw;
  }
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-11 .mainText {
    padding: 4.27083333vw 0;
    width: 71.77083333vw;
    margin: 0 auto;
  }
  .maxhub--wrapper .section-11 .mainText .title {
    font-size: 3.54166667vw;
    font-family: KumbhSans-ExtraBold;
  }
  .maxhub--wrapper .section-11 .mainText .desc {
    margin-top: 1.5625vw;
    font-size: 1.04166667vw;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-11 .sticky-container {
    height: 300vh;
  }
  .maxhub--wrapper .section-11 .sticky-container .sticky-item {
    height: 100vh;
  }
  .maxhub--wrapper .section-11 .sticky-container .sticky-item .text-switch-wrapper {
    z-index: 2;
    margin-left: 4.01041667vw;
    width: 25vw;
  }
  .maxhub--wrapper .section-11 .sticky-container .sticky-item .text-switch-wrapper .text-wrapper {
    color: black;
  }
  .maxhub--wrapper .section-11 .sticky-container .sticky-item .text-switch-wrapper .text-wrapper:not(:last-child) {
    margin-bottom: 1.14583333vw;
  }
  .maxhub--wrapper .section-11 .sticky-container .sticky-item .text-switch-wrapper .text-wrapper:first-child .icon {
    width: 3.125vw;
    height: 3.4375vw;
  }
  .maxhub--wrapper .section-11 .sticky-container .sticky-item .text-switch-wrapper .text-wrapper:nth-child(2) .icon {
    width: 4.6875vw;
    height: 3.95833333vw;
  }
  .maxhub--wrapper .section-11 .sticky-container .sticky-item .text-switch-wrapper .text-wrapper:last-child .icon {
    margin-top: 1.5625vw;
    width: 19.63541667vw;
    height: 3.22916667vw;
  }
  .maxhub--wrapper .section-11 .sticky-container .sticky-item .text-switch-wrapper .text-wrapper.active .title {
    opacity: 1;
  }
  .maxhub--wrapper .section-11 .sticky-container .sticky-item .text-switch-wrapper .text-wrapper.active .detail-wrapper {
    height: 13.02083333vw;
    opacity: 1;
  }
  .maxhub--wrapper .section-11 .sticky-container .sticky-item .text-switch-wrapper .text-wrapper .title {
    font-size: 1.25vw;
    line-height: 190%;
    opacity: 0.3;
    transition: opacity 0.5s ease;
    margin-bottom: 0.41666667vw;
    font-family: KumbhSans-SemiBold;
  }
  .maxhub--wrapper .section-11 .sticky-container .sticky-item .text-switch-wrapper .text-wrapper .detail-wrapper {
    height: 0;
    opacity: 0;
    transition: height 0.5s ease, opacity 0.3s ease;
    overflow: hidden;
  }
  .maxhub--wrapper .section-11 .sticky-container .sticky-item .text-switch-wrapper .text-wrapper .detail-wrapper .desc {
    font-size: 1.04166667w;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-11 .sticky-container .sticky-item .text-switch-wrapper .text-wrapper .detail-wrapper .icon {
    margin-top: 1.04166667vw;
  }
  .maxhub--wrapper .section-11 .sticky-container .sticky-item .bg-switch-wrapper img {
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-11 .sticky-container .sticky-item .bg-switch-wrapper img.active {
    opacity: 1;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-11 .mainText {
    padding: 8vw 0;
    width: 92.26666667vw;
    margin: 0 auto;
    background-color: white;
  }
  .maxhub--wrapper .section-11 .mainText .title {
    font-family: KumbhSans-ExtraBold;
    font-size: 8.26666667vw;
  }
  .maxhub--wrapper .section-11 .mainText .desc {
    margin-top: 2.66666667vw;
    font-size: 3.73333333vw;
    line-height: 160%;
    text-align: left;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-11 .mo-wrapper {
    padding: 8.8vw 0;
    background-color: #F5F5F7;
  }
  .maxhub--wrapper .section-11 .mo-wrapper .card {
    background-color: white;
    color: black;
    width: 92.26666667vw;
    margin: 0 auto;
    border-radius: 1.73333333vw;
    overflow: hidden;
  }
  .maxhub--wrapper .section-11 .mo-wrapper .card .text-wrapper {
    padding: 7.2vw 3.2vw 0;
    z-index: 2;
  }
  .maxhub--wrapper .section-11 .mo-wrapper .card .text-wrapper .title {
    font-size: 4.26666667vw;
    line-height: 175%;
    font-family: KumbhSans-SemiBold;
  }
  .maxhub--wrapper .section-11 .mo-wrapper .card .text-wrapper .desc {
    margin-top: 1.86666667vw;
    font-size: 3.73333333vw;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-11 .mo-wrapper .card .text-wrapper .icon {
    margin-top: 4.93333333vw;
  }
  .maxhub--wrapper .section-11 .mo-wrapper .card.card-0 .icon {
    width: 11.06666667vw;
    height: 12.13333333vw;
  }
  .maxhub--wrapper .section-11 .mo-wrapper .card.card-0 .media-wrapper {
    width: 100%;
    height: 80.93333333vw;
    margin-top: -14.13333333vw;
  }
  .maxhub--wrapper .section-11 .mo-wrapper .card.card-1 {
    margin-top: 9.06666667vw;
  }
  .maxhub--wrapper .section-11 .mo-wrapper .card.card-1 .icon {
    width: 12.93333333vw;
    height: 10.8vw;
    margin-top: 6vw;
  }
  .maxhub--wrapper .section-11 .mo-wrapper .card.card-1 .media-wrapper {
    width: 100%;
    height: 62.66666667vw;
    margin-top: 2.8vw;
  }
  .maxhub--wrapper .section-11 .mo-wrapper .card.card-2 {
    margin-top: 9.06666667vw;
  }
  .maxhub--wrapper .section-11 .mo-wrapper .card.card-2 .icon {
    width: 52.8vw;
    height: 8.66666667vw;
    margin-top: 5.46666667vw;
  }
  .maxhub--wrapper .section-11 .mo-wrapper .card.card-2 .media-wrapper {
    width: 100%;
    height: 63.73333333vw;
  }
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-12 {
    background-color: #F5F5F7;
    padding-top: 4.375vw;
    padding-bottom: 2.5vw;
    color: black;
  }
  .maxhub--wrapper .section-12 .title {
    font-size: 3.54166667vw;
    font-family: KumbhSans-ExtraBold;
  }
  .maxhub--wrapper .section-12 .desc {
    margin-top: 1.77083333vw;
    font-size: 1.04166667vw;
    line-height: 160%;
    width: 66.25vw;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-12 .p12-img {
    margin-top: 3.95833333vw;
    width: 58.38541667vw;
    height: 29.6875vw;
  }
  .maxhub--wrapper .section-12 .remark {
    opacity: 0.5;
    font-size: 0.83333333vw;
    line-height: 200%;
    font-family: KumbhSans-Regular;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-12 {
    background-color: white;
    padding-top: 16.53333333vw;
    padding-bottom: 4.13333333vw;
    color: black;
    width: 92.26666667vw;
    margin: 0 auto;
  }
  .maxhub--wrapper .section-12 .title {
    font-size: 8.26666667vw;
    width: 79.46666667vw;
    font-family: KumbhSans-ExtraBold;
  }
  .maxhub--wrapper .section-12 .desc {
    margin-top: 5.6vw;
    font-size: 3.73333333vw;
    line-height: 160%;
    width: 86vw;
    text-align: left;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-12 .p12-img {
    margin-top: 5.6vw;
    width: 96vw;
    height: 61.06666667vw;
  }
  .maxhub--wrapper .section-12 .remark {
    opacity: 0.6;
    font-size: 2.4vw;
    line-height: 250%;
    margin-top: -9.73333333vw;
    font-family: KumbhSans-Regular;
  }
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-13 {
    padding: 7.60416667vw 4.01041667vw 6.92708333vw;
    color: black;
  }
  .maxhub--wrapper .section-13 .part-wrapper {
    width: 29.6875vw;
  }
  .maxhub--wrapper .section-13 .part-wrapper img {
    height: 20.15625vw;
  }
  .maxhub--wrapper .section-13 .part-wrapper .title {
    font-size: 1.45833333vw;
    line-height: 220%;
  }
  .maxhub--wrapper .section-13 .btn-wrapper {
    margin-top: 3.64583333vw;
    cursor: pointer;
  }
  .maxhub--wrapper .section-13 .btn-wrapper .btn-text {
    color: #1D6CCB;
    font-size: 0.9375vw;
    line-height: 178%;
    font-family: KumbhSans-Bold;
  }
  .maxhub--wrapper .section-13 .btn-wrapper .btn-arrow {
    margin-left: 0.57291667vw;
    width: 0.52083333vw;
    height: 0.83333333vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-13 {
    padding: 11.46666667vw 0;
    color: black;
    background-color: #F5F5F7;
  }
  .maxhub--wrapper .section-13 .parts-wrapper {
    padding: 0 3.86666667vw;
    width: 100%;
    overflow: scroll;
    justify-content: flex-start;
    align-items: stretch;
    scrollbar-width: none;
    /* firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
  }
  .maxhub--wrapper .section-13 .parts-wrapper::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
  }
  .maxhub--wrapper .section-13 .parts-wrapper .part-wrapper {
    width: 70.66666667vw;
    flex-shrink: 0;
    background-color: white;
    border-radius: 1.73333333vw;
    overflow: hidden;
    margin-left: 9.06666667vw;
  }
  .maxhub--wrapper .section-13 .parts-wrapper .part-wrapper img {
    height: 45.86666667vw;
  }
  .maxhub--wrapper .section-13 .parts-wrapper .part-wrapper .title {
    margin-top: 2.66666667vw;
    font-size: 4.8vw;
    line-height: 155%;
    height: 16vw;
    display: flex;
    align-items: center;
    text-align: center;
  }
  .maxhub--wrapper .section-13 .parts-wrapper .part-wrapper:first-child {
    margin-left: 0;
  }
  .maxhub--wrapper .section-13 .scroll-bar {
    margin: 6.66666667vw auto;
    width: 25.06666667vw;
    display: flex;
    justify-content: space-between;
  }
  .maxhub--wrapper .section-13 .scroll-bar .scroll-dot {
    background-color: #E7E7E8;
    border-radius: 2.13333333vw;
    width: 2.13333333vw;
    height: 2.13333333vw;
    transition: all 0.4s ease;
  }
  .maxhub--wrapper .section-13 .scroll-bar .scroll-dot.active {
    background-color: #D8D8D8;
    border-radius: 1.08vw;
    width: 15.33333333vw;
  }
  .maxhub--wrapper .section-13 .btn-wrapper {
    cursor: pointer;
  }
  .maxhub--wrapper .section-13 .btn-wrapper .btn-text {
    color: #1D6CCB;
    font-size: 3.73333333vw;
    line-height: 135%;
    font-family: KumbhSans-Bold;
  }
  .maxhub--wrapper .section-13 .btn-wrapper .btn-arrow {
    margin-left: 2.13333333vw;
    width: 2.13333333vw;
    height: 2.66666667vw;
  }
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-14 {
    background-color: #F5F5F7;
    padding-top: 4.16666667vw;
    padding-bottom: 1.5625vw;
    color: black;
  }
  .maxhub--wrapper .section-14 .title {
    font-size: 3.54166667vw;
    font-family: KumbhSans-ExtraBold;
  }
  .maxhub--wrapper .section-14 .desc {
    margin-top: 1.77083333vw;
    font-size: 1.04166667vw;
    line-height: 160%;
    width: 51.875vw;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-14 .p14-img {
    margin-top: 2.08333333vw;
    width: 60.9375vw;
    height: 31.25vw;
  }
  .maxhub--wrapper .section-14 .remark {
    opacity: 0.5;
    margin-top: 0.9375vw;
    font-size: 0.83333333vw;
    line-height: 200%;
    font-family: KumbhSans-Regular;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-14 {
    background-color: white;
    padding-top: 16.8vw;
    color: black;
  }
  .maxhub--wrapper .section-14 .text-wrapper {
    width: 92.26666667vw;
    margin: 0 auto;
  }
  .maxhub--wrapper .section-14 .text-wrapper .title {
    font-size: 8.26666667vw;
    font-family: KumbhSans-ExtraBold;
  }
  .maxhub--wrapper .section-14 .text-wrapper .desc {
    margin-top: 6vw;
    font-size: 3.73333333vw;
    line-height: 160%;
    text-align: left;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-14 .p14-img {
    width: 100%;
    height: 106.4vw;
  }
  .maxhub--wrapper .section-14 .remark {
    opacity: 0.6;
    font-size: 2.4vw;
    line-height: 250%;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3.73333333vw;
    width: 100%;
    font-family: KumbhSans-Regular;
  }
}
.maxhub--wrapper .section-15 {
  color: black;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-15 .mainText {
    padding-top: 4.84375vw;
    padding-bottom: 4.0625vw;
  }
  .maxhub--wrapper .section-15 .mainText .title {
    font-size: 3.54166667vw;
    font-family: KumbhSans-ExtraBold;
  }
  .maxhub--wrapper .section-15 .sticky-container {
    height: 200vh;
    margin-top: calc((307vw/19.2) - 50vh);
  }
  .maxhub--wrapper .section-15 .sticky-container .sticky-item {
    height: 100vh;
  }
  .maxhub--wrapper .section-15 .sticky-container .sticky-item .parts-wrapper {
    background-color: #F9F9F9;
    width: 77.1875vw;
    height: 31.97916667vw;
  }
  .maxhub--wrapper .section-15 .sticky-container .sticky-item .parts-wrapper .part-wrapper {
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
  }
  .maxhub--wrapper .section-15 .sticky-container .sticky-item .parts-wrapper .part-wrapper.active {
    opacity: 1;
  }
  .maxhub--wrapper .section-15 .sticky-container .sticky-item .parts-wrapper .part-wrapper:first-child .part-wrapper-inner .text-wrapper {
    width: 23.38541667vw;
  }
  .maxhub--wrapper .section-15 .sticky-container .sticky-item .parts-wrapper .part-wrapper:nth-child(3) {
    pointer-events: auto;
  }
  .maxhub--wrapper .section-15 .sticky-container .sticky-item .parts-wrapper .part-wrapper:nth-child(3) .part-wrapper-inner .text-wrapper .title {
    width: 13.4375vw;
  }
  .maxhub--wrapper .section-15 .sticky-container .sticky-item .parts-wrapper .part-wrapper .part-wrapper-inner .text-wrapper {
    left: 4.42708333vw;
    width: 18.95833333vw;
    color: black;
  }
  .maxhub--wrapper .section-15 .sticky-container .sticky-item .parts-wrapper .part-wrapper .part-wrapper-inner .text-wrapper .icon {
    width: 2.5vw;
    height: 2.55208333vw;
    margin-bottom: 0.72916667vw;
  }
  .maxhub--wrapper .section-15 .sticky-container .sticky-item .parts-wrapper .part-wrapper .part-wrapper-inner .text-wrapper .title {
    font-size: 1.25vw;
    line-height: 150%;
    font-family: KumbhSans-SemiBold;
  }
  .maxhub--wrapper .section-15 .sticky-container .sticky-item .parts-wrapper .part-wrapper .part-wrapper-inner .text-wrapper .desc {
    margin-top: 1.09375vw;
    font-size: 1.04166667vw;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-15 .sticky-container .sticky-item .parts-wrapper .part-wrapper .part-wrapper-inner .text-wrapper .btn-wrapper {
    margin-top: 2.03125vw;
    cursor: pointer;
  }
  .maxhub--wrapper .section-15 .sticky-container .sticky-item .parts-wrapper .part-wrapper .part-wrapper-inner .text-wrapper .btn-wrapper .btn-text {
    color: #1D6CCB;
    font-size: 0.9375vw;
    line-height: 178%;
  }
  .maxhub--wrapper .section-15 .sticky-container .sticky-item .parts-wrapper .part-wrapper .part-wrapper-inner .text-wrapper .btn-wrapper .btn-arrow {
    margin-left: 0.57291667vw;
    width: 0.52083333vw;
    height: 0.83333333vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-15 {
    background-color: #F5F5F7;
    padding-bottom: 11.33333333vw;
  }
  .maxhub--wrapper .section-15 .mainText {
    padding: 11.46666667vw 0;
  }
  .maxhub--wrapper .section-15 .mainText .title {
    font-size: 8.26666667vw;
    font-family: KumbhSans-ExtraBold;
  }
  .maxhub--wrapper .section-15 .card {
    background-color: white;
    border-radius: 1.73333333vw;
    overflow: hidden;
    width: 92.26666667vw;
    margin: 9.06666667vw auto 0;
  }
  .maxhub--wrapper .section-15 .card .text-wrapper {
    padding: 10.26666667vw 4.93333333vw 0;
  }
  .maxhub--wrapper .section-15 .card .text-wrapper .icon {
    width: 9.2vw;
    height: 9.33333333vw;
    margin-bottom: 5.2vw;
  }
  .maxhub--wrapper .section-15 .card .text-wrapper .title {
    font-size: 4.26666667vw;
    line-height: 175%;
    font-family: KumbhSans-SemiBold;
  }
  .maxhub--wrapper .section-15 .card .text-wrapper .desc {
    margin-top: 2.8vw;
    font-size: 3.73333333vw;
    line-height: 160%;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-15 .card .text-wrapper .btn-wrapper {
    margin-top: 5.73333333vw;
    cursor: pointer;
    justify-content: center;
  }
  .maxhub--wrapper .section-15 .card .text-wrapper .btn-wrapper .btn-text {
    color: #1D6CCB;
    font-size: 3.73333333vw;
    line-height: 135%;
  }
  .maxhub--wrapper .section-15 .card .text-wrapper .btn-wrapper .btn-arrow {
    margin-left: 2.13333333vw;
    width: 2.13333333vw;
    height: 2.66666667vw;
  }
  .maxhub--wrapper .section-15 .card:first-child {
    margin: 0 auto;
  }
  .maxhub--wrapper .section-15 .card:first-child .pic {
    width: 100%;
    height: 76.13333333vw;
  }
  .maxhub--wrapper .section-15 .card:nth-child(2) .pic {
    width: 100%;
    height: 64.4vw;
  }
  .maxhub--wrapper .section-15 .card:nth-child(3) .pic {
    width: 100%;
    height: 68.13333333vw;
  }
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-16 {
    background-color: #F5F5F7;
    color: black;
    padding: 4.21875vw 5.05208333vw 3.85416667vw;
  }
  .maxhub--wrapper .section-16 .mainText {
    font-size: 2.1875vw;
    line-height: 147%;
  }
  .maxhub--wrapper .section-16 .parts-wrapper {
    margin-top: 2.39583333vw;
  }
  .maxhub--wrapper .section-16 .parts-wrapper .parts-wrapper-inner {
    width: 62.44791667vw;
    height: 31.77083333vw;
  }
  .maxhub--wrapper .section-16 .parts-wrapper .parts-wrapper-inner .part-wrapper {
    z-index: 1;
  }
  .maxhub--wrapper .section-16 .parts-wrapper .parts-wrapper-inner .part-wrapper .scale-wrapper {
    transform: scale(0.8);
    transition: transform 0.8s ease;
  }
  .maxhub--wrapper .section-16 .parts-wrapper .parts-wrapper-inner .part-wrapper .scale-wrapper .mask {
    background-color: black;
    opacity: 0.5;
    transition: opacity 0.8s ease;
  }
  .maxhub--wrapper .section-16 .parts-wrapper .parts-wrapper-inner .part-wrapper.active {
    z-index: 2;
  }
  .maxhub--wrapper .section-16 .parts-wrapper .parts-wrapper-inner .part-wrapper.active .scale-wrapper {
    transform: scale(1);
  }
  .maxhub--wrapper .section-16 .parts-wrapper .parts-wrapper-inner .part-wrapper.active .scale-wrapper .mask {
    opacity: 0;
  }
  .maxhub--wrapper .section-16 .parts-wrapper .options-wrapper {
    width: 79.47916667vw;
    z-index: 10;
  }
  .maxhub--wrapper .section-16 .parts-wrapper .options-wrapper .btn {
    width: 2.55208333vw;
    height: 2.55208333vw;
    border-radius: 50%;
    background-color: #1D6CCB;
  }
  .maxhub--wrapper .section-16 .parts-wrapper .options-wrapper .btn .arrow {
    width: 0.67708333vw;
    height: 1.04166667vw;
  }
  .maxhub--wrapper .section-16 .detail-wrapper {
    margin: 1.66666667vw auto 0;
    width: 62.5vw;
    font-size: 1.25vw;
    color: black;
    line-height: 150%;
    font-family: KumbhSans-SemiBold;
  }
  .maxhub--wrapper .section-16 .detail-wrapper .text-wrapper .title {
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-16 .detail-wrapper .text-wrapper .title.active {
    opacity: 1;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-16 {
    background-color: white;
    color: black;
    padding-bottom: 16vw;
  }
  .maxhub--wrapper .section-16 .mainText {
    font-size: 6.4vw;
    padding: 10.66666667vw 0;
  }
  .maxhub--wrapper .section-16 .parts-wrapper {
    padding: 0 3.86666667vw;
    width: 100%;
    overflow: scroll;
    justify-content: flex-start;
    align-items: stretch;
    scrollbar-width: none;
    /* firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
  }
  .maxhub--wrapper .section-16 .parts-wrapper::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
  }
  .maxhub--wrapper .section-16 .parts-wrapper .part-wrapper {
    width: 76vw;
    flex-shrink: 0;
    background-color: white;
    margin-left: 9.06666667vw;
  }
  .maxhub--wrapper .section-16 .parts-wrapper .part-wrapper img {
    height: 48.4vw;
    border-radius: 1.73333333vw;
    overflow: hidden;
  }
  .maxhub--wrapper .section-16 .parts-wrapper .part-wrapper .title {
    margin-top: 4vw;
    font-size: 4.8vw;
    line-height: 155%;
    font-family: KumbhSans-SemiBold;
  }
  .maxhub--wrapper .section-16 .parts-wrapper .part-wrapper:first-child {
    margin-left: 0;
  }
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-spec {
    width: 75vw;
    margin: 0 auto;
    padding: 6.97916667vw 0 6.25vw;
  }
  .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;
    font-family: KumbhSans-Bold;
  }
  .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: 3.125vw;
    display: block;
  }
  .maxhub--wrapper .section-spec .spec-table.hide {
    display: none;
  }
  .maxhub--wrapper .section-spec .spec-table .pro-name-wrapper {
    border-bottom: 1px solid #D4D4D4;
    padding: 0.83333333vw 0;
  }
  .maxhub--wrapper .section-spec .spec-table .pro-name-wrapper .pro-name {
    width: 33.33%;
    font-size: 0.9375vw;
    color: #000000;
    font-family: KumbhSans-Bold;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:not(:first-child) {
    margin-top: 1.97916667vw;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper .param-line-wrapper {
    border-bottom: 1px solid #D4D4D4;
    padding: 0.83333333vw 0;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper .param-line-wrapper .param {
    width: 33.33%;
    font-size: 0.9375vw;
    color: #000000;
    font-family: KumbhSans-Regular;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper .param-line-wrapper:first-child .param {
    font-size: 1.25vw;
    font-family: KumbhSans-Bold;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-spec {
    width: 92.26666667vw;
    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;
    font-family: KumbhSans-Bold;
  }
  .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 .switch-pro-btn-wrapper {
    margin-top: 9.86666667vw;
    width: 100%;
    display: flex;
  }
  .maxhub--wrapper .section-spec .switch-pro-btn-wrapper.hide {
    display: none;
  }
  .maxhub--wrapper .section-spec .switch-pro-btn-wrapper .pro-btn {
    width: 44.93333333vw;
    height: 9.6vw;
    border-radius: 0.93333333vw;
    background: transparent;
    border: 1px solid #E0E0E0;
    font-size: 2.4vw;
    color: rgba(0, 0, 0, 0.5);
    font-family: KumbhSans-Bold;
  }
  .maxhub--wrapper .section-spec .switch-pro-btn-wrapper .pro-btn.active {
    background: #1D6CCB;
    color: white;
    border: 0;
  }
  .maxhub--wrapper .section-spec .spec-table {
    margin-top: 4.53333333vw;
    display: block;
  }
  .maxhub--wrapper .section-spec .spec-table.hide {
    display: none;
  }
  .maxhub--wrapper .section-spec .spec-table .pro-name-wrapper {
    justify-content: space-between;
  }
  .maxhub--wrapper .section-spec .spec-table .pro-name-wrapper .pro-name {
    width: 53.33333333vw;
    font-size: 2.4vw;
    color: #000000;
    background-color: #D8D8D8;
    padding: 2vw 3.46666667vw;
    font-family: KumbhSans-Bold;
  }
  .maxhub--wrapper .section-spec .spec-table .pro-name-wrapper .pro-name:first-child {
    width: 37.06666667vw;
    padding: 2vw 1.6vw;
  }
  .maxhub--wrapper .section-spec .spec-table .pro-name-wrapper .pro-name.hidePro {
    display: none;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:nth-child(3) .param-line-wrapper,
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:nth-child(5) .param-line-wrapper,
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:nth-child(7) .param-line-wrapper,
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:nth-child(8) .param-line-wrapper,
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:nth-child(11) .param-line-wrapper {
    background-color: white;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:nth-child(3) .param-line-wrapper:nth-child(2n) .param,
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:nth-child(5) .param-line-wrapper:nth-child(2n) .param,
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:nth-child(7) .param-line-wrapper:nth-child(2n) .param,
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:nth-child(8) .param-line-wrapper:nth-child(2n) .param,
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:nth-child(11) .param-line-wrapper:nth-child(2n) .param {
    background-color: white;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:nth-child(3) .param-line-wrapper:nth-child(2n-1) .param,
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:nth-child(5) .param-line-wrapper:nth-child(2n-1) .param,
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:nth-child(7) .param-line-wrapper:nth-child(2n-1) .param,
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:nth-child(8) .param-line-wrapper:nth-child(2n-1) .param,
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper:nth-child(11) .param-line-wrapper:nth-child(2n-1) .param {
    background-color: #F5F5F5;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper .param-line-wrapper {
    justify-content: space-between;
    background-color: white;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper .param-line-wrapper:nth-child(2n) .param {
    background-color: #F5F5F5;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper .param-line-wrapper .param {
    width: 53.33333333vw;
    font-size: 2.4vw;
    color: #000000;
    padding: 2vw 3.46666667vw;
    word-break: break-all;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper .param-line-wrapper .param:first-child {
    width: 37.06666667vw;
    padding: 2vw 1.6vw;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper .param-line-wrapper .param.hidePro {
    display: none;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-params-wrapper .params-section-wrapper .param-line-wrapper:first-child .param {
    font-family: KumbhSans-Bold;
  }
}
.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 8vw;
  }
}
.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: 92.26666667vw;
  }
}
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);
}
.g--popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  transform: translateY(120vh);
}
.g--popup.show {
  transform: translateY(0);
  transition: transform 0.5s;
}
.g--popup.disappear {
  transition: transform 0.5s;
}
.g--popup .g--popup-container {
  background: rgba(0, 0, 0, 0.6);
}
.g--popup .g--popup-container .g--video-wrapper {
  margin-top: -12px;
}
@media (max-width: 1199px), (orientation: portrait) {
  .g--popup .g--popup-container .g--video-wrapper {
    width: 100%;
  }
}
.g--popup .g--popup-container .g--video-wrapper .g--popup-close {
  top: -32px;
  right: 0;
  width: 18px;
  height: 18px;
  position: absolute;
  margin-left: auto;
  z-index: 2;
  cursor: pointer;
}
@media (max-width: 1199px), (orientation: portrait) {
  .g--popup .g--popup-container .g--video-wrapper .g--popup-close {
    right: 16px;
    top: -48px;
    width: 20px;
    height: 20px;
  }
}
.g--popup .g--popup-container .g--video-wrapper .g--popup-close polygon {
  fill: white;
}
.g--popup .g--popup-container .g--video-wrapper iframe {
  outline: none;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: black;
}
@media (min-width: 1200px), (orientation: landscape) {
  .g--popup .g--popup-container .g--video-wrapper iframe {
    width: 75vw;
    height: 75vh;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .g--popup .g--popup-container .g--video-wrapper iframe {
    width: 100%;
    height: 56vw;
  }
}
@font-face {
  font-family: 'KumbhSans-ExtraBold';
  src: url('https://sgp-cstore-pub.ifpserver.com/bytello_public/KumbhSans-ExtraBold_17d72a2.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'KumbhSans-Bold';
  src: url('https://sgp-cstore-pub.ifpserver.com/bytello_public/KumbhSans-Bold_6ad70d9.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'KumbhSans-SemiBold';
  src: url('https://sgp-cstore-pub.ifpserver.com/bytello_public/KumbhSans-SemiBold_f9b64ce.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KumbhSans-Medium';
  src: url('https://sgp-cstore-pub.ifpserver.com/bytello_public/KumbhSans-Medium_08e8725.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KumbhSans-Regular';
  src: url('https://sgp-cstore-pub.ifpserver.com/bytello_public/KumbhSans-Regular_e6d42af.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KumbhSans-Light';
  src: url('https://sgp-cstore-pub.ifpserver.com/bytello_public/KumbhSans-Light_6cb9742.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@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;
}