/* screen - index */

.index {
  background-color: var(--white);
  min-height: 2269px;
  min-width: 1920px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index .image-58 {
  aspect-ratio: 0.56;
  height: 3555px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: -643px;
  width: 100%;
}

.index .mask-group {
  height: 1075px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .mask-group-1 {
  height: 828px;
  left: 163px;
  position: absolute;
  top: 75px;
  width: 532px;
}

.index .mask-group-2 {
  height: 767px;
  left: 1290px;
  position: absolute;
  top: 91px;
  width: 451px;
}

.index .frame-2147224111 {
  align-items: flex-start;
  background: linear-gradient(0deg, rgba(0, 28, 87, 1) 0%, rgba(0, 35, 108, 1) 100%);
  border: 1.25px solid;
  border-color: var(--white);
  border-radius: 41.52px;
  box-shadow: 0px 3.32px 3.32px #0077ff;
  display: flex;
  flex-direction: column;
  gap: 9.34px;
  height: 394px;
  left: calc(50.00% - 350px);
  padding: 25.23px 62.6px 24.29px 60.74px;
  position: absolute;
  top: 464px;
  width: 702px;
}

.index .frame-2147224101 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32.05px;
  margin-bottom: -0.22px;
  position: relative;
  width: 578.2px;
}

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

.index .frame {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border: 1.59px solid;
  border-color: var(--blue-ribbon);
  border-radius: 36.47px;
  box-shadow: 0px 3.57px 6.08px -6.84px #000000;
  display: flex;
  flex-direction: column;
  gap: 7.6px;
  height: 69.14px;
  padding: 5.32px 14px 4.56px 15.88px;
  position: relative;
  width: 100%;
}

.index .frame-4 {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  gap: 11.4px;
  position: relative;
  width: 100%;
}

.index .image-25-vectorized {
  height: 58.01px;
  position: relative;
  width: 58.01px;
}

.index .vector {
  height: 87.88%;
  left: 6.06%;
  position: absolute;
  top: 6.06%;
  width: 87.88%;
}

.index .tn-ti-khon {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .image-25-vectorized-1 {
  height: 58.01px;
  position: relative;
  width: 58.01px;
}

.index .subtract {
  height: 89.06%;
  left: 14.02%;
  position: absolute;
  top: 5.86%;
  width: 71.96%;
}

.index .mt-khu {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .image-27-vectorized {
  background-image: url(../img/subtract-1.svg);
  background-size: 100% 100%;
  height: 51px;
  left: calc(50.00% - 26px);
  position: relative;
  top: calc(50.00% - 26px);
  width: 51px;
}

.index .s-in-thoi {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

@keyframes zoomInOut {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}

.index .frame-2147224099 {
  align-items: center;
  background: linear-gradient(90deg, rgba(9, 0, 131, 1) 0%, rgba(69, 149, 255, 1) 100%);
  border-radius: 37.2px;
  box-shadow: inset 0px 3.74px 3.74px #ffffff , 0px 5.61px 3.74px #00000040;
  display: inline-flex;
  gap: 11.45px;
  height: 65.24px;
  justify-content: center;
  padding: 18.31px 76.68px 17.17px 74.39px;
  position: relative;
  animation: zoomInOut 1.2s ease-in-out infinite;
}

.index .ng-k-ngay {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 25.7px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.27px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-2147224119 {
  align-items: flex-end;
  display: inline-flex;
  gap: 41px;
  left: calc(50.00% - 426px);
  position: absolute;
  top: 928px;
}

.index .frame-2147224115 {
  align-items: stretch;
  background: linear-gradient(180deg, rgba(0, 35, 108, 1) 0%, rgba(0, 19, 59, 1) 100%);
  border: 1px solid;
  border-color: #00ffff;
  border-radius: 31.38px;
  display: flex;
  flex-direction: column;
  height: 768.44px;
  overflow: hidden;
  position: relative;
  width: 385.11px;
}

.index .frame-2147224115 .dig1-asean-game,
.iphone-16-u38-17-pro-max-2 .frame-2147224115-1 .dig1-asean-game {
  flex: 1;
  min-height: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: transparent;
}

.index .frame-22 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 14.26px;
  left: 25px;
  position: absolute;
  top: 149px;
  width: 335px;
}

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

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

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

.index .im {
  align-items: center;
  align-self: stretch;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: 11px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0;
  line-height: 12.8px;
  margin-top: -0.24px;
  position: relative;
  text-align: center;
}

.index .number {
  align-items: center;
  align-self: stretch;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: 17.8px;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0;
  line-height: 20.7px;
  position: relative;
  text-align: center;
}

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

.index .thi-gian {
  align-items: center;
  align-self: stretch;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: 11px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0;
  line-height: 12.8px;
  margin-top: -0.24px;
  position: relative;
  text-align: center;
}

.index .x10s {
  align-items: center;
  align-self: stretch;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: 17.8px;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0;
  line-height: 20.7px;
  position: relative;
  text-align: center;
}

.index .group-1 {
  background-color: var(--white);
  border-radius: 6.06px;
  height: 7.84px;
  position: relative;
  width: 330.2px;
}

.index .rectangle-7 {
  background-color: #00ff08;
  border-radius: 6.06px;
  height: 8px;
  width: 272px;
}

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

.index .mask-group-3 {
  height: 482.46px;
  position: relative;
  width: 334.74px;
}

.index .frame-11 {
  align-self: stretch;
  background-color: #f9b23e;
  border-radius: 30.63px;
  height: 43.5px;
  position: relative;
  width: 100%;
}

.index .shoot-button-highlight {
  background-color: #ffe07394;
  border-radius: 9.64px;
  height: 12px;
  left: 8px;
  position: absolute;
  top: 6px;
  width: 319px;
}

.index .shoot-button-label {
  align-items: center;
  color: #101827;
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: 20.4px;
  font-weight: 900;
  height: 56px;
  justify-content: center;
  left: -82px;
  letter-spacing: 0;
  line-height: 23.8px;
  position: absolute;
  text-align: center;
  top: -6px;
  width: 499px;
}

.index .image-55 {
  aspect-ratio: 1.78;
  height: 199px;
  left: 16px;
  object-fit: cover;
  position: absolute;
  top: -16px;
  width: 353px;
}

.index .frame-2147224152 {
  height: 769px;
  left: 958px;
  position: absolute;
  top: 928px;
  width: 479px;
}

.index .rectangle-4 {
  background: linear-gradient(180deg, rgba(0, 35, 108, 1) 0%, rgba(0, 19, 59, 1) 100%);
  border-radius: 25.02px;
  height: 640px;
  left: 1px;
  position: absolute;
  top: 129px;
  width: 479px;
}

.index .frame-2147224151 {
  height: 340px;
  left: 36px;
  position: absolute;
  top: 0;
  width: 407px;
}

.index .ellipse-7 {
  background-color: #001c57;
  border-radius: 161.87px;
  height: 324px;
  left: 52px;
  position: absolute;
  top: 0;
  width: 324px;
}

.index .ellipse-6 {
  background-color: #00236b;
  border-radius: 129.42px;
  height: 259px;
  left: 85px;
  position: absolute;
  top: 32px;
  width: 259px;
}

.index .mask-group-4 {
  height: 326px;
  left: 0;
  position: absolute;
  top: 13px;
  width: 407px;
}

.index .ti-ngay-1111 {
  color: var(--portica);
  font-family: var(--font-family-roboto);
  font-size: 43px;
  font-weight: 900;
  left: 69px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 293px;
  white-space: nowrap;
}

.index .truy-cp-mt-khng-b-chn {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(131, 175, 255, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-weight: 700;
  left: 70px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-fill-color: transparent;
  top: 346px;
  white-space: nowrap;
}

.index .address {
  color: var(--portica);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-weight: 700;
  left: 63px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 393px;
  white-space: nowrap;
}

.index .quy-trnh-truy-cp-sky88-chun {
  color: var(--portica);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-weight: 700;
  left: 84px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 596px;
  white-space: nowrap;
}

.index .bc-1-ti-app-ch {
  left: 20px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 430px;
  width: 443px;
}

.index .bc-1-bt-ng-dng {
  left: 20px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 636px;
  width: 443px;
}

.index .span1 {
  text-decoration: underline;
}

.index .thin-ng-c-th {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgba(0, 35, 108, 1) 0%, rgba(0, 19, 59, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxxl);
  font-weight: 900;
  left: calc(50.00% - 345px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 1736px;
}

.index .rectangle-33 {
  background: linear-gradient(180deg, rgba(0, 35, 108, 1) 0%, rgba(0, 19, 59, 1) 100%);
  border-radius: 33px;
  height: 387px;
  left: 290px;
  position: absolute;
  top: 1833px;
  width: 1341px;
}

.index .frame-2147224153 {
  height: 325px;
  left: calc(50.00% - 631px);
  position: absolute;
  top: 1859px;
  width: 1262px;
}

.index .image-39 {
  aspect-ratio: 1.53;
  height: 194px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 297px;
}

.index .image-40 {
  aspect-ratio: 1.53;
  height: 194px;
  left: 322px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 297px;
}

.index .image-41 {
  aspect-ratio: 1.53;
  height: 194px;
  left: 644px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 297px;
}

.index .image-42 {
  aspect-ratio: 1.53;
  height: 194px;
  left: 966px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 296px;
}

.index .image-43 {
  aspect-ratio: 5.33;
  height: 117px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 209px;
  width: 623px;
}

.index .image-44 {
  aspect-ratio: 5.33;
  height: 117px;
  left: 638px;
  object-fit: cover;
  position: absolute;
  top: 209px;
  width: 624px;
}

.index .frame-2147224112 {
  align-items: center;
  background: linear-gradient(180deg, rgba(0, 35, 108, 1) 0%, rgba(0, 19, 59, 1) 100%);
  border-radius: 22.37px;
  box-shadow: 0px 2.98px 2.98px #00000040;
  display: flex;
  gap: 19.03px;
  height: 132px;
  justify-content: center;
  left: 829px;
  position: absolute;
  top: 35px;
  width: 263px;
}

.index .image-37 {
  aspect-ratio: 1;
  height: 106.48px;
  object-fit: cover;
  position: relative;
  width: 106.48px;
}

.index .rectangle-19 {
  background-color: #223260;
  height: 103.39px;
  position: relative;
  width: 1.54px;
}

.index .image-20 {
  aspect-ratio: 0.75;
  height: 105.56px;
  object-fit: cover;
  position: relative;
  width: 79.17px;
}

.index .image-59 {
  aspect-ratio: 2.58;
  height: 263px;
  left: 620px;
  position: absolute;
  top: 184px;
  width: 678px;
}
/* screen - iphone-16-u38-17-pro-max-2 */

.iphone-16-u38-17-pro-max-2 {
  background: url(../img/bg-mb.webp) no-repeat center top / cover;
  min-height: 2962px;
  min-width: 440px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-2 .image-58-1 {
  aspect-ratio: 0.56;
  height: 2762px;
  left: calc(50.00% - 777px);
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 1237px);
  width: 1555px;
}

.iphone-16-u38-17-pro-max-2 .mask-group-5 {
  height: 660px;
  left: 0;
  position: absolute;
  top: -40px;
  width: 440px;
}

.iphone-16-u38-17-pro-max-2 .mask-group-6 {
  height: 570px;
  left: 0;
  position: absolute;
  top: 144px;
  width: 331px;
}

.iphone-16-u38-17-pro-max-2 .mask-group-7 {
  height: 462px;
  left: 179px;
  position: absolute;
  top: 161px;
  width: 261px;
}

.iphone-16-u38-17-pro-max-2 .frame-2147224112-1 {
  align-items: center;
  background: linear-gradient(180deg, rgba(0, 35, 108, 1) 0%, rgba(0, 19, 59, 1) 100%);
  border-radius: 16.78px;
  box-shadow: 0px 2.24px 2.24px #00000040;
  display: flex;
  gap: 14.27px;
  height: 99px;
  justify-content: center;
  left: 122px;
  position: absolute;
  top: 45px;
  width: 197px;
}

.iphone-16-u38-17-pro-max-2 .image-37-1 {
  aspect-ratio: 1;
  height: 79.86px;
  object-fit: cover;
  position: relative;
  width: 79.86px;
}

.iphone-16-u38-17-pro-max-2 .rectangle-19-1 {
  background-color: #223260;
  height: 77.55px;
  position: relative;
  width: 1.16px;
}

.iphone-16-u38-17-pro-max-2 .image-20-1 {
  aspect-ratio: 0.75;
  height: 79.17px;
  object-fit: cover;
  position: relative;
  width: 59.37px;
}

.iphone-16-u38-17-pro-max-2 .frame-2147224157 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 23px;
  left: 14px;
  position: absolute;
  top: 548px;
  width: 413px;
}

.iphone-16-u38-17-pro-max-2 .frame-2147224111-1 {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(0deg, rgba(0, 28, 87, 1) 0%, rgba(0, 35, 108, 1) 100%);
  border: 1.05px solid;
  border-color: var(--white);
  border-radius: 34.87px;
  box-shadow: 0px 2.79px 2.79px #0077ff;
  display: flex;
  flex-direction: column;
  gap: 7.85px;
  height: 331.17px;
  justify-content: center;
  padding: 21.19px 52.58px 20.4px 51.01px;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-2 .frame-2147224101-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 26.91px;
  margin-left: -88.16px;
  margin-right: -88.16px;
  position: relative;
  width: 485.61px;
}

.iphone-16-u38-17-pro-max-2 .frame-8-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16.64px;
  position: relative;
  width: 342.94px;
}

.iphone-16-u38-17-pro-max-2 .frame-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border: 1.33px solid;
  border-color: var(--blue-ribbon);
  border-radius: 30.63px;
  box-shadow: 0px 3px 5.1px -5.74px #000000;
  display: flex;
  flex-direction: column;
  gap: 6.38px;
  height: 58.07px;
  padding: 4.47px 10px 3.83px 13.34px;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-2 .frame-4-1 {
  margin-right: -138.38px;
}

.iphone-16-u38-17-pro-max-2 .image-25-vectorized-2 {
}

.iphone-16-u38-17-pro-max-2 .vector-1 {
  height: 87.88%;
  left: 6.06%;
  position: absolute;
  top: 6.06%;
  width: 87.88%;
}

.iphone-16-u38-17-pro-max-2 .tn-ti-khon-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.iphone-16-u38-17-pro-max-2 .frame-4-2 {
  margin-right: -99.38px;
}

.iphone-16-u38-17-pro-max-2 .subtract-1 {
  height: 89.06%;
  left: 14.02%;
  position: absolute;
  top: 5.86%;
  width: 71.96%;
}

.iphone-16-u38-17-pro-max-2 .mt-khu-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.iphone-16-u38-17-pro-max-2 .frame-4-3 {
  margin-right: -135.38px;
}

.iphone-16-u38-17-pro-max-2 .image-27-vectorized-1 {
  background-image: url(../img/subtract-3.svg);
  background-size: 100% 100%;
  height: 43px;
  left: calc(50.00% - 22px);
  position: relative;
  top: calc(50.00% - 22px);
  width: 43px;
}

.iphone-16-u38-17-pro-max-2 .s-in-thoi-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.iphone-16-u38-17-pro-max-2 .frame-2147224099-1 {
  align-items: center;
  background: linear-gradient(90deg, rgba(9, 0, 131, 1) 0%, rgba(69, 149, 255, 1) 100%);
  border-radius: 31.24px;
  box-shadow: inset 0px 3.14px 3.14px #ffffff , 0px 4.71px 3.14px #00000040;
  display: inline-flex;
  gap: 9.61px;
  height: 54.79px;
  justify-content: center;
  padding: 15.38px 64.4px 14.42px 62.48px;
  position: relative;
  animation: zoomInOut 1.2s ease-in-out infinite;
}

.iphone-16-u38-17-pro-max-2 .ng-k-ngay-1 {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 21.6px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.97px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.iphone-16-u38-17-pro-max-2 .frame-2147224157-1 {
  align-items: flex-end;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 43.98px;
  margin-left: -0.11px;
  margin-right: -0.11px;
  position: relative;
}

.iphone-16-u38-17-pro-max-2 .frame-2147224115-1 {
  align-items: stretch;
  background: linear-gradient(180deg, rgba(0, 35, 108, 1) 0%, rgba(0, 19, 59, 1) 100%);
  border: 1.07px solid;
  border-color: #00ffff;
  border-radius: 33.66px;
  display: flex;
  flex-direction: column;
  height: 824.31px;
  overflow: hidden;
  position: relative;
  width: 413.11px;
}

.iphone-16-u38-17-pro-max-2 .frame-22-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 15.3px;
  left: 27px;
  position: absolute;
  top: 160px;
  width: 359px;
}

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

.iphone-16-u38-17-pro-max-2 .frame-20-1 {
  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-2 .frame-18-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 27.54px;
}

.iphone-16-u38-17-pro-max-2 .im-1 {
  align-items: center;
  align-self: stretch;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: 11.8px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0;
  line-height: 13.7px;
  margin-top: -0.25px;
  position: relative;
  text-align: center;
}

.iphone-16-u38-17-pro-max-2 .number-1 {
  align-items: center;
  align-self: stretch;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: 19.1px;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0;
  line-height: 22.2px;
  position: relative;
  text-align: center;
}

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

.iphone-16-u38-17-pro-max-2 .thi-gian-1 {
  align-items: center;
  align-self: stretch;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: 11.8px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0;
  line-height: 13.7px;
  margin-top: -0.25px;
  position: relative;
  text-align: center;
}

.iphone-16-u38-17-pro-max-2 .x10s-1 {
  align-items: center;
  align-self: stretch;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: 19.1px;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0;
  line-height: 22.2px;
  position: relative;
  text-align: center;
}

.iphone-16-u38-17-pro-max-2 .group-1-1 {
  background-color: var(--white);
  border-radius: 6.5px;
  height: 8.42px;
  position: relative;
  width: 354.21px;
}

.iphone-16-u38-17-pro-max-2 .rectangle-7-1 {
  background-color: #00ff08;
  border-radius: 6.5px;
  height: 8px;
  width: 292px;
}

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

.iphone-16-u38-17-pro-max-2 .mask-group-8 {
  height: 517.54px;
  position: relative;
  width: 359.08px;
}

.iphone-16-u38-17-pro-max-2 .frame-11-1 {
  align-self: stretch;
  background-color: #f9b23e;
  border-radius: 32.86px;
  height: 46.67px;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-2 .shoot-button-highlight-1 {
  background-color: #ffe07394;
  border-radius: 10.35px;
  height: 13px;
  left: 8px;
  position: absolute;
  top: 7px;
  width: 342px;
}

.iphone-16-u38-17-pro-max-2 .shoot-button-label-1 {
  align-items: center;
  color: #101827;
  display: flex;
  font-family: var(--font-family-roboto);
  font-size: 21.9px;
  font-weight: 900;
  height: 60px;
  justify-content: center;
  left: -88px;
  letter-spacing: 0;
  line-height: 25.6px;
  position: absolute;
  text-align: center;
  top: -7px;
  width: 536px;
}

.iphone-16-u38-17-pro-max-2 .image-55-1 {
  aspect-ratio: 1.78;
  height: 213px;
  left: 17px;
  object-fit: cover;
  position: absolute;
  top: -17px;
  width: 379px;
}

.iphone-16-u38-17-pro-max-2 .frame-2147224152-1 {
  height: 647.74px;
  position: relative;
  width: 403.79px;
}

.iphone-16-u38-17-pro-max-2 .rectangle-4-1 {
  background: linear-gradient(180deg, rgba(0, 35, 108, 1) 0%, rgba(0, 19, 59, 1) 100%);
  border-radius: 21.08px;
  height: 539px;
  left: 1px;
  position: absolute;
  top: 109px;
  width: 404px;
}

.iphone-16-u38-17-pro-max-2 .frame-2147224151-1 {
  height: 286px;
  left: 30px;
  position: absolute;
  top: 0;
  width: 343px;
}

.iphone-16-u38-17-pro-max-2 .ellipse-7-1 {
  background-color: #001c57;
  border-radius: 136.35px;
  height: 273px;
  left: 44px;
  position: absolute;
  top: 0;
  width: 273px;
}

.iphone-16-u38-17-pro-max-2 .ellipse-6-1 {
  background-color: #00236b;
  border-radius: 109.01px;
  height: 218px;
  left: 72px;
  position: absolute;
  top: 27px;
  width: 218px;
}

.iphone-16-u38-17-pro-max-2 .mask-group-9 {
  height: 275px;
  left: 0;
  position: absolute;
  top: 11px;
  width: 343px;
}

.iphone-16-u38-17-pro-max-2 .ti-ngay-1111-1 {
  color: var(--portica);
  font-family: var(--font-family-roboto);
  font-size: 36.2px;
  font-weight: 900;
  left: 58px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 247px;
  white-space: nowrap;
}

.iphone-16-u38-17-pro-max-2 .truy-cp-mt-khng-b-chn-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(131, 175, 255, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-weight: 700;
  left: 59px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-fill-color: transparent;
  top: 292px;
  white-space: nowrap;
}

.iphone-16-u38-17-pro-max-2 .address-1 {
  color: var(--portica);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-weight: 700;
  left: 53px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 331px;
  white-space: nowrap;
}

.iphone-16-u38-17-pro-max-2 .quy-trnh-truy-cp-sky88-chun-1 {
  color: var(--portica);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-weight: 700;
  left: 71px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 502px;
  white-space: nowrap;
}

.iphone-16-u38-17-pro-max-2 .bc-1-ti-app-ch-1 {
  left: 17px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 362px;
  width: 373px;
}

.iphone-16-u38-17-pro-max-2 .bc-1-bt-ng-dng-1 {
  left: 17px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 536px;
  width: 373px;
}

.iphone-16-u38-17-pro-max-2 .span1-1 {
  text-decoration: underline;
}

.iphone-16-u38-17-pro-max-2 .frame-2147224156 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: 403px;
}

.iphone-16-u38-17-pro-max-2 .thin-ng-c-th-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  align-self: stretch;
  background: linear-gradient(180deg, rgba(0, 35, 108, 1) 0%, rgba(0, 19, 59, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl);
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-fill-color: transparent;
}

.iphone-16-u38-17-pro-max-2 .frame-2147224155 {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(180deg, rgba(0, 35, 108, 1) 0%, rgba(0, 19, 59, 1) 100%);
  border-radius: 18px;
  display: flex;
  gap: 10px;
  height: 449px;
  justify-content: center;
  padding: 26px 18px 20px 20px;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-2 .frame-2147224154 {
  display: grid;
  gap: 16px 15px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: repeat(3,minmax(0,1fr));
  height: 417px;
  width: 365px;
}

.iphone-16-u38-17-pro-max-2 .image-45 {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 128px;
}

.iphone-16-u38-17-pro-max-2 .image-46 {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  height: 128.44px;
}

.iphone-16-u38-17-pro-max-2 .image-47 {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  height: 128px;
}

.iphone-16-u38-17-pro-max-2 .image-48 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  height: 128px;
}

.iphone-16-u38-17-pro-max-2 .image-49 {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
  height: 128px;
}

.iphone-16-u38-17-pro-max-2 .image-50 {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  height: 128px;
}

.iphone-16-u38-17-pro-max-2 .image-59-1 {
  aspect-ratio: 2.58;
  height: 166px;
  left: calc(50.00% - 213px);
  position: absolute;
  top: 378px;
  width: 427px;
}

.iphone-16-u38-17-pro-max-2 .frame-4 {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  gap: 9.57px;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-2 .image {
  aspect-ratio: 1.36;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-2 .image-25-vectorized {
  height: 48.72px;
  position: relative;
  width: 48.72px;
}
/* Login form input fields */
.index .frame input,
.iphone-16-u38-17-pro-max-2 .frame-1 input {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  color: rgba(0, 28, 87, 0.7);
  font-family: inherit;
  font-size: inherit;
  caret-color: #001c57;
  flex: 1;
  min-width: 0;
  width: auto;
  height: auto;
}
.index .frame input {
  font-size: 26.7px;
  font-weight: 400;
}
.iphone-16-u38-17-pro-max-2 .frame-1 input {
  font-size: 22.6px;
  font-weight: 400;
}
.index .frame input::placeholder,
.iphone-16-u38-17-pro-max-2 .frame-1 input::placeholder {
  color: #a0aec0;
  opacity: 1;
}

/* Eye toggle button */
.index .eye-toggle-pc {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  width: 28.54px;
  height: 28.54px;
}
.iphone-16-u38-17-pro-max-2 .eye-toggle-mb {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  width: 19.23px;
  height: 19.23px;
}
.index .eye-toggle-pc svg,
.iphone-16-u38-17-pro-max-2 .eye-toggle-mb svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* Reset negative margins for MB frame-4 variants */
.iphone-16-u38-17-pro-max-2 .frame-4-1,
.iphone-16-u38-17-pro-max-2 .frame-4-2,
.iphone-16-u38-17-pro-max-2 .frame-4-3 {
  margin-right: 0;
}

.main-container {
  width: fit-content;
}
@media screen and (orientation: portrait) {
  .screen.PC {
    display: none;
   }
  .screen.mobile {
    display: block;
   }
}
@media screen and (orientation: landscape) {
  .screen.PC {
    display: block;
   }
  .screen.mobile {
    display: none;
   }
}