.project {
  position: relative;
  background: #fff;
}
@media (min-width: 996px) {
  .project {
    background: url(https://storage-asset.msi.com/event/2024/PH/myanmar_newyearsale/images/bg-00.jpg) repeat-y;
    background-size: 100%;
  }
}
.project .tab__flexBoxInside {
  background: #eee;
}
.project .tab__label {
  background: #eee;
}
.project .tab__label p {
  font-size: 14px;
}
@media (min-width: 996px) {
  .project .tab__label p {
    font-size: var(--title-md);
  }
}
.project .tab__title {
  background: -webkit-gradient(linear, left top, right top, from(#8a2282), color-stop(#f64a78), color-stop(#e57c98), to(#8a2282));
  background: linear-gradient(to right, #8a2282, #f64a78, #e57c98, #8a2282);
  color: white;
}
.project .sec3__title {
  color: black;
}
.project .sec3__title h3 {
  font-weight: normal;
}
.project .tab__flexMobile {
  display: none;
  position: fixed;
  top: 0;
  z-index: 100;
  padding: 0;
  background-color: transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.project .hatch__buyNowBtn-buynow--business {
  background: #8c611e;
}
.project .hatch__buyNowBtn-buynow--business::before, .project .hatch__buyNowBtn-buynow--business::after {
  background: #8c611e;
}
.project .hatch__buyNowBtn-buynow--business span::before, .project .hatch__buyNowBtn-buynow--business span::after {
  background: #8c611e;
}
.project .hatch__buyNowBtn-buynow--business:hover span {
  color: #8c611e;
}
.project .hatch__buyNowBtn-buynow--RTX40 {
  background: #4f7b00;
}
.project .hatch__buyNowBtn-buynow--content {
  background: #333;
}
.project .kv {
  font-family: var(--MSIBodyFont);
  position: relative;
  background: white;
  padding: 5% 0;
}
.project .kv::before {
  background: url(https://storage-asset.msi.com/event/2024/PH/myanmar_newyearsale/images/kv-bg-left.jpg) no-repeat left;
  left: 0;
  height: 90%;
  background-size: contain;
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
}
@media (min-width: 996px) {
  .project .kv::before {
    height: 80%;
  }
}
@media (min-width: 1930px) {
  .project .kv::before {
    height: 100%;
  }
}
@media (min-width: 2560px) {
  .project .kv::before {
    height: 120%;
  }
}
.project .kv::after {
  background: url(https://storage-asset.msi.com/event/2024/PH/myanmar_newyearsale/images/kv-bg-right.jpg) no-repeat right;
  right: 0;
  height: 100%;
  background-size: contain;
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
}
@media (min-width: 2560px) {
  .project .kv::after {
    height: 120%;
  }
}
.project .kv .msi__container {
  position: relative;
  z-index: 2;
}
.project .kv__title {
  width: 70%;
  margin: 0 auto;
  -webkit-filter: drop-shadow(0 0 3px white);
          filter: drop-shadow(0 0 3px white);
}
@media (min-width: 996px) {
  .project .kv__title {
    width: 38%;
  }
}
@media (min-width: 1600px) {
  .project .kv__title {
    width: 60%;
  }
}
.project .TZD .text__title {
  background: -webkit-gradient(linear, left top, right top, from(#8a2282), color-stop(#f64a78), color-stop(#e57c98), to(#8a2282)) !important;
  background: linear-gradient(to right, #8a2282, #f64a78, #e57c98, #8a2282) !important;
  color: white !important;
}
.project .content {
  background: #fff;
  padding: 1em 0;
}
.project .content h3 {
  font-weight: bolder;
  font-size: 20px;
  color: #ff0060;
  text-align: center;
  font-size: var(--title-lg);
  text-transform: uppercase;
}
@media (min-width: 1600px) {
  .project .content h3 {
    font-size: 36px;
  }
}
.project .sec2__block-item {
  cursor: pointer;
}
.project .tc ul li {
  color: #343434 !important;
}
.project .TZD {
  position: relative;
  z-index: 20;
  padding: 5% 0 7%;
  background: url(https://storage-asset.msi.com/event/2024/PH/myanmar_newyearsale/images/bg-bottom.png) bottom right no-repeat;
  background-size: contain;
}
.project .TZD__main {
  background: none !important;
  padding-bottom: 0;
}
.project .TZD .text__inner {
  padding: 40px 0px;
}
@media (min-width: 996px) {
  .project .TZD .text__inner {
    padding: 80px 25px;
  }
}
.project .TZD .text__wrap {
  border: none;
  margin-bottom: 0;
}
.project .bundle h3 {
  color: #841e55;
}
.project .bundle h3::before, .project .bundle h3::after {
  background: #841e55;
}
.project .bundle h4 {
  background: #edbc99;
  color: black;
  text-align: left;
}
@media (min-width: 996px) {
  .project .bundle h4 {
    border-radius: 15px 0 0 15px;
  }
}
.project .bundle p {
  background: #f6dcca;
  color: black;
  padding: 15px;
  text-align: left;
}
@media (min-width: 996px) {
  .project .bundle p {
    border-radius: 0 15px 15px 0;
  }
}
.project .bundle__list {
  margin: 1px auto 15px;
}
.project .bundle__note {
  color: black;
}

#msi_twYrsale .msionlin-shop {
  background: #841e55 !important;
}

#msi_twYrsale .wtb__box-info.sub-info {
  background: #f6d7ca !important;
  color: #58183a !important;
  font-weight: bold;
}
#msi_twYrsale .wtb__box-title {
  background-color: #632d4a !important;
}
#msi_twYrsale .wtb__box-title li {
  color: #fff !important;
  font-weight: normal;
}

#summerPromotion .join {
  padding: 40px 0;
  text-align: center;
  width: 100%;
  background: #841e55;
}
#summerPromotion .join__title {
  color: #fff;
  font-weight: bolder;
  margin-bottom: 40px;
}
#summerPromotion .join__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}
#summerPromotion .join__flex a {
  margin: 0 10px;
  width: 30%;
  color: #fff;
  font-weight: 700;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (min-width: 996px) {
  #summerPromotion .join__flex a {
    width: 200px;
    margin: 0 20px;
  }
}
#summerPromotion .join__flex a:hover {
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}
#summerPromotion .join__flex a img {
  margin-bottom: 10px;
}/*# sourceMappingURL=main-add.css.map */