input.tn-ng-nhp,
input.mt-khu,
input.tn-ng-nhp-1,
input.mt-khu-1 {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  caret-color: #fff;
}

/* screen - index */

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

.index .ldp-sunwin-ramos-1 {
  aspect-ratio: 0.26;
  height: 13522px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 3526px;
}

.index .group-5-dswed-1 {
  aspect-ratio: 1.24;
  height: 389px;
  left: 2198px;
  object-fit: cover;
  position: absolute;
  top: 47px;
  width: 483px;
}

.index .group-3-dwe333-2 {
  aspect-ratio: 0.3;
  height: 3603px;
  left: -228px;
  object-fit: cover;
  position: absolute;
  top: -470px;
  width: 1092px;
}

.index .group-1000004182 {
  height: 1006px;
  left: 1726px;
  position: absolute;
  top: 605px;
  width: 1434px;
}

.index .pop-upsasasasasasasas-ewe-1 {
  aspect-ratio: 1.42;
  height: 1006px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1430px;
}

.index .frame-51ssss-copy-mbbb-1 {
  top: 102px;
}

.index .frame-51ssss-copy-mbbb-2 {
  top: 387px;
}

.index .choi-ngay-dwewewe-1 {
  aspect-ratio: 4.49;
  height: 257px;
  left: 137px;
  position: absolute;
  top: 694px;
  width: 1154px;
  animation: zoomInOut 2s ease-in-out infinite;
}

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

.index .shape-2-copy-4-nnnnnn-1 {
  aspect-ratio: 0.81;
  height: 104px;
  left: 162px;
  object-fit: cover;
  position: absolute;
  top: 451px;
  width: 84px;
}

.index .shape-1-mjnnb-1 {
  aspect-ratio: 0.77;
  height: 99px;
  left: 167px;
  object-fit: cover;
  position: absolute;
  top: 172px;
  width: 77px;
}

.index .frame-50 {
  height: 101px;
  left: 316px;
  position: absolute;
  top: 178px;
  width: 750px;
}

.index .frame-51 {
  height: 101px;
  left: 316px;
  position: absolute;
  top: 457px;
  width: 750px;
}

.index .frame-50 input.tn-ng-nhp,
.index .frame-51 input.mt-khu {
  background: transparent;
  border: none;
  color: var(--granite-gray);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 67.4px;
  font-weight: 400;
  height: 100%;
  letter-spacing: 0;
  outline: none;
  padding: 0;
  width: 100%;
  caret-color: #fff;
}

.index .eye-toggle-pc {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 108px;
  justify-content: center;
  left: 1151px;
  position: absolute;
  top: 456px;
  width: 179px;
  z-index: 100;
}

.index .eye-toggle-pc svg {
  height: 100%;
  opacity: 0.35;
  transform: scale(0.8);
  width: 100%;
}

.index .domain-chnh-hng-duy-nht {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, rgba(255, 255, 212, 1) 0%, rgba(252, 192, 74, 1) 44%, rgba(255, 238, 110, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-utm_avo-bold);
  font-size: 63px;
  font-weight: 700;
  left: 1764px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-fill-color: transparent;
  text-shadow: 0px 4.9px 18.12px #000000a8;
  top: 459px;
}

.index .h-thng-s-t-chuy {
  color: var(--white);
  font-family: var(--font-family-utm_avo-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  left: 1955px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-shadow: 0px 3.5px 12.94px #000000a8;
  top: 1771px;
  width: 973px;
}

.index .image-8 {
  aspect-ratio: 3.93;
  height: 99px;
  left: 2732px;
  object-fit: cover;
  position: absolute;
  top: 455px;
  width: 390px;
}

.index .group-1000004188 {
  display: flex;
  height: 81px;
  left: 1882px;
  position: absolute;
  top: 1670px;
  width: 1122px;
}

.index .dng {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: 54.1px;
  font-weight: 700;
  height: 79px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0;
  margin-top: 2.1px;
  text-shadow: 0px 4.2px 15.55px #000000a8;
  width: 147px;
}

.index .image-9 {
  aspect-ratio: 3.41;
  height: 73.18px;
  margin-left: 25.4px;
  margin-top: 6.3px;
  object-fit: cover;
  width: 249.37px;
}

.index .truy-cp-chnh-hng {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: 54.1px;
  font-weight: 700;
  height: 79px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 42.8px;
  margin-top: 0;
  text-shadow: 0px 4.2px 15.55px #000000a8;
  width: 653px;
}

.index .group-7sddsdsdsd-1 {
  aspect-ratio: 1.06;
  height: 1489px;
  left: 217px;
  object-fit: cover;
  position: absolute;
  top: 535px;
  width: 1585px;
}

.index .group-9sdsdsdsdsd-1 {
  aspect-ratio: 1.19;
  height: 1744px;
  left: 1466px;
  object-fit: cover;
  position: absolute;
  top: 2385px;
  width: 2069px;
}

.index .image-photoroom-2026-07-12-t210049061-1 {
  aspect-ratio: 1.78;
  height: 580px;
  left: 494px;
  object-fit: cover;
  position: absolute;
  top: 224px;
  width: 1031px;
}

.index .group-2085662923 {
  height: 300px;
  left: 449px;
  position: absolute;
  top: 1977px;
  width: 2708px;
}

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

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

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

.index .slider-slide3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 17.16px;
}

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

.index .game-1 {
  background: linear-gradient(149deg, rgba(63, 0, 1, 1) 0%, rgba(199, 0, 3, 1) 100%);
  border-radius: 17.16px;
  height: 300.37px;
  overflow: hidden;
  position: relative;
  width: 508.48px;
}

.index .rectangle-41201 {
  height: 100%;
  left: -1730.82%;
  position: absolute;
  top: 970.80%;
  width: 100%;
}

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

.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 {
  aspect-ratio: 1.25;
  height: 266px;
  left: calc(50.00% - 117px);
  position: absolute;
  top: calc(50.00% - 116px);
  width: 371px;
}

.index .ellipse-1524 {
  background-color: var(--persian-plum);
  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-color: var(--supernova);
  border: 2.15px solid;
  border-color: var(--white);
  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(63, 0, 1, 1) 0%, rgba(199, 0, 3, 1) 100%);
  border-radius: 17.16px;
  height: 300.37px;
  margin-left: 42.1px;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  width: 508.48px;
}

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

.index .rectangle-41201-1 {
  left: -1839.11%;
}

.index .x9932d7fdcbc75164fb65 {
  bottom: 0;
  height: 259px;
  left: calc(50.00% - 86px);
  position: absolute;
  width: 340px;
}

.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 .game-2 {
  background: linear-gradient(149deg, rgba(63, 0, 1, 1) 0%, rgba(199, 0, 3, 1) 100%);
  border-radius: 17.16px;
  height: 300.37px;
  margin-left: 40.1px;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  width: 508.48px;
}

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

.index .rectangle-41201-2 {
  left: -1947.00%;
}

.index .image-1268363265 {
  aspect-ratio: 1.04;
  bottom: 0;
  height: 314px;
  left: calc(50.00% - 46px);
  object-fit: cover;
  position: absolute;
  width: 325px;
}

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

.index .game-3 {
  background: linear-gradient(149deg, rgba(63, 0, 1, 1) 0%, rgba(199, 0, 3, 1) 100%);
  border-radius: 17.16px;
  height: 300.37px;
  margin-left: 41.1px;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  width: 508.48px;
}

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

.index .rectangle-41201-3 {
  left: -2055.09%;
}

.index .image-1268363266 {
  aspect-ratio: 1.52;
  height: 232px;
  left: 195px;
  object-fit: cover;
  position: absolute;
  top: 75px;
  width: 354px;
}

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

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

.index .rectangle-41201-4 {
  left: -2163.38%;
}

.index .firefly-chicken-game-88803-1 {
  bottom: 0;
  height: 300px;
  left: calc(50.00% - 127px);
  object-fit: cover;
  position: absolute;
  width: 381px;
}

.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 .rectangle-41231 {
  height: 771px;
  left: 445px;
  position: absolute;
  top: 3089px;
  width: 1439px;
}

.index .frame-103729 {
  background-color: #1b06068c;
  height: 821px;
  left: -453px;
  position: absolute;
  top: 3919px;
  width: 4468px;
}

.index .line-6 {
  height: 1px;
  left: 790px;
  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-xl);
  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-sunwin-all-rights-reserved {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  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: 90px;
}

.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: 4px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index .slider-slide img {
  width: 70%;
  height: 70%;
  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: 100px;
}

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

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

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

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

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

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



.index .fifa-2026-world-cup {
  aspect-ratio: 0.89;
  height: 267px;
  left: 2115px;
  position: absolute;
  top: 348px;
  width: 237px;
}

.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 .group-2085662939 {
  background-image: url(../img/rectangle-41230.webp);
  background-size: 100% 100%;
  display: flex;
  height: 723px;
  left: 445px;
  position: absolute;
  top: 2328px;
  width: 1439px;
}

.index .ellipse-1529 {
  background-color: #070101;
  border-radius: 55px;
  height: 110px;
  margin-left: 1248px;
  margin-top: 599px;
  width: 110px;
}

.index .bank-circle-17 {
  height: 57.1px;
  position: relative;
}

.index .frame-51ssss-copy-mbbb {
  aspect-ratio: 5.29;
  height: 239px;
  left: 82px;
  position: absolute;
  width: 1264px;
}

.index .image-2790-5 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.index .rectangle-41201-5 {
  height: 100%;
  position: absolute;
  top: 970.80%;
  width: 100%;
}
/* screen - sun-mb-ldp */

.sun-mb-ldp {
  background-color: var(--white);
  min-height: 5555px;
  min-width: 1053px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.sun-mb-ldp .justify {
  height: 147px;
  left: calc(50.00% - 11786px);
  position: absolute;
  top: calc(50.00% - 3675px);
  width: 147px;
}

.sun-mb-ldp .ldp-sunwin-ramos-1-1 {
  aspect-ratio: 0.11;
  height: 5555px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1053px;
}

.sun-mb-ldp .group-1000004182-1 {
  height: 693px;
  left: 34px;
  position: absolute;
  top: 746px;
  width: 989px;
}

.sun-mb-ldp .pop-upsasasasasasasas-ewe-1-1 {
  aspect-ratio: 1.42;
  height: 693px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 985px;
}

.sun-mb-ldp .frame-51ssss-copy-mbbb-1-1 {
  aspect-ratio: 5.29;
  height: 164px;
  left: 57px;
  position: absolute;
  top: 71px;
  width: 870px;
}

.sun-mb-ldp .frame-51ssss-copy-mbbb-2-1 {
  aspect-ratio: 5.29;
  height: 164px;
  left: 57px;
  position: absolute;
  top: 267px;
  width: 870px;
}

.sun-mb-ldp .choi-ngay-dwewewe-2 {
  aspect-ratio: 4.49;
  height: 188px;
  left: 70px;
  position: absolute;
  top: 473px;
  width: 843px;
  animation: zoomInOut 2s ease-in-out infinite;
}

.sun-mb-ldp .shape-2-copy-4-nnnnnn-1-1 {
  aspect-ratio: 0.81;
  height: 71px;
  left: 112px;
  object-fit: cover;
  position: absolute;
  top: 311px;
  width: 58px;
}

.sun-mb-ldp .shape-1-mjnnb-1-1 {
  aspect-ratio: 0.77;
  height: 68px;
  left: 115px;
  object-fit: cover;
  position: absolute;
  top: 119px;
  width: 53px;
}

.sun-mb-ldp .eye-toggle-mb {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 75px;
  justify-content: center;
  left: 799px;
  position: absolute;
  top: 312px;
  width: 75px;
  z-index: 100;
}

.sun-mb-ldp .eye-toggle-mb svg {
  height: 100%;
  opacity: 0.35;
  width: 100%;
}

.sun-mb-ldp .frame-50-1 {
  height: 70px;
  left: 217px;
  position: absolute;
  top: 122px;
  width: 500px;
}

.sun-mb-ldp .frame-51-1 {
  height: 70px;
  left: 217px;
  position: absolute;
  top: 314px;
  width: 500px;
}

.sun-mb-ldp .frame-50-1 input.tn-ng-nhp-1,
.sun-mb-ldp .frame-51-1 input.mt-khu-1 {
  background: transparent;
  border: none;
  color: var(--granite-gray);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 46.4px;
  font-weight: 400;
  height: 100%;
  letter-spacing: 0;
  outline: none;
  padding: 0;
  width: 100%;
  caret-color: #fff;
}

.sun-mb-ldp .errors {
  position: absolute;
  bottom: -100%;
  font-size: 20px;
  color: #fff;
  width: 100%;
  text-align: center;
}

.sun-mb-ldp .group-5-dswed-1-1 {
  aspect-ratio: 1.24;
  height: 341px;
  left: 313px;
  object-fit: cover;
  position: absolute;
  top: 42px;
  width: 423px;
}

.sun-mb-ldp .group-7sddsdsdsd-1-1 {
  aspect-ratio: 1.06;
  height: 1061px;
  left: -37px;
  object-fit: cover;
  position: absolute;
  top: 1629px;
  width: 1130px;
}

.sun-mb-ldp .group-2085662940 {
  display: flex;
  flex-direction: column;
  gap: 4.3px;
  height: 166px;
  left: 126px;
  position: absolute;
  top: 2582px;
  width: 801px;
}

.sun-mb-ldp .domain-chnh-hng-duy-nht-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, rgba(255, 255, 212, 1) 0%, rgba(252, 192, 74, 1) 44%, rgba(255, 238, 110, 1) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-utm_avo-bold);
  font-size: 53.4px;
  font-weight: 700;
  height: 78px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0;
  text-fill-color: transparent;
  text-shadow: 0px 4.15px 15.35px #000000a8;
  width: 799px;
}

.sun-mb-ldp .image-8-1 {
  aspect-ratio: 3.93;
  height: 84px;
  margin-left: 234.4px;
  object-fit: cover;
  width: 329.99px;
}

.sun-mb-ldp .h-thng-s-t-chuy-1 {
  color: var(--white);
  font-family: var(--font-family-utm_avo-regular);
  font-size: var(--font-size-l);
  font-weight: 400;
  left: 116px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  text-shadow: 0px 2.96px 10.97px #000000a8;
  top: 1585px;
  width: 824px;
}

.sun-mb-ldp .group-1000004188-1 {
  display: flex;
  height: 69px;
  left: 54px;
  position: absolute;
  top: 1490px;
  width: 952px;
}

.sun-mb-ldp .dng-1 {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: 45.8px;
  font-weight: 700;
  height: 67px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0;
  margin-top: 1.8px;
  text-shadow: 0px 3.56px 13.18px #000000a8;
  width: 124px;
}

.sun-mb-ldp .image-9-1 {
  aspect-ratio: 3.41;
  height: 62.01px;
  margin-left: 22.1px;
  margin-top: 5.3px;
  object-fit: cover;
  width: 211.3px;
}

.sun-mb-ldp .truy-cp-chnh-hng-1 {
  color: var(--white);
  font-family: var(--font-family-utm_avo-bold);
  font-size: 45.8px;
  font-weight: 700;
  height: 67px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 36.3px;
  margin-top: 0;
  text-shadow: 0px 3.56px 13.18px #000000a8;
  width: 554px;
}

.sun-mb-ldp .image-photoroom-2026-07-12-t210049061-1-1 {
  aspect-ratio: 1.78;
  height: 490px;
  left: 89px;
  object-fit: cover;
  position: absolute;
  top: 311px;
  width: 871px;
}

.sun-mb-ldp .group-2085662923-1 {
  height: 300px;
  left: -261px;
  position: absolute;
  top: 2799px;
  width: 2708px;
}

.sun-mb-ldp .slider-container4 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.sun-mb-ldp .slider-wrapper4 {
  display: flex;
  height: 100%;
  width: 100%;
  min-width: 0;
}

.sun-mb-ldp .slider-slide4 {
  min-width: calc(100% / 5);
  height: 100%;
  box-sizing: border-box;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sun-mb-ldp .slider-slide4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 17.16px;
}

.sun-mb-ldp .slider-dots4 {
  display: none;
}

.sun-mb-ldp .rectangle-41201-5 {
  left: -2335.57%;
}

.sun-mb-ldp .image-2790-5 {
  height: 100%;
  left: 51.33%;
  position: absolute;
  top: 0;
  width: 48.67%;
}

.sun-mb-ldp .rectangle-41217-1 {
  left: 51.33%;
  top: 0;
  width: 48.67%;
}

.sun-mb-ldp .ellipse-1525-1 {
  bottom: 0;
  height: 300px;
  left: calc(50.00% + 7px);
  width: 247px;
}

.sun-mb-ldp .image-1268363257-1 {
  aspect-ratio: 1.25;
  height: 266px;
  left: calc(50.00% + 7px);
  position: absolute;
  top: calc(50.00% - 116px);
  width: 247px;
}

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

.sun-mb-ldp .fill-buttons-1 {
  align-items: center;
  background-color: var(--supernova);
  border: 2.15px solid;
  border-color: var(--white);
  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;
}

.sun-mb-ldp .ng-nhp-1 {
  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;
}

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

.sun-mb-ldp .game-4 {
  margin-left: 42.1px;
  margin-top: 0;
}

.sun-mb-ldp .rectangle-41201-6 {
  left: -2443.86%;
}

.sun-mb-ldp .image-2790-6 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.sun-mb-ldp .rectangle-41217-2 {
  left: 0;
  top: 0;
  width: 100.00%;
}

.sun-mb-ldp .ellipse-1525-2 {
  bottom: 0;
  height: 300px;
  left: calc(50.00% - 100px);
  width: 355px;
}

.sun-mb-ldp .x9932d7fdcbc75164fb65-1 {
  bottom: 0;
  height: 259px;
  left: calc(50.00% - 86px);
  position: absolute;
  width: 340px;
}

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

.sun-mb-ldp .game-6 {
  margin-left: 40.1px;
  margin-top: 0;
}

.sun-mb-ldp .rectangle-41201-7 {
  left: -2551.76%;
}

.sun-mb-ldp .image-2790-7 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.sun-mb-ldp .rectangle-41217-3 {
  left: 0;
  top: 0;
  width: 42.23%;
}

.sun-mb-ldp .ellipse-1525-3 {
  bottom: 0;
  height: 300px;
  left: calc(50.00% - 100px);
  width: 61px;
}

.sun-mb-ldp .image-1268363265-1 {
  aspect-ratio: 1.04;
  bottom: 0;
  height: 314px;
  left: calc(50.00% - 46px);
  object-fit: cover;
  position: absolute;
  width: 325px;
}

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

.sun-mb-ldp .game-7 {
  margin-left: 41.1px;
  margin-top: 0;
}

.sun-mb-ldp .rectangle-41201-8 {
  left: -2659.85%;
}

.sun-mb-ldp .image-2790-8 {
  height: -597.14%;
  left: -2661.80%;
  position: absolute;
  top: 697.14%;
  width: 2761.80%;
}

.sun-mb-ldp .rectangle-41217-4 {
  left: -2559.85%;
  top: 2094px;
  width: 100%;
}

.sun-mb-ldp .ellipse-1525-4 {
  bottom: -2094px;
  height: 272px;
  left: calc(50.00% - 13494px);
  width: 264px;
}

.sun-mb-ldp .image-1268363266-1 {
  aspect-ratio: 1.52;
  height: 232px;
  left: 195px;
  object-fit: cover;
  position: absolute;
  top: 75px;
  width: 354px;
}

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

.sun-mb-ldp .rectangle-41201-9 {
  left: -2768.14%;
}

.sun-mb-ldp .image-2790-9 {
  height: -597.14%;
  left: -2770.09%;
  position: absolute;
  top: 697.14%;
  width: 2870.09%;
}

.sun-mb-ldp .rectangle-41217-5 {
  left: -2668.14%;
  top: 2094px;
  width: 100%;
}

.sun-mb-ldp .ellipse-1525-5 {
  bottom: -2094px;
  height: 272px;
  left: calc(50.00% - 14044px);
  width: 264px;
}

.sun-mb-ldp .firefly-chicken-game-88803-1-1 {
  bottom: 0;
  height: 371px;
  left: calc(50.00% - 13644px);
  object-fit: cover;
  position: absolute;
  width: 479px;
}

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

.sun-mb-ldp .rectangle-41231-1 {
  height: 513px;
  left: 46px;
  position: absolute;
  top: 4604px;
  width: 958px;
}

.sun-mb-ldp .group-2085662939-1 {
  background-image: url(../img/rectangle-41230-1.webp);
  background-size: 100% 100%;
  display: flex;
  height: 481px;
  left: 46px;
  position: absolute;
  top: 4097px;
  width: 958px;
}

.sun-mb-ldp .ellipse-1529-1 {
  background-color: #070101;
  border-radius: 36.62px;
  height: 73.23px;
  margin-left: 830.8px;
  margin-top: 398.8px;
  width: 73.23px;
}

.sun-mb-ldp .group-9sdsdsdsdsd-1-1 {
  aspect-ratio: 1.19;
  height: 1238px;
  left: -277px;
  object-fit: cover;
  position: absolute;
  top: 3068px;
  width: 1470px;
}

.sun-mb-ldp .frame-1707479466 {
  background-color: #080000;
  display: flex;
  flex-direction: column;
  height: 395px;
  left: -486px;
  overflow: hidden;
  position: absolute;
  top: 5160px;
  width: 2024px;
}

.sun-mb-ldp .ngn-hng-h-tr {
  align-self: center;
  color: #d9d9d9;
  font-family: var(--font-family-inter);
  font-size: 37.6px;
  font-weight: 700;
  height: 57px;
  letter-spacing: 0;
  line-height: 56.5px;
  margin-left: -0.3px;
  margin-top: 28.9px;
  white-space: nowrap;
  width: 388px;
}

.sun-mb-ldp .group-2 {
  height: 137.06px;
  margin-left: 486px;
  margin-top: 19.4px;
  width: 1053px;
}

.sun-mb-ldp .frame-1707479464 {
  height: 54.09px;
  margin-left: -56.9px;
  margin-top: 26.1px;
  position: relative;
  width: 2618.6px;
}

.sun-mb-ldp .slider-container5 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.sun-mb-ldp .slider-wrapper5 {
  display: flex;
  height: 100%;
  width: 100%;
  min-width: 0;
}

.sun-mb-ldp .slider-slide5 {
  min-width: calc(100% / 10);
  height: 100%;
  box-sizing: border-box;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sun-mb-ldp .slider-slide5 img {
  width: 80%;
  height: 80%;
  object-fit: contain;
  display: block;
}

.sun-mb-ldp .slider-dots5 {
  display: none;
}

.sun-mb-ldp .image-1232 {
  aspect-ratio: 2.25;
  margin-left: -11594.08px;
  margin-top: -535.53px;
  width: 121.7px;
}

.sun-mb-ldp .image-1231 {
  aspect-ratio: 1.55;
  margin-left: -11440.60px;
  margin-top: -535.53px;
  width: 83.84px;
}

.sun-mb-ldp .image-1230 {
  aspect-ratio: 2.5;
  margin-left: -11324.98px;
  margin-top: -535.53px;
  width: 135.22px;
}

.sun-mb-ldp .image-1229 {
  aspect-ratio: 2.49;
  width: 27.72px;
}

.sun-mb-ldp .image-12 {
  aspect-ratio: 2.9;
  object-fit: cover;
  width: 156.86px;
}

.sun-mb-ldp .image-1217 {
  aspect-ratio: 2.26;
  width: 122.38px;
}

.sun-mb-ldp .image-1221 {
  aspect-ratio: 2.6;
  width: 84.8px;
}

.sun-mb-ldp .image-1222 {
  aspect-ratio: 2.25;
  margin-left: -9910.54px;
  margin-top: -535.53px;
  width: 121.7px;
}

.sun-mb-ldp .image-1223 {
  aspect-ratio: 2.27;
  margin-left: -9757.07px;
  margin-top: -535.53px;
  width: 123.05px;
}

.sun-mb-ldp .image-1224 {
  aspect-ratio: 2.35;
  margin-left: -9602.23px;
  margin-top: -535.53px;
  width: 127.11px;
}

.sun-mb-ldp .image-1226 {
  aspect-ratio: 2.19;
  margin-left: -9254.71px;
  margin-top: -535.53px;
  width: 118.32px;
}

.sun-mb-ldp .image-1227 {
  aspect-ratio: 2.39;
  margin-left: -9104.61px;
  margin-top: -535.53px;
  width: 129.14px;
}

.sun-mb-ldp .copyright-sunwin-2 {
  align-items: center;
  align-self: center;
  color: var(--white400);
  display: flex;
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xs);
  font-weight: 400;
  height: 70px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 34.8px;
  margin-left: 0.8px;
  margin-top: 19.3px;
  text-align: center;
  width: 559.19px;
}

.sun-mb-ldp .ellipse-1525 {
  mix-blend-mode: overlay;
  position: absolute;
}

.sun-mb-ldp .game {
  background: linear-gradient(149deg, rgba(63, 0, 1, 1) 0%, rgba(199, 0, 3, 1) 100%);
  border-radius: 17.16px;
  height: 300.37px;
  overflow: hidden;
  position: relative;
  width: 508.48px;
}

.sun-mb-ldp .image {
  height: 54.09px;
  position: relative;
}

.sun-mb-ldp .rectangle-41201 {
  height: 100%;
  position: absolute;
  top: 697.14%;
  width: 100%;
}

.sun-mb-ldp .rectangle-41217 {
  -webkit-backdrop-filter: blur(53.64px) brightness(100%);
  backdrop-filter: blur(53.64px) brightness(100%);
  height: 238px;
  position: absolute;
}
@media screen and (orientation: portrait) {
  .screen.PC {
    display: none;
  }
  .screen.mobile {
    display: block;
  }
}
@media screen and (orientation: landscape) {
  .screen.PC {
    display: block;
  }
  .screen.mobile {
    display: none;
  }
}