/* screen - index */

#zo88-page {
  width: 100% !important;
  overflow: hidden;
}

.main-container {
  width: fit-content;
  transform-origin: top left;
  visibility: hidden;
}

.index {
  background: linear-gradient(269deg, rgba(2, 24, 19, 1) 0%, rgba(2, 29, 20, 1) 100%);
  min-height: 7395px;
  min-width: 3595px;
  overflow: hidden;
  position: relative;
  width: 3595px;
}

.index .layer-27sdsdsxsxs-1 {
  aspect-ratio: 1.16;
  height: 3585px;
  top: 0;
}

.index .group-11sdsdsdsdxx-1 {
  aspect-ratio: 1.44;
  height: 1760px;
  left: 3px;
  object-fit: cover;
  position: absolute;
  top: 12px;
  width: 2534px;
}

.index .layer-21-2 {
  aspect-ratio: 6.15;
  height: 793px;
  left: 0;
  position: absolute;
  top: 5781px;
  width: 3595px;
}

.index .frame-103729 {
  background-color: #061b0c8c;
  height: 821px;
  left: -453px;
  position: absolute;
  top: 6574px;
  width: 4468px;
}

.index .line-6 {
  height: 1px;
  left: 801px;
  position: absolute;
  top: 347px;
  width: 2893px;
}

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

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

.index .frame-103727 {
  align-items: center;
  display: flex;
  gap: 51.27px;
  height: 76px;
  left: 544px;
  position: absolute;
  top: 1px;
  width: 1140px;
}

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

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

.index .image-1 {
  height: 46.39px;
  position: relative;
  width: 178.24px;
}

.index .image-2 {
  height: 75.69px;
  position: relative;
  width: 63.48px;
}

.index .image-3 {
  height: 75.69px;
  position: relative;
  width: 100.11px;
}

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

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

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

.index .frame-1707479994 {
  left: 790px;
  overflow: hidden;
  position: absolute;
  top: 72px;
  width: 2893px;
  height: 57.1px;
}

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

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

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

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

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

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

.index .frame-1707479995 {
  left: 801px;
  overflow: hidden;
  position: absolute;
  top: 191px;
  width: 2893px;
  height: 95.16px;
}

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

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

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

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

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

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

.index .fifa-2026-world-cup {
  aspect-ratio: 3.6;
  height: 142px;
  left: 1978px;
  position: absolute;
  top: 411px;
  width: 511px;
}

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

.index .fifa-2026-world-cup-white-logo-2dsdsdw-1 {
  aspect-ratio: 4.7;
  height: 237px;
  left: 2004px;
  object-fit: cover;
  position: absolute;
  top: 106px;
  width: 1113px;
}

.index .group-2085662923 {
  display: flex;
  gap: 41.1px;
  height: 300px;
  left: 472px;
  position: absolute;
  top: 1693px;
  width: 2707px;
}

.index .game-1 {
  background: linear-gradient(149deg, rgba(25, 29, 28, 1) 0%, rgba(15, 101, 13, 1) 100%);
  border-radius: 17.16px;
  height: 300.37px;
  overflow: hidden;
  position: relative;
  width: 508.48px;
}

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

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

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

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

.index .image-1268363257 {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.index .ellipse-1524 {
  background-color: var(--dell);
  border-radius: 206.48px/56.86px;
  bottom: -64px;
  filter: blur(41.94px);;
  height: 114px;
  left: 20.74%;
  position: absolute;
  width: 81.21%;
}

.index .fill-buttons {
  align-items: center;
  background: linear-gradient(180deg, rgba(11, 88, 54, 1) 0%, rgba(37, 143, 43, 1) 100%);
  border: 2.15px solid;
  border-color: var(--vista-blue);
  border-radius: 17.16px;
  bottom: 19px;
  display: inline-flex;
  gap: 12.87px;
  height: 60px;
  justify-content: center;
  left: 35px;
  padding: 12.87px 25.75px;
  position: absolute;
}

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

.index .ti-xu {
  align-items: center;
  display: flex;
  height: 61px;
  left: 36px;
  letter-spacing: 0;
  line-height: 60.4px;
  position: absolute;
  top: 59px;
  white-space: nowrap;
}

.index .game {
  background: linear-gradient(149deg, rgba(25, 29, 28, 1) 0%, rgba(15, 101, 13, 1) 100%);
  border-radius: 17.16px;
  height: 300.37px;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  width: 508.48px;
}

.index .group-2085662923 .mask-group,
.index .group-2085662923 .rectangle-41217,
.index .group-2085662923 .ellipse-1525,
.index .group-2085662923 .ellipse-1528,
.index .group-2085662923 .ellipse-1524 {
  display: none;
}

.index .x9932d7fdcbc75164fb65 {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.index .bn-c {
  align-items: center;
  display: flex;
  height: 61px;
  left: 36px;
  letter-spacing: 0;
  line-height: 60.4px;
  position: absolute;
  top: 59px;
  white-space: nowrap;
}

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

.index .image-31334214-1 {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.index .game-bi {
  height: 121px;
  left: 36px;
  letter-spacing: 0;
  line-height: 60.4px;
  position: absolute;
  top: 36px;
}

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

.index .ellipse-1528 {
  -webkit-backdrop-filter: blur(10.85px) brightness(100%);
  backdrop-filter: blur(10.85px) brightness(100%);
  background-color: #ffffff1a;
  border-radius: 88.94px;
  height: 178px;
  left: 113px;
  position: absolute;
  top: 19px;
  width: 178px;
}

.index .image-1268363258 {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.index .slots-game {
  height: 121px;
  left: 36px;
  letter-spacing: 0;
  line-height: 60.4px;
  position: absolute;
  top: 28px;
}

.index .firefly-chicken-game-88803-1 {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.index .g {
  align-items: center;
  display: flex;
  height: 61px;
  left: 36px;
  letter-spacing: 0;
  line-height: 60.4px;
  position: absolute;
  top: 59px;
  white-space: nowrap;
}

.index .layer-27sdsdsxsxs-2 {
  aspect-ratio: 1.34;
  height: 3074px;
  top: 3508px;
}

.index .group-2085662942 {
  height: 6735px;
  left: -1259px;
  position: absolute;
  top: -155px;
  width: 4923px;
}

.index .layer-16dfdfdc-1 {
  aspect-ratio: 3.64;
  height: 6580px;
  left: 3072px;
  position: absolute;
  top: 155px;
  width: 1782px;
}

.index .layer-16dfdfdc-2 {
  aspect-ratio: 3.19;
  height: 3945px;
  left: 1259px;
  position: absolute;
  top: 2790px;
  width: 1215px;
}

.index .layer-12fffdfdf-5 {
  aspect-ratio: 0.61;
  height: 5522px;
  left: 1259px;
  position: absolute;
  top: 584px;
  width: 3223px;
}

.index .rectangle-41224 {
  height: 589px;
  left: 492px;
  position: absolute;
  top: 5192px;
  width: 2687px;
}

.index .rectangle-41226 {
  height: 589px;
  left: 499px;
  position: absolute;
  top: 4538px;
  width: 2689px;
}

.index .rectangle-41225 {
  height: 615px;
  left: 483px;
  position: absolute;
  top: 5846px;
  width: 2691px;
}

.index .group-12sdxsxs-1 {
  aspect-ratio: 1.34;
  height: 1276px;
  left: 1149px;
  object-fit: cover;
  position: absolute;
  top: 1974px;
  width: 1710px;
}

.index .anh-man-hinh-2026-07 {
  aspect-ratio: 1.78;
  height: 555px;
  left: 454px;
  position: absolute;
  top: 2028px;
  width: 985px;
}

.index .image-1268363263 {
  aspect-ratio: 5.8;
  height: 247px;
  left: 1082px;
  object-fit: cover;
  position: absolute;
  top: 4291px;
  width: 1433px;
}

.index .anh-man-hinh-2026-07-1 {
  aspect-ratio: 3.45;
  height: 338px;
  left: 1243px;
  object-fit: cover;
  position: absolute;
  top: 2881px;
  width: 1164px;
}

.index .group-2085662937 {
  height: 893px;
  left: 2322px;
  position: absolute;
  top: 2208px;
  width: 857px;
}

.index .group-2085662924 {
  height: 893px;
  left: 0;
  position: absolute;
  top: 0;
  width: 349px;
}

.index .anh-man-hinh-2026-07-2 {
  aspect-ratio: 1.04;
  height: 336px;
  left: 0;
  position: absolute;
  top: 0;
  width: 349px;
}

.index .anh-man-hinh-2026-07-3 {
  aspect-ratio: 1.09;
  height: 306px;
  left: 14px;
  position: absolute;
  top: 293px;
  width: 335px;
}

.index .anh-man-hinh-2026-07-4 {
  aspect-ratio: 0.93;
  height: 340px;
  left: 33px;
  position: absolute;
  top: 553px;
  width: 316px;
}

.index .rectangle-41227 {
  background: linear-gradient(271deg, rgba(16, 134, 36, 1) 0%, rgba(4, 32, 9, 0) 100%);
  border-radius: 37px;
  height: 213px;
  left: 33px;
  position: absolute;
  top: 69px;
  width: 824px;
}

.index .rectangle-41228 {
  background: linear-gradient(271deg, rgba(16, 38, 134, 1) 0%, rgba(4, 32, 9, 0) 100%);
  border-radius: 37px;
  height: 213px;
  left: 33px;
  position: absolute;
  top: 340px;
  width: 824px;
}

.index .rectangle-41229 {
  background: linear-gradient(271deg, rgba(192, 43, 0, 1) 0%, rgba(4, 32, 9, 0) 100%);
  border-radius: 37px;
  height: 213px;
  left: 33px;
  position: absolute;
  top: 611px;
  width: 824px;
}

.index .group-2085662925 {
  height: 175px;
  left: 356px;
  position: absolute;
  top: 95px;
  width: 435px;
}

.index .x-5-s {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.index .text {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, rgba(255, 219, 93, 1) 0%, rgba(234, 221, 169, 1) 100%);
  background-clip: text;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-fill-color: transparent;
  top: 58px;
}

.index .group-2085662926 {
  height: 175px;
  left: 356px;
  position: absolute;
  top: 367px;
  width: 392px;
}

.index .group-2085662927 {
  height: 175px;
  left: 356px;
  position: absolute;
  top: 638px;
  width: 401px;
}

.index .image-1268363264 {
  animation: zoomInOut 1.2s ease-in-out infinite;
  aspect-ratio: 1.5;
  height: 586px;
  left: 399px;
  object-fit: cover;
  position: absolute;
  top: 2680px;
  width: 878px;
}

.index .group-2085662941 {
  height: 1132px;
  left: 1798px;
  position: absolute;
  top: 425px;
  width: 1470px;
}

.index .rectangle-41219-1 {
  background: linear-gradient(180deg, rgba(47, 165, 55, 0.6) 0%, rgba(18, 63, 21, 0.3) 100%);
  border: 6.64px solid;
  border-color: #5ab727;
  border-radius: 86.7px;
  height: 984px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1464px;
}

.index .rectangle-4-copy-62323232-1 {
  top: 101px;
}

.index .rectangle-4-copy-62323232-2 {
  top: 337px;
}

.index .rectangle-4-copy-62323232-3 {
  top: 573px;
}

.index .group-1 {
  height: 4.71%;
  left: 86.32%;
  position: absolute;
  top: 35.72%;
  width: 6.80%;
}

.index .vector {
  height: 66.67%;
  left: 31.47%;
  position: absolute;
  top: 16.67%;
  width: 37.05%;
}

.index .vector-31 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100.00%;
}

.index .vector-32 {
  height: 28.32%;
  left: 31.47%;
  position: absolute;
  top: 24.27%;
  width: 15.74%;
}

.index .tn-ng-nhp {
  left: 241px;
  letter-spacing: 0;
  line-height: 115.0px;
  position: absolute;
  top: 138px;
  white-space: nowrap;
  width: 515px;
}

.index .mt-khu {
  left: 241px;
  letter-spacing: 0;
  line-height: 115.0px;
  position: absolute;
  top: 372px;
  white-space: nowrap;
  width: 515px;
}

.index .s-in-thoi {
  left: 241px;
  letter-spacing: 0;
  line-height: 115.0px;
  position: absolute;
  top: 611px;
  white-space: nowrap;
  width: 515px;
}

.index .shape-1-s-1 {
  height: 87px;
  left: 132px;
  object-fit: cover;
  position: absolute;
  top: 388px;
  width: 65px;
}

.index .user-copy-sd-1 {
  height: 84px;
  left: 132px;
  object-fit: cover;
  position: absolute;
  top: 157px;
  width: 65px;
}

.index .smartphone-call-copy-sd-1 {
  height: 96px;
  left: 135px;
  object-fit: cover;
  position: absolute;
  top: 620px;
  width: 59px;
}

.index .image-photoroom-2026 {
  animation: zoomInOut 1.2s ease-in-out infinite;
  aspect-ratio: 3.55;
  height: 363px;
  left: 103px;
  object-fit: cover;
  position: absolute;
  top: 769px;
  width: 1285px;
}

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

.index .frame-1707480026 {
  align-items: center;
  display: flex;
  gap: 15.35px;
  height: 1001px;
  left: 483px;
  position: absolute;
  top: 3301px;
  width: 2689px;
}

.index .frame-1707480025 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: fit-content;
  justify-content: center;
  position: relative;
  width: fit-content;
  z-index: 2;
}

.index .trai-webp {
  border-radius: 16.87px;
  height: auto;
  object-fit: cover;
  position: relative;
  width: 812.7px;
  z-index: 2;
}

.index .frame-1707480030 {
  height: 1284.3px;
  margin-top: -380px;
  position: relative;
  width: 1030.2px;
}

.index .frame-1707480026-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: fit-content;
  justify-content: center;
  position: relative;
  width: fit-content;
}

.index .phai-webp {
  border-radius: 16.87px;
  height: auto;
  object-fit: cover;
  position: relative;
  width: 815.4px;
}

.index .rectangle-41219 {
  height: 265px;
  left: 8.81%;
  position: absolute;
  top: 0;
  width: 91.19%;
}

.index .layer-27sdsdsxsxs {
  left: 0;
  position: absolute;
  width: 3595px;
}

.index .rectangle-4-copy-62323232 {
  aspect-ratio: 7.19;
  height: 190px;
  left: 48px;
  object-fit: cover;
  position: absolute;
  width: 1370px;
}

/* screen - uk88-nha-mobile-mainsite */

.uk88-nha-mobile-mainsite {
  background-color: #061b0c;
  min-height: 7915px;
  min-width: 1464px;
  overflow: hidden;
  position: relative;
  width: 1464px;
}

.uk88-nha-mobile-mainsite .group-12sdxsxs-1-1 {
  aspect-ratio: 1.34;
  height: 1673px;
  left: -303px;
  object-fit: cover;
  position: absolute;
  top: 3302px;
  width: 2242px;
}

.uk88-nha-mobile-mainsite .group-15 {
  height: 296px;
  left: -2px;
  position: absolute;
  top: 1px;
  width: 1466px;
}

.uk88-nha-mobile-mainsite .rectangle-32 {
  background-color: #030c07;
  height: 264px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 1466px;
}

.uk88-nha-mobile-mainsite .fifa-2026-world-cup-1 {
  aspect-ratio: 3.6;
  height: 165px;
  left: 456px;
  position: absolute;
  top: 53px;
  width: 595px;
}

.uk88-nha-mobile-mainsite .interface-search_-magnifying_-glass {
  height: 95px;
  left: 1297px;
  position: absolute;
  top: 88px;
  width: 95px;
}

.uk88-nha-mobile-mainsite .menu-hamburger_md {
  height: 76.34%;
  left: 3.90%;
  position: absolute;
  top: 23.66%;
  width: 11.53%;
}

.uk88-nha-mobile-mainsite .vector-34 {
  height: 49.56%;
  left: 15.55%;
  position: absolute;
  top: 25.22%;
  width: 68.90%;
}

.uk88-nha-mobile-mainsite .group-2085662923-1 {
  height: 330px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 2620px;
  width: 1464px;
}

.uk88-nha-mobile-mainsite .slider-container4 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.uk88-nha-mobile-mainsite .slider-wrapper4 {
  display: flex;
  height: 100%;
  width: 100%;
  min-width: 0;
}

.uk88-nha-mobile-mainsite .slider-slide4 {
  min-width: calc(100% / 2.5);
  height: 100%;
  box-sizing: border-box;
  padding: 4px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.uk88-nha-mobile-mainsite .slider-slide4 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.uk88-nha-mobile-mainsite .slider-btn4 {
  display: none;
}

.uk88-nha-mobile-mainsite .slider-dots4 {
  display: none;
}

.uk88-nha-mobile-mainsite .anh-man-hinh-2026-07-5 {
  aspect-ratio: 1.78;
  height: 656px;
  left: 184px;
  position: absolute;
  top: 2950px;
  width: 1164px;
}

.uk88-nha-mobile-mainsite .group-2085662937-1 {
  height: 612px;
  left: 818px;
  position: absolute;
  top: 4081px;
  width: 588px;
}

.uk88-nha-mobile-mainsite .group-2085662924-1 {
  height: 612px;
  left: 0;
  position: absolute;
  top: 0;
  width: 239px;
}

.uk88-nha-mobile-mainsite .anh-man-hinh-2026-07-6 {
  aspect-ratio: 1.04;
  height: 231px;
  left: 0;
  position: absolute;
  top: 0;
  width: 239px;
}

.uk88-nha-mobile-mainsite .anh-man-hinh-2026-07-7 {
  aspect-ratio: 1.09;
  height: 210px;
  left: 10px;
  position: absolute;
  top: 201px;
  width: 230px;
}

.uk88-nha-mobile-mainsite .anh-man-hinh-2026-07-8 {
  aspect-ratio: 0.93;
  height: 233px;
  left: 22px;
  position: absolute;
  top: 379px;
  width: 217px;
}

.uk88-nha-mobile-mainsite .rectangle-41227-1 {
  background: linear-gradient(271deg, rgba(16, 134, 36, 1) 0%, rgba(4, 32, 9, 0) 100%);
  border-radius: 25.39px;
  height: 146px;
  left: 23px;
  position: absolute;
  top: 47px;
  width: 565px;
}

.uk88-nha-mobile-mainsite .rectangle-41228-1 {
  background: linear-gradient(271deg, rgba(16, 38, 134, 1) 0%, rgba(4, 32, 9, 0) 100%);
  border-radius: 25.39px;
  height: 146px;
  left: 23px;
  position: absolute;
  top: 233px;
  width: 565px;
}

.uk88-nha-mobile-mainsite .rectangle-41229-1 {
  background: linear-gradient(271deg, rgba(192, 43, 0, 1) 0%, rgba(4, 32, 9, 0) 100%);
  border-radius: 25.39px;
  height: 146px;
  left: 23px;
  position: absolute;
  top: 419px;
  width: 565px;
}

.uk88-nha-mobile-mainsite .group-2085662925-1 {
  height: 121px;
  left: 244px;
  position: absolute;
  top: 65px;
  width: 300px;
}

.uk88-nha-mobile-mainsite .x-5-s-1 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.uk88-nha-mobile-mainsite .text-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, rgba(255, 219, 93, 1) 0%, rgba(234, 221, 169, 1) 100%);
  background-clip: text;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-fill-color: transparent;
  top: 40px;
}

.uk88-nha-mobile-mainsite .group-2085662926-1 {
  height: 121px;
  left: 244px;
  position: absolute;
  top: 252px;
  width: 270px;
}

.uk88-nha-mobile-mainsite .group-2085662927-1 {
  height: 121px;
  left: 244px;
  position: absolute;
  top: 438px;
  width: 276px;
}

.uk88-nha-mobile-mainsite .anh-man-hinh-2026-07-9 {
  aspect-ratio: 3.26;
  height: 417px;
  left: 52px;
  position: absolute;
  top: 4694px;
  width: 1360px;
}

.uk88-nha-mobile-mainsite .image-1268363263-1 {
  aspect-ratio: 5.8;
  height: 159px;
  left: 271px;
  object-fit: cover;
  position: absolute;
  top: 5816px;
  width: 922px;
}

.uk88-nha-mobile-mainsite .group-11sdsdsdsdxx-1-1 {
  aspect-ratio: 1.02;
  height: 1522px;
  left: 0;
  position: absolute;
  top: 204px;
  width: 1464px;
}

.uk88-nha-mobile-mainsite .frame-1707479466 {
  background-color: #061b0c;
  display: flex;
  flex-direction: column;
  height: 457px;
  left: -440px;
  overflow: hidden;
  position: absolute;
  top: 7414px;
  width: 2345px;
}

.uk88-nha-mobile-mainsite .ngn-hng-h-tr {
  align-self: center;
  color: #d9d9d9;
  font-family: var(--font-family-inter);
  font-size: 43.6px;
  font-weight: 700;
  height: 66px;
  letter-spacing: 0;
  line-height: 65.4px;
  margin-left: 0.2px;
  margin-top: 33.5px;
  white-space: nowrap;
  width: 450px;
}

.uk88-nha-mobile-mainsite .group-2 {
  height: 158.76px;
  margin-left: 440px;
  margin-top: 22.5px;
  width: 1464px;
}

.uk88-nha-mobile-mainsite .frame-1707479464 {
  height: 62.65px;
  margin-left: 440px;
  margin-top: 30.3px;
  overflow: hidden;
  position: relative;
  width: 1464px;
}

.uk88-nha-mobile-mainsite .slider-container3 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.uk88-nha-mobile-mainsite .slider-wrapper3 {
  display: flex;
  height: 100%;
  width: 100%;
  min-width: 0;
}

.uk88-nha-mobile-mainsite .slider-slide3 {
  min-width: calc(100% / 7);
  height: 100%;
  box-sizing: border-box;
  padding: 4px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.uk88-nha-mobile-mainsite .slider-slide3 img {
  width: 100.1%;
  height: 100.1%;
  object-fit: contain;
  display: block;
  transform: scale(1.6);
}

.uk88-nha-mobile-mainsite .slider-btn3 {
  display: none;
}

.uk88-nha-mobile-mainsite .slider-dots3 {
  display: none;
}

.uk88-nha-mobile-mainsite .copyright-uk88-202 {
  align-items: center;
  align-self: center;
  color: var(--white400);
  display: flex;
  font-family: var(--font-family-open_sans);
  font-size: 32.3px;
  font-weight: 400;
  height: 97px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 48.4px;
  margin-left: 0.9px;
  margin-top: 30.1px;
  text-align: center;
  width: 776.72px;
}

.uk88-nha-mobile-mainsite .group-2085662941-1 {
  height: 1071px;
  left: 39px;
  position: absolute;
  top: 1505px;
  width: 1391px;
}

.uk88-nha-mobile-mainsite .rectangle-41219-3 {
  background: linear-gradient(180deg, rgba(47, 165, 55, 0.6) 0%, rgba(18, 63, 21, 0.3) 100%);
  border: 6.28px solid;
  border-color: #5ab727;
  border-radius: 82.03px;
  height: 931px;
  left: 0;
  width: 1385px;
}

.uk88-nha-mobile-mainsite .rectangle-4-copy-62323232-1-1 {
  aspect-ratio: 7.19;
  height: 180px;
  left: 45px;
  object-fit: cover;
  position: absolute;
  top: 95px;
  width: 1296px;
}

.uk88-nha-mobile-mainsite .rectangle-4-copy-62323232-2-1 {
  aspect-ratio: 7.19;
  height: 180px;
  left: 45px;
  object-fit: cover;
  position: absolute;
  top: 319px;
  width: 1296px;
}

.uk88-nha-mobile-mainsite .rectangle-4-copy-62323232-3-1 {
  aspect-ratio: 7.19;
  height: 180px;
  left: 45px;
  object-fit: cover;
  position: absolute;
  top: 542px;
  width: 1296px;
}

.uk88-nha-mobile-mainsite .group-3 {
  height: 5.32%;
  left: 86.30%;
  position: absolute;
  top: 35.72%;
  width: 6.80%;
}

.uk88-nha-mobile-mainsite .vector-33 {
  height: 66.67%;
  left: 31.47%;
  position: absolute;
  top: 16.67%;
  width: 37.05%;
}

.uk88-nha-mobile-mainsite .vector-35 {
  height: 100.00%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100.00%;
}

.uk88-nha-mobile-mainsite .vector-36 {
  height: 28.32%;
  left: 31.47%;
  position: absolute;
  top: 24.27%;
  width: 15.74%;
}

.uk88-nha-mobile-mainsite .tn-ng-nhp-1 {
  left: 228px;
  letter-spacing: 0;
  line-height: 108.8px;
  position: absolute;
  top: 130px;
  white-space: nowrap;
  width: 487px;
}

.uk88-nha-mobile-mainsite .mt-khu-1 {
  left: 228px;
  letter-spacing: 0;
  line-height: 108.8px;
  position: absolute;
  top: 352px;
  white-space: nowrap;
  width: 487px;
}

.uk88-nha-mobile-mainsite .s-in-thoi-1 {
  left: 228px;
  letter-spacing: 0;
  line-height: 108.8px;
  position: absolute;
  top: 578px;
  white-space: nowrap;
  width: 487px;
}

.uk88-nha-mobile-mainsite .shape-1-s-1-1 {
  height: 82px;
  left: 125px;
  object-fit: cover;
  position: absolute;
  top: 367px;
  width: 62px;
}

.uk88-nha-mobile-mainsite .user-copy-sd-1-1 {
  height: 79px;
  left: 125px;
  object-fit: cover;
  position: absolute;
  top: 148px;
  width: 62px;
}

.uk88-nha-mobile-mainsite .smartphone-call-copy-sd-1-1 {
  height: 91px;
  left: 128px;
  object-fit: cover;
  position: absolute;
  top: 587px;
  width: 56px;
}

.uk88-nha-mobile-mainsite .image-photoroom-2026-1 {
  animation: zoomInOut 1.2s ease-in-out infinite;
  aspect-ratio: 3.55;
  height: 343px;
  left: 97px;
  object-fit: cover;
  position: absolute;
  top: 728px;
  width: 1217px;
}

.uk88-nha-mobile-mainsite .frame-1707480026-2 {
  align-items: center;
  display: flex;
  gap: 15px;
  height: 704px;
  justify-content: space-between;
  left: 52px;
  position: absolute;
  top: 5112px;
  width: 1366px;
}

.uk88-nha-mobile-mainsite .frame-1707480025-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 626.78px;
  justify-content: center;
  position: relative;
  width: 636.94px;
  z-index: 2;
}

.uk88-nha-mobile-mainsite .trai-webp {
  border-radius: 11.87px;
  height: 100%;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 2;
}

.uk88-nha-mobile-mainsite .frame-1707480026-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 626.78px;
  justify-content: center;
  position: relative;
  width: 636.94px;
}

.uk88-nha-mobile-mainsite .phai-webp {
  border-radius: 11.87px;
  height: 100%;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.uk88-nha-mobile-mainsite .frame-1707480031 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 42.2px;
  left: 0;
  position: absolute;
  top: 884px;
  width: 1366px;
}

.uk88-nha-mobile-mainsite .group-2085662943 {
  height: 378.42px;
  position: relative;
  width: 1366px;
}

.uk88-nha-mobile-mainsite .rectangle-41228-2 {
  height: 378px;
  left: 534px;
  position: absolute;
  top: 0;
  width: 832px;
}

.uk88-nha-mobile-mainsite .rectangle-41226-1 {
  height: 378px;
  left: 0;
  position: absolute;
  top: 0;
  width: 683px;
}

.uk88-nha-mobile-mainsite .group-2085662944 {
  height: 400.88px;
  position: relative;
  width: 1366px;
}

.uk88-nha-mobile-mainsite .rectangle-41227-2 {
  height: 401px;
  left: 463px;
  position: absolute;
  top: 0;
  width: 903px;
}

.uk88-nha-mobile-mainsite .rectangle-41224-1 {
  height: 401px;
  left: 0;
  position: absolute;
  top: 0;
  width: 585px;
}

.uk88-nha-mobile-mainsite .rectangle-41225-1 {
  align-self: stretch;
  height: 533.39px;
  position: relative;
  width: 100%;
}

.uk88-nha-mobile-mainsite .ellipse-1525 {
  mix-blend-mode: overlay;
  position: absolute;
}

.uk88-nha-mobile-mainsite .game {
  background: linear-gradient(149deg, rgba(25, 29, 28, 1) 0%, rgba(15, 101, 13, 1) 100%);
  border-radius: 18.84px;
  height: 329.77px;
  overflow: hidden;
  position: relative;
  width: 558.26px;
}

.uk88-nha-mobile-mainsite .image {
  height: 62.65px;
  position: relative;
}

.uk88-nha-mobile-mainsite .mask-group {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}

.uk88-nha-mobile-mainsite .rectangle-41217 {
  -webkit-backdrop-filter: blur(58.89px) brightness(100%);
  backdrop-filter: blur(58.89px) brightness(100%);
  height: 261px;
  position: absolute;
  top: 0;
}

.uk88-nha-mobile-mainsite .rectangle-41219 {
  position: absolute;
  top: 0;
}

@media screen and (orientation: portrait) {
  .screen.index {
    display: none;
  }
  .screen.uk88-nha-mobile-mainsite {
    display: block;
  }
}

@media screen and (orientation: landscape) {
  .screen.index {
    display: block;
  }
  .screen.uk88-nha-mobile-mainsite {
    display: none;
  }
}

/* ===== Form đăng ký - UK88 ===== */
.index .uk-fi,
.uk88-nha-mobile-mainsite .uk-fi-m {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 42px;
  box-sizing: border-box;
  caret-color: #000000;
  color: #000000;
  font-family: var(--font-family-utm_avo-regular);
  font-style: normal;
  font-weight: 400;
  left: 48px;
  line-height: normal;
  outline: none;
  padding-left: 193px;
  padding-right: 20px;
  position: absolute;
  text-align: left;
  top: 101px;
  width: 1370px;
  z-index: 2;
}

.index .uk-fi {
  font-size: 66.6px;
  height: 190px;
}

.uk88-nha-mobile-mainsite .uk-fi-m {
  font-size: 63px;
  height: 180px;
  left: 45px;
  padding-left: 183px;
  top: 95px;
  width: 1296px;
}

.index .uk-fi::placeholder,
.uk88-nha-mobile-mainsite .uk-fi-m::placeholder {
  color: var(--mountain-mist);
  opacity: 1;
}

.index .uk-fi::-ms-input-placeholder,
.uk88-nha-mobile-mainsite .uk-fi-m::-ms-input-placeholder {
  color: var(--mountain-mist);
}

.index .uk-fi:focus,
.uk88-nha-mobile-mainsite .uk-fi-m:focus {
  box-shadow: none;
}

.index .uk-fi:-webkit-autofill,
.uk88-nha-mobile-mainsite .uk-fi-m:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  -webkit-text-fill-color: #000000;
  transition: background-color 9999s ease-in-out 0s;
}

.index #pc-username {
  padding-right: 190px;
}

.index #pc-password {
  padding-right: 190px;
  top: 337px;
}

.index #pc-phone {
  padding-right: 190px;
  top: 573px;
}

.uk88-nha-mobile-mainsite #mb-username {
  padding-right: 190px;
}

.uk88-nha-mobile-mainsite #mb-password {
  padding-right: 190px;
  top: 319px;
}

.uk88-nha-mobile-mainsite #mb-phone {
  padding-right: 190px;
  top: 542px;
}

/* Thông báo lỗi bên dưới input, căn giữa */
.uk-err {
  color: #fff;
  display: none;
  font-family: var(--font-family-utm_avo-regular);
  font-size: 30px;
  font-style: italic;
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: 1;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
  position: absolute;
  right: 0;
  text-align: center;
  white-space: normal;
  width: max-content;
  z-index: 7;
  margin-top: -5px;
}

.uk-err.show {
  display: block;
}

.index .uk-err-1 {
  top: 301px;
}

.index .uk-err-2 {
  top: 537px;
}

.index .uk-err-3 {
  top: 766px;
}

.uk88-nha-mobile-mainsite .uk-err-m1 {
  top: 285px;
}

.uk88-nha-mobile-mainsite .uk-err-m2 {
  top: 508px;
}

.uk88-nha-mobile-mainsite .uk-err-m3 {
  top: 726px;
}

/* Error do jquery.validate chèn, căn theo từng input */
.index #pc-username + .errors {
  top: 301px;
}

.index #pc-password + .errors {
  top: 537px;
}

.index #pc-phone + .errors {
  top: 766px;
}

.uk88-nha-mobile-mainsite #mb-username + .errors {
  top: 285px;
}

.uk88-nha-mobile-mainsite #mb-password + .errors {
  top: 508px;
}

.uk88-nha-mobile-mainsite #mb-phone + .errors {
  top: 726px;
}

.index .uk-fi.uk-has-error {
  box-shadow: none;
}

.uk88-nha-mobile-mainsite .uk-fi-m.uk-has-error {
  box-shadow: none;
}

/* Nút ẩn/hiện mật khẩu (viền mắt thiết kế sẵn) */
.uk-pass-toggle {
  background: none;
  border: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 5;
}

.uk-pass-toggle::after {
  background: #B0B0B0;
  border-radius: 6px;
  content: "";
  height: 9px;
  left: 49%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 95px;
}

.uk-pass-toggle.uk-active::after {
  display: none;
}

.index .uk-pass-toggle {
  height: 110px;
  left: 1230px;
  top: 376px;
  width: 180px;
}

.uk88-nha-mobile-mainsite .uk-pass-toggle {
  height: 110px;
  left: 1160px;
  top: 356px;
  width: 190px;
}

.uk88-nha-mobile-mainsite .uk-pass-toggle::after {
  left: 46%;
}

/* Nút submit chồng lên ảnh nút bấm sẵn có */
.uk-submit {
  background: transparent;
  border: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 4;
}

.index .uk-submit {
  height: 363px;
  left: 103px;
  top: 769px;
  width: 1285px;
}

.uk88-nha-mobile-mainsite .uk-submit {
  height: 343px;
  left: 97px;
  top: 728px;
  width: 1217px;
}

.uk-submit:hover {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 28px;
}

.uk-submit:active {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 28px;
}

/* Thông báo thành công */
.uk-success {
  align-items: center;
  background: rgba(4, 18, 8, 0.88);
  border: 2px solid #5ab727;
  border-radius: 28px;
  color: #7ce68d;
  display: none;
  font-family: var(--font-family-utm_avo-regular);
  font-size: 28px;
  justify-content: center;
  line-height: 1.3;
  position: absolute;
  text-align: center;
  z-index: 6;
}

.uk-success.show {
  display: flex;
}

.index .uk-success {
  height: 363px;
  left: 103px;
  top: 769px;
  width: 1285px;
}

.uk88-nha-mobile-mainsite .uk-success {
  height: 343px;
  left: 97px;
  top: 728px;
  width: 1217px;
}