/* screen - index */

.index {
  height: 1080px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 1920px;
}

.index .bg-1 {
  display: none;
}

.index .logo_light-1 {
  aspect-ratio: 3.48;
  height: 103px;
  left: calc(50.00% - 179px);
  object-fit: cover;
  position: absolute;
  top: 55px;
  width: 358px;
}

.index .text-1 {
  aspect-ratio: 5.07;
  height: 132px;
  left: calc(50.00% - 335px);
  object-fit: cover;
  position: absolute;
  top: 219px;
  width: 669px;
}

.index .nha-chung-1 {
  aspect-ratio: 4.3;
  height: 97px;
  left: 41px;
  object-fit: cover;
  position: absolute;
  top: 79px;
  width: 417px;
}

.index .icon-1-1 {
  height: 46px;
  left: 1789px;
  object-fit: contain;
  position: absolute;
  top: 59px;
  width: 56px;
}

.index .icon-1-2 {
  height: 46px;
  left: 1789px;
  object-fit: contain;
  position: absolute;
  top: 119px;
  width: 56px;
}

.index .icon-1-3 {
  height: 46px;
  left: 1789px;
  object-fit: contain;
  position: absolute;
  top: 179px;
  width: 56px;
}

.index .ctkm-1-1 {
  aspect-ratio: 0.95;
  height: 339px;
  left: 97px;
  object-fit: cover;
  position: absolute;
  top: 258px;
  width: 322px;
}

.index .ctkm-2-1 {
  aspect-ratio: 0.95;
  height: 339px;
  left: 97px;
  object-fit: cover;
  position: absolute;
  top: 625px;
  width: 322px;
}

.index .banner_right-1 {
  aspect-ratio: 0.8;
  height: 780px;
  left: 1294px;
  object-fit: cover;
  position: absolute;
  top: 219px;
  width: 623px;
}

.index .tab {
  left: 623px;
  top: 370px;
}

.index .tab-item {
  left: 0;
  top: 0;
}

.index .bg-2 {
  aspect-ratio: 1.35;
  height: 499px;
  top: 44px;
  width: 100%;
}

.index .tab-dangky-1 {
  aspect-ratio: 7.39;
  height: 76px;
  left: 8.32%;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 83.51%;
}

.index .input-fields {
  display: flex;
  flex-direction: column;
  gap: 39px;
  height: 321px;
  left: 56px;
  position: absolute;
  top: 131px;
  width: 559px;
}

.index .input-fields-item {
  flex: 1;
  margin-left: 0.36%;
  margin-right: -0.36%;
  max-height: 81px;
  position: relative;
}

.index .login {
  aspect-ratio: 6.88;
  height: 81px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 99.64%;
}

.index .tn-ng-nhp {
  height: 40.74%;
  left: 15.56%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 30.86%;
  width: 33.63%;
}

.index .pass {
  flex: 1;
  max-height: 81px;
  position: relative;
}

.index .pass-1 {
  aspect-ratio: 6.88;
  height: 81px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 99.64%;
}

.index .mt-khu {
  height: 40.74%;
  left: 15.92%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 29.63%;
  width: 20.93%;
}

.index .phone {
  aspect-ratio: 6.88;
  height: 81px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 99.64%;
}

.index .s-in-thoi {
  height: 40.74%;
  left: 15.56%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 28.40%;
  width: 29.87%;
}

.index .tab_nhancode-1 {
  aspect-ratio: 7.39;
  height: 76px;
  left: 8.32%;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 83.51%;
}

.index .frame-2085663171 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 19px;
  left: 58px;
  position: absolute;
  top: 94px;
  width: 557px;
}

.index .m-qu-tng-ca-bn {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .code {
  background-image: url(../images/rectangle.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 81px;
  position: relative;
  width: 557px;
}

.index .wc2026-86-bet-206-k {
  display: flex;
  height: 51px;
  left: 43px;
  position: relative;
  top: 15px;
  width: 470px;
}

.index .title {
  color: var(--screamin-green);
  flex: 1;
  font-family: var(--font-family-inter);
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 470px;
}

.index .user {
  height: 107px;
  margin-right: -5.50px;
  position: relative;
  width: 560px;
}

.index .rectangle-41333 {
  background-color: #041e0e;
  border: 1px solid;
  border-color: #134124;
  border-radius: 25px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 98.57%;
}

.index .ti-khon-nhn {
  height: 31.78%;
  left: 3.39%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 14.95%;
  width: 37.14%;
}

.index .binwang2062 {
  color: var(--gold);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-weight: 400;
  height: 31.78%;
  left: 41.61%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 14.95%;
  width: 32.50%;
}

.index .phone-1 {
  color: var(--gold);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-weight: 400;
  height: 31.78%;
  left: 37.50%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 53.27%;
  width: 30.18%;
}

.index .s-in-thoi-1 {
  height: 31.78%;
  left: 3.39%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 53.27%;
  width: 32.50%;
}

.index .button_copy-1 {
  align-self: stretch;
  aspect-ratio: 6.92;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.index .xin-chp-li-mn-hnh-gi-cskh {
  align-self: stretch;
  color: var(--screamin-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .text-1111 {
  align-items: center;
  display: inline-flex;
  gap: 10.74px;
  left: calc(50.00% - 204px);
  position: absolute;
  top: 1012px;
}

.index .ci {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.83px;
  position: relative;
  width: 37.18px;
}

.index .image-1268363696 {
  aspect-ratio: 3.41;
  height: 24.25px;
  object-fit: cover;
  position: relative;
  width: 82.63px;
}

.index .v-truy-cp-86-betcom {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.83px;
  position: relative;
  width: 267.71px;
}

.index .bg {
  left: 0;
  object-fit: cover;
  position: absolute;
}

.index .cta-2 {
  aspect-ratio: 5.31;
  height: 88px;
  left: 15.30%;
  object-fit: cover;
  position: absolute;
  top: 511px;
  width: 69.39%;
}

.index .tab-1 {
  height: 599px;
  position: absolute;
  width: 673px;
}
/* screen - ldpu47mobile */

.ldpu47mobile {
  background-color: #13171c;
  height: 1080px;
  overflow: hidden;
  position: relative;
  width: 390px;
}

.ldpu47mobile .bg-1-1 {
  aspect-ratio: 1.78;
  height: 1080px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1918px;
}

.ldpu47mobile .logo_light-1-1 {
  aspect-ratio: 3.48;
  height: 36px;
  left: calc(50.00% - 168px);
  object-fit: cover;
  position: absolute;
  top: 41px;
  width: 124px;
}

.ldpu47mobile .nha-chung-1-1 {
  aspect-ratio: 4.3;
  height: 39px;
  left: calc(50.00% + 12px);
  object-fit: cover;
  position: absolute;
  top: 41px;
  width: 168px;
}

.ldpu47mobile .tab-1 {
  display: flex;
  height: 599px;
  left: 623px;
  position: absolute;
  top: 370px;
  width: 673px;
}

.ldpu47mobile .tabdangky {
  height: 599px;
  position: relative;
  width: 673px;
}

.ldpu47mobile .bg-2-2 {
  height: 499px;
  top: 44px;
  width: 673px;
}

.ldpu47mobile .cta-1-1 {
  height: 88px;
  left: 103px;
  top: 511px;
  width: 467px;
}

.ldpu47mobile .buttondangky {
  aspect-ratio: 7.39;
  height: 76px;
  left: 56px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 562px;
}

.ldpu47mobile .input-fields-1 {
  height: 321px;
  left: 56px;
  position: absolute;
  top: 131px;
  width: 565px;
}

.ldpu47mobile .phone-2 {
  aspect-ratio: 6.88;
  height: 81px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  top: 240px;
  width: 557px;
}

.ldpu47mobile .pass-2 {
  aspect-ratio: 6.88;
  height: 81px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 120px;
  width: 557px;
}

.ldpu47mobile .login-1 {
  aspect-ratio: 6.88;
  height: 81px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 557px;
}

.ldpu47mobile .tn-ng-nhp-2 {
  left: 89px;
  top: 25px;
}

.ldpu47mobile .mt-khu-1 {
  left: 89px;
  top: 144px;
}

.ldpu47mobile .s-in-thoi-2 {
  left: 89px;
  top: 263px;
}

.ldpu47mobile .frame-2085663170 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  left: 35px;
  position: absolute;
  top: 113px;
  width: 319px;
}

.ldpu47mobile .text-1-1 {
  align-self: stretch;
  aspect-ratio: 5.07;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.ldpu47mobile .tab-2 {
  height: 284px;
  position: relative;
  width: 319.09px;
}

.ldpu47mobile .tab-item-1 {
  height: 284px;
  left: 0;
  position: absolute;
  top: 0;
  width: 319px;
}

.ldpu47mobile .bg-2-1 {
  height: 237px;
  top: 21px;
  width: 100%;
}

.ldpu47mobile .cta-1-2 {
  height: 42px;
  left: 15.30%;
  top: 242px;
  width: 84.70%;
}

.ldpu47mobile .tab-dangky-1-1 {
  aspect-ratio: 7.39;
  height: 36px;
  left: 8.32%;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 91.68%;
}

.ldpu47mobile .input-fields-2 {
  display: flex;
  flex-direction: column;
  gap: 18.5px;
  height: 152px;
  left: 27px;
  position: absolute;
  top: 62px;
  width: 265px;
}

.ldpu47mobile .input-fields-item-1 {
  flex: 1;
  margin-left: 0.36%;
  margin-right: -0.75%;
  max-height: 38.4px;
  position: relative;
}

.ldpu47mobile .login-2 {
  aspect-ratio: 6.88;
  height: 38px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.ldpu47mobile .tn-ng-nhp-1 {
  height: 39.06%;
  left: 15.50%;
  top: 30.86%;
  white-space: nowrap;
  width: 33.45%;
}

.ldpu47mobile .pass-3 {
  flex: 1;
  max-height: 38.4px;
  position: relative;
}

.ldpu47mobile .pass-4 {
  aspect-ratio: 6.88;
  height: 38px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.ldpu47mobile .mt-khu-2 {
  height: 39.06%;
  left: 15.86%;
  top: 29.63%;
  white-space: nowrap;
  width: 21.05%;
}

.ldpu47mobile .phone-3 {
  aspect-ratio: 6.88;
  height: 38px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.ldpu47mobile .s-in-thoi-3 {
  height: 39.06%;
  left: 15.50%;
  top: 28.40%;
  white-space: nowrap;
  width: 29.69%;
}

.ldpu47mobile .frame-2085663171-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 9.01px;
  left: 27px;
  position: absolute;
  top: 45px;
  width: 264px;
}

.ldpu47mobile .m-qu-tng-ca-bn-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.47px;
  position: relative;
  text-align: center;
}

.ldpu47mobile .code-1 {
  background-image: url(../images/rectangle.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 38.4px;
  position: relative;
  width: 264.09px;
}

.ldpu47mobile .wc2026-86-bet-206-k-1 {
  display: flex;
  height: 24px;
  left: 20px;
  position: relative;
  top: 7px;
  width: 223px;
}

.ldpu47mobile .wc2026-86-bet-206-k-2 {
  color: var(--screamin-green);
  flex: 1;
  font-family: var(--font-family-inter);
  font-size: 19.9px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 223px;
}

.ldpu47mobile .user-1 {
  height: 50.73px;
  margin-right: -6.81px;
  position: relative;
  width: 269.72px;
}

.ldpu47mobile .rectangle-41333-1 {
  background-color: #041e0e;
  border: 0.47px solid;
  border-color: #134124;
  border-radius: 11.85px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 97.03%;
}

.ldpu47mobile .ti-khon-nhn-1 {
  height: 31.54%;
  left: 3.34%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 14.95%;
  width: 36.71%;
}

.ldpu47mobile .binwang2062-1 {
  color: var(--gold);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  height: 31.54%;
  left: 40.96%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 14.95%;
  width: 31.89%;
}

.ldpu47mobile .phone-4 {
  color: var(--gold);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  height: 31.54%;
  left: 36.92%;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 53.27%;
  width: 30.03%;
}

.ldpu47mobile .s-in-thoi-4 {
  height: 31.54%;
  left: 3.34%;
  top: 53.27%;
  width: 32.26%;
}

.ldpu47mobile .button_copy-1-1 {
  align-self: stretch;
  aspect-ratio: 6.92;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.ldpu47mobile .xin-chp-li-mn-hnh-gi-cskh-1 {
  align-self: stretch;
  color: var(--screamin-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxs);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.ldpu47mobile .phone-5 {
  height: 38px;
  left: 8.62%;
  position: absolute;
  top: 119px;
  width: 83.39%;
}

.ldpu47mobile .pass-1-1 {
  aspect-ratio: 6.88;
  height: 38px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.ldpu47mobile .s-in-thoi-5 {
  height: 39.06%;
  left: 15.50%;
  top: 29.63%;
  white-space: nowrap;
  width: 29.69%;
}

.ldpu47mobile .login-3 {
  height: 38px;
  left: 8.62%;
  position: absolute;
  top: 62px;
  width: 83.39%;
}

.ldpu47mobile .login-1-1 {
  aspect-ratio: 6.88;
  height: 38px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.ldpu47mobile .ctkm {
  height: 159px;
  position: relative;
  width: 318.82px;
}

.ldpu47mobile .ctkm-1-1-1 {
  aspect-ratio: 0.95;
  height: 159px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 151px;
}

.ldpu47mobile .ctkm-2-1-1 {
  aspect-ratio: 0.95;
  height: 159px;
  left: 168px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 151px;
}

.ldpu47mobile .text-1111-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 6.8px;
  position: relative;
}

.ldpu47mobile .ci-1 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 14.7px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.52px;
  position: relative;
  width: 23.55px;
}

.ldpu47mobile .image-1268363696-1 {
  aspect-ratio: 3.41;
  height: 15.35px;
  object-fit: cover;
  position: relative;
  width: 52.32px;
}

.ldpu47mobile .v-truy-cp-86-betcom-1 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 14.7px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.52px;
  position: relative;
  width: 169.53px;
}

.ldpu47mobile .banner_right-1-1 {
  aspect-ratio: 0.8;
  height: 350px;
  object-fit: cover;
  position: relative;
  width: 279px;
}

.ldpu47mobile .bg-2 {
  aspect-ratio: 1.35;
  left: 0;
  object-fit: cover;
  position: absolute;
}

.ldpu47mobile .cta {
  aspect-ratio: 5.31;
  height: 42px;
  left: 15.30%;
  object-fit: cover;
  position: absolute;
  top: 242px;
  width: 84.70%;
}

.ldpu47mobile .cta-1 {
  aspect-ratio: 5.31;
  object-fit: cover;
  position: absolute;
}

.ldpu47mobile .mt-khu {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
}

.ldpu47mobile .s-in-thoi {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
}

.ldpu47mobile .tab_nhancode-1 {
  aspect-ratio: 7.39;
  height: 36px;
  left: 8.32%;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 91.68%;
}

.ldpu47mobile .tn-ng-nhp {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
}
.main-container {
  /* margin: 0 auto; */
  width: fit-content;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

@media screen and (max-width: 1024px) {
  .main-container {
    padding-left: 0%;
    padding-right: 0;
  }
}

@media screen and (orientation: portrait) {
  html, body {
    min-height: 100dvh;
    overflow: visible;
    height: auto;
  }
  .main-container {
    padding-left: 0;
    padding-right: 0;
  }
  .screen.index { 
    display: none;
   }
}
@media screen and (orientation: landscape) {
  .screen.ldpu47mobile { 
    display: none;
   }
}

/* ===== Form styles from /form ===== */
.tab-dangky {
  position: relative;
  width: 673px;
  height: 599px;
}

.tab-dangky .bg {
  position: absolute;
  width: 100%;
  top: 44px;
  left: 0;
  height: 499px;
  aspect-ratio: 1.35;
  object-fit: cover;
  pointer-events: none;
}

.tab-dangky .img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 76px;
  aspect-ratio: 7.39;
  object-fit: cover;
  pointer-events: none;
}

.tab-dangky .input-fields {
  position: absolute;
  width: 559px;
  height: 321px;
  top: 131px;
  left: 56px;
  display: flex;
  flex-direction: column;
  gap: 39px;
}

.tab-dangky .div {
  margin-left: 0.36%;
  margin-right: -0.36%;
  flex: 1;
  max-height: 81px;
  position: relative;
}

.tab-dangky .img-2 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
   aspect-ratio: 6.88;
  object-fit: cover;
  pointer-events: none;
}

.tab-dangky .form-input {
  position: absolute;
  width: 70%;
  height: 100%;
  top: 0;
  left: 15.56%;
  background: transparent;
  border: none;
  outline: none;
  color: #acacac;
  font-family: "Inter", Helvetica;
  font-weight: 300;
  font-size: 27px;
  letter-spacing: 0;
}

.tab-dangky .form-input::placeholder {
  color: #acacac;
  opacity: 1;
}

.tab-dangky .pass {
  flex: 1;
  max-height: 81px;
  position: relative;
  overflow: hidden;
}

.tab-dangky .toggle-password {
  position: absolute;
  right: 21px;
  top: 50%;
  transform: translateY(-50%);
  background: #011609;
  border: none;
  cursor: pointer;
  padding: 3px;
  z-index: 2;
  font-size: 27px;
  color: #d4af37;
}

.tab-dangky .tabs {
  position: absolute;
  width: 83.5%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 76px;
  z-index: 2;
}

.tab-dangky .tab-btn {
  position: absolute;
  width: 50%;
  height: 100%;
  background: transparent;
  border: none;
  color: transparent;
  cursor: pointer;
  z-index: 2;
  font-size: 0;
}

.tab-dangky .tab-btn:first-of-type {
  left: 0;
}

.tab-dangky .tab-btn:last-of-type {
  left: 50%;
}

.tab-dangky .cta-btn {
  position: absolute;
  width: 84.70%;
  top: 511px;
  left: 50%;
  transform: translateX(-50%);
  height: 88px;
  background: url(../images/form/cta-1@2x.png) no-repeat center / 100% 100%;
  border: none;
  color: transparent;
  cursor: pointer;
  z-index: 2;
  font-size: 0;
  border-radius: 30px;
  overflow: hidden;
  animation: pulse 1.5s ease-in-out infinite;
}

.tab-dangky .cta-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
  transform: skewX(-20deg);
  animation: shine 2.5s ease-in-out infinite;
}

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

@keyframes shine {
  0% { left: -100%; }
  50% { left: 150%; }
  100% { left: 150%; }
}

/* ===== Mobile form styles (.ldpu47mobile .tab-2) ===== */
.tab-dangky-mobile {
  position: relative;
  width: 319px;
  height: 284px;
}

.tab-dangky-mobile .bg-mobile {
  position: absolute;
  width: 100%;
  top: 21px;
  left: 0;
  height: 237px;
  aspect-ratio: 1.35;
  object-fit: cover;
  pointer-events: none;
}

.tab-dangky-mobile .img-mobile {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 36px;
  aspect-ratio: 7.39;
  object-fit: cover;
  pointer-events: none;
}

.tab-dangky-mobile .input-fields-mobile {
  position: absolute;
  width: 265px;
  height: 152px;
  top: 62px;
  left: 27px;
  display: flex;
  flex-direction: column;
  gap: 18.5px;
}

.tab-dangky-mobile .div-mobile {
  margin-left: 0.36%;
  flex: 1;
  max-height: 38px;
  position: relative;
}

.tab-dangky-mobile .img-2-mobile {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  aspect-ratio: 6.88;
  object-fit: cover;
  pointer-events: none;
}

.tab-dangky-mobile .form-input-mobile {
  position: absolute;
  width: 70%;
  height: 100%;
  top: 0;
  left: 15.56%;
  background: transparent;
  border: none;
  outline: none;
  color: #acacac;
  font-family: "Inter", Helvetica;
  font-weight: 300;
  font-size: 12.8px;
  letter-spacing: 0;
}

.tab-dangky-mobile .form-input-mobile::placeholder {
  color: #acacac;
  opacity: 1;
}

.tab-dangky-mobile .pass-mobile {
  flex: 1;
  max-height: 38px;
  position: relative;
  overflow: hidden;
}

.tab-dangky-mobile .toggle-password-mobile {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: #011609;
  border: none;
  cursor: pointer;
  padding: 1.5px;
  z-index: 2;
  font-size: 12.8px;
  color: #d4af37;
}

.tab-dangky-mobile .tabs-mobile {
  position: absolute;
  width: 83.5%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 36px;
  z-index: 2;
}

.tab-dangky-mobile .tab-btn-mobile {
  position: absolute;
  width: 50%;
  height: 100%;
  background: transparent;
  border: none;
  color: transparent;
  cursor: pointer;
  z-index: 2;
  font-size: 0;
}

.tab-dangky-mobile .tab-btn-mobile:first-of-type {
  left: 0;
}

.tab-dangky-mobile .tab-btn-mobile:last-of-type {
  left: 50%;
}

.tab-dangky-mobile .cta-btn-mobile {
  position: absolute;
  width: 84.70%;
  top: 242px;
  left: 50%;
  transform: translateX(-50%);
  height: 42px;
  background: url(../images/form/cta-1@2x.png) no-repeat center / 100% 100%;
  border: none;
  color: transparent;
  cursor: pointer;
  z-index: 2;
  font-size: 0;
  border-radius: 14px;
}