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

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

.index .mask-group {
  height: 1065px;
  left: 13px;
  position: absolute;
  top: 0;
  width: 1894px;
}

.index .frame-2147224113 {
  align-items: center;
  display: inline-flex;
  gap: 13px;
  left: calc(50.00% - 604px);
  position: absolute;
  top: 90px;
}

.index .frame-2147224112 {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 677.24px;
}

.index .group-13-1 {
  aspect-ratio: 2.7;
  height: 227.73px;
  object-fit: cover;
  position: relative;
  width: 614.63px;
}

.index .layer-1-1 {
  align-self: stretch;
  aspect-ratio: 1.16;
  position: relative;
  width: 100%;
}

.index .frame-2147224111 {
  background-image: url(../img/frame-2147224110.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 764.81px;
  position: relative;
  width: 518.74px;
}

.index .frame-2147224105 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 30px;
  left: 46px;
  position: absolute;
  top: 182px;
  width: 434px;
}

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

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

.index .frame {
  align-items: center;
  align-self: stretch;
  background-color: var(--midnight-moss);
  border: 1px solid;
  border-color: var(--green);
  border-top-color: #0f001c;
  border-radius: 32.79px;
  box-shadow: inset 0px 5.06px 5.06px #0f001c , 0px 5.06px 5.06px #00000040;
  display: flex;
  flex-direction: column;
  gap: 12.66px;
  height: 79.59px;
  justify-content: center;
  padding: 7.6px 27.85px 7.6px 12px;
  position: relative;
  width: 100%;
}

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

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

.index .nhp-tn-ng-nhp,
.index .nhp-mt-khu {
  background: transparent;
  border: none;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  color: var(--white);
  flex: 1;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl);
  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 .component-1-1 {
  height: 50.64px;
  position: relative;
  width: 50.64px;
}

.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 .group-14-1 {
  animation: cta-blink 1.2s ease-in-out infinite;
  aspect-ratio: 4.69;
  height: 84.86px;
  object-fit: cover;
  position: relative;
  width: 398.18px;
}

.index .frame-2147224104 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 46.81px;
  justify-content: center;
  position: relative;
}

.index .frame-214722410 {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 88.01px;
}

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

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

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

.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 .logo-1 {
  aspect-ratio: 3.65;
  height: 142px;
  left: calc(50.00% - 260px);
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 519px;
}

.index .container-8 {
  align-items: flex-start;
  display: flex;
  left: calc(50.00% - 580px);
  padding: 16px 0px 0px;
  position: absolute;
  top: 913px;
  width: 1160px;
}

.index .container-9 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 732px;
}

.index .container {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.index .heading-2-khuyn-mi-ni-bt {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-bai_jamjuree);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .promo-nav {
  display: flex;
  height: 20.02px;
  position: relative;
  width: 74px;
}

.index .promo-nav-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  opacity: 0.3;
  padding: 0;
  width: 37px;
}

.index .promo-nav-btn:hover {
  opacity: 1;
}

.index .promo-nav-btn:active {
  opacity: 1;
  transform: scale(0.9);
}

.index .promo-nav-btn svg {
  display: block;
}

.index .promo-nav-next svg {
  margin-left: 5px;
}

.index .container-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index .container-10 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index .container-11 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  transition: transform 0.6s ease;
  will-change: transform;
}

.index .margin {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 296px;
  padding: 0px 16px 0px 0px;
  position: relative;
  width: 295.64px;
}

.index .container-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  max-width: 280px;
  position: relative;
  width: 279.64px;
}

.index .background {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--mirage);
  border-radius: 12px;
  flex: 0 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index .promotion-item-img {
  align-self: stretch;
  background-image: url(../img/promotion-item-img@2x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 305px;
  position: relative;
  width: 100%;
}

.index .container-3 {
  align-items: flex-start;
  bottom: 16px;
  display: flex;
  flex-direction: column;
  left: 0;
  padding: 0px 16px;
  position: absolute;
  width: 100%;
}

.index .button {
  background-color: var(--fun-green);
  border-color: transparent;
  width: 118.83px;
}

.index .text {
  align-items: center;
  display: flex;
  justify-content: center;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
}

.index .button-1 {
  border-color: var(--malachite);
  width: 118.81px;
}

.index .text-1 {
  align-items: center;
  color: var(--fun-green);
  display: flex;
  font-family: var(--font-family-nunito);
  font-size: var(--font-size-xl);
  font-weight: 700;
  justify-content: center;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
}

.index .promotion-item-img-1 {
  background-image: url(../img/promotion-item-img-1@2x.webp);
}

.index .promotion-item-img-2 {
  background-image: url(../img/promotion-item-img-2@2x.webp);
}

.index .container-12 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 0px 5.68e-14px 0px 0px;
  position: relative;
  width: 100%;
}

.index .rectangle {
  height: 24px;
  position: relative;
  width: 53.88px;
}

.index .gradient {
  background: linear-gradient(270deg, rgba(5, 8, 3, 1) 0%, rgba(5, 8, 3, 0) 100%);
  height: 296px;
  position: absolute;
  right: -1px;
  top: 0;
  width: 80px;
}

.index .container-13 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 5px;
  position: relative;
  width: 428px;
}

.index .banner-promotion {
  aspect-ratio: 1.65;
  background-image: url(../img/banner-promotion.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 352px;
  margin-right: -159.00px;
  max-width: 1920px;
  position: relative;
  width: 582px;
}

.index .frame-2147224115 {
  align-items: center;
  display: inline-flex;
  gap: 19.41px;
  left: 387px;
  position: absolute;
  top: 1318px;
}

.index .image-39 {
  aspect-ratio: 0.69;
  height: 414.57px;
  width: 284.28px;
}

.index .image-40 {
  aspect-ratio: 0.47;
  height: 414.57px;
  width: 195.44px;
}

.index .frame-2147224114 {
  display: grid;
  gap: 15.01px 20.13px;
  grid-template-columns: repeat(3,minmax(0,1fr));
  grid-template-rows: repeat(2,minmax(0,1fr));
  height: 414.57px;
  width: 634.64px;
}

.index .download-1 {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.index .download-2 {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}

.index .download-3 {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
}

.index .download-4 {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

.index .download-5 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

.index .download-6 {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}

.index .background-1 {
  align-items: center;
  background-color: #00240d;
  bottom: 0;
  gap: 24px;
  left: calc(50.00% - 952px);
  position: absolute;
  width: 1905px;
}

.index .background-horizontal-border {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--fun-green);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #38496c;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 372.5px;
  position: relative;
  width: 100%;
}

.index .container-14 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 16px 0px;
  position: relative;
  width: 100%;
}

.index .container-4 {
  align-items: flex-start;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.index .link {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .container-15 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  max-width: 1160px;
  position: relative;
  width: 1160px;
}

.index .container-16 {
  align-items: flex-start;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
}

.index .logo {
  height: 38px;
  position: relative;
  width: 139px;
}

.index .text-2 {
  color: var(--gunsmoke);
  font-family: var(--font-family-nunito);
  font-size: var(--font-size-m);
  font-weight: 400;
  line-height: 20px;
  margin-top: -1.00px;
}

.index .container-17 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 5px 0px 0px;
  position: relative;
  width: 100%;
}

.index .container-18 {
  align-items: flex-start;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 56px;
  position: relative;
}

.index .container-5 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 148px;
}

.index .lin-h {
  align-items: center;
  align-self: stretch;
  color: var(--gunsmoke);
  display: flex;
  font-family: var(--font-family-bai_jamjuree);
  font-size: var(--font-size-xl);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.index .container-19 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  margin-bottom: -1.04px;
  position: relative;
  width: 100%;
}

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

.index .container-6 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.index .symbol {
  height: 20.02px;
  position: relative;
  width: 20.02px;
}

.index .container-7 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.index .text-3 {
  align-items: center;
  display: flex;
  line-height: 20px;
  margin-top: -1.00px;
  white-space: nowrap;
}

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

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

.index .symbol-2 {
  height: 20.01px;
  position: relative;
  width: 20px;
}

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

.index .symbol-1 {
  height: 15.98px;
  position: relative;
  width: 20.02px;
}

.index .i-tc-thanh-ton {
  align-items: center;
  align-self: stretch;
  color: var(--gunsmoke);
  display: flex;
  font-family: var(--font-family-bai_jamjuree);
  font-size: var(--font-size-xl);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.index .container-20 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  margin-bottom: -1.03px;
  position: relative;
  width: 100%;
}

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

.index .symbol-3 {
  height: 20.02px;
  position: relative;
  width: 20.04px;
}

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

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

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

.index .symbol-4 {
  height: 20.01px;
  position: relative;
  width: 20.01px;
}

.index .horizontal-border {
  align-items: flex-start;
  align-self: stretch;
  border-color: #38496c;
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 15px 372.5px;
  position: relative;
  width: 100%;
}

.index .container-25 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  max-width: 1160px;
  position: relative;
  width: 100%;
}

.index .container-26 {
  align-items: flex-start;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
}

.index .image-41 {
  aspect-ratio: 4;
  height: 18px;
  width: 72px;
}

.index .image-4 {
  aspect-ratio: 1;
  height: 20px;
  width: 20px;
}

.index .image-44 {
  aspect-ratio: 2.3;
  height: 20px;
  width: 46px;
}

.index .container-27 {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.index .image-45 {
  aspect-ratio: 2.12;
  height: 26px;
  width: 55px;
}

.index .link-logo {
  aspect-ratio: 1.05;
  background-image: url(../img/link---logo@2x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 40px;
  position: relative;
  width: 42px;
}

.index .background-2 {
  display: flex;
  flex-direction: column;
}

.index .button-2 {
  align-items: center;
  border: 1px solid;
  border-radius: 12px;
  display: flex;
  height: 44px;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
}

.index .download {
  aspect-ratio: 0.99;
  height: 200.13px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.index .image {
  object-fit: cover;
  position: relative;
}

.index .promotion-item-img-3 {
  align-self: stretch;
  background-position: 50% 50%;
  background-size: cover;
  height: 305px;
  position: relative;
  width: 100%;
}

.index .text-4 {
  letter-spacing: 0;
  position: relative;
  width: fit-content;
}
/* screen - iphone-16-u38-17-pro-max-1 */

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

.iphone-16-u38-17-pro-max-1 .mask-group-1 {
  height: 976px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 440px;
}

.iphone-16-u38-17-pro-max-1 .frame-2147224111-1 {
  background-image: url(../img/frame-2147224110.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 32.1px;
  height: 612px;
  left: calc(50.00% - 208px);
  position: absolute;
  top: 33px;
  width: 415px;
}

.iphone-16-u38-17-pro-max-1 .logo-1-1 {
  align-self: center;
  aspect-ratio: 3.65;
  height: 113.66px;
  margin-left: 0;
  object-fit: cover;
  width: 415.4px;
}

.iphone-16-u38-17-pro-max-1 .frame-2147224105-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24.01px;
  height: 405.53px;
  margin-left: 36.8px;
  position: relative;
  width: 347.52px;
}

.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-xxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.87px;
  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: 18.74px;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .frame-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--midnight-moss);
  border: 0.8px solid;
  border-color: var(--green);
  border-top-color: #0f001c;
  border-radius: 26.24px;
  box-shadow: inset 0px 4.05px 4.05px #0f001c , 0px 4.05px 4.05px #00000040;
  display: flex;
  flex-direction: column;
  gap: 10.13px;
  height: 63.7px;
  justify-content: center;
  padding: 6.08px 22.29px 6.08px 8px;
  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: 11.14px;
  position: relative;
  width: 100%;
}

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

.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(--white);
  flex: 1;
  font-family: var(--font-family-roboto);
  font-size: 16.5px;
  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 .group-14-1-1 {
  animation: cta-blink 1.2s ease-in-out infinite;
  aspect-ratio: 4.69;
  height: 67.92px;
  object-fit: cover;
  position: relative;
  width: 318.7px;
}

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

.iphone-16-u38-17-pro-max-1 .frame-214722410-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 70.44px;
}

.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 .image-38-vectorized-3 {
  width: 70.44px;
}

.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 .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 .frame-2147224112-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: calc(50.00% - 215px);
  position: absolute;
  top: 654px;
  width: 430px;
}

.iphone-16-u38-17-pro-max-1 .group-13-1-1 {
  aspect-ratio: 2.7;
  height: 144.44px;
  object-fit: cover;
  position: relative;
  width: 389.84px;
}

.iphone-16-u38-17-pro-max-1 .layer-1-1-1 {
  align-self: stretch;
  aspect-ratio: 1.16;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .frame-2147224116 {
  gap: 15.4px;
  height: 339px;
  left: calc(50.00% - 201px);
  position: absolute;
  top: 1183px;
  width: 403px;
}

.iphone-16-u38-17-pro-max-1 .container-31 {
  align-items: center;
  display: flex;
  height: 31px;
  justify-content: space-between;
  margin-left: -0.5px;
  margin-top: 0.2px;
  position: relative;
  width: 401.7px;
}

.iphone-16-u38-17-pro-max-1 .khuyn-mi-ni-bt {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-bai_jamjuree);
  font-size: 23.1px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 30.8px;
  margin-top: -0.96px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.iphone-16-u38-17-pro-max-1 .promo-nav {
  display: flex;
  height: 20.02px;
  position: relative;
  width: 71.18px;
}

.iphone-16-u38-17-pro-max-1 .promo-nav-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  height: 100%;
  opacity: 0.3;
  padding: 0;
  width: 35.59px;
}

.iphone-16-u38-17-pro-max-1 .promo-nav-btn:hover {
  opacity: 1;
}

.iphone-16-u38-17-pro-max-1 .promo-nav-btn:active {
  opacity: 1;
  transform: scale(0.9);
}

.iphone-16-u38-17-pro-max-1 .promo-nav-btn svg {
  display: block;
}

.iphone-16-u38-17-pro-max-1 .promo-nav-next svg {
  margin-left: 4.41px;
}

.iphone-16-u38-17-pro-max-1 .container-32 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 293.39px;
  margin-left: -0.5px;
  position: relative;
  width: 401.7px;
}

.iphone-16-u38-17-pro-max-1 .container-33 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .container-34 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  transition: transform 0.6s ease;
  will-change: transform;
}

.iphone-16-u38-17-pro-max-1 .margin-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 284.74px;
  padding: 0px 15.39px 0px 0px;
  position: relative;
  width: 284.39px;
}

.iphone-16-u38-17-pro-max-1 .container-28 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  max-width: 269.34px;
  position: relative;
  width: 269px;
}

.iphone-16-u38-17-pro-max-1 .background-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--mirage);
  border-radius: 11.54px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .promotion-item-img-3 {
  background-image: url(../img/promotion-item-img-3@2x.webp);
}

.iphone-16-u38-17-pro-max-1 .container-35 {
  align-items: flex-start;
  bottom: 15px;
  display: flex;
  flex-direction: column;
  left: 1px;
  padding: 0px 15.39px;
  position: absolute;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .container-29 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .button-2 {
  background-color: var(--fun-green);
  border-color: transparent;
  width: 114.31px;
}

.iphone-16-u38-17-pro-max-1 .tham-gia {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 23.1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.iphone-16-u38-17-pro-max-1 .button-3 {
  border-color: var(--malachite);
  width: 114.29px;
}

.iphone-16-u38-17-pro-max-1 .chi-tit {
  align-items: center;
  color: var(--fun-green);
  display: flex;
  font-family: var(--font-family-nunito);
  font-size: var(--font-size-l);
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0;
  line-height: 23.1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.iphone-16-u38-17-pro-max-1 .promotion-item-img-4 {
  background-image: url(../img/promotion-item-img-4@2x.webp);
}

.iphone-16-u38-17-pro-max-1 .container-30 {
  align-items: flex-start;
  bottom: 15px;
  display: flex;
  flex-direction: column;
  left: 0;
  padding: 0px 15.39px;
  position: absolute;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .promotion-item-img-5 {
  background-image: url(../img/promotion-item-img-5@2x.webp);
}

.iphone-16-u38-17-pro-max-1 .container-36 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 0px 5.47e-14px 0px 0px;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .rectangle-1 {
  height: 23.09px;
  position: relative;
  width: 51.83px;
}

.iphone-16-u38-17-pro-max-1 .gradient-1 {
  background: linear-gradient(270deg, rgba(5, 8, 3, 1) 0%, rgba(5, 8, 3, 0) 100%);
  height: 285px;
  position: absolute;
  right: -1px;
  top: 0;
  width: 77px;
}

.iphone-16-u38-17-pro-max-1 .frame-2147224117 {
  align-items: flex-start;
  gap: 15.96px;
  left: calc(50.00% - 195px);
  position: absolute;
  top: 1538px;
  width: 390px;
}

.iphone-16-u38-17-pro-max-1 .download {
  align-self: stretch;
  aspect-ratio: 2.47;
  object-fit: cover;
}

.iphone-16-u38-17-pro-max-1 .frame-2147224114-1 {
  display: grid;
  gap: 9.22px 12.36px;
  grid-template-columns: repeat(3,minmax(0,1fr));
  grid-template-rows: repeat(2,minmax(0,1fr));
  height: 254.55px;
}

.iphone-16-u38-17-pro-max-1 .download-1-1 {
  aspect-ratio: 0.99;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 122.88px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .download-2-1 {
  aspect-ratio: 0.99;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  height: 122.88px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .download-3-1 {
  aspect-ratio: 0.99;
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  height: 122.88px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .download-4-1 {
  aspect-ratio: 0.99;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  height: 122.88px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .download-5-1 {
  aspect-ratio: 0.99;
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  height: 122.88px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .download-6-1 {
  aspect-ratio: 0.99;
  grid-column: 3 / 4;
  grid-row: 2 / 3;
  height: 122.88px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max {
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .button {
  align-items: center;
  border: 0.96px solid;
  border-radius: 11.54px;
  display: flex;
  height: 42.33px;
  justify-content: center;
  padding: 0px 15.39px;
  position: relative;
}

.iphone-16-u38-17-pro-max-1 .frame {
  display: flex;
  flex-direction: column;
}

.iphone-16-u38-17-pro-max-1 .image-38-vectorized {
  height: 70.44px;
  position: relative;
}

.iphone-16-u38-17-pro-max-1 .promotion-item-img {
  align-self: stretch;
  background-position: 50% 50%;
  background-size: cover;
  height: 293.39px;
  position: relative;
  width: 100%;
}
@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;
  }
}

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

.index .heading-2-khuyn-mi-ni-bt,
.iphone-16-u38-17-pro-max-1 .khuyn-mi-ni-bt {
  overflow: hidden;
}

.index .heading-2-khuyn-mi-ni-bt::after,
.iphone-16-u38-17-pro-max-1 .khuyn-mi-ni-bt::after {
  animation: promo-shine 2.2s ease-in-out infinite;
  background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.9) 50%, transparent 100%);
  content: "";
  height: 100%;
  left: -60%;
  position: absolute;
  top: 0;
  width: 40%;
}

@keyframes promo-shine {
  0% {
    left: -60%;
  }
  100% {
    left: 130%;
  }
}