/* Login form input fields */
.index .fields input,
.index .fields-1 input,
.debet-mobile-aff .fields input {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  color: var(--black);
  font-family: inherit;
  font-size: inherit;
  caret-color: #000;
  flex: 1;
  min-width: 0;
  width: auto;
  height: auto;
}
.index .fields input,
.index .fields-1 input {
  font-size: var(--font-size-xl);
  line-height: 37.3px;
}
.debet-mobile-aff .fields input {
  font-size: var(--font-size-s);
  line-height: 25.2px;
}
.index .fields input::placeholder,
.index .fields-1 input::placeholder,
.debet-mobile-aff .fields input::placeholder {
  color: #999;
  opacity: 1;
}

/* Eye toggle button */
.index .eye-toggle-pc,
.debet-mobile-aff .eye-toggle-mb {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.index .eye-toggle-pc {
  width: 28.54px;
  height: 28.54px;
}
.debet-mobile-aff .eye-toggle-mb {
  width: 19.23px;
  height: 19.23px;
}
.index .eye-toggle-pc svg,
.debet-mobile-aff .eye-toggle-mb svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* screen - debet-mobile-aff */

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

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

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

.debet-mobile-aff .layer-12xsxsxsxsxs-1-1 {
  aspect-ratio: 0.42;
  height: 1474px;
  left: 0;
  position: absolute;
  top: 1426px;
  width: 602px;
}

.debet-mobile-aff .group-15 {
  background-color: #21232b;
  display: flex;
  height: 109px;
  left: 0;
  position: absolute;
  top: 0;
  width: 603px;
}

.debet-mobile-aff .frame-1707479996 {
  display: flex;
  height: 84px;
  margin-left: 19px;
  margin-top: 10px;
  width: 70px;
}

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

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

.debet-mobile-aff .group-2085663155-2 {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  height: 53.02px;
  margin-left: 79px;
  margin-top: 28.0px;
  min-width: 268px;
}

.debet-mobile-aff .group-2085663154-4 {
  background-image: url(../img/group-7swswsws-1@2x.webp);
  background-size: 100% 100%;
  height: 53px;
  margin-top: 0;
  width: 210px;
}

.debet-mobile-aff .group-2085663154-5 {
  background-image: url(../img/image-31334154.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 51px;
  margin-top: 0;
  width: 38px;
}

.debet-mobile-aff .interface-search_-magnifying_-glass {
  height: 39.16px;
  margin-left: 90.0px;
  margin-top: 36.2px;
  width: 39.16px;
}

.debet-mobile-aff .frame-1707479466 {
  background-color: #1f232b;
  display: flex;
  flex-direction: column;
  height: 281px;
  left: -420px;
  overflow: hidden;
  position: absolute;
  top: 2825px;
  width: 1442px;
}

.debet-mobile-aff .ngn-hng-h-tr {
  align-self: center;
  color: #d9d9d9;
  font-family: var(--font-family-inter);
  font-size: 26.8px;
  font-weight: 700;
  height: 41px;
  letter-spacing: 0;
  line-height: 40.2px;
  margin-left: 0.4px;
  margin-top: 20.6px;
  white-space: nowrap;
  width: 277px;
}

.debet-mobile-aff .group-2 {
  height: 97.62px;
  margin-left: 431px;
  margin-top: 13.4px;
  width: 581px;
}

.debet-mobile-aff .frame-1707479464 {
  height: 120px;
  margin-left: 0;
  margin-top: 18.6px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.debet-mobile-aff .slider-container6 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-width: 0;
}

.debet-mobile-aff .slider-wrapper6 {
  display: flex;
  height: 100%;
  width: 100%;
  min-width: 0;
}

.debet-mobile-aff .slider-slide6 {
  width: calc(100% / 10);
  flex: none;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 0 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.debet-mobile-aff .slider-slide6 img {
  width: 90%;
  height: 90%;
  object-fit: contain;
  display: block;
}

.debet-mobile-aff .slider-btn6,
.debet-mobile-aff .slider-dots6 {
  display: none;
}

.debet-mobile-aff .slider-container4-mb {
  height: 100%;
  left: 37px;
  overflow: hidden;
  position: absolute;
  width: 476px;
}

.debet-mobile-aff .slider-wrapper4-mb {
  display: flex;
  height: 100%;
  transition: transform 0.5s ease;
  width: 100%;
}

.debet-mobile-aff .slider-slide4-mb {
  align-items: center;
  display: flex;
  flex: 0 0 25%;
  height: 100%;
  justify-content: center;
  position: relative;
}

.debet-mobile-aff .slider-slide4-mb > div {
  left: auto;
  position: relative;
  top: auto;
}

.debet-mobile-aff .slider-btn4-mb {
  background: rgba(255, 255, 255, 0.15);
  border: none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 28px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}

.debet-mobile-aff .slider-btn4-mb:hover {
  background: rgba(255, 255, 255, 0.3);
}

.debet-mobile-aff .slider-prev4-mb {
  left: 5px;
}

.debet-mobile-aff .slider-next4-mb {
  right: 5px;
}

.debet-mobile-aff .slider-dots4-mb {
  bottom: 5px;
  display: flex;
  gap: 6px;
  justify-content: center;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 2;
}

.debet-mobile-aff .slider-dots4-mb .dot4-mb {
  background: rgba(255, 255, 255, 0.4);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 6px;
  width: 6px;
  padding: 0;
  transition: background 0.3s;
}

.debet-mobile-aff .slider-dots4-mb .dot4-mb.active {
  background: #fff;
}

.debet-mobile-aff .copyright-debet-20 {
  align-items: center;
  align-self: center;
  color: var(--white400);
  display: flex;
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xs);
  font-weight: 400;
  height: 32px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 15.8px;
  margin-left: 0.5px;
  margin-top: 18.5px;
  padding-bottom: 30px;
  text-align: center;
  width: 253.03px;
}

.debet-mobile-aff .group-2085663153-1 {
  height: 479px;
  left: 1px;
  position: absolute;
  top: 130px;
  width: 604px;
}

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

.debet-mobile-aff .fields-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 18.86px;
  height: 232px;
  left: 49px;
  padding: 0px 25.16px;
  position: absolute;
  top: 134px;
  width: 503px;
  overflow: visible;
}

.debet-mobile-aff .fields-2 {
  padding: 14.68px 20.97px;
}

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

.debet-mobile-aff .atom-3 {
  margin-right: -5.33px;
  width: 375.27px;
}

.debet-mobile-aff .text-1 {
  letter-spacing: 0;
  line-height: 25.2px;
  margin-top: -1.05px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.debet-mobile-aff .atom-4 {
  width: 339.63px;
}

.debet-mobile-aff .x32-outlined-action-eye-eye-off-1 {
  aspect-ratio: 1;
  height: 19.23px;
  position: relative;
  width: 19.23px;
}

.debet-mobile-aff .fields-3 {
  padding: 12.58px 20.97px;
}

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

.debet-mobile-aff .atom-5 {
  width: 283.03px;
}

.debet-mobile-aff .mu-c-sao-i-chin-bt-ko-1 {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  left: 100px;
  letter-spacing: 0.62px;
  line-height: 39.2px;
  position: absolute;
  text-align: center;
  top: 43px;
  width: 402px;
}

.debet-mobile-aff .group-6saqqqw-1-1 {
  aspect-ratio: 6.83;
  height: 68px;
  left: 69px;
  object-fit: cover;
  position: absolute;
  top: 368px;
  width: 462px;
  animation: zoomInOut 1.2s ease-in-out infinite;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.debet-mobile-aff .group-6saqqqw-1-1 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.debet-mobile-aff .group-7xsxssx-1-1 {
  aspect-ratio: 1.09;
  height: 588px;
  left: -11px;
  object-fit: cover;
  position: absolute;
  top: 580px;
  width: 643px;
}

.debet-mobile-aff .group-2085663164-1 {
  height: 101px;
  left: 28px;
  position: absolute;
  top: 1131px;
  width: 550px;
}

.debet-mobile-aff .group-2085663163-1 {
  height: 90px;
  left: 405px;
  position: absolute;
  top: 8px;
  width: 99px;
}

.debet-mobile-aff .group-12ssqsq-1 {
  aspect-ratio: 1.43;
  height: 69px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 99px;
}

.debet-mobile-aff .choi-ngaywewewew333-1-4 {
  left: 8px;
  top: 61px;
}

.debet-mobile-aff .group-2085663160-1 {
  height: 101px;
  left: 33px;
  position: absolute;
  top: 1px;
  width: 109px;
}

.debet-mobile-aff .group-12ssqsq-2-1 {
  aspect-ratio: 1.24;
  height: 88px;
  left: 0;
  position: absolute;
  top: 0;
  width: 109px;
}

.debet-mobile-aff .choi-ngaywewewew333-1-5 {
  left: 13px;
  top: 71px;
}

.debet-mobile-aff .group-2085663162-1 {
  height: 99px;
  left: 280px;
  position: absolute;
  top: 1px;
  width: 98px;
}

.debet-mobile-aff .group-12ssqsq-4-1 {
  aspect-ratio: 1.28;
  height: 77px;
  left: 0;
  position: absolute;
  top: 0;
  width: 98px;
}

.debet-mobile-aff .choi-ngaywewewew333-1-6 {
  left: 8px;
  top: 70px;
}

.debet-mobile-aff .group-2085663161-1 {
  height: 95px;
  left: 160px;
  position: absolute;
  top: 5px;
  width: 99px;
}

.debet-mobile-aff .choi-ngaywewewew333-1-7 {
  left: 5px;
  top: 66px;
}

.debet-mobile-aff .image-31334155-1 {
  aspect-ratio: 0.73;
  cursor: pointer;
  height: 51px;
  left: 513px;
  object-fit: cover;
  position: absolute;
  top: 27px;
  width: 37px;
  z-index: 3;
}

.debet-mobile-aff .image-31334156-1 {
  aspect-ratio: 0.73;
  cursor: pointer;
  height: 51px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 27px;
  width: 37px;
  z-index: 3;
}

.debet-mobile-aff .group-2085663159-1 {
  display: flex;
  height: 186px;
  left: 27px;
  position: absolute;
  top: 1232px;
  width: 550px;
}

.debet-mobile-aff .group-2085663165 {
  height: 185.91px;
  position: relative;
  width: 550px;
}

.debet-mobile-aff .image-31334151-1 {
  aspect-ratio: 4.04;
  height: 113px;
  left: 95px;
  position: absolute;
  top: 37px;
  width: 455px;
}

.debet-mobile-aff .image-31334153-1 {
  aspect-ratio: 1.8;
  height: 186px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 335px;
}

.debet-mobile-aff .group-6sxzaxaxaxaax-1-1 {
  aspect-ratio: 0.99;
  height: 573px;
  left: 31px;
  object-fit: cover;
  position: absolute;
  top: 1931px;
  width: 569px;
}

.debet-mobile-aff .group-2085663156-1 {
  background-image: url(../img/image-31334148.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 335px;
  left: 44px;
  position: absolute;
  top: 2449px;
  width: 249px;
}

.debet-mobile-aff .fill-buttons-2 {
  margin-left: 20.3px;
}

.debet-mobile-aff .ng-nhp-1 {
  align-items: center;
  color: var(--bunker);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 14.2px;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0;
  line-height: 18.9px;
  margin-top: -1.21px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.debet-mobile-aff .icon-pro-2 {
  height: 23.68px;
  margin-bottom: -2.37px;
  margin-top: -2.37px;
  position: relative;
  width: 23.68px;
}

.debet-mobile-aff .group-2085663157-1 {
  background-image: url(../img/image-31334149.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 335px;
  left: 322px;
  position: absolute;
  top: 2449px;
  width: 249px;
}

.debet-mobile-aff .fill-buttons-3 {
  margin-left: 15.7px;
}

.debet-mobile-aff .pc-popup-event-affcup-1 {
  aspect-ratio: 1.27;
  height: 585px;
  left: -56px;
  object-fit: cover;
  position: absolute;
  top: 1381px;
  width: 741px;
}

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

.debet-mobile-aff .choi-ngaywewewew333-1 {
  aspect-ratio: 3.08;
  height: 29px;
  object-fit: cover;
  position: absolute;
  width: 90px;
}

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

.debet-mobile-aff .fill-buttons {
  align-items: center;
  background: linear-gradient(144deg, rgba(253, 233, 59, 1) 38%, rgba(241, 157, 48, 1) 100%);
  border-radius: 9.57px;
  display: flex;
  gap: 7.1px;
  height: 33.15px;
  justify-content: center;
  margin-top: 289.1px;
  padding: 7.1px 14.21px;
  position: relative;
  width: 208.35px;
}

.debet-mobile-aff .image {
  height: 38.52px;
  position: relative;
}
/* screen - index */

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

.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: -41px;
  width: 1940px;
}

.index .layer-19xssxdswd-2 {
  aspect-ratio: 0.55;
  height: 2405px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .group-2085663153 {
  height: 711px;
  left: 852px;
  position: absolute;
  top: 190px;
  width: 895px;
}

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

.index .fields-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 28px;
  height: 344px;
  left: 73px;
  padding: 0px 37.34px;
  position: absolute;
  top: 199px;
  width: 746px;
  overflow: visible;
}

.index .fields {
  align-items: center;
  align-self: stretch;
  background-color: var(--fieldsform);
  border: 3px solid;
  border-color: var(--pale-sky);
  border-radius: 9px;
  display: flex;
  flex: 0 0 auto;
  gap: 15.56px;
  padding: 21.78px 31.12px;
  position: relative;
  width: 100%;
}

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

.index .atom {
  margin-right: -7.91px;
  width: 557.04px;
}

.index .text {
  letter-spacing: 0;
  line-height: 37.3px;
  margin-top: -1.56px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

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

.index .x32-outlined-action-eye-eye-off {
  aspect-ratio: 1;
  height: 28.54px;
  position: relative;
  width: 28.54px;
}

.index .fields-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--fieldsform);
  border: 3px solid;
  border-color: var(--pale-sky);
  border-radius: 9px;
  display: flex;
  flex: 0 0 auto;
  gap: 15.56px;
  padding: 18.67px 31.12px;
  position: relative;
  width: 100%;
}

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

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

.index .mu-c-sao-i-chin-bt-ko {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
  left: 145px;
  letter-spacing: 0.92px;
  line-height: 58.2px;
  position: absolute;
  text-align: center;
  top: 64px;
  width: 597px;
}

.index .group-6saqqqw-1 {
  aspect-ratio: 6.83;
  height: 100px;
  left: 103px;
  object-fit: cover;
  position: absolute;
  top: 548px;
  width: 686px;
  animation: zoomInOut 1.2s ease-in-out infinite;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.index .group-6saqqqw-1 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

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

.index .frame-103729 {
  background-color: #0909098c;
  height: 428px;
  left: -218px;
  position: absolute;
  top: 1977px;
  width: 2328px;
}

.index .line-6 {
  height: 1px;
  left: 412px;
  position: absolute;
  top: 181px;
  width: 1507px;
}

.index .group-103741 {
  height: 9.22%;
  left: 44.73%;
  position: absolute;
  top: 85.37%;
  width: 37.79%;
}

.phng-thc-thanh-toan {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-weight: 400;
  height: 72.38%;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 13.57%;
  width: 29.20%;
}

.index .frame-103727 {
  align-items: center;
  display: flex;
  gap: 26.72px;
  height: 39px;
  left: 284px;
  position: absolute;
  top: 1px;
  width: 594px;
}

.index .image-31333815 {
  height: 27.99px;
  object-fit: cover;
  position: relative;
  width: 104.32px;
}

.index .image {
  height: 20.35px;
  object-fit: cover;
  position: relative;
  width: 76.33px;
}

.index .image-1 {
  height: 24.17px;
  position: relative;
  width: 92.87px;
}

.index .image-2 {
  height: 39.44px;
  position: relative;
  width: 33.08px;
}

.index .image-3 {
  height: 39.44px;
  position: relative;
  width: 52.16px;
}

.index .image-4 {
  height: 27.99px;
  object-fit: cover;
  position: relative;
  width: 101.77px;
}

.index .group-103742 {
  height: 6.47%;
  left: 17.69%;
  position: absolute;
  top: 86.73%;
  width: 17.33%;
}

.index .x2026-debet-all-rights-reserved {
  color: var(--white);
  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: 99.50%;
}

.index .frame-1707479994 {
  left: 412px;
  overflow: hidden;
  position: absolute;
  top: 38px;
  width: 1507.35px;
  height: 42px;
}

.index .slider-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.index .slider-wrapper {
  display: flex;
  height: 100%;
  width: 100%;
  min-width: 0;
}

.index .slider-slide {
  min-width: calc(100% / 26);
  height: 100%;
  box-sizing: border-box;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index .slider-slide img {
  width: 80%;
  height: 80%;
  object-fit: contain;
  display: block;
}

.index .slider-btn {
  display: none;
}

.index .slider-dots {
  display: none;
}

.index .bank-circle {
  height: 29.75px;
  position: relative;
  width: 29.75px;
}

.index .bank-circle-1 {
  width: 29.75px;
}

.index .bank-circle-2 {
  width: 29.75px;
}

.index .bank-circle-4 {
  width: 19.83px;
}

.index .bank-circle-3 {
  margin-top: -334.51px;
  width: 29.75px;
}

.index .frame-1707479995 {
  left: 417px;
  overflow: hidden;
  position: absolute;
  top: 99px;
  width: 1507.35px;
  height: 100px;
}

.index .slider-container2 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.index .slider-wrapper2 {
  display: flex;
  height: 100%;
  width: 100%;
  min-width: 0;
}

.index .slider-slide2 {
  min-width: calc(100% / 9);
  height: 100%;
  box-sizing: border-box;
  padding: 4px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index .slider-slide2 img {
  width: 91%;
  height: 91%;
  object-fit: contain;
  display: block;
}

.index .slider-btn2 {
  display: none;
}

.index .slider-dots2 {
  display: none;
}

.index .group-2085663155 {
  align-items: flex-start;
  display: flex;
  gap: 32px;
  height: 85px;
  left: 949px;
  min-width: 430px;
  position: absolute;
  top: 195px;
}

.index .group-2085663154 {
  align-self: flex-end;
  background-image: url(../img/group-7swswsws-1@2x.webp);
  background-size: 100% 100%;
  height: 85px;
  margin-bottom: 0;
  width: 336px;
}

.index .group-2085663154-1 {
  background-image: url(../img/image-31334154.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 82px;
  margin-top: 0;
  width: 62px;
}

.index .khm-ph-nn-tng-gi {
  align-items: center;
  color: #afbbb7;
  display: flex;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 47px;
  justify-content: center;
  left: 577px;
  letter-spacing: 0;
  line-height: 23.2px;
  position: absolute;
  text-align: center;
  top: 293px;
  width: 1174px;
}

.index .group-2085663159 {
  height: 310px;
  left: 200px;
  position: absolute;
  top: 1183px;
  width: 1507px;
}

.index .image-31334151 {
  aspect-ratio: 8;
  height: 188px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 76px;
  width: 1507px;
}

.index .image-31334153 {
  aspect-ratio: 1.8;
  height: 310px;
  left: 273px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 558px;
}

.index .group-7xsxssx-1 {
  aspect-ratio: 1.09;
  height: 784px;
  left: 103px;
  object-fit: cover;
  position: absolute;
  top: 146px;
  width: 857px;
}

.index .group-2085663155-1 {
  align-items: flex-start;
  display: flex;
  gap: 41px;
  height: 109px;
  left: 1018px;
  min-width: 553px;
  position: absolute;
  top: 81px;
}

.index .group-2085663154-2 {
  background-image: url(../img/group-7swswsws-1@2x.webp);
  background-size: 100% 100%;
  height: 109px;
  width: 433px;
}

.index .group-2085663154-3 {
  background-image: url(../img/image-31334154.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 106px;
  margin-top: 0;
  width: 79px;
}

.index .group-6sxzaxaxaxaax-1 {
  aspect-ratio: 0.99;
  height: 573px;
  left: 1162px;
  object-fit: cover;
  position: absolute;
  top: 1476px;
  width: 569px;
}

.index .group-2085663164 {
  height: 256px;
  left: 235px;
  position: absolute;
  top: 926px;
  width: 1402px;
}

.index .slider-container4 {
  height: 100%;
  left: 94px;
  overflow: hidden;
  position: absolute;
  width: 1214px;
}

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

.index .slider-slide4 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 25%;
  height: 100%;
}

.index .slider-btn4 {
  background: rgba(255, 255, 255, 0.15);
  border: none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}

.index .slider-btn4:hover {
  background: rgba(255, 255, 255, 0.3);
}

.index .slider-prev4 {
  left: 10px;
}

.index .slider-next4 {
  right: 10px;
}

.index .slider-dots4 {
  bottom: 10px;
  display: flex;
  gap: 8px;
  justify-content: center;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 2;
}

.index .slider-dots4 .dot4 {
  background: rgba(255, 255, 255, 0.4);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 10px;
  width: 10px;
  padding: 0;
  transition: background 0.3s;
}

.index .slider-dots4 .dot4.active {
  background: #fff;
}

.index .group-2085663163 {
  height: 230px;
  position: relative;
  width: 251px;
}

.index .group-12ssqsq {
  aspect-ratio: 1.43;
  height: 176px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 251px;
}

.index .choi-ngaywewewew333-1 {
  aspect-ratio: 3.08;
  height: 74px;
  left: 20px;
  object-fit: cover;
  position: absolute;
  top: 156px;
  width: 229px;
}

.index .group-2085663160 {
  height: 256px;
  position: relative;
  width: 279px;
}

.index .group-12ssqsq-2 {
  aspect-ratio: 1.24;
  height: 225px;
  width: 279px;
}

.index .choi-ngaywewewew333-1-1 {
  left: 34px;
  top: 182px;
}

.index .group-2085663162 {
  height: 252px;
  position: relative;
  width: 251px;
}

.index .group-12ssqsq-4 {
  aspect-ratio: 1.28;
  height: 195px;
  width: 251px;
}

.index .choi-ngaywewewew333-1-2 {
  left: 20px;
  top: 178px;
}

.index .group-2085663161 {
  height: 242px;
  position: relative;
  width: 251px;
}

.index .choi-ngaywewewew333-1-3 {
  left: 13px;
  top: 168px;
}

.index .image-31334155 {
  aspect-ratio: 0.73;
  cursor: pointer;
  height: 129px;
  left: 1308px;
  object-fit: cover;
  position: absolute;
  top: 68px;
  width: 94px;
  z-index: 3;
}

.index .image-31334156 {
  aspect-ratio: 0.73;
  cursor: pointer;
  height: 129px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 68px;
  width: 94px;
  z-index: 3;
}

.index .group-2085663156 {
  background-image: url(../img/image-31334148.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 395px;
  left: 565px;
  position: absolute;
  top: 1524px;
  width: 293px;
}

.index .fill-buttons {
  align-items: center;
  background: linear-gradient(144deg, rgba(253, 233, 59, 1) 38%, rgba(241, 157, 48, 1) 100%);
  border-radius: 11.26px;
  display: flex;
  gap: 8.36px;
  height: 39.02px;
  justify-content: center;
  margin-left: 23.8px;
  margin-top: 340.3px;
  padding: 8.36px 16.72px;
  position: relative;
  width: 245.27px;
}

.index .ng-nhp {
  align-items: center;
  color: var(--bunker);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 16.7px;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0;
  line-height: 22.3px;
  margin-top: -1.75px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .icon-pro {
  height: 27.87px;
  margin-bottom: -2.79px;
  margin-top: -2.79px;
  position: relative;
  width: 27.87px;
}

.index .group-2085663157 {
  background-image: url(../img/image-31334149.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 395px;
  left: 892px;
  position: absolute;
  top: 1524px;
  width: 293px;
}

.index .fill-buttons-1 {
  align-items: center;
  background: linear-gradient(144deg, rgba(253, 233, 59, 1) 38%, rgba(241, 157, 48, 1) 100%);
  border-radius: 11.26px;
  display: flex;
  gap: 8.36px;
  height: 39.02px;
  justify-content: center;
  margin-left: 18.4px;
  margin-top: 340.3px;
  padding: 8.36px 16.72px;
  position: relative;
  width: 245.27px;
}

.index .icon-pro-1 {
  height: 27.87px;
  margin-bottom: -2.79px;
  margin-top: -2.79px;
  position: relative;
  width: 27.87px;
}

.index .mb-popup-event-affcup-1 {
  aspect-ratio: 0.75;
  height: 460px;
  left: 203px;
  object-fit: cover;
  position: absolute;
  top: 1524px;
  width: 343px;
}

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

.index .bank-circle-5 {
  height: 29.75px;
  position: relative;
}

.index .choi-ngaywewewew333-1-4 {
  aspect-ratio: 3.08;
  height: 74px;
  object-fit: cover;
  position: absolute;
  width: 229px;
}

.index .group-12ssqsq-1 {
  left: 0;
  position: absolute;
  top: 0;
}
.main-container {
  width: fit-content;
  font-family: var(--font-family-inter);
}
@media screen and (orientation: portrait) {
  .screen.index { 
    display: none;
   }
  .screen.debet-mobile-aff { 
    display: block;
   }
}
@media screen and (orientation: landscape) {
  .screen.index { 
    display: block;
   }
  .screen.debet-mobile-aff { 
    display: none;
   }
}