/* screen - febetu95mobile */

body.popup-open .main-container {
  filter: blur(9px);
}

.febetu95mobile {
  background-color: #0d2800;
  height: 2173px;
  overflow: hidden;
  position: relative;
  width: 750px;
}

.febetu95mobile .group-1 {
  height: 1334px;
  left: 0;
  position: absolute;
  top: 0;
  width: 750px;
}

.febetu95mobile .frame-5-1 {
  height: 1065px;
  left: calc(50.00% - 408px);
  position: absolute;
  top: 1119px;
  width: 783px;
}

.febetu95mobile .frame-3-1 {
  display: flex;
  height: 1106px;
  left: 0;
  position: absolute;
  top: 0;
  width: 783px;
}

.febetu95mobile .ruong-1-1 {
  aspect-ratio: 0.71;
  height: 1054px;
  margin-left: 33.2px;
  width: 750px;
}

.febetu95mobile .frame-4-1 {
  height: 821px;
  left: 142px;
  position: absolute;
  top: 99px;
  width: 545px;
}

.febetu95mobile .component-1-1 {
  background-image: url(../img/ruong-1-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 206px;
  left: 0;
  position: absolute;
  top: 0;
  width: 252px;
}

.febetu95mobile .component-2-1 {
  background-image: url(../img/ruong-1-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 206px;
  left: 292px;
  position: absolute;
  top: 1px;
  width: 252px;
}

.febetu95mobile .component-3-1 {
  background-image: url(../img/ruong-1-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 206px;
  left: 0;
  position: absolute;
  top: 312px;
  width: 252px;
}

.febetu95mobile .component-5-1 {
  background-image: url(../img/ruong-1-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 206px;
  left: 0;
  position: absolute;
  top: 615px;
  width: 252px;
}

.febetu95mobile .component-4-1 {
  background-image: url(../img/ruong-1-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 206px;
  left: 292px;
  position: absolute;
  top: 312px;
  width: 252px;
}

.febetu95mobile .component-6-1 {
  background-image: url(../img/ruong-1-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 206px;
  left: 292px;
  position: absolute;
  top: 615px;
  width: 252px;
}

.febetu95mobile article[class^="component-"],
.febetu95mobile article[class*=" component-"] {
  cursor: pointer;
}

.febetu95mobile article[class^="component-"]::after,
.febetu95mobile article[class*=" component-"]::after {
  background-image: url(../img/click.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 178px auto;
  bottom: 9px;
  content: "";
  display: none;
  height: 87px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.febetu95mobile article[class^="component-"]:hover::after,
.febetu95mobile article[class*=" component-"]:hover::after {
  display: block;
}

.febetu95mobile article[class^="component-"].is-opened::after,
.febetu95mobile article[class*=" component-"].is-opened::after,
.febetu95mobile article[class^="component-"].is-opened:hover::after,
.febetu95mobile article[class*=" component-"].is-opened:hover::after {
  display: none;
}

.febetu95mobile article[class^="component-"].is-opened,
.febetu95mobile article[class*=" component-"].is-opened,
.febetu95mobile article[class^="component-"].is-opened:hover,
.febetu95mobile article[class*=" component-"].is-opened:hover {
  background-image: url(../img/ruongmo.webp);
  background-position: 50% calc(50% - 15px);
  background-size: 320px auto;
}

.febetu95mobile .nv-1 {
  height: 840px;
  left: -33px;
  position: absolute;
  top: 251px;
  width: 797px;
}

.febetu95mobile .text-3 {
  aspect-ratio: 0.95;
  height: 896px;
  left: calc(50.00% - 425px);
  object-fit: cover;
  position: absolute;
  top: -28px;
  width: 850px;
}

.febetu95mobile .frame-31-1 {
  align-items: center;
  display: flex;
  height: 70px;
  justify-content: space-between;
  left: calc(50.00% - 341px);
  position: absolute;
  top: 847px;
  width: 682px;
}

.febetu95mobile .frame-29-1 {
  align-items: center;
  align-self: stretch;
  background: radial-gradient(50% 50% at 75% 50%, rgba(129, 28, 28, 1) 0%, rgba(47, 4, 4, 1) 100%);
  border-radius: 1000px;
  display: flex;
  gap: 4px;
  justify-content: center;
  padding: 16px;
  position: relative;
  width: 328px;
}

.febetu95mobile .hng-1 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.febetu95mobile .frame-8-1 {
  background-image: url(../img/logo-2.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 220px;
  left: calc(50.00% - 229px);
  position: absolute;
  top: 31px;
  width: 459px;
}
/* screen - index */

.index {
  background-image: url(../img/bg-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 1080px;
  overflow: hidden;
  position: relative;
  width: 1920px;
}

.index .nv {
  background-image: url(../img/text-3.webp);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 1000px;
  left: 52px;
  position: absolute;
  top: 18px;
  width: 949px;
}

.index .frame-31 {
  align-items: center;
  display: inline-flex;
  gap: 15px;
  height: 42px;
  margin-left: 220px;
  margin-top: 958px;
  position: relative;
  width: 563px;
}

.index .frame-29 {
  align-items: center;
  background: radial-gradient(50% 50% at 75% 50%, rgba(129, 28, 28, 1) 0%, rgba(47, 4, 4, 1) 100%);
  border-radius: 1000px;
  cursor: pointer;
  display: flex;
  gap: 4px;
  height: 42px;
  justify-content: center;
  padding: 16px;
  position: relative;
  width: 274px;
}

.index .hng {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: -4.00px;
  margin-top: -5px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-5 {
  height: 979px;
  left: 935px;
  position: absolute;
  top: 101px;
  width: 720px;
}

.index .frame-3 {
  display: flex;
  height: 1017px;
  left: 0;
  position: absolute;
  top: 0;
  width: 720px;
}

.index .ruong-1 {
  aspect-ratio: 0.71;
  height: 979px;
  width: 720.38px;
}

.index .frame-4 {
  height: 755px;
  left: 131px;
  position: absolute;
  top: 91px;
  width: 501px;
}

.index .component-1 {
  left: 0;
  top: 0;
}

.index .component-2 {
  left: 269px;
  top: 0;
}

.index .component-3 {
  left: 0;
  top: 287px;
}

.index .component-5 {
  left: 0;
  top: 565px;
}

.index .component-4 {
  left: 269px;
  top: 287px;
}

.index .component-6 {
  left: 269px;
  top: 565px;
}

.index .frame-8 {
  background-image: url(../img/logo-2.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 166px;
  left: 1174px;
  position: absolute;
  top: 18px;
  width: 346px;
}

.index .component {
  background-image: url(../img/ruong-1-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 190px;
  position: absolute;
  width: 232px;
}

.index .component::after {
  background-image: url(../img/click.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 164px auto;
  bottom: 10px;
  content: "";
  display: none;
  height: 80px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.index .component:hover::after {
  display: block;
}

.index .component.is-opened::after,
.index .component.is-opened:hover::after {
  display: none;
}

.index .component.is-opened,
.index .component.is-opened:hover {
  background-image: url(../img/ruongmo.webp);
  background-position: 50% calc(50% - 15px);
  background-size: 313px auto;
}
/* confirm popup */

.confirm-popup {
  align-items: center;
  background: rgba(0, 0, 0, 0.85);
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}

.confirm-popup.is-visible {
  display: flex;
}

.confirm-popup .confirm-stage {
  flex-shrink: 0;
  height: 774px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(var(--confirm-scale, 1));
  transform-origin: center center;
  width: 686px;
}

.confirm-popup .confirm-card {
  background-color: #07271f;
  background-image: url(../img/xacnhan/nenxacnhan-mb.webp);
  background-position: 50% 50%;
  background-size: 100% 100%;
  border: 1px solid #0b7424;
  border-radius: 24px;
  height: 686px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 686px;
}

.confirm-popup .confirm-head {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  left: 50%;
  position: absolute;
  top: 56px;
  transform: translateX(-50%);
  width: 625px;
}

.confirm-popup .confirm-title {
  color: #ffee07;
  font-family: var(--font-family-inter);
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  width: 100%;
}

.confirm-popup .confirm-desc {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
  width: 100%;
}

.confirm-popup .confirm-options {
  display: flex;
  flex-direction: column;
  gap: 24px;
  left: 50%;
  position: absolute;
  top: 215px;
  transform: translateX(-50%);
  width: 604px;
}

.confirm-popup .confirm-option {
  align-items: center;
  background-color: #ffffff1a;
  border-radius: 20px;
  box-shadow:
    inset 0px 0px 12.6px #ffffff1a,
    inset 1px 0px 0px #579051,
    inset -1px 0px 0px #589052;
  cursor: pointer;
  display: flex;
  gap: 12px;
  height: 64px;
  padding: 17px 12px;
  width: 100%;
}

.confirm-popup .confirm-radio {
  border: 1.65px solid #29f000;
  border-radius: 54.9px;
  height: 28px;
  position: relative;
  width: 28px;
}

.confirm-popup .confirm-radio::after {
  background: #29f000;
  border-radius: 50%;
  content: "";
  display: none;
  height: 14px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
}

.confirm-popup .confirm-option.is-checked .confirm-radio::after {
  display: block;
}

.confirm-popup .confirm-label {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 26px;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
}

.confirm-popup .confirm-btn {
  align-items: center;
  background: linear-gradient(19deg, rgba(57, 89, 71, 1) 0%, rgba(79, 101, 41, 1) 100%);
  border: 0;
  border-radius: 1000px;
  cursor: pointer;
  display: flex;
  height: 64px;
  justify-content: center;
  left: 50%;
  padding: 16px;
  position: absolute;
  top: 575px;
  transform: translateX(-50%);
  width: 262px;
}

.confirm-popup .confirm-btn-text {
  color: #ffffff66;
  font-family: var(--font-family-inter);
  font-size: 26px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}

.confirm-popup .confirm-btn.is-active {
	background: linear-gradient(89.13deg, #FFFAB1 4.56%, #EEBF69 96.73%);
}

.confirm-popup .confirm-btn.is-active .confirm-btn-text {
  color: var(--black);
}

.confirm-popup .confirm-strip {
  display: none;
}

.confirm-popup .confirm-close {
  cursor: pointer;
  display: block;
  height: 42px;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 42px;
}

.confirm-popup .confirm-close img {
  display: block;
  height: 100%;
  width: 100%;
}

.confirm-popup .confirm-bats {
  bottom: -48px;
  height: 197px;
  left: -20px;
  pointer-events: none;
  position: absolute;
  width: 215px;
}

.confirm-popup .confirm-bat-1 {
  display: block;
  left: 0px;
  position: absolute;
  top: -34px;
  width: 92px;
}

.confirm-popup .confirm-bat-2 {
  display: block;
  left: 44px;
  position: absolute;
  top: 40px;
  width: 148px;
}

.confirm-popup .confirm-bat-1 img,
.confirm-popup .confirm-bat-2 img {
  display: block;
  width: 100%;
}
/* result popups */
.result-popup {
  align-items: center;
  background: rgba(0, 0, 0, 0.45);
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}

.result-popup.is-visible {
  display: flex;
}

.result-popup .result-stage {
  flex-shrink: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(var(--result-scale, 1));
  transform-origin: center center;
}

.result-popup .result-close {
  cursor: pointer;
}

.result-popup .PC-result {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.result-popup .PC-result .card {
  background:
    linear-gradient(145deg, rgba(88, 112, 18, 1) 0%, rgba(7, 39, 40, 0) 100%),
    linear-gradient(237deg, rgba(54, 79, 33, 1) 0%, rgba(5, 20, 21, 1) 100%);
  border: 1px solid #0b7424;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}

.result-popup .PC-result .frame {
  border-radius: 24px;
  border: 1px solid #0b7424;
  background:
    linear-gradient(145deg, rgba(88, 112, 18, 1) 0%, rgba(7, 39, 40, 0) 100%),
    linear-gradient(237deg, rgba(54, 79, 33, 1) 0%, rgba(5, 20, 21, 1) 100%);
  overflow: hidden;
  position: relative;
}

.result-popup .PC-result > .frame {
  background: none;
  border: 0;
  border-radius: 0;
  overflow: visible;
}

#resultChucmung .frame {
  background: none;
  border: 0;
  border-radius: 0;
  height: 621px;
  overflow: visible;
  width: 660px;
}

#resultChucmung .result-stage {
  background: url(../img/nenchucmung.webp) center / 660px 621px no-repeat;
}

#resultChucmung .div.card {
  background: none;
  border: 0;
  border-radius: 0;
  height: 621px;
  left: 0;
  overflow: visible;
  position: absolute;
  top: 0;
  width: 660px;
}

#resultChucmung .div.card > .layer-copy {
  display: none;
}

#resultChucmung .frame-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  left: calc(50% - 312px);
  position: absolute;
  top: 195px;
  width: 625px;
}

#resultChucmung .layer-copy {
  height: 87px;
  left: calc(50% - 330px);
  position: absolute;
  top: 534px;
  width: 660px;
}

#resultChucmung .bat-wrapper {
  height: 64px;
  left: 11px;
  margin: 0;
  top: 638px;
  transform: rotate(7.97deg);
  width: 160px;
}

#resultChucmung .bat-wrapper .bat {
  height: 85.36px;
  margin-left: -3.7px;
  margin-top: -10.8px;
  transform: rotate(-7.97deg);
  width: 167.3px;
}

#resultChucmung .img-wrapper {
  height: 39px;
  left: -28px;
  margin: 0;
  top: 593px;
  transform: rotate(-40.45deg);
  width: 97px;
}

#resultChucmung .img-wrapper .bat-2 {
  height: 92.4px;
  margin-left: -1px;
  margin-top: -26.9px;
  transform: rotate(40.45deg);
  width: 98.94px;
}

#resultVetsach .group,
#resultCulua .PC-culua .group {
  position: relative;
}

#resultVetsach .div,
#resultCulua .div {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  left: calc(50% - 312px);
  position: absolute;
  top: 195px;
  width: 625px;
}

#resultVetsach .frame {
  background: none;
  border: 0;
  border-radius: 0;
  height: 589px;
  overflow: visible;
  width: 660px;
}

#resultVetsach .result-stage {
  background: url(../img/nenvetsach.webp) center / 660px 589px no-repeat;
}

#resultVetsach .frame > .layer-copy {
  display: none;
}

#resultVetsach .layer-copy {
  height: 87px;
  left: calc(50% - 330px);
  position: absolute;
  top: 502px;
  width: 660px;
}

#resultCulua .frame {
  background-image: url(../img/nenculua.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 660px 444px;
  border: 0;
  height: 444px;
  width: 660px;
}

#resultCulua .frame > .layer-copy {
  display: none;
}

#resultCulua .layer-copy {
  height: 88px;
  left: calc(50% - 330px);
  position: absolute;
  top: 356px;
  width: 660px;
}

.result-popup .PC-result .text-wrapper,
.result-popup .PC-result .c-l-a-r-i {
  align-self: stretch;
  color: #ffee07;
  font-family: var(--font-family-inter);
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
}

.result-popup .PC-result .p,
.result-popup .PC-result .b-v-t-s-CH,
.result-popup .PC-result .h-y-ch-n-l-i-domain {
  align-self: stretch;
  color: #ffee07;
  font-family: var(--font-family-inter);
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.result-popup .PC-result .text-wrapper-2,
.result-popup .PC-result .PC-culua .text-wrapper {
  align-self: stretch;
  color: #ffffff;
  font-family: var(--font-family-inter);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.result-popup .PC-result .kho-code-halloween-h {
  align-self: stretch;
  color: #e1e1e1;
  font-family: var(--font-family-inter);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.result-popup .PC-result .normal {
  height: 28px;
  left: 625px;
  position: absolute;
  top: 7px;
  width: 28px;
}

.result-popup .PC-result .frame-3 {
  height: 170px;
  left: calc(50% - 284px);
  position: absolute;
  top: 343px;
  width: 568px;
}

.result-popup .PC-result .subtract {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 570px;
}

.result-popup .PC-result .frame-4 {
  align-items: center;
  display: inline-flex;
  gap: 15px;
  left: calc(50% - 232px);
  position: absolute;
  top: 12px;
}

.result-popup .PC-result .text-wrapper-3 {
  color: #ffffff;
  font-family: var(--font-family-inter);
  font-size: 26px;
  font-weight: 600;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.result-popup .PC-result .text-wrapper-4 {
  align-items: center;
  color: #ffee07;
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 60px;
  font-weight: 700;
  justify-content: center;
  line-height: normal;
  position: relative;
  text-align: center;
}

.result-popup .PC-result .frame-5 {
  align-items: center;
  display: inline-flex;
  gap: 11px;
  left: calc(50% - 203px);
  position: absolute;
  top: 116px;
}

.result-popup .PC-result .text-wrapper-5 {
  color: #e1e1e1;
  font-family: var(--font-family-inter);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.result-popup .PC-result .frame-6 {
  background-color: #052801;
  border-radius: 10px;
  height: 32px;
  position: relative;
  width: 257px;
}

.result-popup .PC-result .text-wrapper-6 {
  color: #ffffff;
  font-family: var(--font-family-inter);
  font-size: 20px;
  font-weight: 500;
  left: 13px;
  line-height: normal;
  position: absolute;
  top: calc(50% - 12px);
  white-space: nowrap;
}

.result-popup .PC-result .copy {
  cursor: pointer;
  display: flex;
  height: 24px;
  left: 216px;
  position: absolute;
  top: 4px;
  transition: transform 0.15s ease;
  width: 24px;
}

.result-popup .PC-result .copy.is-copied {
  transform: scale(1.15);
}

.result-popup .PC-result .union {
  flex: 1;
  width: 20px;
}

.result-popup .PC-result .line {
  height: 1px;
  left: 24px;
  object-fit: cover;
  position: absolute;
  top: 92px;
  width: 520px;
}

.result-popup .PC-result .frame-7 {
  align-items: center;
  display: inline-flex;
  gap: 14px;
  left: calc(50% - 285px);
  position: absolute;
  top: 529px;
}

.result-popup .PC-result .btn {
  align-items: center;
  background: url(../img/btn.webp) center / 100% 100% no-repeat;
  border-radius: 1000px;
  display: flex;
  gap: 4px;
  height: 52px;
  justify-content: center;
  padding: 16px;
  position: relative;
  width: 294px;
  cursor: pointer;
}

.result-popup .PC-result .h-ng-d-n-s-d-ng-code {
  color: #f9f9f9;
  font-family: "Google Sans Flex", Helvetica;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.result-popup .PC-result .div-wrapper {
  align-items: center;
  background: linear-gradient(55deg, rgba(255, 250, 177, 1) 0%, rgba(238, 191, 105, 1) 100%);
  border: 0;
  border-radius: 1000px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  gap: 4px;
  height: 52px;
  justify-content: center;
  padding: 16px;
  position: relative;
  width: 262px;
}

.result-popup .PC-result .text-wrapper-7 {
  color: #000000;
  font-family: "Google Sans Flex", Helvetica;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.result-popup .PC-result .frame-8 {
  height: 168px;
  left: 133px;
  position: absolute;
  top: 21px;
  width: 373px;
}

.result-popup .PC-result .as {
  height: 54px;
  left: 252px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 63px;
}

.result-popup .PC-result .img {
  height: 86px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 75px;
  width: 102px;
}

.result-popup .PC-result .untitled {
  height: 163px;
  left: calc(50% - 85px);
  object-fit: cover;
  position: absolute;
  top: 5px;
  width: 190px;
}

.result-popup .PC-result .as-2 {
  height: 62px;
  left: 300px;
  object-fit: cover;
  position: absolute;
  top: 87px;
  width: 73px;
}

.result-popup .PC-result .bat-wrapper {
  display: flex;
  height: 64px;
  left: 51px;
  position: absolute;
  top: 111px;
  transform: rotate(7.97deg);
  width: 160px;
}

.result-popup .PC-result .bat {
  height: 85.36px;
  margin-left: -3.7px;
  margin-top: -10.8px;
  object-fit: cover;
  transform: rotate(-7.97deg);
  width: 167.3px;
}

.result-popup .PC-result .img-wrapper {
  display: flex;
  height: 39px;
  left: 1px;
  position: absolute;
  top: 27px;
  transform: rotate(-40.45deg);
  width: 97px;
}

.result-popup .PC-result .bat-2 {
  height: 92.4px;
  margin-left: -1px;
  margin-top: -26.9px;
  object-fit: cover;
  transform: rotate(40.45deg);
  width: 98.94px;
}
/* vetsach specific */
#resultVetsach .frame-2 {
  height: 168px;
  left: calc(50% - 131px);
  position: absolute;
  top: 21px;
  width: 262px;
}

#resultVetsach .frame-2 .as {
  height: 40px;
  left: 177px;
  top: 14px;
  width: 47px;
}

#resultVetsach .frame-2 .img {
  height: 63px;
  left: -8px;
  top: 48px;
  width: 75px;
}

#resultVetsach .xxx {
  height: 150px;
  left: calc(50% - 72px);
  object-fit: cover;
  position: absolute;
  top: 5px;
  width: 150px;
}

#resultVetsach .frame-2 .as-2 {
  height: 45px;
  left: 209px;
  top: 99px;
  width: 53px;
}

#resultVetsach .frame-3 {
  align-items: center;
  background-color: #ffffff33;
  border-radius: 20px;
  box-shadow:
    inset 0px 0px 12.6px #ffffff1a,
    inset 1px 0px 0px #579051,
    inset -1px 0px 0px #589052;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 102px;
  left: calc(50% - 210px);
  overflow: hidden;
  padding: 18px 46px;
  position: absolute;
  top: 358px;
  width: 420px;
}

#resultVetsach .m-t-i-KHO-n-m-i {
  align-self: stretch;
  color: #ffffff;
  font-family: var(--font-family-inter);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
  text-align: center;
}

#resultVetsach .frame-4 {
  align-items: center;
  display: flex;
  gap: 14px;
  left: calc(50% - 265px);
  position: absolute;
  top: 493px;
  width: 530px;
}

#resultVetsach .frame-4 .div-wrapper {
  flex: 1;
  flex-grow: 1;
  width: auto;
}

#resultVetsach .frame-4 .text-wrapper-2 {
  color: #000000;
}

#resultVetsach .bat-wrapper {
  height: 47px;
  left: 490px;
  top: 341px;
  width: 118px;
}

#resultVetsach .bat-wrapper .bat {
  height: 63.04px;
  margin-left: -2.7px;
  margin-top: -8px;
  width: 123.55px;
}

#resultVetsach .img-wrapper {
  height: 25px;
  left: 40px;
  top: 411px;
  transform: rotate(-31.35deg);
  width: 63px;
}

#resultVetsach .img-wrapper .bat-2 {
  height: 54.25px;
  margin-left: -1.9px;
  margin-top: -14.6px;
  transform: rotate(31.35deg);
  width: 66.9px;
}

#resultVetsach .frame-5 {
  display: flex;
  height: 20px;
  left: 67px;
  position: absolute;
  top: 336px;
  transform: rotate(21.01deg);
  width: 51px;
}

#resultVetsach .bat-3 {
  height: 36.98px;
  margin-left: -1.9px;
  margin-top: -8.4px;
  object-fit: cover;
  transform: rotate(-21.01deg);
  width: 54.47px;
}
/* culua specific */
#resultCulua .group {
  height: 474.79px;
  margin-top: calc(61vh / var(--result-scale, 1) / 2 - 250.6px);
  width: 767px;
}

#resultCulua .PC-culua {
  height: 474.79px;
  position: relative;
  width: 767px;
}

#resultCulua .PC-culua .frame {
  left: calc(50% - 330px);
  position: absolute;
  top: calc(50% - 237px);
}

#resultCulua .frame-2 {
  align-items: center;
  display: inline-flex;
  gap: 14px;
  left: calc(50% - 131px);
  position: absolute;
  top: 351px;
}

#resultCulua .frame-2 .btn {
  align-items: center;
  background: url(../img/nenvang.webp) center / 100% 100% no-repeat;
  border: 0;
  border-radius: 1000px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  gap: 4px;
  height: 52px;
  justify-content: center;
  padding: 16px;
  position: relative;
  width: 262px;
}

#resultCulua .frame-2 .text-wrapper-2 {
  color: #000000;
  font-family: "Google Sans Flex", Helvetica;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

#resultCulua .frame-3 {
  height: 168px;
  left: 188px;
  position: absolute;
  top: 21px;
  width: 292px;
}

#resultCulua .frame-3 .as {
  height: 54px;
  left: 193px;
  top: -9px;
  width: 63px;
}

#resultCulua .frame-3 .img {
  height: 86px;
  left: -17px;
  top: 48px;
  width: 102px;
}

#resultCulua .frame-4 {
  background-image: url(../img/result/culua/untitled-32-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 131px;
  left: calc(50% - 66px);
  position: absolute;
  top: 18px;
  width: 124px;
}

#resultCulua .frame-3 .as-2 {
  height: 62px;
  left: 219px;
  top: 87px;
  width: 73px;
}

#resultCulua .frame-5 {
  display: block;
  height: 444px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 660px;
}

#resultCulua .bat-wrapper {
  display: flex;
  height: 57px;
  left: -47px;
  margin: 0;
  position: absolute;
  top: 307px;
  transform: none;
  width: 89px;
}

#resultCulua .bat-wrapper .bat {
  height: 57px;
  margin: 0;
  transform: none;
  width: 89px;
}

#resultCulua .img-wrapper {
  display: flex;
  height: 74px;
  left: -2px;
  margin: 0;
  position: absolute;
  top: 393px;
  transform: none;
  width: 155px;
}

#resultCulua .img-wrapper .bat-2 {
  height: 74px;
  margin: 0;
  transform: none;
  width: 155px;
}

/* culua mobile card */
#resultCulua .culua-mb-card {
  background: url(../img/nenculua-mb.webp) center / 100% 100% no-repeat;
  border-radius: 17px;
  height: 528px;
  position: relative;
  width: 686px;
}

#resultCulua .culua-mb-skull {
  height: 140px;
  left: 50%;
  position: absolute;
  top: 34px;
  transform: translateX(-50%);
  width: 138px;
}

#resultCulua .culua-mb-star {
  position: absolute;
}

#resultCulua .culua-mb-star-1 {
  height: 70px;
  left: 214px;
  top: 47px;
  width: 70px;
}

#resultCulua .culua-mb-star-2 {
  height: 46px;
  left: 436px;
  top: 36px;
  width: 46px;
}

#resultCulua .culua-mb-star-3 {
  height: 38px;
  left: 428px;
  top: 146px;
  width: 38px;
}

#resultCulua .culua-mb-title {
  color: #ffee07;
  font-family: var(--font-family-inter);
  font-size: 34px;
  font-weight: 700;
  left: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 214px;
  width: 100%;
}

#resultCulua .culua-mb-sub {
  color: #ffee07;
  font-family: var(--font-family-inter);
  font-size: 24px;
  font-weight: 700;
  left: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 264px;
  width: 100%;
}

#resultCulua .culua-mb-desc {
  color: #ffffff;
  font-family: var(--font-family-inter);
  font-size: 20px;
  font-weight: 400;
  left: 48px;
  line-height: 28px;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 302px;
  width: 590px;
}

#resultCulua .culua-mb-btn {
  align-items: center;
  background: url(../img/nenvang.webp) center / 100% 100% no-repeat;
  border: 0;
  border-radius: 1000px;
  cursor: pointer;
  display: flex;
  height: 64px;
  justify-content: center;
  left: 50%;
  padding: 0 24px;
  position: absolute;
  top: 409px;
  transform: translateX(-50%);
}

#resultCulua .culua-mb-btn span {
  color: #000000;
  font-family: var(--font-family-inter);
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
}

#resultCulua .culua-mb-close {
  cursor: pointer;
  height: 37px;
  position: absolute;
  right: 12px;
  top: 10px;
  width: 37px;
}

#resultCulua .culua-mb-bat {
  pointer-events: none;
  position: absolute;
}

#resultCulua .culua-mb-bat-1 {
  height: 81px;
  left: -12px;
  top: 468px;
  width: 87px;
}

#resultCulua .culua-mb-bat-2 {
  height: 80px;
  left: 33px;
  top: 536px;
  width: 157px;
}

/* event popups (giaithuong / huongdan) */

.event-popup {
  align-items: center;
  background: rgba(0, 0, 0, 0.45);
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1001;
}

.event-popup.is-visible {
  display: flex;
}
.event-popup .event-stage {
  flex-shrink: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(var(--event-scale, 1));
  transform-origin: center center;
}

.event-popup .event-card {
  background:
    linear-gradient(145deg, rgba(88, 112, 18, 1) 0%, rgba(7, 39, 40, 0) 100%),
    linear-gradient(237deg, rgba(54, 79, 33, 1) 0%, rgba(5, 20, 21, 1) 100%);
  border: 1px solid #0b7424;
  border-radius: 24px;
  height: 926px;
  overflow: hidden;
  position: relative;
  width: 1294px;
}

.event-popup .event-body {
  height: 840px;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 86px;
  width: 100%;
}

.event-popup .event-body::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.event-popup .event-body {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.event-popup .event-head {
  align-items: center;
  background-color: #0b1d06;
  border-bottom: 1px solid #0b7425;
  display: flex;
  height: 86px;
  justify-content: space-between;
  left: 0;
  padding: 0px 16px 0px 24px;
  position: absolute;
  top: 0;
  width: 100%;
}

.event-popup .event-tabs {
  align-items: center;
  display: inline-flex;
  gap: 16px;
  position: relative;
}

.event-popup .event-tab {
  align-items: center;
  background-color: #4a4a4a66;
  border-radius: 16px;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  overflow: hidden;
  padding: 19px 24px;
  position: relative;
}

.event-popup .event-tab.is-active {
  background-color: #1e450d;
}

.event-popup .event-tab p {
  color: #a3a3a3;
  font-family: var(--font-family-inter);
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.event-popup .event-tab.is-active p {
  color: var(--white);
  font-weight: 500;
}

.event-popup .event-close {
  cursor: pointer;
  height: 32px;
  position: relative;
  width: 32px;
}

.event-popup .event-layer-copy {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}

.event-popup .event-panel {
  display: none;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}

.event-popup .event-panel.is-active {
  display: block;
}

.event-popup .event-panel-inner {
  position: relative;
}

.event-popup .event-title {
  font-family: var(--font-family-inter);
  font-size: 32px;
  font-weight: 600;
  left: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
  position: absolute;
  top: 113px;
  width: 694px;
}

.event-popup .event-sub {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 20px;
  font-weight: 400;
  left: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
  position: absolute;
  text-align: left;
  top: 160px;
  white-space: nowrap;
  width: auto;
}

/* giải thưởng panel */

#popupGiaithuong .event-card {
  background:
    linear-gradient(145deg, rgba(88, 112, 18, 1) 0%, rgba(7, 39, 40, 0) 100%),
    linear-gradient(237deg, rgba(54, 79, 33, 1) 0%, rgba(5, 20, 21, 1) 100%);
}

#popupGiaithuong .event-panel--giaithuong .event-panel-inner {
  background: url(../img/giaithuong/nengiaithuong.webp) 50% -86px / 1294px 1394px no-repeat;
  height: 1308px;
}

#popupGiaithuong .event-title {
  color: #ffee07;
  top: 27px;
}

#popupGiaithuong .event-sub {
  top: 74px;
}

#popupGiaithuong .event-layer-copy {
  display: none;
}

#popupGiaithuong .gt-iphone {
  background: url(../img/giaithuong/iphone-duo-1.webp) center / cover no-repeat;
  height: 266px;
  left: calc(50% - 205px);
  position: absolute;
  top: 123px;
  width: 411px;
}

#popupGiaithuong .gt-iphone-label {
  align-items: center;
  background: linear-gradient(90deg, rgba(27, 73, 18, 0) 0%, rgba(33, 160, 7, 1) 49%, rgba(27, 73, 18, 0) 99%);
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 70px;
  justify-content: center;
  left: calc(50% - 205px);
  position: absolute;
  top: 409px;
  width: 411px;
}

#popupGiaithuong .gt-iphone-label .gt-special {
  color: #ffd400;
  font-family: var(--font-family-inter);
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}

#popupGiaithuong .gt-iphone-label .gt-special-desc {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

#popupGiaithuong .gt-codes {
  align-items: center;
  background: linear-gradient(180deg, rgba(21, 49, 16, 0) 0%, rgba(10, 80, 0, 1) 100%);
  display: flex;
  height: 348px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 492px;
  width: 1294px;
}

#popupGiaithuong .gt-codes-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-top: 34px;
  width: 1156px;
}

#popupGiaithuong .gt-codes-row {
  align-items: center;
  display: flex;
  gap: 27px;
}

#popupGiaithuong .gt-code-card {
  background-position: 50% 50%;
  background-size: 100% 100%;
  height: 125px;
  position: relative;
  width: 367.18px;
}

#popupGiaithuong .gt-code-card-1 {
  background-image: url(../img/giaithuong/subtract.svg);
}

#popupGiaithuong .gt-code-card-2 {
  background-image: url(../img/giaithuong/subtract-1.svg);
}

#popupGiaithuong .gt-code-card-3 {
  background-image: url(../img/giaithuong/subtract-2.svg);
}

#popupGiaithuong .gt-code-card-4 {
  background-image: url(../img/giaithuong/subtract-3.svg);
}

#popupGiaithuong .gt-code-card-5 {
  background-image: url(../img/giaithuong/subtract-4.svg);
}

#popupGiaithuong .gt-code-card .gt-line {
  height: 1px;
  left: 25px;
  position: absolute;
  top: 60px;
  width: 316px;
}

#popupGiaithuong .gt-code-name {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 20px;
  font-weight: 600;
  left: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 17px;
  white-space: nowrap;
  width: 100%;
}

#popupGiaithuong .gt-code-value {
  align-items: center;
  color: #ffee07;
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 32px;
  font-weight: 700;
  justify-content: center;
  left: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 76px;
  width: 100%;
}

#popupGiaithuong .gt-rules-title {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 24px;
  font-weight: 600;
  left: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
  position: absolute;
  top: 874px;
  width: 694px;
}

#popupGiaithuong .gt-rules-line {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 16px;
  font-weight: 400;
  left: 24px;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
  position: absolute;
  width: 694px;
}

#popupGiaithuong .gt-rules-line-1 {
  top: 911px;
}

#popupGiaithuong .gt-rules-line-2 {
  top: 948px;
  width: 889px;
}

#popupGiaithuong .gt-rules-line-3 {
  top: 985px;
  width: 889px;
}

#popupGiaithuong .gt-rules-line-4 {
  top: 1100px;
  width: 889px;
}

#popupGiaithuong .gt-rules-line .gt-yellow,
#popupGiaithuong .gt-rules-line-3 .gt-yellow {
  color: var(--white);
}

#popupGiaithuong .gt-rules-line .gt-yellow-number {
  color: #ffee07;
}

#popupGiaithuong .gt-bat-1 {
  height: 39px;
  left: 871px;
  position: absolute;
  top: 302px;
  width: 97px;
}

#popupGiaithuong .gt-bat-1 img {
  aspect-ratio: 2.51;
  height: 72.59px;
  left: -3.7px;
  object-fit: cover;
  position: absolute;
  top: -17px;
  width: 104.46px;
}

#popupGiaithuong .gt-bat-2 {
  height: 186px;
  left: 228px;
  position: absolute;
  top: 230px;
  width: 214px;
}

#popupGiaithuong .gt-bat-2 img {
  aspect-ratio: 2.51;
  object-fit: cover;
  position: absolute;
}

#popupGiaithuong .gt-bat-2 img:first-child {
  height: 92.4px;
  left: 0;
  top: 27px;
  width: 98.94px;
}

#popupGiaithuong .gt-bat-2 img:last-child {
  height: 85.36px;
  left: 47px;
  top: 114px;
  width: 167.3px;
}

#popupGiaithuong .gt-scrollbar {
  background-color: #67f71633;
  border-radius: 100px;
  height: 700px;
  left: 1266px;
  position: absolute;
  top: 123px;
  width: 8px;
  z-index: 2;
}

#popupGiaithuong .gt-scrollbar-thumb {
  background-color: #67f716;
  border-radius: 100px;
  height: 70px;
  left: 0;
  position: absolute;
  top: 0;
  transition: top 0.15s linear;
  width: 8px;
}

/* hướng dẫn panel */

#popupHuongdan .event-title {
  color: #ffee07;
  top: 27px;
}

#popupHuongdan .event-panel--huongdan .event-panel-inner {
  height: 832px;
}

#popupHuongdan .event-layer-copy {
  height: 184px;
  left: calc(50% - 647px);
  top: 648px;
  width: 1294px;
}

#popupHuongdan .hd-steps {
  display: flex;
  flex-direction: column;
  gap: 21px;
  left: 24px;
  position: absolute;
  top: 78px;
  width: 889px;
}

#popupHuongdan .hd-step {
  display: flex;
  flex-direction: column;
  gap: 13px;
  width: 100%;
}

#popupHuongdan .hd-step-title {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
}

#popupHuongdan .hd-step-title span {
  font-weight: 600;
}

#popupHuongdan .hd-step-text {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
}

#popupHuongdan .hd-step-text .hd-yellow {
  color: #ffee07;
  font-weight: 600;
}

/* event popup mobile (giaithuong-mb) */

#popupGiaithuongMb {
  --gtmb-w: 686px;
  --gtmb-h: 1284px;
}

#popupGiaithuongMb .gtmb-card {
  background:
    linear-gradient(145deg, rgba(88, 112, 18, 1) 0%, rgba(7, 39, 40, 0) 100%),
    linear-gradient(237deg, rgba(54, 79, 33, 1) 0%, rgba(5, 20, 21, 1) 100%);
  border: 1px solid #0b7424;
  border-radius: 24px;
  height: 1838px;
  overflow: hidden;
  position: relative;
  width: 686px;
}

#popupGiaithuongMb .gtmb-normal {
  cursor: pointer;
  flex: 0 0 auto;
  height: 42px;
  position: relative;
  width: 42px;
}
#popupGiaithuongMb .gtmb-head {
  align-items: center;
  background-color: #0b1d06;
  border-bottom: 1px solid #0b7425;
  display: flex;
  height: 100px;
  justify-content: space-between;
  left: 0;
  padding: 0px 16px 0px 24px;
  position: absolute;
  top: 0;
  width: 686px;
  z-index: 2;
}

#popupGiaithuongMb .gtmb-tabs {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

#popupGiaithuongMb .gtmb-tab {
  align-items: center;
  background-color: #4a4a4a66;
  border-radius: 16px;
  display: flex;
  gap: 10px;
  justify-content: center;
  overflow: hidden;
  padding: 19px 24px;
  position: relative;
  width: 266px;
}

#popupGiaithuongMb .gtmb-tab:last-child {
  width: 283px;
}

#popupGiaithuongMb .gtmb-tab p {
  color: #a3a3a3;
  font-family: var(--font-family-inter);
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

#popupGiaithuongMb .gtmb-tab.is-active {
  background-color: #1e450d;
}

#popupGiaithuongMb .gtmb-tab.is-active p {
  color: var(--white);
  font-weight: 500;
}

#popupGiaithuongMb .gtmb-body {
  height: 1184px;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 100px;
  width: 686px;
}

#popupGiaithuongMb .gtmb-body::-webkit-scrollbar {
  width: 8px;
}

#popupGiaithuongMb .gtmb-body::-webkit-scrollbar-track {
  background-color: #67f71633;
  border-radius: 100px;
}

#popupGiaithuongMb .gtmb-body::-webkit-scrollbar-thumb {
  background-color: #67f716;
  border-radius: 100px;
}

#popupGiaithuongMb .gtmb-body {
  scrollbar-color: #67f716 #67f71633;
  scrollbar-width: thin;
}

#popupGiaithuongMb .gtmb-panel {
  display: none;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}

#popupGiaithuongMb .gtmb-panel.is-active {
  display: block;
}

#popupGiaithuongMb .gtmb-body.is-no-scroll {
  overflow-y: hidden;
}

#popupGiaithuongMb .gtmb-body.is-no-scroll::-webkit-scrollbar {
  width: 0;
}

#popupGiaithuongMb .gtmb-panel--giaithuong {
  height: 1838px;
}

#popupGiaithuongMb .gtmb-frame-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 14px;
  justify-content: flex-end;
  left: 24px;
  position: absolute;
  top: 19px;
  width: 638px;
}

#popupGiaithuongMb .gtmb-p {
  align-self: stretch;
  color: #ffee07;
  font-family: var(--font-family-inter);
  font-size: 32px;
  font-weight: 600;
  line-height: 24px;
  margin: -1px 0 0;
  position: relative;
}

#popupGiaithuongMb .gtmb-text-wrapper-2 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
  position: relative;
}

#popupGiaithuongMb .gtmb-frame-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  left: calc(50% - 205px);
  position: absolute;
  top: 166px;
  width: 411px;
}

#popupGiaithuongMb .gtmb-frame-4 {
  align-self: stretch;
  background-image: url(../img/giaithuong-mb/iphone-duo-1.webp);
  background-position: 50% 50%;
  background-size: cover;
  height: 266.25px;
  position: relative;
  width: 100%;
}

#popupGiaithuongMb .gtmb-frame-5 {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(90deg, rgba(27, 73, 18, 0) 0%, rgba(33, 160, 7, 1) 49%, rgba(27, 73, 18, 0) 99%);
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 80px;
  justify-content: center;
  position: relative;
  width: 100%;
}

#popupGiaithuongMb .gtmb-text-wrapper-3 {
  align-self: stretch;
  color: #ffd400;
  font-family: var(--font-family-inter);
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  text-align: center;
}

#popupGiaithuongMb .gtmb-text-wrapper-4 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  position: relative;
  text-align: center;
}

#popupGiaithuongMb .gtmb-bat-wrapper {
  display: flex;
  height: 50px;
  left: -92px;
  pointer-events: none;
  position: absolute;
  top: 252px;
  transform: rotate(7.97deg);
  width: 125px;
  z-index: 1;
}

#popupGiaithuongMb .gtmb-bat {
  aspect-ratio: 2.51;
  height: 66.49px;
  margin-left: -2.8px;
  margin-top: -8.4px;
  object-fit: cover;
  transform: rotate(-7.97deg);
  width: 130.3px;
}

#popupGiaithuongMb .gtmb-img-wrapper {
  display: flex;
  height: 39px;
  left: -133px;
  pointer-events: none;
  position: absolute;
  top: 159px;
  transform: rotate(-40.45deg);
  width: 97px;
  z-index: 1;
}

#popupGiaithuongMb .gtmb-bat-2 {
  aspect-ratio: 2.51;
  height: 92.4px;
  margin-left: -1px;
  margin-top: -26.9px;
  object-fit: cover;
  transform: rotate(40.45deg);
  width: 98.94px;
}

#popupGiaithuongMb .gtmb-frame-6 {
  display: flex;
  height: 34px;
  left: 403px;
  pointer-events: none;
  position: absolute;
  top: 115px;
  transform: rotate(22.28deg);
  width: 84px;
  z-index: 1;
}

#popupGiaithuongMb .gtmb-bat-3 {
  aspect-ratio: 2.51;
  height: 62.96px;
  margin-left: -3.2px;
  margin-top: -14.7px;
  object-fit: cover;
  transform: rotate(-22.28deg);
  width: 90.61px;
}

#popupGiaithuongMb .gtmb-frame-wrapper {
  background: linear-gradient(180deg, rgba(21, 49, 16, 0) 0%, rgba(10, 80, 0, 1) 100%);
  display: flex;
  height: 435px;
  justify-content: center;
  left: calc(50% - 381px);
  position: absolute;
  top: 581px;
  width: 750px;
}

#popupGiaithuongMb .gtmb-frame-7 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 371.26px;
  margin-left: 12px;
  margin-top: 32px;
  position: relative;
  width: 652px;
}

#popupGiaithuongMb .gtmb-frame-8 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

#popupGiaithuongMb .gtmb-frame-9,
#popupGiaithuongMb .gtmb-frame-10,
#popupGiaithuongMb .gtmb-frame-11,
#popupGiaithuongMb .gtmb-frame-12,
#popupGiaithuongMb .gtmb-frame-13 {
  height: 107.75px;
  position: relative;
  width: 316.52px;
}

#popupGiaithuongMb .gtmb-frame-9 {
  background-image: url(../img/giaithuong-mb/subtract.svg);
}

#popupGiaithuongMb .gtmb-frame-10 {
  background-image: url(../img/giaithuong-mb/subtract-1.svg);
}

#popupGiaithuongMb .gtmb-frame-11 {
  background-image: url(../img/giaithuong-mb/subtract-2.svg);
}

#popupGiaithuongMb .gtmb-frame-12 {
  background-image: url(../img/giaithuong-mb/subtract-3.svg);
}

#popupGiaithuongMb .gtmb-frame-13 {
  background-image: url(../img/giaithuong-mb/subtract-4.svg);
}

#popupGiaithuongMb .gtmb-frame-9,
#popupGiaithuongMb .gtmb-frame-10,
#popupGiaithuongMb .gtmb-frame-11,
#popupGiaithuongMb .gtmb-frame-12,
#popupGiaithuongMb .gtmb-frame-13 {
  background-position: 50% 50%;
  background-size: 100% 100%;
}

#popupGiaithuongMb .gtmb-line {
  height: 1px;
  left: 22px;
  position: absolute;
  top: 51px;
  width: 272px;
}

#popupGiaithuongMb .gtmb-text-wrapper-5 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 20px;
  font-weight: 600;
  left: 9px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 15px;
  white-space: nowrap;
}

#popupGiaithuongMb .gtmb-text-wrapper-6 {
  align-items: center;
  color: #ffee07;
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 27.6px;
  font-weight: 700;
  height: 33px;
  justify-content: center;
  left: 65px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 66px;
  white-space: nowrap;
}

#popupGiaithuongMb .gtmb-code-loc-quy-vang {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 20px;
  font-weight: 600;
  left: calc(50% - 110px);
  line-height: normal;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 15px;
  white-space: nowrap;
}

#popupGiaithuongMb .gtmb-text-wrapper-7 {
  align-items: center;
  color: #ffee07;
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 27.6px;
  font-weight: 700;
  height: 33px;
  justify-content: center;
  left: calc(50% - 91px);
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 66px;
  white-space: nowrap;
}

#popupGiaithuongMb .gtmb-text-wrapper-8 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 20px;
  font-weight: 600;
  left: calc(50% - 100px);
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 15px;
  white-space: nowrap;
}

#popupGiaithuongMb .gtmb-text-wrapper-9 {
  align-items: center;
  color: #ffee07;
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 27.6px;
  font-weight: 700;
  height: 33px;
  justify-content: center;
  left: calc(50% - 84px);
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 66px;
  white-space: nowrap;
}

#popupGiaithuongMb .gtmb-text-wrapper-10 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 20px;
  font-weight: 600;
  left: calc(50% - 80px);
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 15px;
  white-space: nowrap;
}

#popupGiaithuongMb .gtmb-code-trai-nghiem {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 20px;
  font-weight: 600;
  left: 56px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 15px;
  white-space: nowrap;
}

#popupGiaithuongMb .gtmb-text-wrapper-11 {
  align-items: center;
  color: #ffee07;
  display: flex;
  font-family: var(--font-family-inter);
  font-size: 27.6px;
  font-weight: 700;
  height: 33px;
  justify-content: center;
  left: calc(50% - 82px);
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 66px;
  white-space: nowrap;
}

#popupGiaithuongMb .gtmb-frame-14 {
  height: 671px;
  left: 17px;
  position: absolute;
  top: 1037px;
  width: 653px;
  z-index: 2;
}

#popupGiaithuongMb .gtmb-layer-copy {
  bottom: 0;
  height: 88px;
  left: calc(50% - 343px);
  pointer-events: none;
  position: absolute;
  width: 686px;
  z-index: 1;
}

/* hướng dẫn panel (mb) */

#popupGiaithuongMb .gtmb-panel--huongdan {
  height: 790px;
  min-height: 0;
}

#popupGiaithuongMb .gtmb-hd-title {
  color: #ffee07;
  font-family: var(--font-family-inter);
  font-size: 32px;
  font-weight: 600;
  left: 24px;
  line-height: 24px;
  position: absolute;
  top: 19px;
  width: 638px;
}

#popupGiaithuongMb .gtmb-hd-steps {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 21px;
  left: calc(50% - 326px);
  position: absolute;
  top: 75px;
  width: 652px;
}

#popupGiaithuongMb .gtmb-hd-step {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 13px;
  position: relative;
  width: 100%;
}

#popupGiaithuongMb .gtmb-hd-step-title {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  margin: -1px 0 0;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

#popupGiaithuongMb .gtmb-hd-strong {
  font-weight: 600;
}

#popupGiaithuongMb .gtmb-hd-step-text {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  position: relative;
}

#popupGiaithuongMb .gtmb-hd-yellow {
  color: #ffee07;
  font-weight: 600;
}

#popupGiaithuongMb .gtmb-hd-white {
  color: var(--white);
}

@media screen and (orientation: portrait) {
  html,
  body {
    overflow-x: hidden;
  }
  .screen.index {
    display: none;
  }
  .screen.febetu95mobile {
    display: block;
  }
}
@media screen and (orientation: landscape) {
  html,
  body {
    overflow-x: hidden;
  }
  #febetu95-page {
    background: url(../img/bg-1.webp) center / cover no-repeat;
  }
  .screen.index {
    background-color: transparent;
    background-image: none;
    display: block;
  }
  .screen.febetu95mobile {
    display: none;
  }
  .confirm-popup .confirm-stage {
    height: 418px;
    width: 660px;
  }
  .confirm-popup .confirm-card {
    background-color: transparent;
    background-image: url(../img/nenxanh.webp);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 0;
    border-radius: 24px;
    height: 418px;
    width: 660px;
  }
  .confirm-popup .confirm-head {
    gap: 8px;
    top: 32px;
    width: 625px;
  }
  .confirm-popup .confirm-title {
    font-size: 32px;
  }
  .confirm-popup .confirm-desc {
    font-size: 16px;
    line-height: 24px;
  }
  .confirm-popup .confirm-options {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, 290px);
    justify-content: space-between;
    top: 163px;
    width: 604px;
  }
  .confirm-popup .confirm-option {
    height: 52px;
    padding: 17px 12px;
  }
  .confirm-popup .confirm-label {
    font-size: 20px;
  }
  .confirm-popup .confirm-btn {
    height: 52px;
    padding: 16px;
    top: 327px;
  }
  .confirm-popup .confirm-btn-text {
    font-size: 20px;
    line-height: 20px;
  }
  .confirm-popup .confirm-strip {
    display: block;
    height: 85px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 333px;
    width: 660px;
  }
  .confirm-popup .confirm-strip img {
    display: block;
    height: 100%;
    width: 100%;
  }
  .confirm-popup .confirm-close {
    height: 28px;
    right: 7px;
    top: 7px;
    width: 28px;
  }
  .confirm-popup .confirm-bats {
    bottom: auto;
    height: 186px;
    left: -90px;
    top: 240px;
    width: 214px;
  }
  .confirm-popup .confirm-bat-1 {
    height: 39px;
    left: 1px;
    top: 27px;
    transform: rotate(-40.45deg);
    width: 97px;
  }
  .confirm-popup .confirm-bat-1 img {
    margin-left: -1px;
    margin-top: -26.9px;
    transform: rotate(40.45deg);
    width: 99px;
  }
  .confirm-popup .confirm-bat-2 {
    height: 64px;
    left: 51px;
    top: 111px;
    transform: rotate(7.97deg);
    width: 160px;
  }
  .confirm-popup .confirm-bat-2 img {
    margin-left: -3.7px;
    margin-top: -10.8px;
    transform: rotate(-7.97deg);
    width: 167px;
  }
}

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

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