/* screen - debet-mobile-nha */

/* no-js fallback: nếu JS chưa chạy, vẫn hiện UI để hình không bị ẩn */
.no-js .main-container {
  visibility: visible;
}

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

.debet-mobile-nha {
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(35, 35, 35, 1) 100%);
  min-height: 3625px;
  min-width: 603px;
  overflow: hidden;
  position: relative;
  width: 603px;
}

.debet-mobile-nha .group-1sawwws-1 {
  aspect-ratio: 0.57;
  height: 3157px;
  left: -938px;
  object-fit: cover;
  position: absolute;
  top: -51px;
  width: 1805px;
}

.debet-mobile-nha .layer-12xsxsxsxsxs-2 {
  aspect-ratio: 0.26;
  height: 2380px;
  left: 0;
  position: absolute;
  top: 75px;
  width: 603px;
}

.debet-mobile-nha .layer-12xsxsxsxsxs-1-1 {
  aspect-ratio: 0.42;
  height: 1734px;
  left: 0;
  position: absolute;
  top: 1891px;
  width: 603px;
}

.debet-mobile-nha .group-15 {
  height: 119px;
  left: 0;
  position: absolute;
  top: -10px;
  width: 603px;
}

.debet-mobile-nha .rectangle-32-1 {
  background-color: #21232b;
  height: 109px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 603px;
}

.debet-mobile-nha .group-2085663167-1 {
  height: 119px;
  left: 145px;
  position: absolute;
  top: 0;
  width: 327px;
}

.debet-mobile-nha .group-2085663155-1 {
  background-image: url(../img/group-7swswsws-1@2x.webp);
  background-size: 100% 100%;
  height: 64px;
  left: 0;
  position: absolute;
  top: 33px;
  width: 252px;
}

.debet-mobile-nha .sky_200x200sdsdsdsd-1-1 {
  aspect-ratio: 0.65;
  height: 109px;
  left: 249px;
  position: absolute;
  top: 10px;
  width: 78px;
}

.debet-mobile-nha .interface-search_-magnifying_-glass {
  height: 39px;
  left: 526px;
  position: absolute;
  top: 46px;
  width: 39px;
}

.debet-mobile-nha .frame-1707479996 {
  display: flex;
  height: 84px;
  left: 19px;
  position: absolute;
  top: 20px;
  width: 70px;
}

.debet-mobile-nha .menu-hamburger_md {
  flex: 1;
  position: relative;
  width: 70px;
}

.debet-mobile-nha .vector-1 {
  height: 50.41%;
  left: 15.59%;
  position: absolute;
  top: 24.80%;
  width: 68.82%;
}

.debet-mobile-nha .debet-ldp-nhasdsdsds-1 {
  aspect-ratio: 1.25;
  height: 541px;
  left: 0;
  position: absolute;
  top: 571px;
  width: 603px;
}

.debet-mobile-nha .group-2085663153-1 {
  height: 500px;
  left: -17px;
  position: absolute;
  top: 125px;
  width: 630px;
}

.debet-mobile-nha .rectangle-1sassqqqss-1-1 {
  aspect-ratio: 1.26;
  height: 500px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 628px;
}

.debet-mobile-nha .fields-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 19.69px;
  height: 242px;
  left: 51px;
  padding: 0px 26.26px;
  position: absolute;
  top: 140px;
  width: 525px;
}

.debet-mobile-nha .fields-2 {
  padding: 15.32px 21.88px;
}

.debet-mobile-nha .iconly-bulk-p-1 {
  height: 31.22px;
  position: relative;
  width: 31.22px;
}

.debet-mobile-nha .atom-3 {
  margin-right: -5.56px;
  width: 391.73px;
}

.debet-mobile-nha .atom-4 {
  width: 354.52px;
}

.debet-mobile-nha .fields-3 {
  padding: 13.13px 21.88px;
}

.debet-mobile-nha .iconly-bulk-call-1 {
  height: 30.24px;
  position: relative;
  width: 30.24px;
}

.debet-mobile-nha .atom-5 {
  width: 295.44px;
}

.debet-mobile-nha .ma-bt-tc-lt-ko-n-thng-1 {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: 29.2px;
  font-weight: 700;
  left: 104px;
  letter-spacing: 0.65px;
  line-height: 40.9px;
  position: absolute;
  text-align: center;
  top: 45px;
  width: 420px;
}

.debet-mobile-nha .group-6saqqqw-1-1 {
  aspect-ratio: 6.83;
  height: 71px;
  left: 72px;
  object-fit: cover;
  position: absolute;
  top: 386px;
  width: 483px;
  animation: ctaZoom 1s ease-in-out infinite;
}

.debet-mobile-nha .frame-103753 {
  align-items: flex-end;
  display: inline-flex;
  gap: 1.19px;
  left: 16px;
  position: absolute;
  top: 1095px;
}

.debet-mobile-nha .group-103 {
  height: 84.76px;
  position: relative;
  width: 115.27px;
}

.debet-mobile-nha .rectangle-28 {
  left: 8px;
  top: 4px;
}

.debet-mobile-nha .th-thao-1 {
  align-items: center;
  display: flex;
  height: 23px;
  justify-content: center;
  left: 1px;
  letter-spacing: 0;
  line-height: 21.7px;
  position: absolute;
  text-align: center;
  top: 59px;
  white-space: nowrap;
  width: 113px;
}

.debet-mobile-nha .layer-16sdsdsd-1-1 {
  height: 59px;
  left: 28px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 59px;
}

.debet-mobile-nha .live-casino-1 {
  align-items: center;
  display: flex;
  height: 23px;
  justify-content: center;
  left: 0;
  letter-spacing: 0;
  line-height: 21.7px;
  position: absolute;
  text-align: center;
  top: 59px;
  white-space: nowrap;
  width: 113px;
}

.debet-mobile-nha .layer-5sssdsds-1-1 {
  height: 59px;
  left: 22px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 70px;
}

.debet-mobile-nha .group-103799 {
  height: 80.82px;
  position: relative;
  width: 115.27px;
}

.debet-mobile-nha .rectangle-286 {
  left: 10px;
  top: 0;
}

.debet-mobile-nha .e-sport-1 {
  align-items: center;
  display: flex;
  height: 23px;
  justify-content: center;
  left: 0;
  letter-spacing: 0;
  line-height: 21.7px;
  position: absolute;
  text-align: center;
  top: 55px;
  white-space: nowrap;
  width: 113px;
}

.debet-mobile-nha .layer-7sdsdsds-1-1 {
  height: 51px;
  left: 24px;
  object-fit: cover;
  position: absolute;
  top: 4px;
  width: 68px;
}

.debet-mobile-nha .game-bi-1 {
  align-items: center;
  display: flex;
  height: 23px;
  justify-content: center;
  left: 0;
  letter-spacing: 0;
  line-height: 21.7px;
  position: absolute;
  text-align: center;
  top: 59px;
  white-space: nowrap;
  width: 113px;
}

.debet-mobile-nha .layer-4sdsddsd-1-1 {
  height: 62px;
  left: 24px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 64px;
}

.debet-mobile-nha .group-103797 {
  height: 84.76px;
  margin-right: -2.00px;
  position: relative;
  width: 115.27px;
}

.debet-mobile-nha .bn-c-1 {
  align-items: center;
  display: flex;
  height: 23px;
  justify-content: center;
  left: 1px;
  letter-spacing: 0;
  line-height: 21.7px;
  position: absolute;
  text-align: center;
  top: 59px;
  white-space: nowrap;
  width: 113px;
}

.debet-mobile-nha .group-1ddsdxsd-1-1 {
  height: 59px;
  left: 8px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 93px;
}

.debet-mobile-nha .image-31334157-1 {
  aspect-ratio: 1.52;
  height: 424px;
  left: 0;
  position: absolute;
  top: 1204px;
  width: 603px;
}

.debet-mobile-nha .frame-103754 {
  background-color: #00000038;
  height: 725px;
  left: 0;
  position: absolute;
  top: 2900px;
  width: 600px;
}

.debet-mobile-nha .x2026-debet-all-rights-reserved-1 {
  color: transparent;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-weight: 400;
  height: 2.41%;
  left: 8.63%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 94.44%;
  white-space: nowrap;
  width: 83.46%;
}

.debet-mobile-nha .span1-2 {
  color: var(--yellow-orange);
}

.debet-mobile-nha .debet-t-ho-l-nh-1 {
  height: 7.25%;
  left: 6.72%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 43.52%;
  width: 83.40%;
}

.debet-mobile-nha .hng-dn {
  color: var(--yellow-orange);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-weight: 700;
  height: 4.17%;
  left: 6.53%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 56.02%;
  width: 26.87%;
}

.debet-mobile-nha .ng-k {
  height: 4.17%;
  left: 15.11%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 62.65%;
  width: 26.87%;
}

.debet-mobile-nha .c-cc-1 {
  height: 4.17%;
  left: 15.11%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 69.75%;
  width: 26.87%;
}

.debet-mobile-nha .np-tin-1 {
  height: 4.17%;
  left: 15.11%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 76.85%;
  width: 26.87%;
}

.debet-mobile-nha .rt-tin-1 {
  height: 3.86%;
  left: 15.11%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 84.26%;
  width: 26.87%;
}

.debet-mobile-nha .knh-telegram-1 {
  height: 2.47%;
  left: 65.11%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 62.81%;
  white-space: nowrap;
  width: 26.87%;
}

.debet-mobile-nha .cskh-1 {
  height: 2.47%;
  left: 65.11%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 70.22%;
  white-space: nowrap;
  width: 26.87%;
}

.debet-mobile-nha .messenger-1 {
  height: 2.47%;
  left: 65.11%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 77.31%;
  white-space: nowrap;
  width: 26.87%;
}

.debet-mobile-nha .fanpage-1 {
  height: 2.47%;
  left: 65.11%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 84.41%;
  white-space: nowrap;
  width: 26.87%;
}

.debet-mobile-nha .lin-h-247 {
  color: var(--yellow-orange);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-weight: 700;
  height: 4.17%;
  left: 57.09%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 56.02%;
  width: 21.46%;
}

.debet-mobile-nha .logo-debet-1-01-1-1 {
  height: 56px;
  left: 39px;
  position: absolute;
  top: 242px;
  width: 182px;
}

.debet-mobile-nha .frame-103728 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 15.67px;
  left: 342px;
  position: absolute;
  top: 449px;
  width: 36px;
}

.debet-mobile-nha .image-2 {
  align-self: stretch;
  height: 35.81px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.debet-mobile-nha .ellipse-20 {
  background-color: var(--ship-gray);
  border-radius: 17.9px;
  height: 36px;
  left: 39px;
  position: absolute;
  top: 449px;
  width: 36px;
}

.debet-mobile-nha .ca-cuoc-1 {
  height: 36px;
  left: 39px;
  position: absolute;
  top: 500px;
  width: 36px;
}

.debet-mobile-nha .group-103727-1 {
  background-color: var(--ship-gray);
  border-radius: 17.9px;
  display: flex;
  height: 36px;
  left: 39px;
  position: absolute;
  top: 603px;
  width: 36px;
}

.debet-mobile-nha .frame-103733-1 {
  background-image: url(../img/frame-103733-1@2x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 19.02px;
  margin-left: 7.8px;
  margin-top: 9.0px;
  width: 19.02px;
}

.debet-mobile-nha .line-5 {
  height: 1px;
  left: 93px;
  position: absolute;
  top: 668px;
  width: 415px;
}

.debet-mobile-nha .group-103728-1 {
  height: 36px;
  left: 29px;
  position: absolute;
  top: 552px;
  width: 46px;
}

.debet-mobile-nha .ellipse-19-3 {
  left: 10px;
  top: 1px;
}

.debet-mobile-nha .image-3 {
  height: 65.63%;
  left: 0;
  position: absolute;
  top: 15.63%;
  width: 97.56%;
}

.debet-mobile-nha .g10332 {
  height: 26px;
  left: 44px;
  position: absolute;
  top: 452px;
  width: 26px;
}

.debet-mobile-nha .group-103760-1 {
  height: 45px;
  left: 376px;
  position: absolute;
  top: 64px;
  width: 198px;
}

.debet-mobile-nha .rectangle-280-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(112, 74, 15, 1) 0%, rgba(54, 38, 13, 1) 100%);
  border-radius: 33.35px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 0.85px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .rectangle-280-1 {
  background-color: var(--eerie-black);
  border: none;
  border-radius: 33.35px;
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 194px;
}

.debet-mobile-nha .text-1-1 {
  align-items: center;
  color: var(--yellow-orange);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: 25.8px;
  font-weight: 700;
  height: 31px;
  left: 21px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 7px;
}

.debet-mobile-nha .ngn-hng-h-tr {
  align-items: center;
  display: flex;
  height: 13px;
  left: 72px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 15px;
  white-space: nowrap;
}

.debet-mobile-nha .group-103761-1 {
  height: 46px;
  left: 376px;
  position: absolute;
  top: 119px;
  width: 198px;
}

.debet-mobile-nha .rectangle-281-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(112, 74, 15, 1) 0%, rgba(54, 38, 13, 1) 100%);
  border-radius: 33.35px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 0.85px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .rectangle-281-1 {
  background-color: var(--eerie-black);
  border: none;
  border-radius: 33.35px;
  height: 46px;
  left: 0;
  position: absolute;
  top: 0;
  width: 194px;
}

.debet-mobile-nha .np-rt {
  align-items: center;
  color: var(--yellow-orange);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: 20.8px;
  font-weight: 700;
  height: 25px;
  left: 26px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 9px;
  white-space: nowrap;
}

.debet-mobile-nha .siu-tc {
  align-items: center;
  display: flex;
  height: 13px;
  left: 123px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 16px;
  white-space: nowrap;
}

.debet-mobile-nha .group-103771-1 {
  display: flex;
  height: 45px;
  left: 377px;
  position: absolute;
  top: 173px;
  width: 192px;
}

.debet-mobile-nha .group-103762 {
  height: 45.13px;
  position: relative;
  width: 196.28px;
}

.debet-mobile-nha .rectangle-282-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(112, 74, 15, 1) 0%, rgba(54, 38, 13, 1) 100%);
  border-radius: 33.35px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 0.85px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .rectangle-282-1 {
  background-color: var(--eerie-black);
  border: none;
  border-radius: 33.35px;
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 192px;
}

.debet-mobile-nha .text-2 {
  -webkit-background-clip: text;
  -webkit-text-stroke: 1.49px transparent;
  align-items: center;
  background-image: linear-gradient(90deg, rgba(112, 74, 15, 1) 0%, rgba(54, 38, 13, 1) 100%) 1;
  color: var(--yellow-orange);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: 25.8px;
  font-weight: 700;
  height: 31px;
  left: 15px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 5px;
}

.debet-mobile-nha .h-tr-khch-hng {
  -webkit-background-clip: text;
  -webkit-text-stroke: 0.64px transparent;
  align-items: center;
  background-image: linear-gradient(90deg, rgba(112, 74, 15, 1) 0%, rgba(54, 38, 13, 1) 100%) 1;
  display: flex;
  height: 13px;
  left: 78px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 15px;
  white-space: nowrap;
}

.debet-mobile-nha .group-103763-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(112, 74, 15, 1) 0%, rgba(54, 38, 13, 1) 100%);
  border-radius: 33.18px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 0.84px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103763-1 {
  background-color: var(--eerie-black);
  border: none;
  border-radius: 33.18px;
  height: 36px;
  left: 29px;
  position: absolute;
  top: 16px;
  width: 97px;
}

.debet-mobile-nha .image-31333825-1 {
  height: 64.79%;
  left: 8.07%;
  mix-blend-mode: color-dodge;
  position: absolute;
  top: 12.23%;
  width: 40.37%;
}

.debet-mobile-nha .image-31333826-1 {
  height: 64.79%;
  left: 46.42%;
  mix-blend-mode: color-dodge;
  position: absolute;
  top: 12.23%;
  width: 40.37%;
}

.debet-mobile-nha .group-103764-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(112, 74, 15, 1) 0%, rgba(54, 38, 13, 1) 100%);
  border-radius: 33.18px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 0.84px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103764-1 {
  background-color: var(--eerie-black);
  border: none;
  border-radius: 33.18px;
  height: 36px;
  left: 140px;
  position: absolute;
  top: 16px;
  width: 97px;
}

.debet-mobile-nha .group-103783-1 {
  height: 5.01%;
  left: 60.28%;
  position: absolute;
  top: 2.16%;
  width: 16.54%;
}

.debet-mobile-nha .group-10376::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(112, 74, 15, 1) 0%, rgba(54, 38, 13, 1) 100%);
  border-radius: 33.18px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 0.84px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-10376 {
  background-color: var(--eerie-black);
  border: none;
  border-radius: 33.18px;
  height: 36px;
  left: 0;
  position: absolute;
  top: 0;
  width: 97px;
}

.debet-mobile-nha .codepay {
  color: #8d8d8d;
  font-family: var(--font-family-montserrat);
  font-size: 12.9px;
  font-weight: 700;
  height: 52.29%;
  left: 14.90%;
  letter-spacing: 0;
  line-height: 19.4px;
  position: absolute;
  top: 23.03%;
  white-space: nowrap;
  width: 67.55%;
}

.debet-mobile-nha .group-103784-1 {
  height: 5.01%;
  left: 78.76%;
  position: absolute;
  top: 2.16%;
  width: 16.54%;
}

.debet-mobile-nha .tin-o {
  color: #8d8d8d;
  font-family: var(--font-family-montserrat);
  font-size: 12.9px;
  font-weight: 700;
  height: 52.29%;
  left: 20.85%;
  letter-spacing: 0;
  line-height: 19.4px;
  position: absolute;
  top: 23.03%;
  white-space: nowrap;
  width: 56.46%;
}

.debet-mobile-nha .layer-7ssss-3-1 {
  height: 4.51%;
  left: 28.02%;
  object-fit: cover;
  position: absolute;
  top: 2.41%;
  width: 5.76%;
}

.debet-mobile-nha .group-103782-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(112, 74, 15, 1) 0%, rgba(54, 38, 13, 1) 100%);
  border-radius: 33.18px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 0.84px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103782-1 {
  background-color: var(--eerie-black);
  border: none;
  border-radius: 33.18px;
  height: 5.01%;
  left: 41.80%;
  position: absolute;
  top: 2.16%;
  width: 16.21%;
}

.debet-mobile-nha .image-4 {
  height: 56.69%;
  left: 12.15%;
  object-fit: cover;
  position: absolute;
  top: 20.33%;
  width: 75.69%;
}

.debet-mobile-nha .group-103776-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(91deg, rgba(118, 99, 75, 1) 0%, rgba(57, 57, 57, 1) 100%);
  border-radius: 16.27px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.05px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103776-1 {
  background-color: var(--shark);
  border: none;
  border-radius: 16.27px;
  display: flex;
  height: 34px;
  left: 29px;
  position: absolute;
  top: 64px;
  width: 83px;
}

.debet-mobile-nha .image-31333843 {
  height: 18.21px;
  margin-left: 7.7px;
  margin-top: 7.7px;
  width: 68.99px;
}

.debet-mobile-nha .group-103775-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(91deg, rgba(118, 99, 75, 1) 0%, rgba(57, 57, 57, 1) 100%);
  border-radius: 16.27px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.05px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103775-1 {
  background-color: var(--shark);
  border: none;
  border-radius: 16.27px;
  display: flex;
  height: 34px;
  left: 29px;
  position: absolute;
  top: 104px;
  width: 83px;
}

.debet-mobile-nha .image-31333847 {
  height: 20.12px;
  margin-left: 7.7px;
  margin-top: 6.7px;
  width: 70.91px;
}

.debet-mobile-nha .group-103774-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(91deg, rgba(118, 99, 75, 1) 0%, rgba(57, 57, 57, 1) 100%);
  border-radius: 16.27px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.05px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103774-1 {
  background-color: var(--shark);
  border: none;
  border-radius: 16.27px;
  display: flex;
  height: 34px;
  left: 29px;
  position: absolute;
  top: 144px;
  width: 116px;
}

.debet-mobile-nha .image-31333850 {
  height: 23px;
  margin-left: 5.7px;
  margin-top: 4.8px;
  width: 104.45px;
}

.debet-mobile-nha .group-103773-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(91deg, rgba(118, 99, 75, 1) 0%, rgba(57, 57, 57, 1) 100%);
  border-radius: 16.27px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.05px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103773-1 {
  background-color: var(--shark);
  border: none;
  border-radius: 16.27px;
  display: flex;
  height: 34px;
  left: 155px;
  position: absolute;
  top: 144px;
  width: 97px;
}

.debet-mobile-nha .image-31333851 {
  height: 23px;
  margin-left: 5.7px;
  margin-top: 4.8px;
  width: 88.16px;
}

.debet-mobile-nha .group-103772-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(91deg, rgba(118, 99, 75, 1) 0%, rgba(57, 57, 57, 1) 100%);
  border-radius: 16.27px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.05px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103772-1 {
  background-color: var(--shark);
  border: none;
  border-radius: 16.27px;
  display: flex;
  height: 34px;
  left: 259px;
  position: absolute;
  top: 144px;
  width: 111px;
}

.debet-mobile-nha .image-31333852 {
  height: 23px;
  margin-left: 14.4px;
  margin-top: 4.8px;
  width: 80.49px;
}

.debet-mobile-nha .group-103770-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(91deg, rgba(118, 99, 75, 1) 0%, rgba(57, 57, 57, 1) 100%);
  border-radius: 16.27px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.05px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103770-1 {
  background-color: var(--shark);
  border: none;
  border-radius: 16.27px;
  display: flex;
  height: 34px;
  left: 235px;
  position: absolute;
  top: 186px;
  width: 135px;
}

.debet-mobile-nha .image-31333853 {
  height: 19.16px;
  margin-left: 17.2px;
  margin-top: 6.7px;
  width: 101.57px;
}

.debet-mobile-nha .group-103769-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(91deg, rgba(118, 99, 75, 1) 0%, rgba(57, 57, 57, 1) 100%);
  border-radius: 16.27px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.05px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103769-1 {
  background-color: var(--shark);
  border: none;
  border-radius: 16.27px;
  display: flex;
  height: 34px;
  left: 122px;
  position: absolute;
  top: 186px;
  width: 105px;
}

.debet-mobile-nha .image-31333854 {
  height: 17.25px;
  margin-left: 3.8px;
  margin-top: 7.7px;
  width: 97.74px;
}

.debet-mobile-nha .group-103768-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(91deg, rgba(118, 99, 75, 1) 0%, rgba(57, 57, 57, 1) 100%);
  border-radius: 16.27px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.05px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103768-1 {
  background-color: var(--shark);
  border: none;
  border-radius: 16.27px;
  display: flex;
  height: 34px;
  left: 29px;
  position: absolute;
  top: 186px;
  width: 83px;
}

.debet-mobile-nha .image-31333855 {
  height: 20.12px;
  margin-left: 13.4px;
  margin-top: 6.7px;
  width: 55.58px;
}

.debet-mobile-nha .group-103778-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(91deg, rgba(118, 99, 75, 1) 0%, rgba(57, 57, 57, 1) 100%);
  border-radius: 16.27px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.05px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103778-1 {
  background-color: var(--shark);
  border: none;
  border-radius: 16.27px;
  display: flex;
  height: 34px;
  left: 122px;
  position: absolute;
  top: 104px;
  width: 105px;
}

.debet-mobile-nha .image-31333848 {
  height: 20.12px;
  margin-left: 8.6px;
  margin-top: 6.7px;
  width: 86.24px;
}

.debet-mobile-nha .group-103780-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(91deg, rgba(118, 99, 75, 1) 0%, rgba(57, 57, 57, 1) 100%);
  border-radius: 16.27px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.05px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103780-1 {
  background-color: var(--shark);
  border: none;
  border-radius: 16.27px;
  display: flex;
  height: 34px;
  left: 235px;
  position: absolute;
  top: 104px;
  width: 135px;
}

.debet-mobile-nha .image-31333849 {
  height: 23.96px;
  margin-left: 11.5px;
  margin-top: 4.8px;
  width: 112.11px;
}

.debet-mobile-nha .group-103777-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(91deg, rgba(118, 99, 75, 1) 0%, rgba(57, 57, 57, 1) 100%);
  border-radius: 16.27px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.05px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103777-1 {
  background-color: var(--shark);
  border: none;
  border-radius: 16.27px;
  display: flex;
  height: 34px;
  left: 122px;
  position: absolute;
  top: 64px;
  width: 65px;
}

.debet-mobile-nha .image-31333844 {
  height: 18.21px;
  margin-left: 13.4px;
  margin-top: 7.7px;
  width: 38.33px;
}

.debet-mobile-nha .group-103779-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(91deg, rgba(118, 99, 75, 1) 0%, rgba(57, 57, 57, 1) 100%);
  border-radius: 16.27px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.05px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103779-1 {
  background-color: var(--shark);
  border: none;
  border-radius: 16.27px;
  display: flex;
  height: 34px;
  left: 196px;
  position: absolute;
  top: 64px;
  width: 101px;
}

.debet-mobile-nha .image-31333845 {
  height: 18.21px;
  margin-left: 6.7px;
  margin-top: 7.7px;
  width: 88.16px;
}

.debet-mobile-nha .group-103781-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(91deg, rgba(118, 99, 75, 1) 0%, rgba(57, 57, 57, 1) 100%);
  border-radius: 16.27px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.05px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.debet-mobile-nha .group-103781-1 {
  background-color: var(--shark);
  border: none;
  border-radius: 16.27px;
  display: flex;
  height: 34px;
  left: 305px;
  position: absolute;
  top: 64px;
  width: 65px;
}

.debet-mobile-nha .image-31333846 {
  height: 18.21px;
  margin-left: 6.7px;
  margin-top: 7.7px;
  width: 49.83px;
}

.debet-mobile-nha .group-2085663176 {
  display: flex;
  gap: 6.2px;
  height: 48px;
  left: 28px;
  position: absolute;
  top: 2832px;
  width: 332px;
}

.debet-mobile-nha .image-31333827 {
  height: 48.02px;
  width: 72.65px;
}

.debet-mobile-nha .i-tc-thanh-ton-1 {
  align-items: center;
  display: flex;
  height: 26px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 11.1px;
  width: 251px;
}

.debet-mobile-nha .group-2085663175 {
  display: flex;
  gap: 14.8px;
  height: 53px;
  left: 28px;
  position: absolute;
  top: 1914px;
  width: 313px;
}

.debet-mobile-nha .image-3133382 {
  height: 52.95px;
  width: 73.88px;
}

.debet-mobile-nha .sn-phm-ni-bt-1 {
  align-items: center;
  display: flex;
  height: 26px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 12.3px;
  white-space: nowrap;
  width: 224px;
}

.debet-mobile-nha .group-2085663174 {
  display: flex;
  gap: 14.8px;
  height: 53px;
  left: 28px;
  position: absolute;
  top: 2245px;
  width: 181px;
}

.debet-mobile-nha .tin-tc-1 {
  align-items: center;
  display: flex;
  height: 26px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 12.3px;
  width: 90px;
}

.debet-mobile-nha .group-2085663173 {
  height: 219px;
  left: 26px;
  position: absolute;
  top: 1988px;
  width: 544px;
}

.debet-mobile-nha .group-103787-1 {
  height: 219px;
  left: 0;
  position: absolute;
  top: 0;
  width: 190px;
}

.debet-mobile-nha .sport {
  height: 211px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 8px;
  width: 168px;
}

.debet-mobile-nha .cc-ngay-3 {
  left: 36px;
  top: 197px;
}

.debet-mobile-nha .image-31333810-1 {
  height: 23px;
  left: 148px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 39px;
}

.debet-mobile-nha .group-103786-1 {
  height: 219px;
  left: 188px;
  position: absolute;
  top: 1px;
  width: 186px;
}

.debet-mobile-nha .cc-ngay-4 {
  left: 38px;
  top: 197px;
}

.debet-mobile-nha .image-31333811-1 {
  height: 23px;
  left: 144px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 39px;
}

.debet-mobile-nha .group-103785-1 {
  height: 211px;
  left: 376px;
  position: absolute;
  top: 8px;
  width: 170px;
}

.debet-mobile-nha .ssport-1 {
  height: 211px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 168px;
}

.debet-mobile-nha .cc-ngay-5 {
  left: 36px;
  top: 190px;
}

.debet-mobile-nha .image-31334158-1 {
  aspect-ratio: 2.51;
  height: 240px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 1651px;
  width: 603px;
}

.debet-mobile-nha .debet6666-1-1 {
  height: 214px;
  left: 31px;
  position: absolute;
  top: 2330px;
  width: 543px;
}

.debet-mobile-nha .image-31334159-1 {
  aspect-ratio: 0.74;
  height: 235px;
  left: 31px;
  object-fit: cover;
  position: absolute;
  top: 2554px;
  width: 175px;
}

.debet-mobile-nha .image-31334160-1 {
  aspect-ratio: 0.74;
  height: 235px;
  left: 216px;
  object-fit: cover;
  position: absolute;
  top: 2554px;
  width: 175px;
}

.debet-mobile-nha .image-31334161-1 {
  aspect-ratio: 0.74;
  height: 235px;
  left: 400px;
  object-fit: cover;
  position: absolute;
  top: 2554px;
  width: 175px;
}

.debet-mobile-nha .atom {
  align-items: flex-start;
  display: flex;
  gap: 10.94px;
  position: relative;
}

.debet-mobile-nha .cc-ngay {
  align-items: center;
  display: flex;
  height: 18px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
}

.debet-mobile-nha .ellipse-19 {
  background-color: var(--ship-gray);
  border-radius: 17.9px;
  height: 36px;
  position: absolute;
  width: 36px;
}

.debet-mobile-nha .fields {
  align-items: center;
  align-self: stretch;
  background-color: var(--fieldsform);
  border: 2.11px solid;
  border-color: var(--pale-sky);
  border-radius: 6.33px;
  display: flex;
  flex: 0 0 auto;
  gap: 10.94px;
  position: relative;
  width: 100%;
}

.debet-mobile-nha .rectangle {
  background-color: var(--eerie-black);
  border-radius: 10.5px;
  height: 81px;
  position: absolute;
  width: 97px;
}
/* screen - index */

.index {
  background-color: var(--black);
  min-height: 2405px;
  min-width: 1920px;
  overflow: hidden;
  position: relative;
  width: 1920px;
}

.index .rectangle-32 {
  background: linear-gradient(180deg, rgba(17, 24, 26, 1) 0%, rgba(0, 0, 0, 0) 100%);
  height: 1681px;
  left: 1px;
  position: absolute;
  top: 1777px;
  transform: rotate(180.00deg);
  width: 1920px;
}

.index .layer-12xsxsxsxsxs-1 {
  aspect-ratio: 0.57;
  height: 3394px;
  left: -17px;
  object-fit: cover;
  position: absolute;
  top: -776px;
  width: 1940px;
}

.index .debet-ldp-nhas-1 {
  aspect-ratio: 2.48;
  height: 785px;
  left: -25px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1948px;
}

.index .group-2085663167 {
  height: 119px;
  left: 1146px;
  position: absolute;
  top: 12px;
  width: 326px;
}

.index .group-2085663155 {
  background-image: url(../img/group-7swswsws-1@2x.webp);
  background-size: 100% 100%;
  height: 64px;
  left: 0;
  position: absolute;
  top: 33px;
  width: 252px;
}

.index .sky_200x200sdsdsdsd-1 {
  aspect-ratio: 0.65;
  height: 119px;
  left: 249px;
  position: absolute;
  top: 0;
  width: 77px;
}

.index .group-2085663169 {
  height: 292px;
  left: -140px;
  position: absolute;
  top: 2121px;
  width: 2187px;
}

.index .group-2085663168 {
  background-color: #21232a;
  height: 58px;
  left: 0;
  position: absolute;
  top: 234px;
  width: 2187px;
}

.index .group-103742 {
  height: 45.65%;
  left: 39.25%;
  position: relative;
  top: 26.09%;
  width: 22.96%;
}

.index .x2026-debet-all-rights-reserved {
  color: transparent;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-weight: 400;
  height: 100%;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  width: 76.75%;
}

.index .span {
  color: var(--white);
}

.index .span1 {
  color: var(--yellow-orange);
}

.index .group-103740 {
  display: flex;
  height: 23px;
  left: 339px;
  position: absolute;
  top: 2px;
  width: 161px;
}

.index .image-31333819 {
  height: 23.16px;
  object-fit: cover;
  width: 20.85px;
}

.index .image-31333820 {
  height: 23.16px;
  margin-left: 12.2px;
  object-fit: cover;
  width: 23.74px;
}

.index .image-31333821 {
  height: 23.16px;
  margin-left: 14.5px;
  object-fit: cover;
  width: 23.74px;
}

.index .image-31333822 {
  height: 23.16px;
  margin-left: 12.2px;
  object-fit: cover;
  width: 53.85px;
}

.index .group-103752 {
  height: 60.57%;
  left: 15.51%;
  position: absolute;
  top: 0;
  width: 74.63%;
}

.index .wolverhampton-wander {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-weight: 400;
  height: 42.40%;
  left: 61.88%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 57.60%;
  width: 37.99%;
}

.index .span0 {
  font-weight: 700;
}

.index .group-103751 {
  height: 83.15%;
  left: 0;
  position: absolute;
  top: 0;
  width: 57.32%;
}

.index .debet-t-ho-l-nh {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 47.06%;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: justify;
  top: 52.94%;
  width: 99.47%;
}

.index .logo-debet-1-01-1 {
  height: 65px;
  left: 0;
  position: absolute;
  top: 0;
  width: 212px;
}

.index .nh-ci-hng-u-chu-u {
  color: var(--yellow-orange);
  font-family: var(--font-family-roboto);
  font-size: 26.9px;
  font-weight: 700;
  height: 21.03%;
  left: 23.94%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 11.60%;
  white-space: nowrap;
  width: 39.53%;
}

.index .image-31333818 {
  height: 92px;
  left: 1265px;
  object-fit: cover;
  position: absolute;
  top: 3px;
  width: 105px;
}

.index .line-6 {
  height: 1px;
  left: 339px;
  position: absolute;
  top: 162px;
  width: 1508px;
}

.index .group-103750 {
  height: 48px;
  left: 339px;
  position: absolute;
  top: 177px;
  width: 1630px;
}

.index .group-103739 {
  height: 91.35%;
  left: 0;
  position: absolute;
  top: 0;
  width: 15.84%;
}

.index .knh-telegram {
  height: 50.00%;
  left: 22.82%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 25.09%;
  white-space: nowrap;
  width: 76.41%;
}

.index .image {
  height: 44px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 44px;
}

.index .group-103738 {
  height: 91.35%;
  left: 16.89%;
  position: absolute;
  top: 0;
  width: 15.84%;
}

.index .cskh {
  height: 50.00%;
  left: 22.82%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 25.09%;
  white-space: nowrap;
  width: 76.41%;
}

.index .group-103737 {
  height: 91.35%;
  left: 28.23%;
  position: absolute;
  top: 0;
  width: 15.84%;
}

.index .messenger {
  height: 50.00%;
  left: 22.82%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 25.09%;
  white-space: nowrap;
  width: 76.41%;
}

.index .group-103736 {
  height: 91.35%;
  left: 42.93%;
  position: absolute;
  top: 0;
  width: 15.84%;
}

.index .fanpage {
  height: 50.00%;
  left: 22.82%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 25.09%;
  white-space: nowrap;
  width: 76.41%;
}

.index .group-103733 {
  height: 96.84%;
  left: 84.03%;
  position: absolute;
  top: 0;
  width: 16.09%;
}

.index .rt-tin {
  height: 73.70%;
  left: 24.03%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 26.30%;
  width: 75.21%;
}

.index .group-103727 {
  background-color: var(--ship-gray);
  border-radius: 21.92px;
  display: flex;
  height: 44px;
  left: 0;
  position: absolute;
  top: 0;
  width: 44px;
}

.index .frame-103733 {
  background-image: url(../img/frame-103733@2x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 23.29px;
  margin-left: 9.6px;
  margin-top: 11.0px;
  width: 23.29px;
}

.index .group-103734 {
  height: 100.00%;
  left: 69.44%;
  position: absolute;
  top: 0;
  width: 16.85%;
}

.index .np-tin {
  height: 77.08%;
  left: 27.44%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 22.92%;
  width: 71.83%;
}

.index .group-103728 {
  height: 44px;
  left: 1px;
  position: absolute;
  top: 1px;
  width: 56px;
}

.index .ellipse-19 {
  background-color: var(--ship-gray);
  border-radius: 21.92px;
  height: 44px;
  left: 12px;
  position: absolute;
  top: 0;
  width: 44px;
}

.index .image-1 {
  height: 65.62%;
  left: 0;
  position: absolute;
  top: 15.63%;
  width: 97.56%;
}

.index .group-103735 {
  height: 100%;
  left: 56.57%;
  position: absolute;
  top: 0;
  width: 16.09%;
}

.index .c-cc {
  height: 77.08%;
  left: 24.03%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 22.92%;
  width: 75.21%;
}

.index .ca-cuoc {
  height: 44px;
  left: 0;
  position: absolute;
  top: 0;
  width: 44px;
}

.index .debet6666-1 {
  height: 293px;
  left: 964px;
  position: absolute;
  top: 1443px;
  width: 743px;
}

.index .image-31333828 {
  height: 57px;
  left: 964px;
  position: absolute;
  top: 1370px;
  width: 80px;
}

.index .group-2085663171 {
  height: 348px;
  left: 199px;
  position: absolute;
  top: 1373px;
  width: 717px;
}

.index .group-103787 {
  height: 287px;
  left: 0;
  position: absolute;
  top: 61px;
  width: 249px;
}

.index .ksport-copy {
  height: 277px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 220px;
}

.index .cc-ngay {
  align-items: center;
  display: flex;
  height: 24px;
  left: 47px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 259px;
}

.index .image-31333810 {
  height: 31px;
  left: 195px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 52px;
}

.index .group-103786 {
  height: 287px;
  left: 247px;
  position: absolute;
  top: 61px;
  width: 244px;
}

.index .csport {
  height: 277px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 221px;
}

.index .cc-ngay-1 {
  left: 49px;
  top: 259px;
}

.index .image-31333811 {
  height: 31px;
  left: 190px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 52px;
}

.index .group-103785 {
  height: 277px;
  left: 495px;
  position: absolute;
  top: 71px;
  width: 222px;
}

.index .ssport {
  height: 277px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 220px;
}

.index .cc-ngay-2 {
  left: 47px;
  top: 249px;
}

.index .image-31333825 {
  height: 54px;
  left: 0;
  position: absolute;
  top: 0;
  width: 76px;
}

.index .sn-phm-ni-bt {
  align-items: center;
  display: flex;
  height: 27px;
  left: 91px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 13px;
}

.index .tin-tc {
  align-items: center;
  display: flex;
  height: 27px;
  left: 1055px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 1385px;
}

.index .group-2085663172 {
  height: 142px;
  left: 198px;
  position: absolute;
  top: 803px;
  width: 1520px;
}

.index .rectangle-251 {
  background-color: var(--eerie-black);
  border-radius: 17.72px;
  height: 134px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 280px;
}

.index .rectangle-280 {
  background-color: var(--eerie-black);
  border-radius: 17.72px;
  height: 134px;
  left: 308px;
  position: absolute;
  top: 8px;
  width: 280px;
}

.index .rectangle-281 {
  background-color: var(--eerie-black);
  border-radius: 17.72px;
  height: 134px;
  left: 615px;
  position: absolute;
  top: 8px;
  width: 280px;
}

.index .rectangle-282 {
  background-color: var(--eerie-black);
  border-radius: 17.72px;
  height: 134px;
  left: 923px;
  position: absolute;
  top: 8px;
  width: 280px;
}

.index .rectangle-283 {
  background-color: var(--eerie-black);
  border-radius: 17.72px;
  height: 134px;
  left: 1230px;
  position: absolute;
  top: 8px;
  width: 280px;
}

.index .th-thao {
  align-items: center;
  display: flex;
  height: 38px;
  justify-content: center;
  left: 40px;
  letter-spacing: 0;
  line-height: 36.6px;
  position: absolute;
  text-align: center;
  top: 100px;
  white-space: nowrap;
  width: 191px;
}

.index .live-casino {
  align-items: center;
  display: flex;
  height: 38px;
  justify-content: center;
  left: 352px;
  letter-spacing: 0;
  line-height: 36.6px;
  position: absolute;
  text-align: center;
  top: 100px;
  white-space: nowrap;
  width: 191px;
}

.index .e-sport {
  align-items: center;
  display: flex;
  height: 38px;
  justify-content: center;
  left: 663px;
  letter-spacing: 0;
  line-height: 36.6px;
  position: absolute;
  text-align: center;
  top: 100px;
  white-space: nowrap;
  width: 191px;
}

.index .game-bi {
  align-items: center;
  display: flex;
  height: 38px;
  justify-content: center;
  left: 967px;
  letter-spacing: 0;
  line-height: 36.6px;
  position: absolute;
  text-align: center;
  top: 100px;
  white-space: nowrap;
  width: 191px;
}

.index .bn-c {
  align-items: center;
  display: flex;
  height: 38px;
  justify-content: center;
  left: 1274px;
  letter-spacing: 0;
  line-height: 36.6px;
  position: absolute;
  text-align: center;
  top: 100px;
  white-space: nowrap;
  width: 191px;
}

.index .group-1ddsdxsd-1 {
  height: 99px;
  left: 1282px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 157px;
}

.index .layer-5sssdsds-1 {
  height: 99px;
  left: 385px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 118px;
}

.index .layer-4sdsddsd-1 {
  height: 105px;
  left: 1010px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 108px;
}

.index .layer-16sdsdsd-1 {
  height: 99px;
  left: 90px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 99px;
}

.index .layer-7sdsdsds-1 {
  height: 86px;
  left: 701px;
  object-fit: cover;
  position: absolute;
  top: 14px;
  width: 115px;
}

.index .group-2085663170 {
  height: 337px;
  left: 200px;
  position: absolute;
  top: 1741px;
  width: 716px;
}

.index .i-tc-thanh-ton {
  align-items: center;
  display: flex;
  height: 27px;
  left: 81px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 11px;
}

.index .image-31333826 {
  height: 49px;
  left: 0;
  position: absolute;
  top: 0;
  width: 75px;
}

.index .group-103802 {
  height: 80.04%;
  left: 0;
  position: absolute;
  top: 19.96%;
  width: 99.72%;
}

.index .group-103760 {
  height: 59px;
  left: 458px;
  position: absolute;
  top: 63px;
  width: 256px;
}

.index .group-103761 {
  height: 61px;
  left: 458px;
  position: absolute;
  top: 137px;
  width: 256px;
}

.index .group-103771 {
  height: 60px;
  left: 460px;
  position: absolute;
  top: 208px;
  width: 254px;
}

.index .group-103763 {
  height: 48px;
  left: 0;
  position: absolute;
  top: 0;
  width: 128px;
}

.index .group-103764 {
  height: 48px;
  left: 146px;
  position: absolute;
  top: 1px;
  width: 128px;
}

.index .group-103783 {
  height: 17.80%;
  left: 61.51%;
  position: absolute;
  top: 0;
  width: 17.98%;
}

.index .group-103784 {
  height: 17.80%;
  left: 82.02%;
  position: absolute;
  top: 0;
  width: 17.98%;
}

.index .layer-7ssss-3 {
  height: 16.02%;
  left: 25.71%;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 6.39%;
}

.index .group-103782 {
  height: 17.80%;
  left: 41.01%;
  position: absolute;
  top: 0;
  width: 17.98%;
}

.index .group-103776 {
  height: 44px;
  left: 0;
  position: absolute;
  top: 63px;
  width: 110px;
}

.index .group-103775 {
  height: 44px;
  left: 0;
  position: absolute;
  top: 116px;
  width: 110px;
}

.index .group-103774 {
  height: 44px;
  left: 0;
  position: absolute;
  top: 170px;
  width: 153px;
}

.index .group-103773 {
  height: 44px;
  left: 166px;
  position: absolute;
  top: 170px;
  width: 128px;
}

.index .group-103772 {
  height: 44px;
  left: 304px;
  position: absolute;
  top: 170px;
  width: 147px;
}

.index .group-103770 {
  height: 44px;
  left: 272px;
  position: absolute;
  top: 225px;
  width: 178px;
}

.index .group-103769 {
  height: 44px;
  left: 123px;
  position: absolute;
  top: 225px;
  width: 139px;
}

.index .group-103768 {
  height: 44px;
  left: 0;
  position: absolute;
  top: 225px;
  width: 110px;
}

.index .group-103778 {
  height: 44px;
  left: 123px;
  position: absolute;
  top: 116px;
  width: 139px;
}

.index .group-103780 {
  height: 44px;
  left: 272px;
  position: absolute;
  top: 116px;
  width: 178px;
}

.index .group-103777 {
  height: 44px;
  left: 123px;
  position: absolute;
  top: 63px;
  width: 86px;
}

.index .group-103779 {
  height: 44px;
  left: 220px;
  position: absolute;
  top: 63px;
  width: 133px;
}

.index .group-103781 {
  height: 44px;
  left: 364px;
  position: absolute;
  top: 63px;
  width: 86px;
}

.index .frame-103762 {
  height: 5px;
  left: 461px;
  position: absolute;
  top: 187px;
  width: 125px;
}

.index .image-31334157 {
  aspect-ratio: 1.52;
  height: 394px;
  left: 193px;
  position: absolute;
  top: 962px;
  width: 600px;
}

.index .image-31334158 {
  aspect-ratio: 2.51;
  height: 368px;
  left: 785px;
  object-fit: cover;
  position: absolute;
  top: 981px;
  width: 923px;
}

.index .image-31334159 {
  aspect-ratio: 0.74;
  height: 321px;
  left: 964px;
  object-fit: cover;
  position: absolute;
  top: 1750px;
  width: 239px;
}

.index .image-31334160 {
  aspect-ratio: 0.74;
  height: 321px;
  left: 1217px;
  object-fit: cover;
  position: absolute;
  top: 1750px;
  width: 239px;
}

.index .image-31334161 {
  aspect-ratio: 0.74;
  height: 321px;
  left: 1469px;
  object-fit: cover;
  position: absolute;
  top: 1750px;
  width: 239px;
}

.index .group-2085663153 {
  height: 675px;
  left: 887px;
  position: absolute;
  top: 110px;
  width: 850px;
}

.index .rectangle-1sassqqqss-1 {
  aspect-ratio: 1.26;
  height: 675px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 848px;
}

.index .fields-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 26.57px;
  height: 327px;
  left: 69px;
  padding: 0px 35.44px;
  position: absolute;
  top: 189px;
  width: 708px;
}

.index .fields {
  align-items: center;
  align-self: stretch;
  background-color: var(--fieldsform);
  border: 2.85px solid;
  border-color: var(--pale-sky);
  border-radius: 8.54px;
  display: flex;
  flex: 0 0 auto;
  gap: 14.77px;
  padding: 20.67px 29.53px;
  position: relative;
  width: 100%;
}

.index .iconly-bulk-p {
  height: 42.12px;
  position: relative;
  width: 42.12px;
}

.index .atom {
  margin-right: -7.51px;
  width: 528.61px;
}

.index .atom-1 {
  width: 478.41px;
}

.index .fields-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--fieldsform);
  border: 2.85px solid;
  border-color: var(--pale-sky);
  border-radius: 8.54px;
  display: flex;
  flex: 0 0 auto;
  gap: 14.77px;
  padding: 17.72px 29.53px;
  position: relative;
  width: 100%;
}

.index .iconly-bulk-call {
  height: 40.81px;
  position: relative;
  width: 40.81px;
}

.index .atom-2 {
  width: 398.67px;
}

.index .ma-bt-tc-lt-ko-n-thng {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: 39.4px;
  font-weight: 700;
  left: 140px;
  letter-spacing: 0.88px;
  line-height: 55.2px;
  position: absolute;
  text-align: center;
  top: 61px;
  width: 566px;
}

.index .group-6saqqqw-1 {
  aspect-ratio: 6.83;
  height: 95px;
  left: 98px;
  object-fit: cover;
  position: absolute;
  top: 520px;
  width: 651px;
  animation: ctaZoom 1s ease-in-out infinite;
}

.index .atom-3 {
  align-items: flex-start;
  display: flex;
  gap: 14.77px;
  position: relative;
}

.index .cc-ngay-3 {
  align-items: center;
  display: flex;
  height: 24px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
}
@media screen and (orientation: portrait) {
  .screen.index {
    display: none;
  }
  .screen.debet-mobile-nha {
    display: block;
  }
}
@media screen and (orientation: landscape) {
  .screen.index {
    display: block;
  }
  .screen.debet-mobile-nha {
    display: none;
  }
}
/* ======= register form ======= */

.register-form input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
  margin: 0 !important;
  padding: 0 !important;
  color: #000000;
  font-family: var(--font-family-nunito_sans);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  white-space: nowrap;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  position: relative;
  z-index: 2;
}

.register-form input::placeholder {
  color: var(--black-2);
  opacity: 1;
}

.index .register-form input {
  font-size: 23.6px;
  line-height: 35.4px;
  margin-top: -1.48px !important;
}

.debet-mobile-nha .register-form input {
  font-size: 17.5px;
  line-height: 26.3px;
  margin-top: -1.09px !important;
}

/* Eye toggle */
.eye-toggle {
  flex: 0 0 auto;
  cursor: pointer;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.index .eye-toggle {
  width: 27.09px;
  height: 27.09px;
}

.debet-mobile-nha .eye-toggle {
  width: 20.07px;
  height: 20.07px;
}

.cta3434232323232-1,
.cta3434232323232-1-1 {
  cursor: pointer;
}

/* CTA zoom in/out */
@keyframes ctaZoom {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
}

/* validation errors */
.register-form .errors {
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  font-family: var(--font-family-nunito_sans);
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: calc(100% + 13.28px);
  white-space: nowrap;
  z-index: 5;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

.debet-mobile-nha .register-form .errors {
  font-size: 9px;
  line-height: 1;
  top: calc(100% + 9.84px);
}