.zbet_bg-1 {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}

/* screen - index */

.index {
  min-height: 1080px;
  min-width: 1920px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index .frame-2147224107 {
  height: 450px;
  left: 369px;
  position: absolute;
  top: 64px;
  width: 644px;
}

.index .fffffflag-1 {
  left: 0;
  top: 277px;
}

.index .fffffflag-2 {
  left: 451px;
  top: 250px;
  transform: scaleY(1.8);
}

.index .mask-group {
  height: 425px;
  left: 96px;
  position: absolute;
  top: 25px;
  width: 411px;
}

.index .title-1 {
  aspect-ratio: 3.25;
  height: 183px;
  left: 26px;
  object-fit: cover;
  position: absolute;
  top: 267px;
  width: 596px;
}

.index .frame-2147224106 {
  background-color: #021900d9;
  border: 2px solid;
  border-color: var(--green);
  border-radius: 26.05px;
  box-shadow: inset 0px 0px 25.5px #00ff10d9;
  display: flex;
  flex-direction: column;
  gap: 39.7px;
  height: 722px;
  left: 1059px;
  position: absolute;
  top: 238px;
  width: 482px;
}

.index .zbetlogo-1 {
  aspect-ratio: 3.93;
  height: 89.38px;
  margin-left: 65.6px;
  margin-top: 49.9px;
  object-fit: cover;
  width: 350.83px;
}

.index .frame-2147224105 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 493.42px;
  margin-left: 23.9px;
  position: relative;
  width: 434.18px;
}

.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.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-radius: 32.79px;
  box-shadow: inset 0px 5.06px 5.06px #0f001c , 0px 5.06px 5.06px #00000040;
  display: flex;
  height: 79.59px;
  justify-content: center;
  padding: 0 20px;
  position: relative;
  width: 100%;
}

.index .frame-3 {
  align-items: center;
  display: flex;
  gap: 12px;
  position: relative;
  width: 100%;
}

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

.index .nhp-tn-ng-nhp {
  color: var(--onyx);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

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

.index .nhp-mt-khu {
  color: var(--onyx);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .zbe-tcta-1 {
  aspect-ratio: 5.92;
  height: 69.84px;
  object-fit: cover;
  position: relative;
  width: 413.22px;
  animation: zoomPulse 1.5s ease-in-out infinite;
}

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

.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 .component-2 {
  height: 434px;
  left: 381px;
  position: absolute;
  top: 526px;
  width: 620px;
}

.index .component-2 .slider-main {
  height: 320px;
  left: 0;
  position: absolute;
  top: 0;
  width: 620px;
  overflow: hidden;
  border-radius: 12px;
}

.index .component-2 .slider-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.index .component-2 .slider-img.active {
  opacity: 1;
}

.index .component-2 .slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background: rgba(0,0,0,0.4);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  z-index: 2;
  user-select: none;
  transition: background 0.3s;
}

.index .component-2 .slider-btn:hover {
  background: rgba(0,0,0,0.7);
}

.index .component-2 .slider-prev {
  left: 10px;
}

.index .component-2 .slider-next {
  right: 10px;
}

.index .component-2 .slider-thumbs {
  display: flex;
  gap: 10px;
  left: 0;
  position: absolute;
  top: 331px;
  width: 620px;
}

.index .component-2 .slider-thumb {
  width: 200px;
  height: 103px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
  transition: border 0.3s;
}

.index .component-2 .slider-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.index .component-2 .slider-thumb::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  pointer-events: none;
  transition: opacity 0.3s;
}

.index .component-2 .slider-thumb.active::after,
.index .component-2 .slider-thumb:hover::after {
  opacity: 0;
}

.index .component-2 .slider-thumb.active,
.index .component-2 .slider-thumb:hover {
  border-color: #00ff10;
}

.index .fffffflag {
  aspect-ratio: 1.92;
  height: 100px;
  position: absolute;
  width: 193px;
}

.index .fffffflag-1 {
  left: 0;
  top: 277px;
  transform: scaleY(1.8);
}

.index .fffffflag-2 {
  left: 451px;
  top: 250px;
  transform: scaleX(-1) scaleY(1.8);
}
/* screen - iphone-16-u38-17-pro-max-1 */

.iphone-16-u38-17-pro-max-1 {
  height: 100dvh;
  min-width: 440px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  width: 100%;
}

.iphone-16-u38-17-pro-max-1 .frame-2147224107-1 {
  height: 308px;
  left: 1px;
  position: absolute;
  top: 4px;
  width: 440px;
}

.iphone-16-u38-17-pro-max-1 .fffffflag-1-1 {
  aspect-ratio: 1.92;
  height: 68px;
  left: 0;
  position: absolute;
  top: 190px;
  width: 132px;
  transform: scaleY(1.8);
}

.iphone-16-u38-17-pro-max-1 .fffffflag-2-1 {
  aspect-ratio: 1.92;
  height: 68px;
  left: 308px;
  position: absolute;
  top: 171px;
  width: 132px;
  transform: scaleX(-1) scaleY(1.8);
}

.iphone-16-u38-17-pro-max-1 .mask-group-1 {
  height: 291px;
  left: 66px;
  position: absolute;
  top: 17px;
  width: 281px;
}

.iphone-16-u38-17-pro-max-1 .title-1-1 {
  aspect-ratio: 3.25;
  height: 125px;
  left: 18px;
  object-fit: cover;
  position: absolute;
  top: 183px;
  width: 407px;
}

.iphone-16-u38-17-pro-max-1 .frame-2147224106-1 {
  background-color: #021900d9;
  border: 1.75px solid;
  border-color: var(--green);
  border-radius: 22.83px;
  box-shadow: inset 0px 0px 22.35px #00ff10d9;
  display: flex;
  flex-direction: column;
  gap: 34.8px;
  height: 633px;
  left: calc(50.00% - 211px);
  position: absolute;
  top: 334px;
  width: 422px;
}

.iphone-16-u38-17-pro-max-1 .zbetlogo-1-1 {
  aspect-ratio: 3.93;
  height: 78.32px;
  margin-left: 57.5px;
  margin-top: 43.7px;
  object-fit: cover;
  width: 307.42px;
}

.iphone-16-u38-17-pro-max-1 .frame-2147224105-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 26.29px;
  height: 432.17px;
  margin-left: 21.0px;
  position: relative;
  width: 380.47px;
}

.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.95px;
  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: 20.51px;
  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.88px solid;
  border-color: var(--green);
  border-radius: 28.73px;
  box-shadow: inset 0px 4.44px 4.44px #0f001c , 0px 4.44px 4.44px #00000040;
  display: flex;
  height: 69.74px;
  justify-content: center;
  padding: 0 16px;
  position: relative;
  width: 100%;
}

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

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

.iphone-16-u38-17-pro-max-1 .nhp-tn-ng-nhp-1 {
  color: var(--onyx);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.iphone-16-u38-17-pro-max-1 .nhp-mt-khu-1 {
  color: var(--onyx);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.iphone-16-u38-17-pro-max-1 .zbe-tcta-1-1 {
  aspect-ratio: 5.92;
  height: 61.2px;
  object-fit: cover;
  position: relative;
  width: 362.1px;
  animation: zoomPulse 1.5s ease-in-out infinite;
}

.iphone-16-u38-17-pro-max-1 .frame-2147224104-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 41.02px;
  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: 77.12px;
}

.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: 77.12px;
}

.iphone-16-u38-17-pro-max-1 .vector-6 {
  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 .component-3 {
  height: 289px;
  left: calc(50.00% - 207px);
  position: absolute;
  top: 979px;
  width: 414px;
}

.iphone-16-u38-17-pro-max-1 .component-3 .slider-main {
  height: 213px;
  left: 0;
  position: absolute;
  top: 0;
  width: 414px;
  overflow: hidden;
  border-radius: 8px;
}

.iphone-16-u38-17-pro-max-1 .component-3 .slider-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.iphone-16-u38-17-pro-max-1 .component-3 .slider-img.active {
  opacity: 1;
}

.iphone-16-u38-17-pro-max-1 .component-3 .slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background: rgba(0,0,0,0.4);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  z-index: 2;
  user-select: none;
}

.iphone-16-u38-17-pro-max-1 .component-3 .slider-prev {
  left: 6px;
}

.iphone-16-u38-17-pro-max-1 .component-3 .slider-next {
  right: 6px;
}

.iphone-16-u38-17-pro-max-1 .component-3 .slider-thumbs {
  display: flex;
  gap: 7px;
  left: 0;
  position: absolute;
  top: 221px;
  width: 414px;
}

.iphone-16-u38-17-pro-max-1 .component-3 .slider-thumb {
  width: 133px;
  height: 69px;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
  transition: border 0.3s;
}

.iphone-16-u38-17-pro-max-1 .component-3 .slider-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.iphone-16-u38-17-pro-max-1 .component-3 .slider-thumb::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  pointer-events: none;
  transition: opacity 0.3s;
}

.iphone-16-u38-17-pro-max-1 .component-3 .slider-thumb.active::after,
.iphone-16-u38-17-pro-max-1 .component-3 .slider-thumb:hover::after {
  opacity: 0;
}

.iphone-16-u38-17-pro-max-1 .component-3 .slider-thumb.active,
.iphone-16-u38-17-pro-max-1 .component-3 .slider-thumb:hover {
  border-color: #00ff10;
}

.iphone-16-u38-17-pro-max-1 .image-38-vectorized {
  height: 77.12px;
  position: relative;
}
.main-container {
  width: fit-content;
  overflow-x: hidden;
}
@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; }
}