/* screen - index */

.index {
  background-color: var(--asphalt);
  min-height: 4580px;
  min-width: 750px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.index .bg_5-2-1 {
  aspect-ratio: 1.93;
  bottom: 0;
  height: 1230px;
  left: 0;
  position: absolute;
  width: 750px;
}

.index .bg_5-1-1 {
  aspect-ratio: 1.48;
  height: 800px;
  left: calc(50.00% - 574px);
  object-fit: cover;
  position: absolute;
  top: -30px;
  width: 1182px;
}

.index .ct66-1-1 {
  aspect-ratio: 2.36;
  height: 320px;
  left: calc(50.00% - 375px);
  position: absolute;
  top: 336px;
  width: 739px;
}

.index .form {
  height: 635px;
  left: calc(50.00% - 350px);
  position: absolute;
  top: 639px;
  width: 700px;
}

.index .rectangle-34624319 {
  background: linear-gradient(180deg, rgba(61, 25, 0, 1) 0%, rgba(15, 8, 3, 1) 100%);
  border-radius: 26.9px;
  height: 635px;
}

.index .rectangle-34624320 {
  background: linear-gradient(90deg, rgba(141, 48, 0, 1) 0%, rgba(23, 9, 0, 1) 100%);
  border-radius: 26.9px 26.9px 0px 0px;
  height: 99px;
}

.index .ng-k {
  color: var(--white);
  font-family: var(--font-family-svn-gilroy-bold);
  font-size: 43.7px;
  font-weight: 700;
  left: 244px;
  letter-spacing: 0;
  line-height: 62.4px;
  position: absolute;
  top: 25px;
  white-space: nowrap;
}

.index .cta {
  animation: sv-cta-zoom 1.4s ease-in-out infinite;
  background-image: url(../img/bnt-cn-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 112px;
  left: 161px;
  position: absolute;
  top: 1143px;
  width: 429px;
}

.index .group-2085663230-1 {
  height: 67px;
  left: 77px;
  position: absolute;
  top: 1041px;
  width: 599px;
}

.index .rectangle-34624324-1 {
  background-color: var(--white);
  border-radius: 11.2px;
  height: 67px;
  left: 0;
  position: absolute;
  top: 0;
  width: 597px;
}

.index .image-1268363796-1 {
  aspect-ratio: 1;
  height: 23px;
  left: 21px;
  object-fit: cover;
  position: absolute;
  top: 24px;
  width: 23px;
}

.index .nhp-s-in-thoi-1 {
  left: 60px;
  letter-spacing: 0;
  line-height: 30.4px;
  position: absolute;
  top: calc(50.00% - 16px);
  white-space: nowrap;
}

.index .group-2085663233-1 {
  height: 67px;
  left: 77px;
  position: absolute;
  top: 769px;
  width: 598px;
}

.index .rectangle-3462432-1 {
  background-color: var(--white);
  border-radius: 11.2px;
  height: 67px;
  left: 0;
  position: absolute;
  top: 0;
  width: 596px;
}

.index .tn-ti-khon-1 {
  left: 60px;
  letter-spacing: 0;
  line-height: 30.4px;
  position: absolute;
  top: calc(50.00% - 16px);
  white-space: nowrap;
}

.index .image-1268363806-1 {
  aspect-ratio: 1;
  height: 23px;
  left: 17px;
  object-fit: cover;
  position: absolute;
  top: 24px;
  width: 23px;
}

.index .group-2085663232-1 {
  height: 67px;
  left: 77px;
  position: absolute;
  top: 859px;
  width: 598px;
}

.index .input-action-2 {
  top: calc(50.00% - 12px);
}

.index .icon-eye-slash-1 {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 23.54px;
  justify-content: center;
  position: relative;
  width: 23.54px;
}

.index .mt-khu-1 {
  left: 60px;
  letter-spacing: 0;
  line-height: 30.4px;
  position: absolute;
  top: calc(50.00% - 15px);
  white-space: nowrap;
}

.index .image-1268363805 {
  top: 20px;
}

.index .group-2085663231-1 {
  height: 67px;
  left: 77px;
  position: absolute;
  top: 950px;
  width: 598px;
}

.index .input-action-3 {
  top: calc(50.00% - 12px);
}

.index .xc-nhn-mt-khu-1 {
  left: 60px;
  letter-spacing: 0;
  line-height: 30.4px;
  position: absolute;
  top: calc(50.00% - 16px);
  white-space: nowrap;
}

.index .image-1268363807 {
  top: 19px;
}

.index .frame-2085665096-1 {
  height: 106px;
  left: calc(50.00% - 375px);
  position: absolute;
  top: 1306px;
  width: 750px;
}

.index .frame-2085665095-1 {
  display: flex;
  height: 106px;
  justify-content: center;
  left: calc(50.00% - 1213px);
  position: absolute;
  top: 0;
  width: 2426px;
}

.index .bg_tieude-1-1 {
  aspect-ratio: 7.09;
  height: 99px;
  width: 750px;
}

.index .frame-2085665094-1 {
  background: linear-gradient(90deg, rgba(10, 1, 0, 1) 0%, rgba(255, 112, 0, 1) 50%, rgba(10, 1, 0, 1) 100%);
  height: 2px;
  left: calc(50.00% - 375px);
  position: absolute;
  top: 0;
  width: 750px;
}

.index .th-thao-nh-cao-vi-c-quyn-svip-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(360deg, rgba(247, 143, 31, 1) 0%, rgba(255, 254, 252, 1) 100%);
  background-clip: text;
  left: calc(50.00% - 336px);
  letter-spacing: 0;
  line-height: 55.7px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 20px;
  white-space: nowrap;
}

.index .km-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 792px;
  left: calc(50.00% - 375px);
  position: absolute;
  top: 1399px;
  width: 750px;
}

.index .x1 {
  display: flex;
  gap: 31.9px;
  margin-left: 0.3px;
  width: 700.13px;
}

.index .km1-3 {
  background-image: url(../img/mask-group-6@2x.webp);
  background-size: 100% 100%;
  height: 380px;
  position: relative;
  width: 334.1px;
}

.index .vector-2-2 {
  height: 380px;
  left: 0;
  position: absolute;
  top: 0;
  width: 334px;
}

.index .text-5 {
  height: 144px;
  left: 35px;
  position: absolute;
  top: 227px;
  width: 262px;
}

.index .thng-vip {
  left: calc(50.00% - 94px);
  letter-spacing: 0;
  line-height: 55.2px;
  position: absolute;
  text-align: center;
  top: 1px;
  white-space: nowrap;
}

.index .mi-thng-1 {
  left: calc(50.00% - 59px);
  letter-spacing: 0;
  line-height: 55.2px;
  position: absolute;
  text-align: center;
  top: 38px;
  white-space: nowrap;
}

.index .x500-triu-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.99px var(--amber);
  background: linear-gradient(360deg, rgba(255, 94, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
  background-clip: text;
  left: calc(50.00% - 131px);
  letter-spacing: 0;
  line-height: 55.2px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 88px;
  white-space: nowrap;
}

.index .km2-1 {
  background-image: url(../img/mask-group-7@2x.webp);
  background-size: 100% 100%;
  height: 380px;
  position: relative;
  width: 334.1px;
}

.index .text-4 {
  height: 144px;
  left: calc(50.00% - 131px);
  position: absolute;
  top: 227px;
  width: 262px;
}

.index .bo-him-vip-1 {
  left: calc(50.00% - 137px);
  letter-spacing: 0;
  line-height: 55.2px;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 275px;
}

.index .mi-ngy-2 {
  left: calc(50.00% - 54px);
  top: 38px;
  white-space: nowrap;
}

.index .x18-t-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.99px var(--amber);
  background: linear-gradient(360deg, rgba(255, 94, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
  background-clip: text;
  left: calc(50.00% - 82px);
  letter-spacing: 0;
  line-height: 55.2px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 88px;
  white-space: nowrap;
}

.index .x2 {
  display: flex;
  gap: 31.9px;
  margin-left: 0.3px;
  width: 700.13px;
}

.index .km3-1 {
  background-image: url(../img/mask-group-8@2x.webp);
  background-size: 100% 100%;
  height: 380px;
  position: relative;
  width: 334.1px;
}

.index .mi-ngy-3 {
  left: calc(50.00% - 137px);
  top: 1px;
  width: 275px;
}

.index .hon-tin-1 {
  left: calc(50.00% - 57px);
  letter-spacing: 0;
  line-height: 55.2px;
  position: absolute;
  text-align: center;
  top: 38px;
  white-space: nowrap;
}

.index .percent-3 {
  -webkit-text-stroke: 0.99px var(--amber);
  left: calc(50.00% - 56px);
  line-height: 55.2px;
  top: 88px;
}

.index .km4-3 {
  background-image: url(../img/mask-group-9@2x.webp);
  background-size: 100% 100%;
  height: 380px;
  position: relative;
  width: 334.1px;
}

.index .np-rt-1 {
  left: calc(50.00% - 137px);
  letter-spacing: 0;
  line-height: 55.2px;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 275px;
}

.index .nhanh-chng-1 {
  left: calc(50.00% - 78px);
  letter-spacing: 0;
  line-height: 55.2px;
  position: absolute;
  text-align: center;
  top: 38px;
  white-space: nowrap;
}

.index .price-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.99px var(--amber);
  background: linear-gradient(360deg, rgba(255, 94, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-svn-gilroy-regular);
  font-size: 49.6px;
  font-weight: 400;
  left: calc(50.00% - 34px);
  letter-spacing: 0;
  line-height: 55.2px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 88px;
  white-space: nowrap;
}

.index .span0-1 {
  color: var(--black);
}

.index .span1-1 {
  color: var(--black);
  font-size: var(--font-size-xxs);
}

.index .text-6 {
  display: flex;
  height: 200px;
  left: calc(50.00% - 330px);
  position: absolute;
  top: 139px;
  width: 661px;
}

.index .t1-1-1 {
  aspect-ratio: 4.74;
  height: 141.91px;
  margin-left: -0.3px;
  margin-top: -10.0px;
  object-fit: cover;
  width: 661.37px;
}

.index .nhn-thng-qun-su-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 33%, rgba(153, 153, 153, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-svn-gilroy-xbolditalic);
  font-size: 52.2px;
  font-style: italic;
  font-weight: 800;
  left: calc(50.00% - 314px);
  letter-spacing: 0;
  line-height: 45.7px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-transform: uppercase;
  filter: drop-shadow(0px 3.28px 3.28px #00000080);
  top: 281px;
  white-space: nowrap;
}

.index .nhn-thng-qun-su-1 .nhn-thng-qun-su-1-img {
  height: auto;
  width: 628px;
}

.index .logo-1 {
  display: flex;
  height: 110px;
  left: calc(50.00% - 292px);
  position: absolute;
  top: 26px;
  width: 584px;
}

.index .frame-2-1 {
  background-image: url(../img/pri-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 109.09px;
  margin-left: -2.2px;
  margin-top: 0.9px;
  width: 83.69px;
}

.index .sv88_logo-pc-1-1 {
  height: 110px;
  margin-left: 31.4px;
  position: relative;
  width: 322.73px;
}

.index .vector-4 {
  height: 92.29%;
  left: 0;
  position: absolute;
  top: 2.61%;
  width: 25.15%;
}

.index .vector-5 {
  height: 88.82%;
  left: 23.49%;
  position: absolute;
  top: 4.41%;
  width: 27.83%;
}

.index .vector-6 {
  height: 91.70%;
  left: 49.50%;
  position: absolute;
  top: 2.97%;
  width: 50.43%;
}

.index .frame-3-1 {
  display: flex;
  height: 120px;
  margin-left: 32.2px;
  margin-top: -4.5px;
  width: 126.29px;
}

.index .c1-1-1 {
  aspect-ratio: 1.05;
  height: 109.09px;
  margin-left: 5.7px;
  margin-top: 5.5px;
  object-fit: cover;
  width: 114.81px;
}

.index .ft-1 {
  align-items: center;
  background-color: var(--asphalt);
  bottom: 0;
  display: flex;
  height: 60px;
  justify-content: center;
  left: 0;
  position: absolute;
  width: 750px;
}

.index .x2026-ton-b-bn-1 {
  color: var(--white);
  font-family: var(--font-family-svn-gilroy-regular);
  font-size: var(--font-size-xxxxs);
  font-weight: 400;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 1px;
  white-space: nowrap;
  width: 446px;
}

.index .x1112 {
  height: 70px;
  left: calc(50.00% - 407px);
  position: absolute;
  top: 4450px;
  width: 815px;
}

.index .bg1111-1 {
  aspect-ratio: 11.64;
  height: 70px;
  left: 32px;
  position: absolute;
  top: 0;
  width: 750px;
}

.index .frame-2085665092-1 {
  height: 43px;
  left: 133px;
  position: absolute;
  top: calc(50.00% - 21px);
  width: 159px;
}

.index .truy-cp-domain-gc-1 {
  color: var(--mercury);
  font-family: var(--font-family-svn-gilroy-bold);
  font-size: 11.9px;
  font-weight: 700;
  left: calc(50.00% - 79px);
  letter-spacing: 0.24px;
  line-height: 29.3px;
  position: absolute;
  text-align: center;
  top: 22px;
  white-space: nowrap;
}

.index .ti-1111-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.53px var(--amber);
  background: linear-gradient(360deg, rgba(255, 94, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-svn-gilroy-heavy);
  font-size: 26.3px;
  font-weight: 400;
  left: calc(50.00% - 55px);
  letter-spacing: 0;
  line-height: 29.3px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 1px;
  white-space: nowrap;
}

.index .frame-2085665091-1 {
  height: 43px;
  left: 527px;
  position: absolute;
  top: calc(50.00% - 21px);
  width: 178px;
}

.index .tri-nghim-khng-gii-hn-1 {
  color: var(--mercury);
  font-family: var(--font-family-svn-gilroy-bold);
  font-size: 11.9px;
  font-weight: 700;
  left: calc(50.00% - 89px);
  letter-spacing: 0.24px;
  line-height: 29.3px;
  position: absolute;
  text-align: center;
  top: 22px;
  white-space: nowrap;
}

.index .sv88com-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.53px var(--amber);
  background: linear-gradient(360deg, rgba(255, 94, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-svn-gilroy-heavy);
  font-size: 33.9px;
  font-weight: 400;
  left: calc(50.00% - 84px);
  letter-spacing: 0;
  line-height: 29.3px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 1px;
  white-space: nowrap;
}

.index .f1-1 {
  height: 405px;
  left: calc(50.00% - 346px);
  position: absolute;
  top: 2417px;
  width: 329px;
}

.index .km4-4 {
  height: 191px;
  left: -6px;
  position: absolute;
  top: 28px;
  width: 328px;
}

.index .km1-4 {
  height: 374px;
  left: 6px;
  position: absolute;
  top: 2px;
  width: 329px;
}

.index .mask-group-1 {
  height: 175px;
  left: 8px;
  position: absolute;
  top: 199px;
  width: 324px;
}

.index .text-7 {
  background-color: #2d02015e;
  display: flex;
  height: 178px;
  justify-content: center;
  left: calc(50.00% - 156px);
  position: absolute;
  top: 199px;
  width: 324px;
}

.index .frame-2085665104-1 {
  height: 147.93px;
  margin-left: -0.1px;
  margin-top: 16.5px;
  position: relative;
  width: 270.17px;
}

.index .np-ln-u-1 {
  color: var(--banana-mania);
  font-family: var(--font-family-svn-gilroy-bold);
  font-size: 31.2px;
  font-weight: 700;
  left: calc(50.00% - 135px);
  letter-spacing: 0;
  line-height: 54.3px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 270px;
}

.index .tng-ngay-1 {
  color: var(--banana-mania-2);
  font-family: var(--font-family-svn-gilroy-regular);
  font-size: 25.1px;
  font-weight: 400;
  left: calc(50.00% - 61px);
  letter-spacing: 0;
  line-height: 54.3px;
  position: absolute;
  text-align: center;
  top: 36px;
  white-space: nowrap;
}

.index .percent-4 {
  -webkit-text-stroke: 0.98px var(--amber);
  color: transparent;
  font-family: var(--font-family-svn-gilroy-heavy);
  font-size: 56.2px;
  font-weight: 400;
  left: calc(50.00% - 64px);
  line-height: 54.3px;
  top: 93px;
}

.index .image-1268363808-1 {
  aspect-ratio: 1.42;
  height: 227px;
  left: 3px;
  position: absolute;
  top: 0;
  width: 323px;
}

.index .f2-1 {
  height: 405px;
  left: 391px;
  position: absolute;
  top: 2417px;
  width: 330px;
}

.index .km4-5 {
  height: 191px;
  left: -6px;
  position: absolute;
  top: 28px;
  width: 328px;
}

.index .km1-5 {
  height: 374px;
  left: 6px;
  position: absolute;
  top: 2px;
  width: 329px;
}

.index .text-8 {
  height: 141px;
  left: calc(50.00% - 129px);
  position: absolute;
  top: 220px;
  width: 257px;
}

.index .hon-tr-1 {
  color: var(--banana-mania);
  font-family: var(--font-family-svn-gilroy-bold);
  font-size: 31.2px;
  font-weight: 700;
  left: calc(50.00% - 135px);
  letter-spacing: 0;
  line-height: 54.3px;
  position: absolute;
  text-align: center;
  top: -5px;
  width: 270px;
}

.index .siu-khng-1 {
  color: var(--banana-mania-2);
  font-family: var(--font-family-svn-gilroy-regular);
  font-size: 25.1px;
  font-weight: 400;
  left: calc(50.00% - 63px);
  letter-spacing: 0;
  line-height: 54.3px;
  position: absolute;
  text-align: center;
  top: 30px;
  white-space: nowrap;
}

.index .percent-5 {
  -webkit-text-stroke: 0.98px var(--amber);
  color: transparent;
  font-family: var(--font-family-svn-gilroy-heavy);
  font-size: 56.2px;
  font-weight: 400;
  left: calc(50.00% - 73px);
  line-height: 54.3px;
  top: 88px;
}

.index .image-1268363809-1 {
  aspect-ratio: 1.42;
  height: 227px;
  left: 3px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 323px;
}

.index .f3-1 {
  height: 403px;
  left: 23px;
  position: absolute;
  top: 2839px;
  width: 341px;
}

.index .f4-1 {
  height: 403px;
  left: 385px;
  position: absolute;
  top: 2839px;
  width: 335px;
}

.index .frame-2085665107 {
  height: 175px;
  left: 56px;
  position: absolute;
  top: 2233px;
  width: 638px;
}

.index .vi-u-i-dnh-ring-cho-anh-em-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(360deg, rgba(247, 143, 31, 1) 0%, rgba(255, 254, 252, 1) 100%);
  background-clip: text;
  left: calc(50.00% - 297px);
  letter-spacing: 0;
  line-height: 62.7px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 106px;
  white-space: nowrap;
}

.index .tham-gia-cc {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(360deg, rgba(247, 143, 31, 1) 0%, rgba(255, 254, 252, 1) 100%);
  background-clip: text;
  left: calc(50.00% - 133px);
  letter-spacing: 0;
  line-height: 62.7px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 0;
  white-space: nowrap;
}

.index .ngoi-hng-anh-champion-league {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(360deg, rgba(247, 143, 31, 1) 0%, rgba(255, 254, 252, 1) 100%);
  background-clip: text;
  left: calc(50.00% - 319px);
  letter-spacing: 0;
  line-height: 62.7px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 53px;
  white-space: nowrap;
}

.index .frame-2085665108 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 126px;
  left: 90px;
  position: absolute;
  top: 3280px;
  width: 570px;
}

.index .mi-loi-ko-ct-cho-anh-em {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(360deg, rgba(247, 143, 31, 1) 0%, rgba(255, 254, 252, 1) 100%);
  background-clip: text;
  height: 63px;
  letter-spacing: 0;
  line-height: 62.7px;
  text-align: center;
  text-fill-color: transparent;
  white-space: nowrap;
  width: 570px;
}

.index .cc-v-thng {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(360deg, rgba(247, 143, 31, 1) 0%, rgba(255, 254, 252, 1) 100%);
  background-clip: text;
  height: 63px;
  letter-spacing: 0;
  line-height: 62.7px;
  margin-left: 1px;
  text-align: center;
  text-fill-color: transparent;
  white-space: nowrap;
  width: 271px;
}

.index .frame-2085665100-1 {
  bottom: 682px;
  display: flex;
  height: 469px;
  justify-content: center;
  left: calc(50.00% - 354px);
  position: absolute;
  width: 709px;
}

.index .frame-2085665109 {
  display: flex;
  gap: 35px;
  height: 469px;
  margin-left: 1px;
  width: 700px;
}

.index .frame-2085665109-item {
  aspect-ratio: 0.71;
  height: 469.36px;
  margin-top: -0.2px;
  object-fit: cover;
  width: 332.49px;
}

.index .frame-2085665110 {
  display: flex;
  gap: 35px;
  height: 469px;
  left: calc(50.00% - 350px);
  position: absolute;
  top: 3933px;
  width: 700px;
}

.index .frame-2085665110-item {
  aspect-ratio: 0.71;
  height: 469.36px;
  object-fit: cover;
  width: 332.49px;
}

.index .image {
  aspect-ratio: 1;
  height: 31px;
  left: 17px;
  object-fit: cover;
  position: absolute;
  width: 31px;
}

.index .input-action {
  align-items: flex-end;
  display: inline-flex;
  flex-direction: column;
  gap: 9.41px;
  height: 24px;
  justify-content: center;
  left: 547px;
  position: absolute;
}

.index .mi-ngy {
  letter-spacing: 0;
  line-height: 55.2px;
  position: absolute;
  text-align: center;
}

.index .percent {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(360deg, rgba(255, 94, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
  background-clip: text;
  letter-spacing: 0;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  white-space: nowrap;
}

.index .rectangle {
  left: -1px;
  position: absolute;
  top: 1px;
  width: 701px;
}
/* screen - pc */

.pc {
  background-color: var(--asphalt);
  min-height: 3144px;
  min-width: 1920px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.pc .bg_5-2 {
  aspect-ratio: 1.93;
  bottom: 620px;
  height: 1230px;
  left: 0;
  position: absolute;
  width: 1920px;
}

.pc .bg_5-1 {
  aspect-ratio: 1.48;
  height: 937px;
  left: -76px;
  object-fit: cover;
  position: absolute;
  top: -21px;
  width: 1384px;
}

.pc .ct66-1 {
  aspect-ratio: 2.36;
  height: 450px;
  left: 21px;
  position: absolute;
  top: 357px;
  width: 1063px;
}

.pc .fdk {
  height: 567px;
  left: 1215px;
  position: absolute;
  top: 120px;
  width: 626px;
}

.pc .group-2085663229 {
  animation: sv-cta-zoom 1.4s ease-in-out infinite;
  background-image: url(../img/bnt-cn-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 100px;
  left: calc(50.00% + 377px);
  position: absolute;
  top: 570px;
  width: 383px;
}

.pc .group-2085663230 {
  height: 60px;
  left: 1262px;
  position: absolute;
  top: 479px;
  width: 535px;
}

.pc .rectangle-34624324 {
  width: 533px;
}

.pc .image-1268363796 {
  aspect-ratio: 1;
  height: 20px;
  left: 19px;
  object-fit: cover;
  position: absolute;
  top: 22px;
  width: 20px;
}

.pc .nhp-s-in-thoi {
  left: 54px;
  letter-spacing: 0;
  line-height: 27.1px;
  position: absolute;
  top: calc(50.00% - 14px);
  white-space: nowrap;
}

.pc .group-2085663233 {
  height: 60px;
  left: 1262px;
  position: absolute;
  top: 236px;
  width: 534px;
}

.pc .rectangle-3462432 {
  width: 532px;
}

.pc .tn-ti-khon {
  left: 54px;
  letter-spacing: 0;
  line-height: 27.1px;
  position: absolute;
  top: calc(50.00% - 14px);
  white-space: nowrap;
}

.pc .image-1268363806 {
  aspect-ratio: 1;
  height: 20px;
  left: 16px;
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 10.5px);
  width: 20px;
}

.pc .group-2085663232 {
  height: 60px;
  left: 1262px;
  position: absolute;
  top: 316px;
  width: 534px;
}

.pc .input-action {
  align-items: flex-end;
  display: inline-flex;
  flex-direction: column;
  gap: 8.41px;
  height: 21px;
  justify-content: center;
  left: 489px;
  position: absolute;
  top: calc(50.00% - 10.5px);
}

.pc .icon-eye-slash {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 21.02px;
  justify-content: center;
  position: relative;
  width: 21.02px;
}

.pc .mt-khu {
  left: 54px;
  letter-spacing: 0;
  line-height: 27.1px;
  position: absolute;
  top: calc(50.00% - 13px);
  white-space: nowrap;
}

.pc .image-126836380 {
  aspect-ratio: 1;
  height: 27px;
  left: 15px;
  object-fit: cover;
  position: absolute;
  top: 17px;
  width: 27px;
}

.pc .group-2085663231 {
  height: 60px;
  left: 1262px;
  position: absolute;
  top: 398px;
  width: 534px;
}

.pc .input-action-1 {
  align-items: flex-end;
  display: inline-flex;
  flex-direction: column;
  gap: 8.41px;
  height: 21px;
  justify-content: center;
  left: 489px;
  position: absolute;
  top: calc(50.00% - 10.5px);
}

.pc .xc-nhn-mt-khu {
  left: 54px;
  letter-spacing: 0;
  line-height: 27.1px;
  position: absolute;
  top: calc(50.00% - 14px);
  white-space: nowrap;
}

.pc .km {
  background-color: #020100;
  display: flex;
  height: 582px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 863px;
  width: 1920px;
}

.pc .frame-2085665093 {
  align-items: center;
  display: inline-flex;
  gap: 40px;
  height: 476px;
  margin-top: 49px;
  position: relative;
  width: 1794px;
}

.pc .km1 {
  background-image: url(../img/mask-group@2x.webp);
  background-size: 100% 100%;
  height: 476px;
  position: relative;
  width: 418.5px;
}

.pc .vector-2 {
  height: 476px;
  left: 0;
  position: absolute;
  top: 0;
  width: 418px;
}

.pc .text-1 {
  height: 180px;
  left: 44px;
  position: absolute;
  top: 284px;
  width: 328px;
}

.pc .thng-hng-vip {
  left: calc(50.00% - 164px);
  letter-spacing: 0;
  line-height: 69.1px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.pc .mi-thng {
  left: calc(50.00% - 74px);
}

.pc .x500-triu {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.24px var(--amber);
  background: linear-gradient(360deg, rgba(255, 94, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
  background-clip: text;
  left: calc(50.00% - 164px);
  letter-spacing: 0;
  line-height: 69.1px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 110px;
  white-space: nowrap;
}

.pc .km2 {
  background-image: url(../img/mask-group-1@2x.webp);
  background-size: 100% 100%;
  height: 476px;
  position: relative;
  width: 418.5px;
}

.pc .text {
  height: 180px;
  left: calc(50.00% - 164px);
  position: absolute;
  top: 284px;
  width: 328px;
}

.pc .bo-him-vip {
  left: calc(50.00% - 171px);
  letter-spacing: 0;
  line-height: 69.1px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 344px;
}

.pc .mi-ngy {
  left: calc(50.00% - 67px);
}

.pc .x18-t {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.24px var(--amber);
  background: linear-gradient(360deg, rgba(255, 94, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
  background-clip: text;
  left: calc(50.00% - 103px);
  letter-spacing: 0;
  line-height: 69.1px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 110px;
  white-space: nowrap;
}

.pc .km3 {
  background-image: url(../img/mask-group-2@2x.webp);
  background-size: 100% 100%;
  height: 476px;
  position: relative;
  width: 418.5px;
}

.pc .mi-ngy-1 {
  left: calc(50.00% - 172px);
  letter-spacing: 0;
  line-height: 69.1px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 344px;
}

.pc .hon-tin {
  left: calc(50.00% - 71px);
  line-height: 69.1px;
  top: 47px;
  white-space: nowrap;
}

.pc .percent {
  left: calc(50.00% - 70px);
  line-height: 69.1px;
  top: 110px;
}

.pc .km4 {
  background-image: url(../img/mask-group-3@2x.webp);
  background-size: 100% 100%;
  height: 476px;
  position: relative;
  width: 418.5px;
}

.pc .vector-2-1 {
  height: 476px;
  left: 6px;
  position: absolute;
  top: 0;
  width: 418px;
}

.pc .np-rt {
  left: calc(50.00% - 172px);
  letter-spacing: 0;
  line-height: 69.1px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 344px;
}

.pc .nhanh-chng {
  left: calc(50.00% - 98px);
  letter-spacing: 0;
  line-height: 69.1px;
  position: absolute;
  text-align: center;
  top: 47px;
  white-space: nowrap;
}

.pc .price {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.24px var(--amber);
  background: linear-gradient(360deg, rgba(255, 94, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-svn-gilroy-regular);
  font-size: 62.1px;
  font-weight: 400;
  left: calc(50.00% - 42px);
  letter-spacing: 0;
  line-height: 69.1px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 110px;
  white-space: nowrap;
}

.pc .span0 {
  color: var(--black);
}

.pc .span1 {
  color: var(--black);
  font-size: var(--font-size-s);
}

.pc .frame-2085665096 {
  height: 106px;
  left: -253px;
  position: absolute;
  top: 777px;
  width: 2426px;
}

.pc .frame-2085665095 {
  display: flex;
  height: 106px;
  left: calc(50.00% - 1213px);
  position: absolute;
  top: 0;
  width: 2426px;
}

.pc .bg_tieude-1 {
  aspect-ratio: 22.88;
  height: 99px;
  margin-left: 253px;
  width: 1920px;
}

.pc .frame-2085665094 {
  background: linear-gradient(90deg, rgba(10, 1, 0, 1) 0%, rgba(255, 112, 0, 1) 50%, rgba(10, 1, 0, 1) 100%);
  height: 2px;
  left: 253px;
  position: absolute;
  top: 0;
  width: 1920px;
}

.pc .th-thao-nh-cao-vi-c-quyn-svip {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(360deg, rgba(247, 143, 31, 1) 0%, rgba(255, 254, 252, 1) 100%);
  background-clip: text;
  left: calc(50.00% - 494px);
  letter-spacing: 0;
  line-height: 76.7px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 812px;
  white-space: nowrap;
}

.pc .frame-2085665106 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2px;
  height: 128px;
  left: 290px;
  position: absolute;
  top: 1475px;
  width: 1341px;
}

.pc .tham-gia-cc-ngoi {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(360deg, rgba(247, 143, 31, 1) 0%, rgba(255, 254, 252, 1) 100%);
  background-clip: text;
  height: 63px;
  letter-spacing: 0;
  line-height: 62.7px;
  text-align: center;
  text-fill-color: transparent;
  white-space: nowrap;
  width: 1341px;
}

.pc .vi-u-i-dnh-ring-cho-anh-em {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(360deg, rgba(247, 143, 31, 1) 0%, rgba(255, 254, 252, 1) 100%);
  background-clip: text;
  height: 63px;
  letter-spacing: 0;
  line-height: 62.7px;
  text-align: center;
  text-fill-color: transparent;
  white-space: nowrap;
  width: 875px;
}

.pc .mi-loi-ko-ct {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(360deg, rgba(247, 143, 31, 1) 0%, rgba(255, 254, 252, 1) 100%);
  background-clip: text;
  left: calc(50.00% - 625px);
  letter-spacing: 0;
  line-height: 69.7px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 2209px;
  white-space: nowrap;
}

.pc .text-2 {
  display: flex;
  height: 230px;
  left: 216px;
  position: absolute;
  top: 139px;
  width: 760px;
}

.pc .t1-1 {
  aspect-ratio: 4.74;
  height: 163.2px;
  margin-left: -0.3px;
  margin-top: -11.5px;
  object-fit: cover;
  width: 760.57px;
}

.pc .logo {
  height: 110px;
  left: 318px;
  position: absolute;
  top: 26px;
  width: 584px;
}

.pc .frame-2 {
  background-image: url(../img/pri-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 109px;
  left: -2px;
  position: absolute;
  top: 1px;
  width: 84px;
}

.pc .frame-3 {
  display: flex;
  height: 120px;
  left: 468px;
  position: absolute;
  top: -5px;
  width: 126px;
}

.pc .c1-1 {
  aspect-ratio: 1.05;
  height: 109.09px;
  margin-left: 5.7px;
  margin-top: 5.5px;
  object-fit: cover;
  width: 114.81px;
}

.pc .sv88_logo-pc-1 {
  height: 110px;
  left: 113px;
  position: absolute;
  top: 0;
  width: 323px;
}

.pc .vector {
  height: 92.29%;
  left: 0;
  position: absolute;
  top: 2.61%;
  width: 25.15%;
}

.pc .vector-1 {
  height: 88.82%;
  left: 23.49%;
  position: absolute;
  top: 4.41%;
  width: 27.83%;
}

.pc .vector-3 {
  height: 91.70%;
  left: 49.50%;
  position: absolute;
  top: 2.97%;
  width: 50.43%;
}

.pc .nhn-thng-qun-su {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 33%, rgba(153, 153, 153, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-svn-gilroy-xbolditalic);
  font-size: 53px;
  font-style: italic;
  font-weight: 800;
  left: calc(50.00% - 376px);
  letter-spacing: 0;
  line-height: 82.51px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  text-transform: uppercase;
  filter: drop-shadow(0px 3.77px 3.77px #00000080);
  top: 268px;
  white-space: nowrap;
}

.pc .nhn-thng-qun-su .nhn-thng-qun-su-img {
  height: auto;
  width: 722px;
}

.pc .x1111 {
  align-items: center;
  background-image: url(../img/bg1111-1.webp);
  background-size: 100% 100%;
  display: flex;
  gap: 555px;
  height: 165px;
  left: 0;
  position: absolute;
  top: 2914px;
  width: 1920px;
}

.pc .frame-2085665092 {
  height: 102px;
  margin-left: 313px;
  margin-top: 1px;
  position: relative;
  width: 374px;
}

.pc .truy-cp-domain-gc {
  color: var(--mercury);
  font-family: var(--font-family-svn-gilroy-bold);
  font-size: 28px;
  font-weight: 700;
  left: calc(50.00% - 187px);
  letter-spacing: 0.56px;
  line-height: 69.1px;
  position: absolute;
  text-align: center;
  top: 52px;
  white-space: nowrap;
}

.pc .ti-1111 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.24px var(--amber);
  background: linear-gradient(360deg, rgba(255, 94, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
  background-clip: text;
  left: calc(50.00% - 130px);
  letter-spacing: 0;
  line-height: 69.1px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 0;
  white-space: nowrap;
}

.pc .frame-2085665091 {
  height: 102px;
  margin-top: 1px;
  position: relative;
  width: 420px;
}

.pc .tri-nghim-khng-gii-hn {
  color: var(--mercury);
  font-family: var(--font-family-svn-gilroy-bold);
  font-size: 28px;
  font-weight: 700;
  left: calc(50.00% - 210px);
  letter-spacing: 0.56px;
  line-height: 69.1px;
  position: absolute;
  text-align: center;
  top: 52px;
  white-space: nowrap;
}

.pc .sv88com {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.24px var(--amber);
  background: linear-gradient(360deg, rgba(255, 94, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-svn-gilroy-heavy);
  font-size: 80px;
  font-weight: 400;
  left: calc(50.00% - 197px);
  letter-spacing: 0;
  line-height: 69.1px;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 0;
  white-space: nowrap;
}

.pc .ft {
  align-items: center;
  background-color: var(--asphalt);
  bottom: 0;
  display: flex;
  height: 60px;
  justify-content: center;
  left: 0;
  position: absolute;
  width: 1920px;
}

.pc .x2026-ton-b-bn {
  color: var(--white);
  font-family: var(--font-family-svn-gilroy-regular);
  font-size: var(--font-size-xxxxs);
  font-weight: 400;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: -68px;
  margin-top: 1px;
  white-space: nowrap;
  width: 446px;
}

.pc .frame-2085665100 {
  display: flex;
  gap: 50px;
  height: 530px;
  left: calc(50.00% - 826px);
  position: absolute;
  top: 2328px;
  width: 1652px;
}

.pc .frame-2085665100-item {
  aspect-ratio: 0.71;
  height: 530px;
  margin-top: -0.2px;
  object-fit: cover;
  width: 375.44px;
}

.pc .h3333-1 {
  aspect-ratio: 0.71;
  height: 530px;
  margin-top: -0.2px;
  object-fit: cover;
  width: 375.44px;
}

.pc .h444-1 {
  aspect-ratio: 0.71;
  height: 530px;
  margin-top: -0.2px;
  object-fit: cover;
  width: 375.44px;
}

.pc .frame-2085665103 {
  display: flex;
  height: 520px;
  left: calc(50.00% - 901px);
  position: absolute;
  top: 1633px;
  width: 1801px;
}

.pc .f1 {
  height: 513.66px;
  position: relative;
  width: 417.74px;
}

.pc .km4-1 {
  height: 242px;
  left: -8px;
  position: absolute;
  top: 36px;
  width: 417px;
}

.pc .km1-1 {
  height: 475px;
  left: 8px;
  position: absolute;
  top: 3px;
  width: 417px;
}

.pc .mask-group {
  height: 222px;
  left: 10px;
  position: absolute;
  top: 252px;
  width: 411px;
}

.pc .frame-2085665104 {
  height: 188px;
  left: calc(50.00% - 164px);
  position: absolute;
  top: 273px;
  width: 343px;
}

.pc .np-ln-u {
  color: var(--banana-mania);
  font-family: var(--font-family-svn-gilroy-bold);
  font-size: 39.6px;
  font-weight: 700;
  left: calc(50.00% - 171px);
  letter-spacing: 0;
  line-height: 69.0px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 343px;
}

.pc .tng-ngay {
  color: var(--banana-mania-2);
  font-family: var(--font-family-svn-gilroy-regular);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  left: calc(50.00% - 78px);
  letter-spacing: 0;
  line-height: 69.0px;
  position: absolute;
  text-align: center;
  top: 45px;
  white-space: nowrap;
}

.pc .percent-1 {
  color: transparent;
  font-family: var(--font-family-svn-gilroy-heavy);
  font-size: 71.3px;
  font-weight: 400;
  left: calc(50.00% - 81px);
  line-height: 69.0px;
  top: 118px;
}

.pc .image-1268363808 {
  aspect-ratio: 1.42;
  height: 289px;
  left: 4px;
  position: absolute;
  top: 0;
  width: 410px;
}

.pc .f2 {
  height: 513.66px;
  margin-left: 42.3px;
  position: relative;
  width: 418.54px;
}

.pc .km4-2 {
  height: 242px;
  left: -8px;
  position: absolute;
  top: 36px;
  width: 417px;
}

.pc .km1-2 {
  height: 475px;
  left: 8px;
  position: absolute;
  top: 3px;
  width: 417px;
}

.pc .text-3 {
  height: 180px;
  left: calc(50.00% - 164px);
  position: absolute;
  top: 280px;
  width: 327px;
}

.pc .hon-tr {
  color: var(--banana-mania);
  font-family: var(--font-family-svn-gilroy-bold);
  font-size: 39.6px;
  font-weight: 700;
  left: calc(50.00% - 172px);
  line-height: 69.0px;
  top: -7px;
  width: 343px;
}

.pc .siu-khng {
  color: var(--banana-mania-2);
  font-family: var(--font-family-svn-gilroy-regular);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  left: calc(50.00% - 80px);
  letter-spacing: 0;
  line-height: 69.0px;
  position: absolute;
  text-align: center;
  top: 39px;
  white-space: nowrap;
}

.pc .percent-2 {
  color: transparent;
  font-family: var(--font-family-svn-gilroy-heavy);
  font-size: 71.3px;
  font-weight: 400;
  left: calc(50.00% - 93px);
  line-height: 69.0px;
  top: 111px;
}

.pc .image-1268363809 {
  aspect-ratio: 1.42;
  height: 289px;
  left: 4px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 410px;
}

.pc .f3 {
  height: 513.69px;
  margin-left: 34.5px;
  width: 434px;
}

.pc .f4 {
  height: 513.69px;
  margin-left: 27.4px;
  width: 426.14px;
}

.pc .hon {
  letter-spacing: 0;
  position: absolute;
  text-align: center;
}

.pc .mi {
  letter-spacing: 0;
  line-height: 69.1px;
  position: absolute;
  text-align: center;
  top: 47px;
  white-space: nowrap;
}

.pc .percent-3 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.24px var(--amber);
  background: linear-gradient(360deg, rgba(255, 94, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
  background-clip: text;
  letter-spacing: 0;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  white-space: nowrap;
}

.pc .rectangle {
  background-color: var(--white);
  border-radius: 10px;
  height: 60px;
  left: 0;
  position: absolute;
  top: 0;
}
@media screen and (orientation: portrait) {
  .screen.pc {
    display: none;
  }
  .screen.index {
    display: block;
  }
}
@media screen and (orientation: landscape) {
  .screen.pc {
    display: block;
  }
  .screen.index {
    display: none;
  }
}
/* ===== form functionality ===== */
.pc .sv-input,
.index .sv-input {
  background: transparent;
  border: none;
  color: #1a1a1a;
  font-family: var(--font-family-svn-gilroy-regular);
  font-weight: 400;
  outline: none;
  padding: 0;
  position: absolute;
  z-index: 2;
}
.pc .sv-input { font-size: 20px; height: 60px; top: 0; }
.index .sv-input { font-size: 22px; height: 67px; top: 0; }
#pc-phone, #pc-account { left: 54px; width: 450px; }
#pc-pass, #pc-confirm { left: 54px; width: 420px; }
#mb-phone, #mb-account { left: 56px; width: 500px; }
#mb-pass, #mb-confirm { left: 56px; width: 450px; }

.pc .nhp-s-in-thoi,
.pc .tn-ti-khon,
.pc .mt-khu,
.pc .xc-nhn-mt-khu,
.index .nhp-s-in-thoi-1,
.index .tn-ti-khon-1,
.index .mt-khu-1,
.index .xc-nhn-mt-khu-1 {
  pointer-events: none;
}
.pc .group-2085663230:focus-within .nhp-s-in-thoi,
.pc .group-2085663230.has-value .nhp-s-in-thoi,
.pc .group-2085663233:focus-within .tn-ti-khon,
.pc .group-2085663233.has-value .tn-ti-khon,
.pc .group-2085663232:focus-within .mt-khu,
.pc .group-2085663232.has-value .mt-khu,
.pc .group-2085663231:focus-within .xc-nhn-mt-khu,
.pc .group-2085663231.has-value .xc-nhn-mt-khu,
.index .group-2085663230-1:focus-within .nhp-s-in-thoi-1,
.index .group-2085663230-1.has-value .nhp-s-in-thoi-1,
.index .group-2085663233-1:focus-within .tn-ti-khon-1,
.index .group-2085663233-1.has-value .tn-ti-khon-1,
.index .group-2085663232-1:focus-within .mt-khu-1,
.index .group-2085663232-1.has-value .mt-khu-1,
.index .group-2085663231-1:focus-within .xc-nhn-mt-khu-1,
.index .group-2085663231-1.has-value .xc-nhn-mt-khu-1 {
  opacity: 0;
}
.pc .input-action,
.pc .input-action-1,
.index .input-action-2,
.index .input-action-3 {
  cursor: pointer;
  z-index: 3;
}
.pc .group-2085663229,
.index .cta {
  cursor: pointer;
}
.pc .group-2085663229.sv-disabled,
.index .cta.sv-disabled {
  opacity: 0.7;
}
.sv-msg {
  font-family: var(--font-family-svn-gilroy-regular);
  letter-spacing: 0;
  line-height: 1.3;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.2s;
  white-space: nowrap;
}
.sv-msg.show { opacity: 1; }
.sv-msg.error { color: #ffffff; }
.sv-msg.hint { color: #ffb24d; }
.sv-msg.success { color: #4ade80; }
.pc .sv-msg { font-size: 12px; left: 1268px; text-align: center; width: 520px; }
#pc-msg-account { top: 298px; }
#pc-msg-pass { top: 379px; }
#pc-msg-confirm { top: 461px; }
#pc-msg-phone { top: 544px; }
#pc-msg-success { font-size: 16px; left: 1262px; text-align: center; top: 676px; width: 535px; }
.index .sv-msg { font-size: 15px; left: 77px; text-align: center; width: 596px; }
#mb-msg-account { top: 838px; }
#mb-msg-pass { top: 928px; }
#mb-msg-confirm { top: 1019px; }
#mb-msg-phone { top: 1113px; }
#mb-msg-success { font-size: 18px; text-align: center; top: 1262px; width: 596px; }

@keyframes sv-cta-zoom {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
}
.pc .group-2085663229,
.index .cta {
  will-change: transform;
  transform-origin: center center;
}