#zo88-page {
  width: 100% !important;
  overflow: hidden;
}
.main-container {
  width: fit-content;
  transform-origin: top left;
  visibility: hidden;
}
/* screen - index */

.index {
  background-color: #05002f;
  min-height: 1488px;
  min-width: 1920px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index .sin_bg-1 {
  aspect-ratio: 1.78;
  height: 1118px;
  left: calc(50.00% - 994px);
  object-fit: cover;
  position: absolute;
  top: -8px;
  width: 1987px;
}

.index .group-11-1 {
  aspect-ratio: 4.43;
  height: 108px;
  left: calc(50.00% - 238px);
  object-fit: cover;
  position: absolute;
  top: 105px;
  width: 476px;
}

.index .frame-2147224115 {
  background-image: url(../img/frame-1.webp);
  background-size: 100% 100%;
  display: flex;
  height: 633px;
  left: 977px;
  position: absolute;
  top: 247px;
  width: 568px;
}

.index .frame-2147224114 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16.1px;
  height: 479.49px;
  margin-left: 46.7px;
  margin-top: 36.5px;
  position: relative;
  width: 479.59px;
}

.index .ng-k-nhanh-nhn-thng-ln {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.07px;
  position: relative;
  text-align: center;
}

.index .frame-6 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24.14px;
  position: relative;
  width: 100%;
}

.index .frame {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border-radius: 33.81px;
  display: flex;
  flex-direction: column;
  gap: 13.05px;
  height: 82.06px;
  justify-content: center;
  padding: 7.83px 28.72px;
  position: relative;
  width: 100%;
}

.index .frame-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 14.36px;
  position: relative;
  width: 100%;
}

.index .component-1 {
  height: 52.22px;
  position: relative;
  width: 52.22px;
}

.index .nhp-tn-ng-nhp,
.index .nhp-mt-khu {
  background: transparent;
  border: none;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  color: var(--onyx);
  flex: 1;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl);
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  margin: 0;
  min-width: 0;
  outline: none;
  padding: 0;
  position: relative;
  width: 100%;
}

.index .nhp-tn-ng-nhp::placeholder,
.index .nhp-mt-khu::placeholder {
  color: var(--onyx);
  opacity: 1;
}

.index .eye-toggle {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 33px;
  justify-content: center;
  margin-left: auto;
  position: relative;
  width: 33px;
}

.index .eye-toggle svg {
  display: block;
  height: 100%;
  width: 100%;
}

.index .cc-ngay-2 {
  align-self: stretch;
  animation: cta-blink 1.2s ease-in-out infinite;
  aspect-ratio: 4.72;
  object-fit: cover;
  position: relative;
  width: 100%;
}

@keyframes cta-blink {
  0%,
  100% {
    filter: brightness(1);
    transform: scale(1);
  }
  50% {
    filter: brightness(1.8);
    transform: scale(1.05);
  }
}

.index .frame-2147224113 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 25.39px;
  position: relative;
}

.index .frame-214722411 {
  background-color: var(--lonestar);
  border-radius: 21.16px;
  box-shadow: inset 0px 0px 11px #f20000;
  height: 114.24px;
  position: relative;
  width: 99.86px;
}

.index .frame-2147224101 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: calc(50.00% - 37px);
  position: relative;
  width: 74px;
}

.index .image-38-vectorized {
  align-self: stretch;
  height: 74.48px;
  position: relative;
  width: 100%;
}

.index .bo-mt-tuyt-i {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .frame-214722410 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: calc(50.00% - 37px);
  position: relative;
  top: 1px;
  width: 74px;
}

.index .image-38-vectorized-1 {
  height: 74.48px;
  position: relative;
  width: 74.48px;
}

.index .vector {
  height: 68.94%;
  left: 18.59%;
  position: absolute;
  top: 14.60%;
  width: 62.87%;
}

.index .h-tr-247 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .subtract {
  height: 76.55%;
  left: 27.04%;
  position: absolute;
  top: 11.73%;
  width: 45.92%;
}

.index .np-rt-siu-tc {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .frame-2147224125 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 375px;
  position: absolute;
  top: 247px;
  width: 568px;
}

.index .group-16-1 {
  align-self: stretch;
  aspect-ratio: 2.86;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.index .untitled-3-1 {
  aspect-ratio: 1.18;
  height: 452.65px;
  object-fit: cover;
  position: relative;
  width: 534.31px;
}

.index .frame-2147224126 {
  align-items: flex-start;
  display: inline-flex;
  gap: 6px;
  left: 375px;
  position: absolute;
  top: 916px;
}

.index .phone-02-screen-copy-3-1 {
  aspect-ratio: 0.58;
  height: 396.5px;
  position: relative;
  width: 230.15px;
}

.index .frame-2147224124 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 13.32px;
  position: relative;
  width: 698.41px;
}

.index .xxxxxxxx {
  height: 393.54px;
  overflow: hidden;
  position: relative;
  width: 698.41px;
}

.index .slider-track {
  display: flex;
  height: 100%;
  transition: transform 0.5s ease;
}

.index .slider-slide {
  flex: 0 0 698.41px;
  height: 393.54px;
  object-fit: cover;
  position: relative;
  width: 698.41px;
}

.index .frame-2147224117 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5.4px;
  position: relative;
}

.index .rectangle-3 {
  background-color: #f20000;
}

.index .rectangle {
  background-color: var(--alto);
}

.index .phone-02-screen-copy-4 {
  aspect-ratio: 0.58;
  height: 399.72px;
  position: relative;
  width: 231.3px;
}

.index .rectangle-1 {
  border-radius: 7.98px;
  height: 9.56px;
  position: relative;
  width: 29.56px;
}
/* screen - iphone-16-u38-17-pro-max-1 */

.iphone-16-u38-17-pro-max-1 {
  background-color: #05002f;
  min-height: 1400px;
  min-width: 440px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .sin_bg-1-1 {
  aspect-ratio: 1.78;
  height: 905px;
  left: calc(50.00% - 804px);
  object-fit: cover;
  position: absolute;
  top: 11px;
  width: 1609px;
}

.iphone-16-u38-17-pro-max-1 .group-11-1-1 {
  aspect-ratio: 4.43;
  height: 84px;
  left: calc(50.00% - 186px);
  object-fit: cover;
  position: absolute;
  top: 29px;
  width: 372px;
}

.iphone-16-u38-17-pro-max-1 .frame-2147224115-1 {
  background-image: url(../img/frame-1-1@2x.webp);
  background-size: 100% 100%;
  display: flex;
  height: 457px;
  left: calc(50.00% - 205px);
  position: absolute;
  top: 281px;
  width: 410px;
}

.iphone-16-u38-17-pro-max-1 .frame-2147224114-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 11.62px;
  height: 346.59px;
  margin-left: 33.7px;
  margin-top: 26.3px;
  position: relative;
  width: 346.15px;
}

.iphone-16-u38-17-pro-max-1 .ng-k-nhanh-nhn-thng-ln-1 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.77px;
  position: relative;
  text-align: center;
}

.iphone-16-u38-17-pro-max-1 .frame-6-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 17.42px;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .frame-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border-radius: 24.4px;
  display: flex;
  flex-direction: column;
  gap: 9.42px;
  height: 59.23px;
  justify-content: center;
  padding: 5.65px 20.73px;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .frame-3-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10.36px;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .nhp-tn-ng-nhp-1,
.iphone-16-u38-17-pro-max-1 .nhp-mt-khu-1 {
  background: transparent;
  border: none;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  color: var(--onyx);
  flex: 1;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  margin: 0;
  min-width: 0;
  outline: none;
  padding: 0;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .nhp-tn-ng-nhp-1::placeholder,
.iphone-16-u38-17-pro-max-1 .nhp-mt-khu-1::placeholder {
  color: var(--onyx);
  opacity: 1;
}

.iphone-16-u38-17-pro-max-1 .eye-toggle {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 27px;
  justify-content: center;
  margin-left: auto;
  position: relative;
  width: 27px;
}

.iphone-16-u38-17-pro-max-1 .eye-toggle svg {
  display: block;
  height: 100%;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .cc-ngay-2-1 {
  animation: cta-blink 1.2s ease-in-out infinite;
  aspect-ratio: 4.72;
  height: 73.39px;
  object-fit: cover;
  position: relative;
  width: 346.15px;
}

.iphone-16-u38-17-pro-max-1 .frame-2147224113-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 18.32px;
  position: relative;
}

.iphone-16-u38-17-pro-max-1 .frame-214722411-1 {
  background-color: var(--lonestar);
  border-radius: 15.27px;
  box-shadow: inset 0px 0px 7.94px #f20000;
  height: 82.46px;
  position: relative;
  width: 72.07px;
}

.iphone-16-u38-17-pro-max-1 .frame-2147224101-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: calc(50.00% - 27px);
  position: relative;
  width: 54px;
}

.iphone-16-u38-17-pro-max-1 .image-38-vectorized-2 {
  align-self: stretch;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .bo-mt-tuyt-i-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.iphone-16-u38-17-pro-max-1 .frame-214722410-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: calc(50.00% - 27px);
  position: relative;
  top: 1px;
  width: 54px;
}

.iphone-16-u38-17-pro-max-1 .image-38-vectorized-3 {
  width: 53.75px;
}

.iphone-16-u38-17-pro-max-1 .vector-1 {
  height: 68.94%;
  left: 18.59%;
  position: absolute;
  top: 14.60%;
  width: 62.87%;
}

.iphone-16-u38-17-pro-max-1 .h-tr-247-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.iphone-16-u38-17-pro-max-1 .image-38-vectorized-4 {
  align-self: stretch;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .subtract-1 {
  height: 76.55%;
  left: 27.04%;
  position: absolute;
  top: 11.73%;
  width: 45.92%;
}

.iphone-16-u38-17-pro-max-1 .np-rt-siu-tc-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.iphone-16-u38-17-pro-max-1 .group-16-1-1 {
  aspect-ratio: 2.86;
  height: 149px;
  left: calc(50.00% - 212px);
  object-fit: cover;
  position: absolute;
  top: 123px;
  width: 425px;
}

.iphone-16-u38-17-pro-max-1 .frame-2147224124-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 7.82px;
  left: calc(50.00% - 205px);
  position: absolute;
  top: 1118px;
  width: 410px;
}

.iphone-16-u38-17-pro-max-1 .xxxxxxxx-1 {
  height: 230.88px;
  overflow: hidden;
  position: relative;
  width: 409.74px;
}

.iphone-16-u38-17-pro-max-1 .slider-track {
  display: flex;
  height: 100%;
  transition: transform 0.5s ease;
}

.iphone-16-u38-17-pro-max-1 .slider-slide {
  flex: 0 0 409.74px;
  height: 230.88px;
  object-fit: cover;
  position: relative;
  width: 409.74px;
}

.iphone-16-u38-17-pro-max-1 .frame-2147224117-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 3.17px;
  position: relative;
}

.iphone-16-u38-17-pro-max-1 .rectangle-3-1 {
  background-color: #f20000;
  border-radius: 4.68px;
  height: 5.61px;
  position: relative;
  width: 17.34px;
}

.iphone-16-u38-17-pro-max-1 .rectangle-1 {
  background-color: var(--alto);
  border-radius: 4.68px;
  height: 5.61px;
  position: relative;
  width: 17.34px;
}

.iphone-16-u38-17-pro-max-1 .untitled-3-1-1 {
  aspect-ratio: 1.18;
  height: 370px;
  left: calc(50.00% - 218px);
  object-fit: cover;
  position: absolute;
  top: 748px;
  width: 437px;
}

.iphone-16-u38-17-pro-max-1 .component-1 {
  height: 37.69px;
  position: relative;
  width: 37.69px;
}

.iphone-16-u38-17-pro-max-1 .image-38-vectorized {
  height: 53.75px;
  position: relative;
}
@media screen and (orientation: portrait) {
  .screen.index {
    display: none;
  }
  .screen.iphone-16-u38-17-pro-max-1 {
    display: block;
  }
}
@media screen and (orientation: landscape) {
  .screen.index {
    display: block;
  }
  .screen.iphone-16-u38-17-pro-max-1 {
    display: none;
  }
}