/* screen - index */

html,
body {
  background-color: #3569ba;
}

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

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

.index .image-58 {
  aspect-ratio: 0.56;
  bottom: 24px;
  display: none;
  height: 3555px;
  left: calc(50.00% - 1011px);
  object-fit: cover;
  position: absolute;
  top: auto;
  width: 2001px;
}

.index .group-4sdsdsdsdsds-1 {
  height: 3094px;
  left: 0;
  object-fit: fill;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .rectangle-28 {
  background: linear-gradient(180deg, rgba(0, 38, 146, 1) 0%, rgba(0, 11, 44, 0) 100%);
  height: 545px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1926px;
}

.index .image-37 {
  aspect-ratio: 1;
  height: 221px;
  left: 1210px;
  object-fit: cover;
  position: absolute;
  top: 51px;
  width: 221px;
}

.index .group-21 {
  height: 623px;
  left: calc(50.00% - 42px);
  position: absolute;
  top: 287px;
  width: 802px;
}

.index .frame-2147224111 {
  background: linear-gradient(0deg, rgba(0, 18, 57, 1) 0%, rgba(0, 54, 167, 1) 100%);
  border: 1.33px solid;
  border-color: var(--white);
  border-radius: 44.19px;
  box-shadow: 0px 3.54px 3.54px #0077ff;
  height: 573px;
  left: calc(50.00% - 401px);
  position: absolute;
  top: 0;
  width: 802px;
}

.index .group-20 {
  display: flex;
  flex-direction: column;
  gap: 36.6px;
  height: 364px;
  left: 57px;
  position: absolute;
  top: 73px;
  width: 683px;
}

.index .fields {
  height: 99.95px;
  padding: 25.2px 36.01px;
}

.index .iconly-bulk-p {
  height: 51.36px;
  margin-bottom: -0.91px;
  margin-top: -0.91px;
  position: relative;
  width: 51.36px;
}

.index .atom {
  margin-right: -103.29px;
  width: 644.5px;
}

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

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

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

.index .fields-1 {
  height: 91.3px;
  padding: 21.6px 36.01px;
}

.index .iconly-bulk-call {
  height: 49.75px;
  margin-bottom: -0.83px;
  margin-top: -0.83px;
  position: relative;
  width: 49.75px;
}

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

.index .layer-4xzxzxzxzxzxz-1 {
  aspect-ratio: 4.21;
  height: 145px;
  left: 93px;
  object-fit: cover;
  position: absolute;
  top: 478px;
  width: 612px;
}

.index .group-26 {
  display: flex;
  height: 1202px;
  left: 27px;
  position: absolute;
  top: -117px;
  width: 997px;
}

.index .group-2085662948 {
  background-image: url(../img/group-3dsdsdsdsd-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1202px;
  width: 997px;
}

.index .group-25 {
  height: 100.37px;
  margin-left: 263.0px;
  margin-top: 932.0px;
  width: 526.67px;
}

.index .thin-ng-c-th {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-weight: 900;
  left: calc(50.00% - 345px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 2254px;
}

.index .group-2085662935 {
  background: linear-gradient(90deg, rgba(166, 188, 255, 1) 0%, rgba(152, 248, 254, 1) 100%);
  border-radius: 32.28px;
  display: flex;
  height: 375px;
  justify-content: center;
  left: 306px;
  position: absolute;
  top: 2365px;
  width: 1296px;
}

.index .frame-2147224153 {
  background: linear-gradient(90deg, rgba(166, 188, 255, 1) 0%, rgba(152, 248, 254, 1) 100%);
  height: 314.95px;
  margin-left: -1.0px;
  margin-top: 25.4px;
  position: relative;
  width: 1218.73px;
}

.index .image-39 {
  aspect-ratio: 1.53;
  height: 190px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 291px;
}

.index .image-40 {
  aspect-ratio: 1.53;
  height: 190px;
  left: 315px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 291px;
}

.index .image-41 {
  aspect-ratio: 1.53;
  height: 190px;
  left: 630px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 291px;
}

.index .image-42 {
  aspect-ratio: 1.53;
  height: 190px;
  left: 945px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 290px;
}

.index .image-43 {
  aspect-ratio: 5.33;
  height: 114px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 204px;
  width: 609px;
}

.index .image-44 {
  aspect-ratio: 5.33;
  height: 114px;
  left: 624px;
  object-fit: cover;
  position: absolute;
  top: 204px;
  width: 610px;
}

.index .layer-11sdsddsxsxsxs-1 {
  aspect-ratio: 3.46;
  height: 576px;
  left: 0;
  position: absolute;
  top: 968px;
  width: 1920px;
}

.index .frame-2147224176 {
  display: flex;
  height: 366px;
  left: 299px;
  position: absolute;
  top: 958px;
  width: 1316px;
}

.index .frame-2147224178 {
  align-items: flex-start;
  display: flex;
  margin-left: -9.3px;
  min-width: 1330px;
}

.index .group-container {
  height: 366px;
  position: relative;
  width: 1309px;
}

.index .group-35 {
  height: 335px;
  left: 492px;
  position: absolute;
  top: 0;
  width: 818px;
}

.index .group-33 {
  background-image: url(../img/group-1-copy-3dwds-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 325px;
  left: 497px;
  position: absolute;
  top: 10px;
  width: 198px;
}

.index .citypngcomuefa-champ {
  aspect-ratio: 1;
  height: 41.47px;
  margin-left: 61.4px;
  margin-top: 14.0px;
  object-fit: cover;
  width: 41.47px;
}

.index .group-32 {
  background-image: url(../img/wwgroup-1-copy-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 313px;
  left: 315px;
  position: absolute;
  top: 0;
  width: 196px;
}

.index .citypngcomuefa-champ-1 {
  aspect-ratio: 1;
  height: 47.69px;
  margin-left: 77.1px;
  margin-top: 20.7px;
  object-fit: cover;
  width: 47.69px;
}

.index .group-31 {
  background-image: url(../img/group-1-copy-4dsdsd-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 328px;
  left: 166px;
  position: absolute;
  top: 0;
  width: 166px;
}

.index .citypngcomuefa-champ-2 {
  aspect-ratio: 1;
  height: 59.1px;
  margin-left: 56.4px;
  margin-top: 15.6px;
  object-fit: cover;
  width: 59.1px;
}

.index .group-34 {
  background-image: url(../img/group-1-copy-2sd-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 310px;
  left: 654px;
  position: absolute;
  top: 2px;
  width: 164px;
}

.index .citypngcomuefa-champ-3 {
  aspect-ratio: 1;
  height: 75.69px;
  margin-left: 50.8px;
  margin-top: 8.3px;
  object-fit: cover;
  width: 75.69px;
}

.index .group-30 {
  background-image: url(../img/group1sdsdsds-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 313px;
  left: 0;
  position: absolute;
  top: 0;
  width: 161px;
}

.index .citypngcomuefa-champ-4 {
  aspect-ratio: 1;
  height: 54.95px;
  margin-left: 57.0px;
  margin-top: 19.7px;
  object-fit: cover;
  width: 54.95px;
}

.index .group-2085662949 {
  height: 366px;
  left: 0;
  position: absolute;
  top: 0;
  width: 556px;
}

.index .group-29 {
  background-image: url(../img/group-1-copy-5-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 314px;
  left: 0;
  position: absolute;
  top: 0;
  width: 154px;
}

.index .citypngcomuefa-champ-5 {
  aspect-ratio: 0.88;
  height: 45.29px;
  margin-left: 65.3px;
  margin-top: 21.8px;
  width: 39.88px;
}

.index .group-27 {
  background-image: url(../img/group-1-copy-7-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 342px;
  left: 308px;
  position: absolute;
  top: 10px;
  width: 248px;
}

.index .citypngcomuefa-champ-6 {
  aspect-ratio: 1;
  height: 43.63px;
  margin-left: 85.4px;
  margin-top: 12.9px;
  object-fit: cover;
  width: 43.63px;
}

.index .group-28 {
  background-image: url(../img/group-1-copy-6-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 356px;
  left: 116px;
  position: absolute;
  top: 10px;
  width: 264px;
}

.index .citypngcomuefa-champ-7 {
  aspect-ratio: 1;
  height: 51.66px;
  margin-left: 106.3px;
  margin-top: 8.8px;
  object-fit: cover;
  width: 51.66px;
}

.index .group-2085662934 {
  height: 270px;
  left: 306px;
  position: absolute;
  top: 2767px;
  width: 1298px;
}

.index .rectangle-33 {
  background: linear-gradient(180deg, rgba(167, 185, 255, 1) 0%, rgba(151, 254, 254, 1) 100%);
  border-radius: 31.89px;
  height: 270px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1296px;
}

.index .group-2085662923 {
  display: flex;
  gap: 18.7px;
  height: 137px;
  left: 33px;
  position: absolute;
  top: 90px;
  width: 1231px;
}

.index .game-1 {
  background: linear-gradient(149deg, rgba(0, 4, 63, 1) 0%, rgba(14, 222, 245, 1) 100%);
  border-radius: 7.81px;
  height: 136.61px;
  margin-left: 0;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  width: 231.27px;
}

.index .mask-group {
  background-image: url(../img/rectangle-41201@2x.webp);
  background-size: 100% 100%;
  display: flex;
  height: 100.00%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.index .image-2790 {
  flex: 1;
  width: 231.27px;
}

.index .rectangle-41217 {
  -webkit-backdrop-filter: blur(24.4px) brightness(100%);
  backdrop-filter: blur(24.4px) brightness(100%);
  height: 108px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100.00%;
}

.index .ellipse-1525 {
  bottom: 0;
  height: 137px;
  left: calc(50.00% - 46px);
  mix-blend-mode: overlay;
  position: absolute;
  width: 161px;
}

.index .image-1268363257 {
  aspect-ratio: 1.25;
  height: 137px;
  left: calc(50.00% - 100px);
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 68px);
  width: 215px;
}

.index .ellipse-1524 {
  background-color: var(--lucky-point);
  border-radius: 93.91px/25.86px;
  bottom: -29px;
  filter: blur(19.08px);;
  height: 52px;
  left: 20.74%;
  position: absolute;
  width: 81.21%;
}

.index .fill-buttons {
  align-items: center;
  background: linear-gradient(180deg, rgba(10, 141, 255, 1) 0%, rgba(37, 71, 143, 1) 100%);
  border: 0.98px solid;
  border-color: var(--bright-turquoise);
  border-radius: 7.81px;
  bottom: 9px;
  display: inline-flex;
  gap: 5.85px;
  height: 27px;
  justify-content: center;
  left: 16px;
  padding: 5.85px 11.71px;
  position: absolute;
}

.index .ng-nhp {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 15.6px;
  margin-top: -1.17px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .ti-xu {
  align-items: center;
  display: flex;
  height: 28px;
  left: 16px;
  letter-spacing: 0;
  line-height: 27.5px;
  position: absolute;
  top: 27px;
  white-space: nowrap;
}

.index .game {
  background: linear-gradient(149deg, rgba(0, 4, 63, 1) 0%, rgba(14, 222, 245, 1) 100%);
  border-radius: 7.81px;
  height: 136.61px;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  width: 231.27px;
}

.index .image-1268363265 {
  aspect-ratio: 1.13;
  bottom: 28px;
  height: 237px;
  left: calc(50.00% - 26px);
  object-fit: cover;
  position: absolute;
  width: 266px;
}

.index .bn-c {
  align-items: center;
  display: flex;
  height: 28px;
  left: 16px;
  letter-spacing: 0;
  line-height: 27.5px;
  position: absolute;
  top: 27px;
  white-space: nowrap;
}

.index .mask-group-1 {
  height: 100%;
  width: 100%;
}

.index .rectangle-41217-1 {
  -webkit-backdrop-filter: blur(24.4px) brightness(100%);
  backdrop-filter: blur(24.4px) brightness(100%);
  height: 108px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.index .image-31334214-1 {
  bottom: 0;
  height: 137px;
  left: calc(50.00% - 30px);
  position: absolute;
  width: 146px;
}

.index .game-bi {
  height: 55px;
  left: 16px;
  letter-spacing: 0;
  line-height: 27.5px;
  position: absolute;
  top: 16px;
}

.index .mask-group-2 {
  height: 100.00%;
  width: 100.00%;
}

.index .image-1268363259 {
  aspect-ratio: 0.72;
  height: 304px;
  left: 66px;
  object-fit: cover;
  position: absolute;
  top: -98px;
  width: 220px;
}

.index .slots-game {
  height: 55px;
  left: 16px;
  letter-spacing: 0;
  line-height: 27.5px;
  position: absolute;
  top: 13px;
}

.index .firefly-chicken-game-88803-1 {
  bottom: 0;
  height: 137px;
  left: calc(50.00% - 58px);
  position: absolute;
  width: 173px;
}

.index .g {
  align-items: center;
  display: flex;
  height: 28px;
  left: 16px;
  letter-spacing: 0;
  line-height: 27.5px;
  position: absolute;
  top: 27px;
  white-space: nowrap;
}

.index .cng-nhiu-dng-game-bi-thng-ln {
  color: var(--lucky-point);
  font-family: var(--font-family-roboto);
  font-size: 34.5px;
  font-weight: 900;
  left: calc(50.00% - 352px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 34px;
  white-space: nowrap;
}

.index .group-2085662946 {
  height: 870px;
  left: 306px;
  position: absolute;
  top: 1328px;
  width: 1283px;
}

.index .group-2085662929 {
  height: 370px;
  left: 430px;
  position: absolute;
  top: 297px;
  width: 853px;
}

.index .image-1268363266 {
  aspect-ratio: 2.39;
  height: 174px;
  left: 438px;
  object-fit: cover;
  position: absolute;
  top: 196px;
  width: 415px;
}

.index .image-1268363267 {
  aspect-ratio: 2.39;
  height: 174px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 415px;
}

.index .image-1268363268 {
  aspect-ratio: 2.39;
  height: 174px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 196px;
  width: 415px;
}

.index .image-1268363269 {
  aspect-ratio: 2.39;
  height: 174px;
  left: 438px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 415px;
}

.index .image-1268363612 {
  aspect-ratio: 3.07;
  height: 278px;
  left: 430px;
  position: absolute;
  top: 1px;
  width: 853px;
}

.index .group-5 {
  display: flex;
  height: 223px;
  left: 405px;
  position: absolute;
  top: 646px;
  width: 878px;
}

.index .group-7 {
  height: 223.44px;
  margin-left: 0;
  margin-top: 0;
  position: relative;
  width: 878.43px;
}

.index .rectangle-27 {
  background: linear-gradient(139deg, rgba(0, 43, 222, 1) 0%, rgba(0, 13, 63, 1) 100%);
  border: 1.1px solid;
  border-color: var(--bright-turquoise);
  border-radius: 8.76px;
  height: 181px;
  left: 25px;
  position: absolute;
  top: 43px;
  width: 853px;
}

.index .chat-gpt-image-06_59 {
  aspect-ratio: 1.76;
  height: 222px;
  left: 0;
  position: absolute;
  top: 0;
  width: 391px;
}

.index .group-6 {
  height: 102px;
  left: 404px;
  position: absolute;
  top: 82px;
  width: 446px;
}

.index .ti-ngay-1111-truy-cp {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-utm_avo-bold);
  font-size: 31.8px;
  font-weight: 700;
  height: 47px;
  justify-content: center;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 0;
}

.index .sky88com {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  align-items: center;
  background: linear-gradient(170deg, rgba(255, 255, 255, 1) 0%, rgba(242, 218, 49, 1) 100%);
  background-clip: text;
  color: transparent;
  display: flex;
  font-family: var(--font-family-utm_avo-bold);
  font-size: 43.7px;
  font-weight: 700;
  height: 64px;
  justify-content: center;
  left: 93px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 38px;
}

.index .frame-2147224163 {
  align-items: center;
  display: flex;
  height: 719px;
  justify-content: center;
  left: 2px;
  position: absolute;
  top: 151px;
  width: 396px;
}

.index .frame-1 {
  background-color: #050e11;
  border: 1.74px solid;
  border-color: #00d0ff;
  border-radius: 17.36px;
  height: 697.99px;
  margin-left: -0.4px;
  margin-top: 24.3px;
  overflow: hidden;
  position: relative;
  width: 398.96px;
}

.index .l {
  display: flex;
  flex-direction: column;
  gap: 2.7px;
  height: 43px;
  left: 27px;
  position: absolute;
  top: 50px;
  width: 28px;
}

.index .group-2085662945 {
  height: 178px;
  left: 0;
  position: absolute;
  top: 0;
  width: 397px;
}

.index .group-2085662942 {
  background: linear-gradient(180deg, rgba(0, 35, 108, 1) 0%, rgba(0, 19, 59, 1) 100%);
  border: 1.03px solid;
  border-color: #00ffff;
  border-radius: 32.35px;
  height: 159px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 397px;
}

.index .image-55 {
  aspect-ratio: 2.09;
  height: 174px;
  left: 16px;
  position: absolute;
  top: 4px;
  width: 363px;
}

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

.index .fields-2 {
  align-items: center;
  background-color: var(--fieldsform);
  border: 1.8px solid;
  border-color: var(--pale-sky);
  border-radius: 7.2px;
  display: flex;
  gap: 18px;
  position: relative;
  width: 682.58px;
}

.index .mask-group-3 {
  background-image: url(../img/rectangle-41201@2x.webp);
  background-size: 100% 100%;
  display: flex;
  left: 0;
  position: absolute;
  top: 0;
}
/* screen - mb-sky88-nha */

.mb-sky88-nha {
  background-color: #0043c8;
  background-image: url(../img/bg-mb.webp);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: 7596px;
  min-width: 750px;
  overflow: hidden;
  position: relative;
  width: 750px;
}

.mb-sky88-nha .image-58-1 {
  aspect-ratio: 0.56;
  display: none;
  height: 2322px;
  left: calc(50.00% - 602px);
  object-fit: cover;
  position: absolute;
  top: 5250px;
  width: 1307px;
}

.mb-sky88-nha .layer-11sdsddsxsxsxs-1-1 {
  aspect-ratio: 3.46;
  height: 356px;
  left: 0;
  position: absolute;
  top: 774px;
  width: 750px;
}

.mb-sky88-nha .layer-11sdsddsxsxsxs-2 {
  aspect-ratio: 0.98;
  height: 766px;
  left: 0;
  position: absolute;
  top: 1550px;
  width: 750px;
}

.mb-sky88-nha .ft {
  align-items: center;
  background-color: var(--lucky-point);
  bottom: -7px;
  display: flex;
  height: 81px;
  justify-content: center;
  left: calc(50.00% - 506px);
  position: absolute;
  width: 1012px;
}

.mb-sky88-nha .x2026-ton-b-bn {
  color: var(--white);
  font-family: var(--font-family-svn-gilroy-regular);
  font-size: 29.7px;
  font-weight: 400;
  height: 31px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: -0.3px;
  margin-top: 1.3px;
  text-align: center;
  white-space: nowrap;
  width: 618px;
}

.mb-sky88-nha .group-2085662948-1 {
  background-image: url(../img/group-3dsdsdsdsd-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1089px;
  left: -77px;
  position: absolute;
  top: 658px;
  width: 904px;
}

.mb-sky88-nha .group-25-1 {
  height: 90.97px;
  margin-left: 238.4px;
  margin-top: 844.7px;
  width: 477.34px;
}

.mb-sky88-nha .image-37-1 {
  aspect-ratio: 1;
  height: 221px;
  left: 264px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 221px;
}

.mb-sky88-nha .group-21-1 {
  height: 612px;
  left: calc(50.00% - 359px);
  position: absolute;
  top: 229px;
  width: 717px;
}

.mb-sky88-nha .frame-2147224111-1 {
  background: linear-gradient(0deg, rgba(0, 18, 57, 1) 0%, rgba(0, 54, 167, 1) 100%);
  border: 1.32px solid;
  border-color: var(--white);
  border-radius: 44.06px;
  box-shadow: 0px 3.52px 3.52px #0077ff;
  height: 545px;
  left: calc(50.00% - 359px);
  position: absolute;
  top: 0;
  width: 717px;
}

.mb-sky88-nha .group-20-1 {
  display: flex;
  flex-direction: column;
  height: 364px;
  left: 62px;
  position: absolute;
  top: 65px;
  width: 595px;
}

.mb-sky88-nha .fields-2 {
  height: 99.6px;
  margin-top: 0;
  padding: 25.13px 35.9px;
}

.mb-sky88-nha .atom-3 {
  margin-right: -188.19px;
  width: 642.59px;
}

.mb-sky88-nha .text-1 {
  letter-spacing: 0;
  line-height: 43.1px;
  margin-top: -1.79px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mb-sky88-nha .fields-3 {
  height: 99.6px;
  margin-top: 36.9px;
  padding: 25.13px 35.9px;
}

.mb-sky88-nha .atom-4 {
  width: 416.31px;
}

.mb-sky88-nha .x32-outlined-action-eye-eye-off-1 {
  aspect-ratio: 1;
  height: 32.93px;
  margin-right: -12.78px;
  position: relative;
  width: 32.93px;
}

.mb-sky88-nha .fields-4 {
  height: 91.77px;
  margin-top: 35.8px;
  padding: 21.54px 35.9px;
}

.mb-sky88-nha .iconly-bulk-call-1 {
  height: 49.61px;
  margin-bottom: -0.46px;
  margin-top: -0.46px;
  position: relative;
  width: 49.61px;
}

.mb-sky88-nha .atom-5 {
  margin-right: -28.63px;
  width: 484.64px;
}

.mb-sky88-nha .layer-4xzxzxzxzxzxz-1-1 {
  aspect-ratio: 4.21;
  height: 151px;
  left: 40px;
  object-fit: cover;
  position: absolute;
  top: 461px;
  width: 637px;
}

.mb-sky88-nha .frame-2147224179 {
  align-items: flex-start;
  display: flex;
  height: 366px;
  left: -290px;
  min-width: 1330px;
  position: absolute;
  top: 1640px;
}

.mb-sky88-nha .group-container-1 {
  height: 306px;
  overflow: hidden;
  position: relative;
  width: 3000px;
}

.mb-sky88-nha .slider-track {
  left: 0;
  position: absolute;
  top: 0;
  width: 3000px;
}

.mb-sky88-nha .slider-slide {
  height: 306px;
  position: absolute;
  top: 0;
  width: 158px;
}

.mb-sky88-nha .slider-card {
  display: block;
  height: 100%;
  width: 100%;
}

.mb-sky88-nha .slider-slide-1 {
  left: 163px;
}

.mb-sky88-nha .slider-slide-2 {
  left: 329px;
}

.mb-sky88-nha .slider-slide-3 {
  left: 495px;
}

.mb-sky88-nha .slider-slide-4 {
  left: 661px;
}

.mb-sky88-nha .slider-slide-5 {
  left: 827px;
}

.mb-sky88-nha .slider-slide-6 {
  left: 993px;
}

.mb-sky88-nha .slider-slide-7 {
  left: 1159px;
}

.mb-sky88-nha .slider-slide-8 {
  left: 1325px;
}

.mb-sky88-nha .rectangle-41224 {
  background: linear-gradient(90deg, rgba(24, 39, 113, 1) 0%, rgba(46, 74, 215, 0) 100%);
  border-radius: 12px;
  height: 358px;
  left: 0;
  position: absolute;
  top: 1610px;
  width: 159px;
}

.mb-sky88-nha .rectangle-41224-1 {
  background: linear-gradient(90deg, rgba(24, 39, 113, 1) 0%, rgba(46, 74, 215, 0) 100%);
  border-radius: 12px;
  height: 358px;
  left: 594px;
  position: absolute;
  top: 1610px;
  transform: rotate(180.00deg);
  width: 156px;
}

.mb-sky88-nha .image-1268363614 {
  aspect-ratio: 0.76;
  height: 163px;
  left: 654px;
  object-fit: cover;
  position: absolute;
  top: 1720px;
  width: 124px;
}

.mb-sky88-nha .image-1268363615 {
  aspect-ratio: 0.76;
  height: 163px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 1720px;
  width: 101px;
}

.mb-sky88-nha .frame-2147224177 {
  align-items: center;
  display: flex;
  height: 1233px;
  justify-content: center;
  left: 38px;
  position: absolute;
  top: 2259px;
  width: 679px;
}

.mb-sky88-nha .frame-1-1 {
  background-color: #050e11;
  border: 2.98px solid;
  border-color: #00d0ff;
  border-radius: 29.79px;
  height: 1197.4px;
  margin-left: -0.7px;
  margin-top: 41.7px;
  overflow: hidden;
  position: relative;
  width: 684.42px;
}

.mb-sky88-nha .group-2085662945-1 {
  height: 305px;
  left: 35px;
  position: absolute;
  top: 2000px;
  width: 681px;
}

.mb-sky88-nha .group-2085662942-1 {
  background: linear-gradient(180deg, rgba(0, 35, 108, 1) 0%, rgba(0, 19, 59, 1) 100%);
  border: 1.77px solid;
  border-color: #00ffff;
  border-radius: 55.49px;
  height: 272px;
  left: 0;
  position: absolute;
  top: 0;
  width: 681px;
}

.mb-sky88-nha .image-55-1 {
  aspect-ratio: 2.09;
  height: 298px;
  left: 28px;
  position: absolute;
  top: 7px;
  width: 623px;
}

.mb-sky88-nha .group-2085662928 {
  display: flex;
  flex-direction: column;
  gap: 39.9px;
  height: 1253px;
  left: 37px;
  position: absolute;
  top: 3871px;
  width: 676px;
}

.mb-sky88-nha .image-126836326 {
  aspect-ratio: 2.39;
  height: 283.42px;
  object-fit: cover;
  width: 676px;
}

.mb-sky88-nha .image-1268363613 {
  aspect-ratio: 2.35;
  height: 287px;
  left: 38px;
  position: absolute;
  top: 3538px;
  width: 675px;
}

.mb-sky88-nha .group-2085662947 {
  height: 1923px;
  left: 36px;
  position: absolute;
  top: 5124px;
  width: 681px;
}

.mb-sky88-nha .frame-2147224156 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 25.19px;
  left: 1px;
  position: absolute;
  top: 394px;
  width: 677px;
}

.mb-sky88-nha .frame-2147224155 {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(180deg, rgba(161, 211, 255, 1) 0%, rgba(165, 193, 255, 1) 100%);
  border-radius: 30.23px;
  display: flex;
  gap: 16.79px;
  height: 754px;
  justify-content: center;
  padding: 43.66px 30.23px 33.59px 33.59px;
  position: relative;
  width: 100%;
}

.mb-sky88-nha .frame-2147224154 {
  display: grid;
  gap: 26.87px 25.19px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: repeat(3,minmax(0,1fr));
  height: 700.26px;
  width: 612.94px;
}

.mb-sky88-nha .image-45 {
  aspect-ratio: 1.36;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 215.69px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.mb-sky88-nha .image-46 {
  aspect-ratio: 1.36;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  height: 215.69px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.mb-sky88-nha .image-47 {
  aspect-ratio: 1.36;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  height: 215.69px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.mb-sky88-nha .image-48 {
  aspect-ratio: 1.36;
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  height: 215.69px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.mb-sky88-nha .image-49 {
  aspect-ratio: 1.36;
  grid-column: 1 / 2;
  grid-row: 3 / 4;
  height: 215.69px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.mb-sky88-nha .image-50 {
  aspect-ratio: 1.36;
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  height: 215.69px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.mb-sky88-nha .rectangle-41223 {
  background: linear-gradient(90deg, rgba(0, 67, 200, 1) 0%, rgba(1, 13, 63, 1) 100%);
  border-radius: 37.03px;
  height: 670px;
  left: 225px;
  position: absolute;
  top: -221px;
  transform: rotate(90.00deg);
  width: 228px;
}

.mb-sky88-nha .group-6-1 {
  height: 139px;
  left: 39px;
  position: absolute;
  top: 58px;
  width: 604px;
}

.mb-sky88-nha .ti-ngay-1111-truy-cp-1 {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-utm_avo-bold);
  font-size: 43.2px;
  font-weight: 700;
  height: 63px;
  justify-content: center;
  left: 1px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 1px;
}

.mb-sky88-nha .sky88com-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  align-items: center;
  background: linear-gradient(170deg, rgba(255, 255, 255, 1) 0%, rgba(242, 218, 49, 1) 100%);
  background-clip: text;
  color: transparent;
  display: flex;
  font-family: var(--font-family-utm_avo-bold);
  font-size: 59.3px;
  font-weight: 700;
  height: 87px;
  justify-content: center;
  left: 126px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-fill-color: transparent;
  top: 52px;
}

.mb-sky88-nha .cng-nhiu-dng-game-bi-thng-ln-1 {
  color: var(--lucky-point);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 900;
  left: calc(50.00% - 198px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 1190px;
}

.mb-sky88-nha .thin-ng-c-th-1 {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 900;
  left: calc(50.00% - 340px);
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 277px;
}

.mb-sky88-nha .group-2085662936 {
  height: 623px;
  left: 0;
  position: absolute;
  top: 1300px;
  width: 677px;
}

.mb-sky88-nha .game-2 {
  left: 0;
  top: 0;
}

.mb-sky88-nha .mask-group-3 {
  width: 100%;
}

.mb-sky88-nha .image-2790-1 {
  flex: 1;
  width: 325.23px;
}

.mb-sky88-nha .rectangle-41217-2 {
  width: 100.00%;
}

.mb-sky88-nha .ellipse-1525-1 {
  bottom: 0;
  height: 192px;
  left: calc(50.00% - 64px);
  mix-blend-mode: overlay;
  position: absolute;
  width: 227px;
}

.mb-sky88-nha .image-1268363257-1 {
  aspect-ratio: 1.25;
  height: 192px;
  left: calc(50.00% - 140px);
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 96px);
  width: 303px;
}

.mb-sky88-nha .ellipse-1524-1 {
  background-color: var(--lucky-point);
  border-radius: 132.06px/36.37px;
  bottom: -41px;
  filter: blur(26.83px);;
  height: 73px;
  left: 20.74%;
  position: absolute;
  width: 81.21%;
}

.mb-sky88-nha .fill-buttons-1 {
  align-items: center;
  background: linear-gradient(180deg, rgba(10, 141, 255, 1) 0%, rgba(37, 71, 143, 1) 100%);
  border: 1.37px solid;
  border-color: var(--bright-turquoise);
  border-radius: 10.98px;
  bottom: 12px;
  display: inline-flex;
  gap: 8.23px;
  height: 38px;
  justify-content: center;
  left: 22px;
  padding: 8.23px 16.47px;
  position: absolute;
}

.mb-sky88-nha .ng-nhp-1 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 22.0px;
  margin-top: -1.39px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.mb-sky88-nha .ti-xu-1 {
  align-items: center;
  display: flex;
  height: 39px;
  left: 23px;
  letter-spacing: 0;
  line-height: 38.6px;
  position: absolute;
  top: 37px;
  white-space: nowrap;
}

.mb-sky88-nha .game-3 {
  left: 352px;
  top: 1px;
}

.mb-sky88-nha .image-1268363265-1 {
  aspect-ratio: 1.13;
  bottom: 0;
  height: 333px;
  left: calc(50.00% - 36px);
  object-fit: cover;
  position: absolute;
  width: 374px;
}

.mb-sky88-nha .bn-c-1 {
  align-items: center;
  display: flex;
  height: 39px;
  left: 23px;
  letter-spacing: 0;
  line-height: 38.6px;
  position: absolute;
  top: 37px;
  white-space: nowrap;
}

.mb-sky88-nha .game-4 {
  left: 1px;
  top: 215px;
}

.mb-sky88-nha .mask-group-4 {
  width: 100.00%;
}

.mb-sky88-nha .rectangle-41217-3 {
  width: 100%;
}

.mb-sky88-nha .image-31334214-1-1 {
  bottom: 0;
  height: 192px;
  left: calc(50.00% - 43px);
  position: absolute;
  width: 205px;
}

.mb-sky88-nha .game-bi-1 {
  height: 78px;
  left: 23px;
  letter-spacing: 0;
  line-height: 38.6px;
  position: absolute;
  top: 23px;
}

.mb-sky88-nha .game-5 {
  left: 352px;
  top: 215px;
}

.mb-sky88-nha .image-1268363259-1 {
  aspect-ratio: 0.72;
  height: 428px;
  left: 93px;
  object-fit: cover;
  position: absolute;
  top: -138px;
  width: 309px;
}

.mb-sky88-nha .slots-game-1 {
  height: 78px;
  left: 23px;
  letter-spacing: 0;
  line-height: 38.6px;
  position: absolute;
  top: 18px;
}

.mb-sky88-nha .game-6 {
  left: 1px;
  top: 430px;
}

.mb-sky88-nha .firefly-chicken-game-88803-1-1 {
  bottom: 0;
  height: 192px;
  left: calc(50.00% - 81px);
  position: absolute;
  width: 244px;
}

.mb-sky88-nha .g-1 {
  align-items: center;
  display: flex;
  height: 39px;
  left: 23px;
  letter-spacing: 0;
  line-height: 38.6px;
  position: absolute;
  top: 37px;
  white-space: nowrap;
}

.mb-sky88-nha .game-7 {
  left: 352px;
  top: 430px;
}

.mb-sky88-nha .anh-man-hinh-2026-08 {
  aspect-ratio: 1.21;
  height: 192px;
  left: 73px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 252px;
}

.mb-sky88-nha .l-2 {
  align-items: center;
  height: 39px;
  left: 23px;
  letter-spacing: 0;
  line-height: 38.6px;
  top: 37px;
  white-space: nowrap;
}

.mb-sky88-nha .atom {
  align-items: flex-start;
  display: flex;
  gap: 17.95px;
  position: relative;
}

.mb-sky88-nha .fields {
  align-items: center;
  background-color: var(--fieldsform);
  border: 1.79px solid;
  border-color: var(--pale-sky);
  border-radius: 7.18px;
  display: flex;
  gap: 17.95px;
  margin-left: 0;
  position: relative;
  width: 595.36px;
}

.mb-sky88-nha .game {
  background: linear-gradient(149deg, rgba(0, 4, 63, 1) 0%, rgba(14, 222, 245, 1) 100%);
  border-radius: 10.98px;
  height: 192px;
  overflow: hidden;
  position: absolute;
  width: 325px;
}

.mb-sky88-nha .iconly-bulk {
  height: 51.21px;
  margin-bottom: -0.93px;
  margin-top: -0.93px;
  position: relative;
  width: 51.21px;
}

.mb-sky88-nha .l {
  display: flex;
  position: absolute;
}

.mb-sky88-nha .mask-group {
  background-image: url(../img/rectangle-41201@2x.webp);
  background-size: 100% 100%;
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}

.mb-sky88-nha .rectangle-41217 {
  -webkit-backdrop-filter: blur(34.31px) brightness(100%);
  backdrop-filter: blur(34.31px) brightness(100%);
  height: 152px;
  left: 0;
  position: absolute;
  top: 0;
}
@media screen and (orientation: portrait) {
  .screen.index {
    display: none;
  }
  .screen.mb-sky88-nha {
    display: block;
  }
}
@media screen and (orientation: landscape) {
  .screen.index {
    display: block;
  }
  .screen.mb-sky88-nha {
    display: none;
  }
}

/* live game inline inside the removed mock frame */
#dig1-asean-cup {
  position: absolute;
  inset: 0;
  z-index: 5;
}

#dig1-asean-cup > .fixed {
  position: absolute !important;
  inset: 0 !important;
  width: 100%;
  height: 100%;
  z-index: 5 !important;
}

#dig1-asean-cup .game-shell {
  width: 100%;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}

#dig1-asean-cup .game-shell > button {
  display: none;
}

/* ===== login form functionality (giống red88, giữ thiết kế sky88) ===== */
.rd-login-field {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  color: #1a1a1a;
  caret-color: #1a1a1a;
  display: block;
  font-style: normal;
  letter-spacing: 0;
  line-height: normal;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: auto;
  z-index: 3;
}

.rd-login-field::placeholder {
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}

.rd-login-field::-ms-clear,
.rd-login-field::-ms-reveal {
  display: none;
}

.rd-login-field:-webkit-autofill,
.rd-login-field:-webkit-autofill:hover,
.rd-login-field:-webkit-autofill:focus {
  -webkit-text-fill-color: #1a1a1a;
  -webkit-box-shadow: 0 0 0 1000px #f6f6fc inset;
  transition: background-color 9999s ease-in-out 0s;
}

.rd-eye-btn {
  -webkit-appearance: none;
  appearance: none;
  align-items: center;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #7a7a80;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: color 0.15s;
  z-index: 4;
}

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

.rd-eye-btn .ico-eye-off {
  display: none;
}

.rd-eye-btn.is-open .ico-eye {
  display: none;
}

.rd-eye-btn.is-open .ico-eye-off {
  display: block;
}

.rd-eye-btn:hover {
  color: #2b2b2b;
}

.index .rd-eye-btn {
  height: 34px;
  right: 14px;
  width: 56px;
}

.mb-sky88-nha .rd-eye-btn {
  height: 32px;
  right: 10px;
  width: 54px;
}

.index .group-20 .x32-outlined-action-eye-eye-off,
.mb-sky88-nha .group-20-1 .x32-outlined-action-eye-eye-off-1 {
  visibility: hidden;
}

/* ===== CTA nút đăng nhập auto zoom (giống red88) ===== */
.index .layer-4xzxzxzxzxzxz-1,
.mb-sky88-nha .layer-4xzxzxzxzxzxz-1-1 {
  animation: cta-zoom 1.5s ease-in-out infinite, cta-glow 1.5s ease-in-out infinite;
  cursor: pointer;
  transform-origin: center center;
  will-change: transform, filter;
}

@keyframes cta-zoom {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
}

@keyframes cta-glow {
  0%,
  100% {
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.1));
  }
  50% {
    filter: drop-shadow(0 0 16px rgba(255, 255, 255, 0.6));
  }
}

/* Validation error below each input */
.field-error {
  color: #ffffff;
  font-family: var(--font-family-roboto);
  font-weight: 600;
  left: 0;
  letter-spacing: 0;
  line-height: 1.1;
  margin-top: 1px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
  top: 100%;
  white-space: nowrap;
  z-index: 40;
}

.index .field-error {
  font-size: 20px;
}

.mb-sky88-nha .field-error {
  font-size: 17px;
}