.promotion {
  background: #fff linear-gradient(180deg, rgba(169, 209, 224, 0.63) 0%, rgba(245, 254, 255, 0.63) 36%, rgba(221, 246, 252, 0.63) 68%, rgba(237, 247, 253, 0.93) 90%, rgb(255, 255, 255) 100%) 0% 0%;
}

.promotion .box-image img {
  border-radius: 30px;
}

.promotion-bonusx3 {
  font-family: 'db_helvethaica_x', sans-serif;
}

.text-title-bonusx3 {
  font-family: 'Gotham', 'db_helvethaica_x', sans-serif;
}

.mqdc-bonus {
  font-weight: 900;
  color: var(--softblue);
  font-size: 3.5rem;
  margin-bottom: 0;
}

.bonus-x {
  color: #E03C31;
  font-size: 3em;
  padding-left: 0.3em;
}

.bonus-num {
  font-weight: 900;
  color: #E03C31;
  font-size: 5.5em;
}

.projects {
  background: #fff linear-gradient(180deg, rgba(169, 209, 224, .63) 0%, rgba(245, 254, 255, 0.63) 36%);
  margin-top: 3em;
  padding-bottom: 4em;
  border-radius: 2em;
  overflow: hidden;
}

.swiper-project-bonusx3 {
  overflow: visible;
}

.swiper-project-slide {
  overflow: visible;
  margin-bottom: 3rem;
}

.promotion-projects .swiper {
  color: #ffffff;
}

.promotion-projects .swiper-slide {
  height: auto;
}

.promotion-projects .project-content {
  border-radius: 1em;
  overflow: hidden;
  font-size: 1rem;
  padding-bottom: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.promotion-projects .project-content::before {
  position: absolute;
  content: '';
  width: 100%;
  top: 1em;
  left: 10px;
  border-radius: 1em;
  z-index: -1;
  bottom: 1em;
}

.promotion-projects .project-image {
  border-radius: 2em 2em 0 0;
  aspect-ratio: unset;
  flex: 0 0 auto;
}

.promotion-projects .project-logo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.promotion-projects .project-image-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  object-fit: contain;
}

.promotion-projects .project-detail {
  overflow: hidden;
  padding: 1em;
  flex: 1;
  container-type: inline-size;
}

.promotion-projects .text-shadow-num {
  font-family: 'Gotham', 'db_helvethaica_x', sans-serif;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke: 0.75px #fff;
  line-height: 1.1;
  text-align: center;
  font-size: min(24cqw, 5em);
}

.promotion-projects .text {
  font-size: min(7.8cqw, 0.85em);
  text-wrap: balance;
}

/* theme start */
.promotion-projects .destinia,
.promotion-projects .petopia {
  box-shadow: 6px 6px rgba(3, 73, 94, 0.4);
}

.promotion-projects .destinia::before,
.promotion-projects .petopia::before {
  box-shadow: 1px 1px rgba(3, 73, 94, 0.9);
}

.promotion-projects .destinia .project-logo,
.promotion-projects .petopia .project-logo {
  background: transparent linear-gradient(0deg, rgba(3, 59, 77, 0.9) 0%, #00000000 80%);
}

.promotion-projects .destinia .project-detail,
.promotion-projects .petopia .project-detail {
  background-color: rgb(10, 186, 238);
}

.promotion-projects .mulberrygrove-condo,
.promotion-projects .mulberrygrove {
  box-shadow: 6px 6px rgba(88, 24, 50, 0.6);
}

.promotion-projects .mulberrygrove-condo::before,
.promotion-projects .mulberrygrove::before {
  box-shadow: 1px 1px rgba(92, 25, 53, 0.9);
}

.promotion-projects .mulberrygrove-condo .project-logo,
.promotion-projects .mulberrygrove .project-logo {
  background: transparent linear-gradient(0deg, rgba(54, 7, 27, 0.9) 0%, #00000000 80%);
}

.promotion-projects .mulberrygrove-condo .project-detail,
.promotion-projects .mulberrygrove .project-detail {
  background-color: rgb(137, 38, 79);
}

.promotion-projects .aspentree {
  box-shadow: 6px 6px rgba(138, 22, 16, 0.4);
}

.promotion-projects .aspentree::before {
  box-shadow: 1px 1px rgba(138, 22, 16, 0.9);
}

.promotion-projects .aspentree .project-logo {
  background: transparent linear-gradient(0deg, rgba(80, 8, 4, 0.9) 0%, #00000000 80%);
}

.promotion-projects .aspentree .project-detail {
  background-color: rgb(225, 38, 28);
}

.promotion-projects .signature {
  box-shadow: 6px 6px rgba(10, 15, 12, 0.4);
}

.promotion-projects .signature::before {
  box-shadow: 1px 1px rgba(10, 17, 13, 0.9);
}

.promotion-projects .signature .project-logo {
  background: transparent linear-gradient(0deg, rgba(18, 22, 19, 0.9) 0%, #00000000 80%);
}

.promotion-projects .signature .project-detail {
  background-color: rgb(42, 70, 52);
}

/* .promotion-projects .aspentree .text-shadow-num {
  -webkit-text-stroke-color: #5A4A42;
} */

/* theme end */

.project-more {
  font-size: 0.8rem;
}

.popup-promotion .modal-content {
  background: transparent linear-gradient(180deg, #DDDDDE 0%, #FFFFFF 16%, #DDDDDE 100%);
  border-radius: 40px;
}

.popup-promotion .popup-inner {
  padding: 2.3em 1em 1.5em;
  color: #000000;
  font-weight: 300;
}

.popup-inner ol>li {
  padding-bottom: 1em;
}

.popup-inner ul>li {
  padding-top: 0.8em;
}

ol.promotion-list {
  counter-reset: item;
}

ol.promotion-list li {
  display: block;
}

ol.promotion-list li::before {
  content: counters(item, ".") ") ";
  counter-increment: item;
}

ol.promotion-list ol {
  counter-reset: item;
  font-weight: 400;
}

ol.promotion-list ul {
  counter-reset: item;
}

ol.promotion-list ul>li {
  display: list-item;
  font-weight: 300;
}

ol.promotion-list ul>li::before {
  content: none;
}

.list-disc {
  list-style: disc !important;
}

.register iframe {
  min-height: 80rem;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .projects {
    border-radius: 3.4em;
  }
}

@media screen and (min-width: 848px) {
  .register iframe {
    min-height: 60rem;
  }
}

@media screen and (min-width: 1377px) {
  .popup-promotion .popup-inner {
    padding: 1.5em 1.5em;
  }
}


/* Thankyou */
.promotion-bonusx3-thankyou section,
.promotion-year-end-2025-thankyou section {
  padding-top: 0;
}

.promotion-bonusx3-thankyou .text,
.promotion-year-end-2025-thankyou .text {
  position: relative;
  width: 100%;
  align-self: center;
  background: #01508a;
  container-type: inline-size;
}

.promotion-bonusx3-thankyou .title,
.promotion-year-end-2025-thankyou .title {
  color: #fff;
  font-size: max(4cqw, 2.5em);
  margin-bottom: 0.5rem;
}

.promotion-bonusx3-thankyou .detail,
.promotion-year-end-2025-thankyou .detail {
  font-size: max(1.5cqw, 1.1em);
}

.promotion .btn-view,
.promotion-bonusx3-thankyou .btn-to-home,
.promotion-year-end-2025-thankyou .btn-to-home {
  background: transparent linear-gradient(176deg, #18ACC3 0%, #004A97 100%);
  border-radius: 47px;
  color: #fff;
  padding: 1em 2.5em;
  text-align: center;
}

.promotion .btn-view {
  padding: 0.5em 1em;
}

.promotion .btn-view a {
  color: #fff;
}

.promotion .btn-view,
.promotion-bonusx3-thankyou .btn-to-home:hover,
.promotion-year-end-2025-thankyou .btn-to-home:hover {
  color: #fff;
  box-shadow: 0px 3px 6px #00000029;
}

.promotion-bonusx3-thankyou .footer-content {
  background: transparent linear-gradient(180deg, #D0D7DA 0%, #FFFFFF 100%);
  border-radius: 80px 80px 0px 0px;
  opacity: 1;
}

@media screen and (min-width: 768px) {

  .promotion-bonusx3-thankyou .text,
  .promotion-year-end-2025-thankyou .text {
    position: absolute;
    background: #00000000;
  }
}