@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,400|Inter:900,500,400,700"); /* @FONTWARNING[{"type": "restricted", "family": "UTM HelvetIns-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  min-height: 100%;
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}

@font-face {
  font-family: "UTM HelvetIns-Regular";
  src: local("UTM HelvetIns-Regular");
}

.mb-layout {
  background-color: #1a1a1a;
  overflow: hidden;
  min-width: 750px;
  min-height: 4871px;
  position: relative;
  transform-origin: top left;
}

.mb-layout .mb-bg {
  position: absolute;
  top: 2px;
  left: calc(50.00% - 375px);
  width: 750px;
  height: 3643px;
  aspect-ratio: 0.53;
}

.mb-layout .mb-img {
  position: absolute;
  top: 53px;
  left: calc(50.00% - 375px);
  width: 750px;
  height: 2713px;
  aspect-ratio: 0.71;
  object-fit: cover;
}

.mb-layout .mb-footer {
  position: absolute;
  top: 4278px;
  left: 0;
  width: 750px;
  height: 593px;
  background-color: transparent;
}

.mb-layout .mb-l {
  position: absolute;
  top: calc(50.00% - 180px);
  left: 37px;
  width: 340px;
  height: 180px;
}

.mb-layout .mb-container {
  position: absolute;
  top: 131px;
  left: 75px;
  width: 170px;
  height: 49px;
}

.mb-layout .mb-element-DEBET-all {
  position: absolute;
  top: 86px;
  left: 1px;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 19.6px;
  letter-spacing: 0;
  line-height: 29.5px;
  white-space: nowrap;
}

.mb-layout .mb-text-wrapper {
  color: #ffffff;
}

.mb-layout .mb-span {
  color: #efa91d;
}

.mb-layout .mb-logo {
  position: absolute;
  top: calc(50.00% - 90px);
  left: 0;
  width: 340px;
  height: 71px;
  aspect-ratio: 4.77;
}

.mb-layout .mb-vector {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.mb-layout .mb-vector-2 {
  position: absolute;
  width: 76.58%;
  height: 100%;
  top: 0;
  left: 23.42%;
}

.mb-layout .mb-overlap-group {
  width: 136px;
  height: 71px;
  left: 139px;
  position: absolute;
  top: 0;
}

.mb-layout .mb-clip-path-group {
  position: absolute;
  width: 73px;
  height: 71px;
  top: 0;
  left: 0;
}

.mb-layout .mb-clip-path-group-2 {
  width: 69px;
  height: 71px;
  left: 67px;
  position: absolute;
  top: 0;
}

.mb-layout .mb-clip-path-group-3 {
  width: 64px;
  height: 71px;
  left: 276px;
  position: absolute;
  top: 0;
}

.mb-layout .mb-vector-3 {
  position: absolute;
  width: 78.40%;
  height: 75.90%;
  top: 24.10%;
  left: 21.60%;
}

.mb-layout .mb-vector-4 {
  position: absolute;
  width: 78.46%;
  height: 68.68%;
  top: 31.32%;
  left: 21.54%;
}

.mb-layout .mb-vector-5 {
  position: absolute;
  width: 77.88%;
  height: 22.43%;
  top: 77.57%;
  left: 22.12%;
}

.mb-layout .mb-r {
  position: absolute;
  top: 127px;
  left: calc(50.00% + 35px);
  width: 311px;
  height: 160px;
  display: flex;
  flex-direction: column;
}

.mb-layout .mb-i-t-c-ch-nh-th-c {
  margin-left: 44.9px;
  width: 221px;
  height: 47px;
  margin-top: -12.1px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #f6bb17;
  font-size: 19.7px;
  letter-spacing: 0;
  line-height: 46.6px;
  white-space: nowrap;
}

.mb-layout .mb-image {
  margin-left: 115.1px;
  width: 81.1px;
  height: 70.14px;
  margin-top: 0.1px;
  aspect-ratio: 1.15;
  object-fit: cover;
}

.mb-layout .mb-wolverhampton {
  margin-left: 0;
  height: 49px;
  margin-top: 16.4px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 17.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24.1px;
  white-space: nowrap;
}

.mb-layout .mb-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 750px;
  height: 76px;
}

.mb-layout .mb-m {
  position: absolute;
  top: 4636px;
  left: calc(50.00% - 359px);
  width: 715px;
  height: 136px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.mb-layout .mb-nh-c-i-h-ng-u-ch-u-u {
  width: 279px;
  height: 43px;
  margin-top: -10px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #f6bb17;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 42.6px;
  white-space: nowrap;
}

.mb-layout .mb-div {
  height: 160px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  text-align: justify;
  letter-spacing: 0;
  line-height: 32px;
}

.mb-layout .mb-bnt-dk {
  position: absolute;
  top: 22px;
  left: 1421px;
  width: 243px;
  height: 60px;
  display: flex;
  gap: 4857.3px;
}

.mb-layout .mb-dk {
  margin-top: 1367px;
  width: 244.68px;
  height: 60px;
  margin-left: -5061px;
  aspect-ratio: 4.08;
  object-fit: cover;
}

.mb-layout .mb-ng-k {
  margin-top: 15px;
  width: 111px;
  height: 31px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #020100;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 30.9px;
  white-space: nowrap;
}

.mb-layout .mb-logo-2 {
  position: absolute;
  top: calc(50.00% - 2402px);
  left: calc(50.00% - 143px);
  width: 286px;
  height: 60px;
  aspect-ratio: 4.77;
}

.mb-layout .mb-overlap {
  width: 115px;
  height: 60px;
  left: 117px;
  position: absolute;
  top: 0;
}

.mb-layout .mb-clip-path-group-4 {
  width: 61px;
  height: 60px;
  left: 0;
  position: absolute;
  top: 0;
}

.mb-layout .mb-clip-path-group-5 {
  width: 58px;
  height: 60px;
  left: 57px;
  position: absolute;
  top: 0;
}

.mb-layout .mb-clip-path-group-6 {
  width: 54px;
  height: 60px;
  left: 232px;
  position: absolute;
  top: 0;
}

.mb-layout .mb-nd {
  position: absolute;
  top: 123px;
  left: 26px;
  width: 689px;
  height: 348px;
}

.mb-layout .mb-frame-wrapper {
  position: absolute;
  top: 0;
  left: 320px;
  width: 359px;
  height: 332px;
  display: flex;
  background-image: url(assets/mb/nv-1@2x.webp);
  background-size: cover;
  background-position: 50% 50%;
}

.mb-layout .mb-frame-2 {
  margin-top: 178px;
  width: 355px;
  height: 154px;
  margin-left: 3.7px;
  background: linear-gradient(
    180deg,
    rgba(4, 4, 5, 0) 0%,
    rgba(2, 1, 0, 1) 100%
  );
}

.mb-layout .mb-textl {
  position: absolute;
  top: 9px;
  left: 0;
  width: 320px;
  height: 323px;
  aspect-ratio: 0.99;
  object-fit: cover;
}

.mb-layout .mb-ng-k-wrapper {
  position: absolute;
  top: 275px;
  left: calc(50.00% + 34px);
  width: 243px;
  height: 60px;
  display: flex;
  background-image: url(assets/mb/dk-1-1@2x.webp);
  background-size: cover;
  background-position: 50% 50%;
}

.mb-layout .mb-ng-k-2 {
  margin-top: 15px;
  width: 111px;
  height: 31px;
  margin-left: 41px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #020100;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 30.9px;
  white-space: nowrap;
}

.mb-layout .mb-countdown {
  position: absolute;
  top: 483px;
  left: calc(50.00% - 350px);
  width: 700px;
  height: 358px;
}

.mb-layout .mb-time {
  position: absolute;
  top: 265px;
  left: 120px;
  width: 528px;
  height: 93px;
}

.mb-layout .mb-time-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 465px;
  height: 66px;
  aspect-ratio: 7.02;
  object-fit: cover;
}

.mb-layout .mb-light {
  top: 39px;
  left: 17px;
  position: absolute;
  width: 512px;
  height: 53px;
  mix-blend-mode: screen;
  aspect-ratio: 9.57;
  object-fit: cover;
}

.mb-layout .mb-element {
  position: absolute;
  top: 59px;
  left: 0;
  width: 165px;
  height: 172px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 33.8px;
  background-color: #000000;
  border-radius: 25.45px;
  overflow: hidden;
  border: none;
}

.mb-layout .mb-element::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.27px;
  border-radius: 25.45px;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(255, 198, 0, 1) 50%,
    rgba(0, 0, 0, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mb-layout .mb-text-wrapper-2 {
  margin-left: 0.9px;
  height: 40px;
  width: 62px;
  margin-top: 45.8px;
  font-family: "UTM HelvetIns-Regular", Helvetica;
  font-weight: 700;
  color: #f8bb18;
  font-size: 61.1px;
  letter-spacing: 0;
  line-height: 39.4px;
  white-space: nowrap;
}

.mb-layout .mb-ng-y {
  margin-left: 0.2px;
  height: 40px;
  width: 74px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 25.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 39.4px;
  white-space: nowrap;
}

.mb-layout .mb-element-2 {
  position: absolute;
  top: 59px;
  left: 178px;
  width: 165px;
  height: 172px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 33.8px;
  background-color: #000000;
  border-radius: 25.45px;
  overflow: hidden;
  border: none;
}

.mb-layout .mb-element-2::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.27px;
  border-radius: 25.45px;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(255, 198, 0, 1) 50%,
    rgba(0, 0, 0, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mb-layout .mb-gi {
  margin-left: -0.4px;
  height: 40px;
  width: 48px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 25.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 39.4px;
  white-space: nowrap;
}

.mb-layout .mb-element-3 {
  position: absolute;
  top: 59px;
  left: 356px;
  width: 165px;
  height: 172px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 33.8px;
  background-color: #000000;
  border-radius: 25.45px;
  overflow: hidden;
  border: none;
}

.mb-layout .mb-element-3::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.27px;
  border-radius: 25.45px;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(255, 198, 0, 1) 50%,
    rgba(0, 0, 0, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mb-layout .mb-ph-t {
  margin-left: 0.7px;
  height: 40px;
  width: 72px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 25.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 39.4px;
  white-space: nowrap;
}

.mb-layout .mb-light-2 {
  top: 211px;
  left: 136px;
  position: absolute;
  width: 512px;
  height: 53px;
  mix-blend-mode: screen;
  aspect-ratio: 9.57;
  object-fit: cover;
}

.mb-layout .mb-element-4 {
  position: absolute;
  top: 59px;
  left: 535px;
  width: 165px;
  height: 172px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 33.8px;
  background-color: #000000;
  border-radius: 25.45px;
  overflow: hidden;
  border: none;
}

.mb-layout .mb-element-4::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.27px;
  border-radius: 25.45px;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(255, 198, 0, 1) 50%,
    rgba(0, 0, 0, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mb-layout .mb-gi-y {
  margin-left: 1.9px;
  height: 40px;
  width: 63px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 25.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 39.4px;
  white-space: nowrap;
}

.mb-layout .mb-tieude {
  position: absolute;
  top: 0;
  left: 89px;
  width: 519px;
  height: 39px;
  display: flex;
}

.mb-layout .mb-s {
  margin-left: 0;
  margin-top: 6.4px;
  width: 26.73px;
  height: 25.45px;
  aspect-ratio: 1.05;
  object-fit: cover;
}

.mb-layout .mb-m-ng-c-mega-live {
  margin-top: 0;
  width: 443px;
  height: 40px;
  margin-left: 11.5px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 26.7px;
  letter-spacing: 0;
  line-height: 39.4px;
  white-space: nowrap;
}

.mb-layout .mb-s-2 {
  margin-left: 11.4px;
  margin-top: 6.4px;
  width: 26.73px;
  height: 25.45px;
  aspect-ratio: 1.05;
  object-fit: cover;
}

.mb-layout .mb-nd-2 {
  position: absolute;
  top: 853px;
  left: calc(50.00% - 360px);
  width: 720px;
  height: 476px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 23.4px;
}

.mb-layout .mb-video {
  height: 404.4px;
  width: 720px;
  position: relative;
  background-color: #120800;
  border-radius: 12px;
  overflow: hidden;
  border: none;
}

.mb-layout .mb-video::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.6px;
  border-radius: 12px;
  background: linear-gradient(
    180deg,
    rgba(178, 147, 67, 1) 0%,
    rgba(217, 173, 34, 1) 50%,
    rgba(246, 186, 14, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mb-layout .mb-layer {
  position: absolute;
  top: calc(50.00% - 202px);
  left: calc(50.00% - 360px);
  width: 720px;
  height: 404px;
  aspect-ratio: 1.78;
  object-fit: cover;
}

.mb-layout .mb-div-wrapper {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 75px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff0000;
  border-radius: 4.69px;
  overflow: hidden;
}

.mb-layout .mb-frame-3 {
  margin-top: -0.9px;
  height: 29.06px;
  margin-left: 0.9px;
  width: 55.31px;
  display: flex;
  align-items: center;
  gap: 5.6px;
}

.mb-layout .mb-frame-4 {
  margin-top: 0.9px;
  height: 7.5px;
  width: 7.5px;
  margin-left: 0;
  background-color: #ffffff;
  border-radius: 93.75px;
}

.mb-layout .mb-live {
  margin-top: -0.1px;
  height: 29px;
  width: 42px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 18.7px;
  text-align: center;
  letter-spacing: 0;
  line-height: 29px;
  white-space: nowrap;
}

.mb-layout .mb-bnt {
  height: 62px;
  width: 442px;
  position: relative;
  border-radius: 13.33px;
  overflow: hidden;
  border: 0.67px solid;
  border-color: #ffde00;
  background: linear-gradient(
    180deg,
    rgba(248, 24, 24, 1) 0%,
    rgba(113, 2, 2, 1) 100%
  );
}

.mb-layout .mb-m-2 {
  position: absolute;
  top: calc(50.00% - 16px);
  left: 397px;
  width: 25px;
  height: 29px;
  aspect-ratio: 0.86;
  object-fit: cover;
}

.mb-layout .mb-ng-k-ngay-nh-n-m-s {
  position: absolute;
  top: calc(50.00% - 12px);
  left: calc(50.00% - 186px);
  font-family: "Inter", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 21.3px;
  letter-spacing: 0;
  line-height: 20.6px;
  white-space: nowrap;
}

.mb-layout .mb-gt {
  position: absolute;
  top: 1399px;
  left: 16px;
  width: 719px;
  height: 756px;
}

.mb-layout .mb-giaiphu {
  position: absolute;
  top: 666px;
  left: calc(50.00% - 360px);
  width: 718px;
  height: 90px;
  display: flex;
  gap: 22.5px;
}

.mb-layout .mb-frame-5 {
  width: 162.5px;
  height: 90px;
  position: relative;
  background-color: #130e02;
  border-radius: 5px;
  overflow: hidden;
  border: none;
}

.mb-layout .mb-frame-5::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.5px;
  border-radius: 5px;
  background: linear-gradient(
    180deg,
    rgba(164, 116, 5, 1) 0%,
    rgba(62, 44, 2, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mb-layout .mb-frame-6 {
  position: absolute;
  top: calc(50.00% - 31px);
  left: calc(50.00% - 71px);
  width: 134px;
  height: 37px;
}

.mb-layout .mb-g {
  position: absolute;
  top: 4px;
  left: 0;
  width: 41px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(assets/mb/s12-1-3@2x.webp);
  background-size: cover;
  background-position: 50% 50%;
}

.mb-layout .mb-text-wrapper-3 {
  margin-top: -6.7px;
  height: 18px;
  margin-left: 0.1px;
  width: 21px;
  font-size: 20.2px;
  line-height: 17.3px;
  font-family: "UTM HelvetIns-Regular", Helvetica;
  font-weight: 700;
  color: #ffe069;
  letter-spacing: 0;
  white-space: nowrap;
}

.mb-layout .mb-merch-debet {
  position: absolute;
  top: calc(50.00% - 19px);
  left: calc(50.00% - 14px);
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffe069;
  font-size: 8.7px;
  letter-spacing: 0;
  line-height: 17.3px;
  white-space: nowrap;
}

.mb-layout .mb-text-wrapper-4 {
  position: absolute;
  top: calc(50.00% - 1px);
  left: calc(50.00% - 14px);
  font-weight: 900;
  color: #ffffff;
  font-size: 14.6px;
  font-family: "Inter", Helvetica;
  letter-spacing: 0;
  line-height: 17.3px;
  white-space: nowrap;
}

.mb-layout .mb-element-gi-i-wrapper {
  position: absolute;
  top: 61px;
  left: 63px;
  width: 75px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  overflow: hidden;
  background: linear-gradient(
    90deg,
    rgba(182, 145, 62, 1) 0%,
    rgba(219, 182, 75, 1) 53%,
    rgba(182, 145, 62, 1) 100%
  );
}

.mb-layout .mb-element-gi-i {
  margin-top: 1px;
  /* height: 18px; */
  margin-left: 0;
  /* width: 38px; */
  font-weight: 700;
  color: #110d02;
  font-size: 8.7px;
  font-family: "Inter", Helvetica;
  letter-spacing: 0;
  line-height: 17.3px;
  white-space: nowrap;
}

.mb-layout .mb-frame-7 {
  margin-top: 0;
  width: 162.5px;
  height: 90px;
  position: relative;
  background-color: #130e02;
  border-radius: 5px;
  overflow: hidden;
  border: none;
}

.mb-layout .mb-frame-7::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.5px;
  border-radius: 5px;
  background: linear-gradient(
    180deg,
    rgba(164, 116, 5, 1) 0%,
    rgba(62, 44, 2, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.mb-layout .mb-frame-8 {
  position: absolute;
  top: 61px;
  left: 64px;
  width: 75px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  overflow: hidden;
  background: linear-gradient(
    90deg,
    rgba(182, 145, 62, 1) 0%,
    rgba(219, 182, 75, 1) 53%,
    rgba(182, 145, 62, 1) 100%
  );
}

.mb-layout .mb-element-gi-i-2 {
  margin-top: 1px;
  /* height: 18px; */
  margin-left: -1px;
  /* width: 37px; */
  font-weight: 700;
  color: #110d02;
  font-size: 8.7px;
  font-family: "Inter", Helvetica;
  letter-spacing: 0;
  line-height: 17.3px;
  white-space: nowrap;
}

.mb-layout .mb-g-2 {
  position: absolute;
  top: 4px;
  left: 1px;
  width: 41px;
  height: 33px;
  justify-content: center;
  background-image: url(assets/mb/s12-1-3@2x.webp);
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: 50% 50%;
}

.mb-layout .mb-element-gi-i-3 {
  margin-top: 1px;
  /* height: 18px; */
  margin-left: 1px;
  /* width: 39px; */
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #110d02;
  font-size: 8.7px;
  letter-spacing: 0;
  line-height: 17.3px;
  white-space: nowrap;
}

.mb-layout .mb-g-3 {
  position: absolute;
  top: 388px;
  left: 369px;
  width: 350px;
  height: 253px;
}

.mb-layout .mb-ip-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 350px;
  height: 253px;
  display: flex;
  justify-content: center;
  background-image: url(assets/mb/layer-21-1-3@2x.webp);
  background-size: cover;
  background-position: 50% 50%;
}

.mb-layout .mb-ip {
  margin-top: 76.7px;
  width: 107.23px;
  height: 132.55px;
  margin-left: 0;
  aspect-ratio: 0.81;
  object-fit: cover;
}

.mb-layout .mb-frame-9 {
  position: absolute;
  top: 1px;
  left: calc(50.00% - 138px);
  width: 276px;
  height: 49px;
}

.mb-layout .mb-g-4 {
  position: absolute;
  top: 6px;
  left: 1px;
  width: 54px;
  height: 43px;
  justify-content: center;
  background-image: url(assets/mb/s12-1-7@2x.webp);
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: 50% 50%;
}

.mb-layout .mb-text-wrapper-5 {
  margin-top: -8.8px;
  height: 24px;
  margin-left: -0.6px;
  width: 27px;
  font-size: 26.8px;
  line-height: 23px;
  font-family: "UTM HelvetIns-Regular", Helvetica;
  font-weight: 700;
  color: #ffe069;
  letter-spacing: 0;
  white-space: nowrap;
}

.mb-layout .mb-text-wrapper-6 {
  top: calc(50.00% - 25px);
  left: calc(50.00% - 68px);
  font-weight: 700;
  color: #ffe069;
  font-size: 14.1px;
  line-height: 23px;
  position: absolute;
  font-family: "Inter", Helvetica;
  letter-spacing: 0;
  white-space: nowrap;
}

.mb-layout .mb-text-wrapper-7 {
  position: absolute;
  top: calc(50.00% - 1px);
  left: calc(50.00% - 68px);
  font-family: "Inter", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 19.4px;
  letter-spacing: 0;
  line-height: 23px;
  white-space: nowrap;
}

.mb-layout .mb-g-5 {
  position: absolute;
  top: 388px;
  left: 0;
  width: 350px;
  height: 253px;
}

.mb-layout .mb-img-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 350px;
  height: 253px;
  display: flex;
  background-image: url(assets/mb/layer-21-1-3@2x.webp);
  background-size: cover;
  background-position: 50% 50%;
}

.mb-layout .mb-mb {
  margin-top: 87.1px;
  width: 212.23px;
  height: 123.62px;
  margin-left: 76.7px;
  aspect-ratio: 1.72;
  object-fit: cover;
}

.mb-layout .mb-frame-10 {
  position: absolute;
  top: 1px;
  left: calc(50.00% - 139px);
  width: 276px;
  height: 49px;
}

.mb-layout .mb-element-5 {
  position: absolute;
  top: 122px;
  left: calc(50.00% - 360px);
  width: 719px;
  height: 253px;
  display: flex;
  gap: 19px;
}

.mb-layout .mb-g-6 {
  width: 350px;
  height: 253.19px;
  flex-direction: column;
  gap: 20.1px;
  background-image: url(assets/mb/layer-21-1-3@2x.webp);
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: 50% 50%;
}

.mb-layout .mb-frame-11 {
  height: 49.15px;
  width: 199.57px;
  position: relative;
  margin-top: 0;
}

.mb-layout .mb-g-7 {
  position: absolute;
  top: 6px;
  left: 0;
  width: 54px;
  height: 43px;
  justify-content: center;
  background-image: url(assets/mb/s12-1-7@2x.webp);
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: 50% 50%;
}

.mb-layout .mb-text-wrapper-8 {
  margin-top: -8.8px;
  height: 24px;
  margin-left: 2.4px;
  width: 27px;
  font-size: 26.8px;
  line-height: 23px;
  font-family: "UTM HelvetIns-Regular", Helvetica;
  font-weight: 700;
  color: #ffe069;
  letter-spacing: 0;
  white-space: nowrap;
}

.mb-layout .mb-gi-i-kim-c-ng {
  position: absolute;
  top: calc(50.00% - 25px);
  left: calc(50.00% - 30px);
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffe069;
  font-size: 14.1px;
  letter-spacing: 0;
  line-height: 23px;
  white-space: nowrap;
}

.mb-layout .mb-vinfast {
  position: absolute;
  top: calc(50.00% - 1px);
  left: calc(50.00% - 30px);
  font-family: "Inter", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 19.4px;
  letter-spacing: 0;
  line-height: 23px;
  white-space: nowrap;
}

.mb-layout .mb-x {
  margin-left: 0;
  height: 155.14px;
  width: 220.4px;
  aspect-ratio: 1.47;
  object-fit: cover;
}

.mb-layout .mb-g-8 {
  width: 350px;
  height: 253.19px;
  position: relative;
}

.mb-layout .mb-sh {
  margin-top: 64.8px;
  width: 175.88px;
  height: 156.48px;
  margin-left: 87.1px;
  aspect-ratio: 1.14;
  object-fit: cover;
}

.mb-layout .mb-frame-12 {
  position: absolute;
  top: 1px;
  left: calc(50.00% - 109px);
  width: 219px;
  height: 49px;
}

.mb-layout .mb-gi-i-c-bi-t {
  position: absolute;
  top: calc(50.00% - 25px);
  left: calc(50.00% - 39px);
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffe069;
  font-size: 14.1px;
  letter-spacing: 0;
  line-height: 23px;
  white-space: nowrap;
}

.mb-layout .mb-honda-sh {
  position: absolute;
  top: calc(50.00% - 1px);
  left: calc(50.00% - 39px);
  font-family: "Inter", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 19.4px;
  letter-spacing: 0;
  line-height: 23px;
  white-space: nowrap;
}

.mb-layout .mb-text-wrapper-9 {
  font-family: "Inter", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 19.4px;
  letter-spacing: 0;
  line-height: 23px;
}

.mb-layout .mb-frame-13 {
  position: absolute;
  top: 0;
  left: 56px;
  width: 606px;
  height: 88px;
}

.mb-layout .mb-t-ng-gi-tr-l-n-n-g-n {
  position: absolute;
  top: calc(50.00% + 13px);
  left: calc(50.00% - 226px);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(218, 218, 218, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 30.9px;
  white-space: nowrap;
}

.mb-layout .mb-t {
  position: absolute;
  top: 0;
  left: calc(50.00% - 303px);
  width: 606px;
  height: 57px;
}

.mb-layout .mb-frame-14 {
  position: absolute;
  top: 11px;
  left: 35px;
  width: 536px;
  /* height: 31px; */
}

.mb-layout .mb-gi-i-th-ng {
  top: calc(50.00% - 16px);
  left: calc(50.00% - 268px);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(218, 218, 218, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-weight: 900;
  color: transparent;
  font-size: 40px;
  line-height: 1.5;
  position: absolute;
  font-family: "Inter", Helvetica;
  letter-spacing: 0;
  white-space: nowrap;
}

.mb-layout .mb-si-u-kh-ng {
  position: absolute;
  top: calc(50.00% - 16px);
  left: calc(50.00% + 20px);
  background: linear-gradient(
    180deg,
    rgba(255, 247, 211, 1) 0%,
    rgba(255, 237, 153, 1) 50%,
    rgba(255, 151, 46, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Inter", Helvetica;
  font-weight: 900;
  color: transparent;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 1.5;
  white-space: nowrap;
}

.mb-layout .mb-h {
  left: 0;
  position: absolute;
  top: 0;
  width: 38px;
  height: 57px;
  aspect-ratio: 0.67;
  object-fit: cover;
}

.mb-layout .mb-h-2 {
  left: 568px;
  position: absolute;
  top: 0;
  width: 38px;
  height: 57px;
  aspect-ratio: 0.67;
  object-fit: cover;
}

.mb-layout .mb-nd-3 {
  position: absolute;
  top: 2202px;
  left: calc(50.00% - 375px);
  width: 750px;
  height: 1150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35px;
  background-color: #100900cc;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #f6bb1733;
}

.mb-layout .mb-nd-4 {
  margin-left: -0.6px;
  height: 20px;
  width: 739.35px;
  position: relative;
  margin-top: 34px;
}

.mb-layout .mb-layer-2 {
  left: 0;
  position: absolute;
  top: 0;
  width: 68px;
  height: 15px;
  aspect-ratio: 4.38;
  object-fit: cover;
}

.mb-layout .mb-layer-3 {
  left: 672px;
  position: absolute;
  top: 0;
  width: 68px;
  height: 15px;
  aspect-ratio: 4.38;
  object-fit: cover;
}

.mb-layout .mb-tham-gia-n-gi-n-tr {
  position: absolute;
  top: calc(50.00% - 10px);
  left: calc(50.00% - 286px);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(218, 218, 218, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Inter", Helvetica;
  font-weight: 900;
  color: transparent;
  font-size: 25.8px;
  letter-spacing: 0;
  line-height: 1.5;
  white-space: nowrap;
}

.mb-layout .mb-element-6 {
  width: 686px;
  display: flex;
  gap: 29px;
}

.mb-layout .mb-b {
  width: 301px;
  height: 477px;
  position: relative;
  background-image: url(assets/mb/b1-2@2x.webp);
  background-size: cover;
  background-position: 50% 50%;
}

.mb-layout .mb-ng-k-t-i-kho-n {
  position: absolute;
  top: calc(50.00% + 38px);
  left: calc(50.00% - 88px);
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mb-layout .mb-t-o-t-i-kho-n-debet {
  position: absolute;
  top: calc(50.00% + 124px);
  left: calc(50.00% - 118px);
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #fde556;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mb-layout .mb-shape {
  margin-top: 214px;
  width: 27px;
  height: 49px;
  aspect-ratio: 0.56;
  object-fit: cover;
}

.mb-layout .mb-b-2 {
  width: 300px;
  height: 486px;
  position: relative;
  background-image: url(assets/mb/b2-2@2x.webp);
  background-size: cover;
  background-position: 50% 50%;
}

.mb-layout .mb-nh-n-m-s {
  position: absolute;
  top: calc(50.00% + 34px);
  left: calc(50.00% - 50px);
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mb-layout .mb-nh-n-m-mega-live-m-n {
  position: absolute;
  top: calc(50.00% + 120px);
  left: calc(50.00% - 117px);
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #fde556;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mb-layout .mb-element-7 {
  width: 690px;
  display: flex;
  gap: 27px;
}

.mb-layout .mb-b-3 {
  width: 303px;
  height: 486px;
  position: relative;
  margin-left: 2px;
}

.mb-layout .mb-b-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 302px;
  height: 486px;
  aspect-ratio: 0.62;
  object-fit: cover;
}

.mb-layout .mb-xem-mega-live-stream {
  position: absolute;
  top: calc(50.00% + 34px);
  left: calc(50.00% - 100px);
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mb-layout .mb-l-u-domain-v-theo-d {
  position: absolute;
  top: calc(50.00% + 120px);
  left: calc(50.00% - 112px);
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #fde556;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mb-layout .mb-text-wrapper-10 {
  position: absolute;
  top: calc(50.00% + 175px);
  left: calc(50.00% - 118px);
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #fde556;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.mb-layout .mb-shape-2 {
  margin-top: 194px;
  width: 27px;
  height: 49px;
  aspect-ratio: 0.56;
  object-fit: cover;
}

.mb-layout .mb-b-5 {
  width: 302px;
  height: 486px;
  position: relative;
}

.mb-layout .mb-b-6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 303px;
  height: 486px;
  aspect-ratio: 0.62;
  object-fit: cover;
}

.mb-layout .mb-nh-n-gi-i-th-ng {
  position: absolute;
  top: calc(50.00% + 34px);
  left: calc(50.00% - 104px);
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mb-layout .mb-i-chi-u-m-s-tr-c-ti {
  position: absolute;
  top: calc(50.00% + 120px);
  left: calc(50.00% - 119px);
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #fde556;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mb-layout .mb-nd-5 {
  position: absolute;
  top: 3332px;
  left: calc(50.00% - 375px);
  width: 750px;
  height: auto;
  background-color: #111111;
  border-top-width: 1.52px;
  border-top-style: solid;
  border-color: #0c0800;
  line-height: normal;
}

.mb-layout .mb-element-8 {
  position: absolute;
  top: 677px;
  left: calc(50.00% - 340px);
  width: 680px;
  height: 220px;
  display: flex;
  gap: 24.5px;
  background-color: #4608094c;
  border-radius: 24.32px;
  border: 1.52px solid;
  border-color: #82181a80;
}

.mb-layout .mb-icon-margin {
  margin-top: 42px;
  width: 36.48px;
  height: 42.56px;
  position: relative;
  margin-left: 38px;
}

.mb-layout .mb-container-2 {
  display: inline-flex;
  margin-top: 1px;
  height: 111px;
  width: 523px;
  align-self: center;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.mb-layout .mb-paragraph-margin {
  align-items: flex-start;
  padding: 0px 0px 12.16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -0.78px;
  display: flex;
  flex-direction: column;
}

.mb-layout .mb-paragraph {
  height: 30.4px;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.mb-layout .mb-l-u-quan-tr-ng {
  position: relative;
  width: fit-content;
  margin-top: -1.52px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #fb2c36;
  font-size: 21.3px;
  letter-spacing: -0.23px;
  line-height: 30.4px;
  white-space: nowrap;
}

.mb-layout .mb-m-i-t-i-kho-n-ch-nh-wrapper {
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -0.78px;
  display: flex;
  flex-direction: column;
}

.mb-layout .mb-m-i-t-i-kho-n-ch-nh {
  position: relative;
  width: 523px;
  margin-top: -1.52px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #ffc9c9b2;
  font-size: 21.3px;
  letter-spacing: -0.23px;
  line-height: 34.6px;
}

.mb-layout .mb-element-9 {
  position: absolute;
  top: 423px;
  left: calc(50.00% - 340px);
  width: 680px;
  height: 220px;
  display: flex;
  gap: 52.4px;
  border-radius: 24.32px;
  overflow: hidden;
  border: 1.52px solid;
  border-color: #ffa5004c;
  background: linear-gradient(
    90deg,
    rgba(255, 102, 0, 0.1) 0%,
    rgba(0, 0, 0, 0.1) 100%
  );
}

.mb-layout .mb-container-3 {
  margin-top: -34.2px;
  width: 9.12px;
  height: 288.42px;
  margin-left: 3.5px;
  background-color: #f6bb17;
}

.mb-layout .mb-paragraph-2 {
  margin-top: 41px;
  width: 579.95px;
  height: 138.08px;
  display: flex;
  flex-direction: column;
}

.mb-layout .mb-text-margin {
  display: flex;
  flex: 1;
  max-height: 49.08px;
  position: relative;
  flex-direction: column;
  width: 579.95px;
  align-items: flex-start;
  padding: 0px 0px 6.08px;
}

.mb-layout .mb-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mb-layout .mb-p {
  position: relative;
  width: fit-content;
  margin-top: -1.52px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #f6bb17;
  font-size: 30.4px;
  letter-spacing: -0.68px;
  line-height: 42.6px;
  white-space: nowrap;
}

.mb-layout .mb-x-inline-container {
  display: flex;
  flex: 1;
  max-height: 89px;
  position: relative;
  flex-direction: column;
  width: 579.95px;
  align-items: flex-start;
}

.mb-layout .mb-c-a-b-n-v-xem-tr-c {
  position: relative;
  align-self: stretch;
  margin-top: -1.52px;
  font-family: "Inter", Helvetica;
  font-weight: 500;
  color: #d6d6d6;
  font-size: 26px;
  letter-spacing: -0.67px;
  line-height: 44.5px;
}

.mb-layout .mb-frame-15 {
  position: absolute;
  top: 49px;
  left: calc(50.00% - 315px);
  width: 630px;
  height: 343px;
  display: flex;
  justify-content: space-between;
}

.mb-layout .mb-element-10 {
  width: 300px;
  height: 342.86px;
  display: flex;
  flex-direction: column;
  gap: 21.4px;
  background-color: #18181b;
  border-radius: 28.57px;
  border: 1.79px solid;
  border-color: #27272a;
  box-shadow: inset 0px 3.57px 7.14px #0000000d;
}

.mb-layout .mb-icon {
  margin-left: 121.4px;
  width: 57.14px;
  height: 57.14px;
  margin-top: 57.1px;
}

.mb-layout .mb-container-4 {
  display: flex;
  margin-left: -15.7px;
  width: 331.4px;
  height: 150.29px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.mb-layout .mb-paragraph-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mb-layout .mb-domain-megalive-ch {
  position: relative;
  width: 200px;
  margin-top: -1.79px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #d6d6d6;
  font-size: 21.4px;
  text-align: center;
  letter-spacing: 2.14px;
  line-height: 28.6px;
}

.mb-layout .mb-paragraph-4 {
  width: 331.4px;
  height: 64.29px;
  align-items: center;
  padding: 14.29px 0px 0px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.mb-layout .mb-text-wrapper-11 {
  position: relative;
  width: fit-content;
  margin-top: -1.79px;
  font-family: "Inter", Helvetica;
  font-weight: 900;
  color: #f6bb17;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0.02px;
  line-height: 50px;
  white-space: nowrap;
}

.mb-layout .mb-element-11 {
  width: 300px;
  height: 342.75px;
  display: flex;
  flex-direction: column;
  gap: 21.4px;
  background-color: #18181b;
  border-radius: 28.6px;
  border: 1.79px solid;
  border-color: #27272a;
  box-shadow: inset 0px 3.57px 7.15px #0000000d;
}

.mb-layout .mb-icon-2 {
  margin-left: 121.4px;
  width: 57.2px;
  height: 57.2px;
  margin-top: 54.3px;
}

.mb-layout .mb-container-5 {
  display: flex;
  margin-left: 44.7px;
  width: 210.63px;
  height: 155.3px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.mb-layout .mb-th-i-gian-live {
  position: relative;
  width: fit-content;
  margin-top: -1.79px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #d6d6d6;
  font-size: 21.4px;
  text-align: center;
  letter-spacing: 2.14px;
  line-height: 28.6px;
  white-space: nowrap;
}

.mb-layout .mb-element-wrapper {
  width: 210.63px;
  align-items: center;
  padding: 14.3px 0px 0px;
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
}

.mb-layout .mb-element-12 {
  position: relative;
  width: 210.92px;
  margin-top: -1.79px;
  margin-left: -0.15px;
  margin-right: -0.15px;
  font-family: "Inter", Helvetica;
  font-weight: 900;
  color: #f6bb17;
  font-size: 62.7px;
  text-align: center;
  letter-spacing: 0.02px;
  line-height: 50px;
}

.mb-layout .mb-text-wrapper-12 {
  letter-spacing: 0.01px;
}

.mb-layout .mb-text-wrapper-13 {
  font-size: 32.2px;
  letter-spacing: 0.01px;
}

.mb-layout .mb-top {
  position: fixed;
  bottom: 30px;
  right: 20px;
  top: auto;
  left: auto;
  width: 45px;
  height: 45px;
  z-index: 999;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.mb-layout .mb-top.visible {
  opacity: 1;
  pointer-events: auto;
}

.mb-layout .mb-bnt-dk,
.mb-layout .mb-ng-k,
.mb-layout .mb-bnt,
.mb-layout .mb-ng-k-wrapper {
  cursor: pointer;
}

.mb-layout .mb-bnt-dk:hover,
.mb-layout .mb-bnt:hover,
.mb-layout .mb-ng-k-wrapper:hover {
  filter: brightness(1.05);
  transition: .2s ease;
}

.mb-layout .mb-code-seat {
  position: absolute;
  top: 275px;
  left: calc(50.00% + 34px);
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 20;
  gap: 2px;
}

.mb-layout .mb-code-seat-label {
  white-space: nowrap;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  font-weight: 700;
}

.mb-layout .mb-code-seat-value {
  white-space: nowrap;
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
  background: linear-gradient(180deg, #FFE069 0%, #FF9D00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}