.project {
  position: relative;
  color: #fff;
  background: url(https://storage-asset.msi.com/event/2025/TH/mega-storm-sale/images/bg.jpg) bottom right no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom: 60px;
  overflow: hidden;
}
.project figure {
  margin: 0;
}
.project .common__box {
  margin-top: 0;
}
.project .content {
  position: relative;
}
.project .content::before {
  position: absolute;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(#171026), to(transparent));
  background: linear-gradient(to bottom, #171026, transparent);
  height: 15%;
  top: 0;
  width: 100%;
  left: 0;
}
.project .kvnew {
  background: url(https://storage-asset.msi.com/event/2025/TH/mega-storm-sale/images/kv-bg.jpg) center no-repeat;
  background-size: cover;
  padding: 0 25px 5%;
  position: relative;
}
@media (min-width: 996px) {
  .project .kvnew {
    padding: 0 0 5%;
  }
}
.project .kvnew::before {
  position: absolute;
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, from(#171026), to(transparent));
  background: linear-gradient(to top, #171026, transparent);
  height: 15%;
  bottom: 0;
  width: 100%;
  left: 0;
}
.project .kvnew .common-container {
  max-width: 2200px;
}
@media (min-width: 996px) {
  .project .kvnew .common-container {
    width: 90%;
  }
}
.project .kvnew__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.project .kvnew__wrapBox {
  margin: 0 auto;
}
@media (min-width: 996px) {
  .project .kvnew__wrapBox {
    width: 72%;
  }
}
.project .kvnew__title {
  position: relative;
  text-align: center;
  width: 70%;
  margin: 0 auto;
}
@media (min-width: 996px) {
  .project .kvnew__title {
    width: 54%;
  }
}
.project .kvnew__title .titleBox {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
.project .kvnew__title .titleBox .titleBox__lightningStyle {
  visibility: hidden;
}
.project .kvnew__title .titleBox.active .titleBox__lightningStyle {
  visibility: visible;
}
.project .kvnew__title .titleBox__txt {
  position: relative;
  z-index: 3;
}
.project .kvnew__title .titleBox__lightningStyle {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
.project .kvnew__title .titleBox__lightbase {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
}
.project .kvnew__title .titleBox.kvsale {
  z-index: 6;
  position: absolute;
}
.project .kvnew__title .titleBox.kvsale figure {
  -webkit-transform-origin: 50% 72%;
          transform-origin: 50% 72%;
}
.project .kvnew__title .titleBox.kvstorm {
  z-index: 4;
  position: absolute;
}
.project .kvnew__title .titleBox.kvstorm figure {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.project .kvnew__title .titleBox.kvmega {
  z-index: 2;
  position: absolute;
}
.project .kvnew__title .titleBox.kvmega figure {
  -webkit-transform-origin: 50% 31%;
          transform-origin: 50% 31%;
}
.project .kvnew__pd {
  position: relative;
  margin: -20% auto 0;
  text-align: center;
}
.project .kvnew__gift {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -10%;
  gap: 10%;
}
@media (min-width: 996px) {
  .project .kvnew__gift {
    gap: 50%;
    margin-top: -15%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.project .kvnew__gift-img {
  position: relative;
}
.project .kvnew__gift-img figure {
  position: absolute;
  top: 0;
  left: 0;
}
.project .buyNow .selectarea__filter-item--active {
  -webkit-box-shadow: inset 0 0 30px #5f0497, 0 0 8px #266def;
          box-shadow: inset 0 0 30px #5f0497, 0 0 8px #266def;
}

.buyNow .tab__flexBoxInside {
  background: white;
  background-size: 100% auto;
}

.buyNow .tab__label {
  min-height: auto;
}

.buyNow .sec3__title {
  color: #fff;
}

@-webkit-keyframes brightimg {
  to {
    -webkit-filter: brightness(2);
            filter: brightness(2);
  }
}

@keyframes brightimg {
  to {
    -webkit-filter: brightness(2);
            filter: brightness(2);
  }
}
@-webkit-keyframes blink {
  to {
    opacity: 0.7;
  }
}
@keyframes blink {
  to {
    opacity: 0.7;
  }
}
@-webkit-keyframes wave {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(0.5px);
            transform: translateY(0.5px);
  }
  50% {
    -webkit-transform: translateY(-0.5px);
            transform: translateY(-0.5px);
  }
  75% {
    -webkit-transform: translateY(0.5px);
            transform: translateY(0.5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes wave {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(0.5px);
            transform: translateY(0.5px);
  }
  50% {
    -webkit-transform: translateY(-0.5px);
            transform: translateY(-0.5px);
  }
  75% {
    -webkit-transform: translateY(0.5px);
            transform: translateY(0.5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}/*# sourceMappingURL=main.css.map */