/* screen - frame-1707480028 */

.frame-1707480028 {
  display: flex;
  flex-direction: column;
  min-height: 3292.59px;
  min-width: 615px;
  overflow: hidden;
  width: 100%;
}

.frame-1707480028 .five88mobile {
  background-color: var(--white);
  height: 3138px;
  overflow: hidden;
  position: relative;
  width: 615px;
}

.frame-1707480028 .group-15 {
  background-color: #21232b;
  display: flex;
  height: 111px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 615px;
}

.frame-1707480028 .frame-1707480029 {
  display: flex;
  height: 74px;
  margin-left: 23px;
  margin-top: 21.1px;
  width: 72px;
}

.frame-1707480028 .menu-hamburger_md {
  flex: 1;
  position: relative;
  width: 72px;
}

.frame-1707480028 .vector-30 {
  height: 51.59%;
  left: 15.73%;
  position: absolute;
  top: 24.21%;
  width: 68.53%;
}

.frame-1707480028 .group-2085663171-2 {
  height: 60.83px;
  margin-left: 98px;
  margin-top: 25.1px;
  width: 206.88px;
}

.frame-1707480028 .interface-search_-magnifying_-glass {
  height: 39.94px;
  margin-left: 136.6px;
  margin-top: 36.9px;
  width: 39.94px;
}

.frame-1707480028 .group-8sddwdwd-1-1 {
  aspect-ratio: 0.22;
  height: 3029px;
  left: 0;
  position: absolute;
  top: 106px;
  width: 615px;
}

.frame-1707480028 .group-8sddwdwd-2 {
  aspect-ratio: 0.3;
  height: 2051px;
  left: 0;
  position: absolute;
  top: 1087px;
  width: 615px;
}

.frame-1707480028 .group-2085663163-1 {
  height: 59px;
  left: 0;
  position: absolute;
  top: 1078px;
  width: 615px;
}

.frame-1707480028 .group-2085663153-1 {
  height: 128px;
  left: -156px;
  position: absolute;
  top: 1173px;
  width: 1155px;
}

.frame-1707480028 .slider-container5 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 7.34px;
}

.frame-1707480028 .slider-wrapper5 {
  display: flex;
  height: 100%;
  width: 100%;
}

.frame-1707480028 .slider-slide5 {
  width: fit-content;
  flex: none;
  height: 100%;
  box-sizing: border-box;
  padding: 3px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.frame-1707480028 .slider-slide5 img {
  height: 100%;
  width: auto;
  object-fit: contain;
  display: block;
  border-radius: 7.34px;
}

.frame-1707480028 .slider-btn5 {
  display: none;
}

.frame-1707480028 .slider-nav5 {
  display: none;
}

.frame-1707480028 .game-1 {
  background: linear-gradient(149deg, rgba(25, 29, 28, 1) 0%, rgba(101, 60, 13, 1) 100%);
  border-radius: 7.34px;
  height: 128.13px;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  width: 216.9px;
}

.frame-1707480028 .mask-group-6 {
  background-image: url(../img/image-31333957@2x.webp);
  background-size: 100% 100%;
  display: flex;
  height: 100%;
  width: 100%;
}

.frame-1707480028 .image-2790-3 {
  flex: 1;
  width: 60.9px;
}

.frame-1707480028 .rectangle-41217-1 {
  left: 71.92%;
  top: 0;
  width: 28.08%;
}

.frame-1707480028 .ellipse-1525-5 {
  bottom: 0;
  height: 128px;
  left: calc(50.00% + 48px);
  width: 61px;
}

.frame-1707480028 .group-1707478956-1 {
  background-image: url(../img/image-1268363258.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 132px;
  left: 99px;
  position: absolute;
  top: 4px;
  width: 136px;
}

.frame-1707480028 .ellipse-1524-5 {
  background-color: var(--sepia);
  border-radius: 88.08px/24.3px;
  bottom: -27px;
  filter: blur(17.93px);;
  height: 49px;
  left: 20.74%;
  position: absolute;
  width: 81.21%;
}

.frame-1707480028 .fill-buttons-1 {
  align-items: center;
  background-color: var(--supernova);
  border: 0.92px solid;
  border-color: var(--broom);
  border-radius: 7.34px;
  bottom: 9px;
  display: inline-flex;
  gap: 5.5px;
  height: 26px;
  justify-content: center;
  left: 15px;
  padding: 5.5px 11.01px;
  position: absolute;
}

.frame-1707480028 .ng-nhp-1 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 14.7px;
  margin-top: -1.08px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.frame-1707480028 .phm-1 {
  align-items: center;
  display: flex;
  height: 26px;
  left: 16px;
  letter-spacing: 0;
  line-height: 25.8px;
  position: absolute;
  top: 25px;
  white-space: nowrap;
}

.frame-1707480028 .image-2790-2 {
  flex: 1;
  width: 216.9px;
}

.frame-1707480028 .rectangle-41217-2 {
  left: 0;
  top: 0;
  width: 100%;
}

.frame-1707480028 .ellipse-1525-4 {
  bottom: 0;
  height: 128px;
  left: calc(50.00% - 43px);
  width: 151px;
}

.frame-1707480028 .x9932d7fdcbc75164fb65-1 {
  bottom: 0;
  height: 121px;
  left: calc(50.00% - 7px);
  position: absolute;
  width: 115px;
}

.frame-1707480028 .x-dch-1 {
  align-items: center;
  display: flex;
  height: 26px;
  left: 15px;
  letter-spacing: 0;
  line-height: 25.8px;
  position: absolute;
  top: 25px;
  white-space: nowrap;
}

.frame-1707480028 .rectangle-41217-3 {
  left: 0;
  top: 0;
  width: 100.00%;
}

.frame-1707480028 .image-1268363266-1 {
  aspect-ratio: 1;
  bottom: 0;
  height: 172px;
  left: calc(50.00% - 35px);
  object-fit: cover;
  position: absolute;
  width: 172px;
}

.frame-1707480028 .l-1 {
  align-items: center;
  display: flex;
  height: 26px;
  left: 15px;
  letter-spacing: 0;
  line-height: 25.8px;
  position: absolute;
  top: 23px;
  white-space: nowrap;
}

.frame-1707480028 .image-2790-4 {
  flex: 1;
  width: 67.42px;
}

.frame-1707480028 .rectangle-41217-4 {
  left: 0;
  top: 0;
  width: 31.09%;
}

.frame-1707480028 .ellipse-1525-6 {
  bottom: 0;
  height: 128px;
  left: calc(50.00% - 43px);
  width: 2px;
}

.frame-1707480028 .group-2085662922-1 {
  height: 199px;
  left: 56px;
  position: absolute;
  top: -29px;
  width: 199px;
}

.frame-1707480028 .ellipse-1528-1 {
  -webkit-backdrop-filter: blur(4.64px) brightness(100%);
  backdrop-filter: blur(4.64px) brightness(100%);
  background-color: #ffffff1a;
  border-radius: 41.17px;
  height: 82px;
  left: 58px;
  position: absolute;
  top: 45px;
  width: 82px;
}

.frame-1707480028 .image-1268363257-1 {
  aspect-ratio: 1;
  height: 199px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 199px;
}

.frame-1707480028 .game-bi-1 {
  height: 52px;
  left: 15px;
  letter-spacing: 0;
  line-height: 25.8px;
  position: absolute;
  top: 12px;
}

.frame-1707480028 .image-2790-5 {
  flex: 1;
  width: 224.17px;
}

.frame-1707480028 .rectangle-41217-5 {
  left: -1457.45%;
  top: -1173px;
  width: 100%;
}

.frame-1707480028 .ellipse-1525-7 {
  bottom: 1173px;
  height: 116px;
  left: calc(50.00% - 3365px);
  width: 113px;
}

.frame-1707480028 .firefly-chicken-game-88803-1-1 {
  bottom: 1115px;
  height: 159px;
  left: calc(50.00% - 3193px);
  object-fit: cover;
  position: absolute;
  width: 205px;
}

.frame-1707480028 .g-1 {
  align-items: center;
  display: flex;
  height: 26px;
  left: 15px;
  letter-spacing: 0;
  line-height: 25.8px;
  position: absolute;
  top: 25px;
  white-space: nowrap;
}

.frame-1707480028 .group-2085663171-3 {
  display: flex;
  gap: 54.9px;
  height: 123px;
  left: 78px;
  position: absolute;
  top: 1335px;
  width: 419px;
}

.frame-1707480028 .group-2085663155-1 {
  height: 122.31px;
  margin-top: 0.8px;
  width: 271.79px;
}

.frame-1707480028 .image-1268363267-1 {
  aspect-ratio: 0.75;
  height: 122.85px;
  object-fit: cover;
  width: 92.14px;
}

.frame-1707480028 .frame-1707480025-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12.71px;
  height: 270.77px;
  justify-content: center;
  left: 16px;
  position: absolute;
  top: 1875px;
  width: 380.09px;
}

.frame-1707480028 .rectangle-41215-2 {
  height: 100%;
  width: 99.58%;
}

.frame-1707480028 .mask-group-7 {
  height: 100%;
  width: 100.00%;
}

.frame-1707480028 .rectangle-4121-1 {
  -webkit-backdrop-filter: blur(15.89px) brightness(100%);
  backdrop-filter: blur(15.89px) brightness(100%);
  height: 79px;
  left: 0;
  position: absolute;
  top: 0;
  width: 91.19%;
}

.frame-1707480028 .ellipse-1525-8 {
  bottom: 0;
  height: 119px;
  left: calc(50.00% - 30px);
  width: 156px;
}

.frame-1707480028 .frame-1707480021-3 {
  align-items: flex-start;
  left: 13px;
}

.frame-1707480028 .frame-1707480018-3 {
  align-items: flex-start;
}

.frame-1707480028 .logo-ncc-sports-5 {
  height: 19.07px;
}

.frame-1707480028 .x-spor-ts-1 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 17.8px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.frame-1707480028 .th-thao-nh-cao-1 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 12.7px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-1707480028 .ellipse-1524-6 {
  background-color: var(--sepia);
  border-radius: 101.59px/16.84px;
  bottom: -19px;
  filter: blur(12.43px);;
  height: 34px;
  left: 20.74%;
  position: absolute;
  width: 74.17%;
}

.frame-1707480028 .image-1268363259-1 {
  bottom: 0;
  height: 129px;
  left: calc(50.00% - 44px);
  position: absolute;
  width: 180px;
}

.frame-1707480028 .rectangle-41215-3 {
  height: 100.00%;
  width: 99.58%;
}

.frame-1707480028 .mask-group-8 {
  height: 100.00%;
  width: 100.00%;
}

.frame-1707480028 .ellipse-1525-9 {
  bottom: 0;
  height: 122px;
  left: calc(50.00% - 40px);
  width: 156px;
}

.frame-1707480028 .logo-ncc-sports-4 {
  height: 19.07px;
}

.frame-1707480028 .cch-chi-d-dng-1 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 12.7px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-1707480028 .ellipse-1524-7 {
  background-color: #702917;
  border-radius: 102.93px/16.84px;
  bottom: -19px;
  filter: blur(12.43px);;
  height: 34px;
  left: 20.74%;
  position: absolute;
  width: 75.15%;
}

.frame-1707480028 .image-1268363265-1 {
  aspect-ratio: 1.33;
  bottom: -124px;
  height: 264px;
  left: calc(50.00% - 110px);
  object-fit: cover;
  position: absolute;
  width: 352px;
}

.frame-1707480028 .frame-1707480026-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12.71px;
  height: 270.77px;
  justify-content: center;
  left: 323px;
  position: absolute;
  top: 1875px;
  width: 380.09px;
}

.frame-1707480028 .rectangle-41215-4 {
  height: 100%;
  width: 99.48%;
}

.frame-1707480028 .mask-group-9 {
  height: 100%;
  width: 99.90%;
}

.frame-1707480028 .rectangle-41219-1 {
  top: 0;
}

.frame-1707480028 .ellipse-1525-10 {
  bottom: 0;
  height: 129px;
  left: calc(50.00% - 125px);
  width: 152px;
}

.frame-1707480028 .frame-1707480021-4 {
  align-items: flex-end;
  right: 13px;
}

.frame-1707480028 .frame-1707480018-4 {
  align-items: flex-end;
}

.frame-1707480028 .ko-cc-hp-dn-1 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 12.7px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-1707480028 .ellipse-1524-8 {
  background-color: #706617;
  border-radius: 98.91px/16.84px;
  bottom: -19px;
  filter: blur(12.43px);;
  height: 34px;
  left: 7.05%;
  position: absolute;
  transform: rotate(180deg);
  width: 72.21%;
}

.frame-1707480028 .image-1268363258-1 {
  bottom: 0;
  height: 129px;
  left: calc(50.00% - 131px);
  position: absolute;
  width: 156px;
}

.frame-1707480028 .rectangle-41215-5 {
  height: 100.00%;
  width: 99.48%;
}

.frame-1707480028 .mask-group-10 {
  height: 100.00%;
  width: 99.90%;
}

.frame-1707480028 .rectangle-41219-2 {
  top: 1px;
}

.frame-1707480028 .ellipse-1525-11 {
  bottom: 0;
  height: 129px;
  left: calc(50.00% - 124px);
  width: 152px;
}

.frame-1707480028 .ellipse-1524-9 {
  background-color: #17705e;
  border-radius: 100.79px/16.84px;
  bottom: -19px;
  filter: blur(12.43px);;
  height: 34px;
  left: 5.68%;
  position: absolute;
  transform: rotate(180deg);
  width: 73.58%;
}

.frame-1707480028 .frame-1707480021-5 {
  align-items: flex-end;
  right: 13px;
}

.frame-1707480028 .frame-1707480018-5 {
  align-items: flex-end;
}

.frame-1707480028 .logo-ncc-sports-6 {
  height: 22.4px;
  margin-top: -3.34px;
}

.frame-1707480028 .pp-sports-1 {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0;
  line-height: 17.8px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.frame-1707480028 .a-dng-th-loi-1 {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 12.7px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-1707480028 .image-1268363264-1 {
  aspect-ratio: 0.79;
  bottom: -142px;
  height: 292px;
  left: calc(50.00% - 166px);
  object-fit: cover;
  position: absolute;
  width: 230px;
}

.frame-1707480028 .group-10dfddcd-1-1 {
  aspect-ratio: 1.36;
  height: 601px;
  left: -96px;
  object-fit: cover;
  position: absolute;
  top: 71px;
  width: 818px;
}

.frame-1707480028 .rectangle-4-1 {
  height: 289px;
  left: 17px;
  position: absolute;
  top: 2518px;
  width: 582px;
}

.frame-1707480028 .rectangle-6 {
  height: 289px;
  left: 17px;
  object-fit: cover;
  position: absolute;
  top: 2828px;
  width: 582px;
}

.frame-1707480028 .group-2085663166-1 {
  display: flex;
  height: 509px;
  left: -1px;
  position: absolute;
  top: 554px;
  width: 683px;
}

.frame-1707480028 .group-2085663170-1 {
  height: 509.08px;
  position: relative;
  width: 682.8px;
}

.frame-1707480028 .formsdsdxsdsdsd-1-1 {
  aspect-ratio: 1.23;
  height: 509px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 615px;
}

.frame-1707480028 .gr1sdsdsdsds-1-1 {
  animation: zoomPulse 1.8s ease-in-out infinite;
  aspect-ratio: 3.85;
  height: 116px;
  left: 89px;
  object-fit: cover;
  position: absolute;
  top: 393px;
  width: 446px;
}

.frame-1707480028 .group-92-1 {
  height: 269px;
  left: 53px;
  position: absolute;
  top: 121px;
  width: 630px;
}

.frame-1707480028 .group-6sdsdsdsw-1-1 {
  aspect-ratio: 6.81;
  height: 78px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 533px;
}

.frame-1707480028 .iconly-bulk-profile-1 {
  height: 48px;
  left: 17px;
  position: absolute;
  top: 15px;
  width: 48px;
}

.frame-1707480028 .atom-3 {
  height: 36px;
  left: 99px;
  position: absolute;
  top: 21px;
  width: 531px;
}

.frame-1707480028 .text-1 {
  letter-spacing: 0;
  line-height: 35.6px;
  margin-top: -1.48px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-1707480028 .group-2085663169-1 {
  height: 88px;
  left: 1px;
  position: absolute;
  top: 91px;
  width: 579px;
}

.frame-1707480028 .group-2085663168-1 {
  height: 88px;
  left: 0;
  position: absolute;
  top: 0;
  width: 579px;
}

.frame-1707480028 .group-6sdsdsdsw-2-1 {
  aspect-ratio: 6.81;
  height: 78px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 5px;
  width: 533px;
}

.frame-1707480028 .iconly-bulk-password-1 {
  height: 88px;
  left: 0;
  position: absolute;
  top: 0;
  width: 88px;
}

.frame-1707480028 .atom-4 {
  height: 36px;
  left: 99px;
  position: absolute;
  top: 26px;
  width: 480px;
}

.frame-1707480028 .x32-outlined-action-eye-eye-off-1 {
  aspect-ratio: 1;
  height: 23px;
  left: 477px;
  position: absolute;
  top: 32px;
  width: 23px;
}

.frame-1707480028 .group-2085663167-1 {
  background-image: url(../img/group-6sdsdsdsw-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 34.2px;
  height: 78px;
  left: 1px;
  position: absolute;
  top: 191px;
  width: 533px;
}

.frame-1707480028 .iconly-bulk-call-1 {
  height: 46.21px;
  margin-left: 17.5px;
  margin-top: 15.9px;
  width: 46.21px;
}

.frame-1707480028 .atom-5 {
  height: 36.07px;
  margin-top: 20.4px;
  position: relative;
  width: 400.16px;
}

.frame-1707480028 .group-2085663179-1 {
  height: 492px;
  left: -37px;
  position: absolute;
  top: 1411px;
  width: 715px;
}

.frame-1707480028 .image-1268363269-1 {
  aspect-ratio: 1;
  height: 492px;
  left: 205px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 492px;
}

.frame-1707480028 .a5e885a3-8b90-416c-a-1 {
  aspect-ratio: 1.33;
  height: 350px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 48px;
  width: 466px;
}

.frame-1707480028 .group-2085663165-1 {
  background-image: url(../img/m1-1@4x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 273px;
  left: calc(50.00% - 260px);
  position: absolute;
  top: 146px;
  width: 618px;
}

.frame-1707480028 .image-1268363268-1 {
  aspect-ratio: 1.21;
  height: 385px;
  left: 75px;
  object-fit: cover;
  position: absolute;
  top: 2147px;
  width: 466px;
}

.frame-1707480028 .group-2085663180-1 {
  height: 59px;
  left: 0;
  position: absolute;
  top: 1799px;
  width: 615px;
}

.frame-1707480028 .frame-1707479466-1 {
  background-color: #212328;
  display: flex;
  flex-direction: column;
  height: 154.59px;
  overflow: hidden;
  width: 615px;
}

.frame-1707480028 .ngn-hng-h-tr {
  align-self: center;
  color: #d9d9d9;
  font-family: var(--font-family-inter);
  font-size: 14.7px;
  font-weight: 700;
  height: 23px;
  letter-spacing: 0;
  line-height: 22.1px;
  margin-left: -8.3px;
  margin-top: 11.3px;
  white-space: nowrap;
  width: 153px;
}

.frame-1707480028 .group-2 {
  height: 53.7px;
  margin-top: 6.9px;
  width: 613.07px;
}

.frame-1707480028 .frame-1707479464 {
  margin-top: 10.2px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 56px;
}

.frame-1707480028 .slider-container6 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.frame-1707480028 .slider-wrapper6 {
  display: flex;
  height: 100%;
  width: 100%;
  min-width: 0;
}

.frame-1707480028 .slider-slide6 {
  min-width: calc(100% / 10);
  height: 100%;
  box-sizing: border-box;
  padding: 2px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.frame-1707480028 .slider-slide6 img {
  width: 90%;
  height: 90%;
  object-fit: contain;
  display: block;
}

.frame-1707480028 .copyright-five88-2 {
  align-items: center;
  align-self: center;
  color: var(--white400);
  display: flex;
  font-family: var(--font-family-open_sans);
  font-size: 10.1px;
  font-weight: 400;
  height: 31px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 15.1px;
  margin-left: 17.5px;
  margin-top: 7.2px;
  text-align: center;
  width: 242.54px;
}

.frame-1707480028 .atom {
  align-items: flex-start;
  display: flex;
  gap: 14.82px;
}

.frame-1707480028 .ellipse-1525 {
  mix-blend-mode: overlay;
  position: absolute;
}

.frame-1707480028 .frame-1707480018 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 7.63px;
  position: relative;
  width: 100%;
}

.frame-1707480028 .frame-1707480021 {
  display: inline-flex;
  flex-direction: column;
  gap: 7.63px;
  position: absolute;
  top: 9px;
}

.frame-1707480028 .image {
  height: 21.19px;
  position: relative;
}

.frame-1707480028 .logo-ncc-sports {
  position: relative;
  width: 19.07px;
}

.frame-1707480028 .mask-group {
  left: 0;
  position: absolute;
  top: 0;
}

.frame-1707480028 .rectangle-41215 {
  left: 0;
  position: absolute;
  top: 0;
}

.frame-1707480028 .rectangle-41217 {
  -webkit-backdrop-filter: blur(22.93px) brightness(100%);
  backdrop-filter: blur(22.93px) brightness(100%);
  height: 102px;
  position: absolute;
}

.frame-1707480028 .rectangle-41219 {
  -webkit-backdrop-filter: blur(15.89px) brightness(100%);
  backdrop-filter: blur(15.89px) brightness(100%);
  height: 79px;
  left: 8.81%;
  position: absolute;
  width: 91.19%;
}

.frame-1707480028 .the-thao-ao {
  border-radius: 5.08px;
  height: 129.03px;
  overflow: hidden;
  position: relative;
  width: 273.94px;
}
/* screen - index */

.index {
  height: 3156.65px;
  min-width: 1921px;
  position: relative;
  width: 100%;
}

.index .five88-pc {
  height: 2724px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1921px;
}

.index .frame-103729 {
  background-color: #212328;
  height: 433px;
  left: 0;
  position: absolute;
  top: 2724px;
  width: 1921px;
}

.index .frame-1707479466 {
  background: linear-gradient(169deg, rgba(19, 14, 121, 1) 0%, rgba(68, 14, 136, 1) 100%);
  height: 2724px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .group-8sddwdwd-1 {
  aspect-ratio: 0.8;
  height: 2700px;
  left: -101px;
  object-fit: cover;
  position: absolute;
  top: 47px;
  width: 2166px;
}

.index .header {
  align-items: center;
  background-color: #1d1d1c;
  border-bottom-style: solid;
  border-bottom-width: 1.33px;
  border-color: #ffffff12;
  border-left-style: none;
  border-right-style: none;
  border-top-style: none;
  display: flex;
  height: 85px;
  justify-content: space-between;
  left: 0;
  padding: 0px 210px;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .logo-categorry {
  align-items: center;
  display: flex;
  gap: 32px;
  height: 75px;
  margin-right: -110.00px;
  position: relative;
  width: 1610px;
}

.index .group-2085663171 {
  height: 36.75px;
  position: relative;
  width: 125px;
}

.index .category {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 21.33px;
  position: relative;
}

.index .link-th-thao {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 29.3px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .iconlinear-arrow {
  height: 26.67px;
  position: relative;
  width: 26.67px;
}

.index .iconlinear-arrow-down {
  height: 26.67px;
  position: relative;
  width: 26.67px;
}

.index .lable-menu {
  height: 22px;
  position: absolute;
  right: -1px;
  top: 11px;
  width: 55px;
}

.index .rectangle-40331 {
  height: 22px;
  left: calc(50.00% - 27px);
  position: absolute;
  top: 0;
  width: 54px;
}

.index .hot {
  align-items: flex-end;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-mona_sans);
  font-size: 13.3px;
  font-style: italic;
  font-weight: 900;
  height: 19px;
  justify-content: center;
  left: 12px;
  letter-spacing: 0;
  line-height: 18.7px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.index .item-1 {
  border-bottom-style: solid;
  border-bottom-width: 4px;
  border-color: #00c8b3;
}

.index .link-th-thao-1 {
  align-items: center;
  color: #00c8b3;
  display: flex;
  font-family: var(--font-family-mona_sans);
  font-size: var(--font-size-l);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 29.3px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .button {
  display: inline-flex;
  flex: 0 0 auto;
  margin-left: -230.42px;
}

.index .button-1 {
  background: linear-gradient(90deg, rgba(253, 233, 59, 1) 0%, rgba(243, 169, 50, 1) 100%);
  border-radius: 7.85px;
  display: flex;
  height: 39.48px;
  justify-content: center;
  overflow: hidden;
  padding: 7.9px 15.79px;
  width: 120.42px;
}

.index .label-text {
  align-items: center;
  color: var(--vibrant-labelsvibrant-primary);
  display: flex;
  font-family: var(--font-family-mona_sans);
  font-size: 15.8px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0;
  line-height: 21.7px;
  margin-top: -0.14px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .group-2085663179 {
  height: 413px;
  left: 607px;
  position: absolute;
  top: 1396px;
  width: 645px;
}

.index .image-1268363269 {
  aspect-ratio: 1;
  height: 413px;
  left: 200px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 413px;
}

.index .a5e885a3-8b90-416c-a {
  aspect-ratio: 1.33;
  height: 350px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 466px;
}

.index .group-2085663165 {
  background-image: url(../img/m1-1@4x.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 239px;
  left: calc(50.00% - 218px);
  position: absolute;
  top: 126px;
  width: 541px;
}

.index .frame-1707480025 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20.75px;
  height: 442px;
  justify-content: center;
  left: 208px;
  position: absolute;
  top: 1317px;
  width: 620.46px;
}

.index .the-thao-ao {
  border-radius: 8.3px;
  height: 210.62px;
  overflow: hidden;
  position: relative;
  width: 447.19px;
}

.index .rectangle-41215 {
  height: 100.00%;
  left: 0;
  position: absolute;
  top: 0;
  width: 99.58%;
}

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

.index .rectangle-4121 {
  -webkit-backdrop-filter: blur(25.94px) brightness(100%);
  backdrop-filter: blur(25.94px) brightness(100%);
  height: 129px;
  left: 0;
  position: absolute;
  top: 0;
  width: 91.19%;
}

.index .ellipse-1525-2 {
  height: 195px;
  left: calc(50.00% - 49px);
  width: 255px;
}

.index .frame-1707480021 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 12.45px;
  left: 21px;
  position: absolute;
  top: 15px;
}

.index .frame-1707480018 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12.45px;
  position: relative;
  width: 100%;
}

.index .logo-ncc-sports {
  height: 31.13px;
  position: relative;
  width: 31.13px;
}

.index .x-spor-ts {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 29.1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .th-thao-nh-cao {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 20.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .ellipse-1524-1 {
  background-color: var(--sepia);
  border-radius: 165.84px/27.5px;
  bottom: -31px;
  left: 20.74%;
  width: 74.17%;
}

.index .image-1268363259 {
  bottom: 0;
  height: 211px;
  left: calc(50.00% - 72px);
  position: absolute;
  width: 294px;
}

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

.index .ellipse-1525-3 {
  height: 199px;
  left: calc(50.00% - 65px);
  width: 255px;
}

.index .logo-ncc-sports-1 {
  height: 31.13px;
}

.index .cch-chi-d-dng {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 20.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .ellipse-1524-2 {
  background-color: #702917;
  border-radius: 168.02px/27.5px;
  bottom: -31px;
  left: 20.74%;
  width: 75.15%;
}

.index .image-1268363265 {
  aspect-ratio: 1.33;
  bottom: -200px;
  height: 431px;
  left: calc(50.00% - 180px);
  object-fit: cover;
  position: absolute;
  width: 574px;
}

.index .frame-1707480026 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20.75px;
  height: 442px;
  justify-content: center;
  left: 1267px;
  position: absolute;
  top: 1317px;
  width: 620.46px;
}

.index .rectangle-41215-1 {
  height: 100.00%;
  left: 0;
  position: absolute;
  top: 0;
  width: 99.48%;
}

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

.index .rectangle-41219 {
  -webkit-backdrop-filter: blur(25.94px) brightness(100%);
  backdrop-filter: blur(25.94px) brightness(100%);
  height: 129px;
  left: 8.81%;
  position: absolute;
  top: 0;
  width: 91.19%;
}

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

.index .logo-ncc-sports-2 {
  height: 31.13px;
}

.index .ko-cc-hp-dn {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 20.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .ellipse-1524-3 {
  background-color: #706617;
  border-radius: 161.46px/27.5px;
  bottom: -31px;
  left: 7.05%;
  transform: rotate(180deg);
  width: 72.21%;
}

.index .image-1268363258 {
  bottom: 0;
  height: 211px;
  left: calc(50.00% - 214px);
  position: absolute;
  width: 254px;
}

.index .the-thao-ao-1 {
  border-radius: 8.3px;
  height: 210.62px;
  overflow: hidden;
  position: relative;
  width: 447.19px;
}

.index .ellipse-1524-4 {
  background-color: #17705e;
  border-radius: 164.52px/27.5px;
  bottom: -32px;
  left: 5.68%;
  transform: rotate(180deg);
  width: 73.58%;
}

.index .logo-ncc-sports-3 {
  height: 36.57px;
  margin-top: -5.45px;
}

.index .pp-sports {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0;
  line-height: 29.1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .a-dng-th-loi {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 20.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .image-1268363264 {
  aspect-ratio: 0.79;
  bottom: -232px;
  height: 476px;
  left: calc(50.00% - 271px);
  object-fit: cover;
  position: absolute;
  width: 375px;
}

.index .rectangle-4 {
  height: 409px;
  left: 892px;
  position: absolute;
  top: 1806px;
  width: 823px;
}

.index .rectangle-5 {
  height: 409px;
  left: 892px;
  object-fit: cover;
  position: absolute;
  top: 2244px;
  width: 823px;
}

.index .group-2085663153 {
  display: flex;
  gap: 23px;
  height: 167px;
  left: 208px;
  position: absolute;
  top: 1016px;
  width: 1507px;
}

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

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

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

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

.index .ellipse-1525-1 {
  height: 167px;
  left: calc(50.00% - 56px);
  width: 197px;
}

.index .group-1707478956 {
  background-image: url(../img/image-1268363258.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 173px;
  left: 130px;
  position: absolute;
  top: 5px;
  width: 177px;
}

.index .ellipse-1524 {
  background-color: var(--sepia);
  border-radius: 114.93px/31.71px;
  bottom: -35px;
  filter: blur(23.4px);;
  height: 63px;
  left: 20.74%;
  position: absolute;
  width: 81.21%;
}

.index .fill-buttons {
  align-items: center;
  background-color: var(--supernova);
  border: 1.2px solid;
  border-color: var(--broom);
  border-radius: 9.57px;
  bottom: 11px;
  display: inline-flex;
  gap: 7.18px;
  height: 34px;
  justify-content: center;
  left: 20px;
  padding: 7.18px 14.36px;
  position: absolute;
}

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

.index .phm {
  align-items: center;
  display: flex;
  height: 34px;
  left: 20px;
  letter-spacing: 0;
  line-height: 33.7px;
  position: absolute;
  top: 33px;
  white-space: nowrap;
}

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

.index .x9932d7fdcbc75164fb65 {
  bottom: 0;
  height: 158px;
  left: calc(50.00% - 9px);
  position: absolute;
  width: 150px;
}

.index .x-dch {
  align-items: center;
  display: flex;
  height: 34px;
  left: 20px;
  letter-spacing: 0;
  line-height: 33.7px;
  position: absolute;
  top: 33px;
  white-space: nowrap;
}

.index .image-1268363266 {
  aspect-ratio: 1;
  bottom: 12px;
  height: 224px;
  left: calc(50.00% - 45px);
  object-fit: cover;
  position: absolute;
  width: 224px;
}

.index .l {
  align-items: center;
  display: flex;
  height: 34px;
  left: 20px;
  letter-spacing: 0;
  line-height: 33.7px;
  position: absolute;
  top: 30px;
  white-space: nowrap;
}

.index .group-2085662922 {
  height: 259px;
  left: 73px;
  position: absolute;
  top: -38px;
  width: 259px;
}

.index .ellipse-1528 {
  -webkit-backdrop-filter: blur(6.05px) brightness(100%);
  backdrop-filter: blur(6.05px) brightness(100%);
  background-color: #ffffff1a;
  border-radius: 53.73px;
  height: 107px;
  left: 75px;
  position: absolute;
  top: 58px;
  width: 107px;
}

.index .image-1268363257 {
  aspect-ratio: 1;
  height: 259px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 259px;
}

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

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

.index .g {
  align-items: center;
  display: flex;
  height: 34px;
  left: 20px;
  letter-spacing: 0;
  line-height: 33.7px;
  position: absolute;
  top: 33px;
  white-space: nowrap;
}

.index .group-10dfddcd-1 {
  aspect-ratio: 1.36;
  height: 873px;
  left: -97px;
  object-fit: cover;
  position: absolute;
  top: 85px;
  width: 1188px;
}

.index .group-2085663166 {
  display: flex;
  height: 712px;
  left: 892px;
  position: absolute;
  top: 125px;
  width: 955px;
}

.index .group-2085663170 {
  height: 712.03px;
  position: relative;
  width: 955px;
}

.index .formsdsdxsdsdsd-1 {
  aspect-ratio: 1.23;
  height: 712px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 877px;
}

.index .gr1sdsdsdsds-1 {
  animation: zoomPulse 1.8s ease-in-out infinite;
  aspect-ratio: 3.85;
  height: 162px;
  left: 124px;
  object-fit: cover;
  position: absolute;
  top: 550px;
  width: 623px;
  cursor: pointer;
}

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

.index .group-92 {
  height: 376px;
  left: 74px;
  position: absolute;
  top: 169px;
  width: 881px;
}

.index .group-6sdsdsdsw-1 {
  top: 0;
}

.index .iconly-bulk-profile {
  height: 67px;
  left: 24px;
  position: absolute;
  top: 21px;
  width: 67px;
}

.index .atom {
  height: 50px;
  left: 139px;
  position: absolute;
  top: 30px;
  width: 742px;
}

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

.index .group-2085663169 {
  height: 122px;
  left: 0;
  position: absolute;
  top: 127px;
  width: 810px;
}

.index .group-2085663168 {
  height: 122px;
  left: 0;
  position: absolute;
  top: 0;
  width: 810px;
}

.index .group-6sdsdsdsw-2 {
  top: 7px;
}

.index .iconly-bulk-password {
  height: 122px;
  left: 0;
  position: absolute;
  top: 0;
  width: 122px;
}

.index .atom-1 {
  height: 50px;
  left: 139px;
  position: absolute;
  top: 36px;
  width: 672px;
}

.index .x32-outlined-action-eye-eye-off {
  aspect-ratio: 1;
  height: 32px;
  left: 667px;
  position: absolute;
  top: 45px;
  width: 32px;
}

.index .group-2085663167 {
  background-image: url(../img/group-6sdsdsdsw-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 47.8px;
  height: 109px;
  left: 2px;
  position: absolute;
  top: 267px;
  width: 745px;
}

.index .iconly-bulk-call {
  height: 64.64px;
  margin-left: 24.5px;
  margin-top: 22.2px;
  width: 64.64px;
}

.index .atom-2 {
  height: 50.45px;
  margin-top: 28.5px;
  position: relative;
  width: 559.68px;
}

.index .image-1268363268 {
  aspect-ratio: 1.21;
  height: 833px;
  left: -75px;
  object-fit: cover;
  position: absolute;
  top: 1827px;
  width: 1009px;
}

.index .group-2085663171-1 {
  display: flex;
  gap: 54.9px;
  height: 123px;
  left: 736px;
  position: absolute;
  top: 1258px;
  width: 419px;
}

.index .group-2085663155 {
  height: 122.31px;
  margin-top: 0.8px;
  width: 271.79px;
}

.index .image-1268363267 {
  aspect-ratio: 0.75;
  height: 122.85px;
  object-fit: cover;
  width: 92.14px;
}

.index .group-2085663163 {
  background-color: var(--vibrant-labelsvibrant-primary);
  height: 70px;
  left: 0;
  position: absolute;
  top: 887px;
  width: 1920px;
}

.index .group-2085663180 {
  height: 37px;
  left: 22px;
  position: absolute;
  top: 903px;
  width: 1540px;
}

.index .group-2085663178 {
  height: 37px;
  left: 1602px;
  position: absolute;
  top: 903px;
  width: 276px;
}

.index .line-6 {
  height: 1px;
  left: 180px;
  position: absolute;
  top: 2909px;
  width: 1547px;
}

.index .group-103741 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: 43.03%;
  position: absolute;
  top: 98.17%;
  width: 47.01%;
}

.index .phng-thc-thanh-ton {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 22.1px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.index .frame-103727 {
  align-items: center;
  display: flex;
  gap: 27.42px;
}

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

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

.index .image-1 {
  height: 24.81px;
  position: relative;
  width: 95.32px;
}

.index .image-2 {
  height: 40.48px;
  position: relative;
  width: 33.95px;
}

.index .image-3 {
  height: 40.48px;
  position: relative;
  width: 53.54px;
}

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

.index .group-103742 {
  height: 0;
  left: 9.39%;
  position: absolute;
  top: 98.36%;
  width: 21.55%;
}

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

.index .frame-1707479994 {
  left: 180px;
  overflow: hidden;
  position: absolute;
  top: 2763px;
  width: 1547.18px;
  height: 56.08px;
}

.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% / 25);
  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 .frame-1707479995 {
  left: 186px;
  overflow: hidden;
  position: absolute;
  top: 2826px;
  width: 1547.18px;
  height: 82.89px;
}

.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: 91%;
  height: 91%;
  object-fit: contain;
  display: block;
}

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

.index .asasasaslogo-1 {
  aspect-ratio: 1.92;
  height: 77px;
  left: 880px;
  object-fit: cover;
  position: absolute;
  top: 2932px;
  width: 148px;
}

.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: 48px;
  justify-content: center;
  left: 350px;
  letter-spacing: 0;
  line-height: 23.8px;
  position: absolute;
  text-align: center;
  top: 3025px;
  width: 1205px;
}

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



.index .button-2 {
  align-items: center;
  gap: 7.9px;
  position: relative;
}

.index .ellipse-1524-5 {
  filter: blur(20.28px);;
  height: 55px;
  position: absolute;
}

.index .ellipse-1525-4 {
  bottom: 0;
  mix-blend-mode: overlay;
  position: absolute;
}

.index .frame-1707480018-3 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12.45px;
  position: relative;
  width: 100%;
}

.index .frame-1707480021-3 {
  align-items: flex-end;
  display: inline-flex;
  flex-direction: column;
  gap: 12.45px;
  position: absolute;
  right: 20px;
  top: 15px;
}

.index .group-6sdsdsdsw {
  aspect-ratio: 6.81;
  height: 109px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  width: 745px;
}

.index .item-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5.33px;
  height: 85.33px;
  justify-content: center;
  margin-bottom: -5.17px;
  margin-top: -5.17px;
  padding: 18.67px 5.33px;
  position: relative;
}

.index .logo-ncc-sports-4 {
  position: relative;
  width: 31.13px;
}
.index .group-2085663169 .eye-toggle {
    aspect-ratio: 1;
    height: 32px;
    left: 667px;
    position: absolute;
    top: 45px;
    width: 32px;
}
.frame-1707480028 .group-2085663169-1 .eye-toggle {
    aspect-ratio: 1;
    height: 22px;
    left: 477px;
    position: absolute;
    top: 30px;
    width: 22px;
}
@media screen and (orientation: portrait) {
  .screen.index { 
    display: none;
   }
  .screen.frame-1707480028 { 
    display: block;
   }
}
@media screen and (orientation: landscape) {
  .screen.index { 
    display: block;
   }
  .screen.frame-1707480028 { 
    display: none;
   }
}