.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.left-0 {
  left: 0;
}

.left-1\/2 {
  left: 50%;
}

.top-0 {
  top: 0;
}

.flex {
  display: flex;
}

.hidden {
  display: none;
}

.h-full {
  height: 100%;
}

.w-full {
  width: 100%;
}

.flex-1 {
  flex: 1 1 0%;
}

.grow {
  flex-grow: 1;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-center {
  align-items: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.gap-6 {
  gap: 1.5rem;
}

.text-center {
  text-align: center;
}

.font-bold {
  font-weight: 700;
}

.leading-\[1\.8\] {
  line-height: 1.8;
}

.text-\[\#1a6e5c\] {
  --tw-text-opacity: 1;
  color: rgb(26 110 92 / var(--tw-text-opacity, 1));
}

.text-\[\#999999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}

/* AIE2 Quiz Section */

.quiz-logo {
  background-image: url("../../img/quiz/logo.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.footer-text {
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 1001px) {
  .footer-text {
    background-image: url("../../img/quiz/footer-text.png");
  }
}
@media (max-width: 1000px) {
  .footer-text {
    background-image: url("../../img/quiz/m_footer-text.png");
    background-size: contain;
  }
}

.quiz-bg {
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 1001px) {
  .quiz-bg {
    background-image: url("../../img/quiz/bg.jpg");
  }
}
@media (max-width: 1000px) {
  .quiz-bg {
    background-image: url("../../img/quiz/m_bg.jpg");
  }
}

.quiz-book {
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 1001px) {
  .quiz-book {
    background-image: url("../../img/quiz/book.png");
  }
}
@media (max-width: 1000px) {
  .quiz-book {
    background-image: url("../../img/quiz/m_book.png");
  }
}

.quiz-cursor {
  background-image: url("../../img/quiz/cursor.png");
  background-size: contain;
  background-repeat: no-repeat;
}

@keyframes cursorClick {
  0%   { transform: translate(0, 0); opacity: 1; }
  30%  { transform: translate(-4.375rem, -0.625rem); opacity: 1; }
  42%  { transform: translate(-4.375rem, -0.625rem) scale(0.85); }
  50%  { transform: translate(-4.375rem, -0.625rem) scale(1); opacity: 1; }
  72%  { transform: translate(-4.375rem, -0.625rem); opacity: 1; }
  80%  { transform: translate(-4.375rem, -0.625rem); opacity: 0; }
  92%  { transform: translate(0, 0); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; }
}

.step-enter .quiz-cursor {
  animation: cursorClick 2.5s ease infinite;
  animation-delay: 0.8s;
}

.quiz-info-title-1 {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../img/quiz/info_title_1.png");
}

@media (max-width: 1000px) {
  .quiz-info-title-1 {
    background-image: url("../../img/quiz/m_info_title_1.png");
  }
}

.quiz-info-title-2 {
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 1001px) {
  .quiz-info-title-2 {
    background-image: url("../../img/quiz/info_title_2.png");
  }
}
@media (max-width: 1000px) {
  .quiz-info-title-2 {
    background-image: url("../../img/quiz/m_info_title_2.png");
  }
}

.quiz-title-1 {
  background-size: contain;
  background-repeat: no-repeat;
   background-image: url("../../img/quiz/title_1.png");
}

/* @media (min-width: 1001px) {
  .quiz-title-1 {
    background-image: url("../../img/quiz/title_1.png");
  }
}
@media (max-width: 1000px) {
  .quiz-title-1 {
    background-image: url("../../img/quiz/m_title_1.png");
  }
} */


.quiz-title-2 {
  background-image: url("../../img/quiz/title_2.gif");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 1001px) {
  .quiz-title-2 {
    background-image: url("../../img/quiz/title_2.gif");
  }
}
@media (max-width: 1000px) {
  .quiz-title-2 {
    background-image: url("../../img/quiz/m_title_2.jpg");
  }
}


.title-line {
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 1001px) {
  .title-line{
    background-image: url("../../img/quiz/title-line.png");
  }
}
@media (max-width: 1000px) {
  .title-line {
    background-image: url("../../img/quiz/m_title-line.jpg");
  }
}

.quiz-cursor {
  background-image: url("../../img/quiz/cursor.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.quiz-question-number {
  background-size: contain;
  background-repeat: no-repeat;
}
.quiz-question-number._1 { background-image: url("../../img/quiz/bg_1.png"); }
.quiz-question-number._2 { background-image: url("../../img/quiz/bg_2.png"); }
.quiz-question-number._3 { background-image: url("../../img/quiz/bg_3.png"); }
.quiz-question-number._4 { background-image: url("../../img/quiz/bg_4.png"); }
.quiz-question-number._5 { background-image: url("../../img/quiz/bg_5.png"); }
.quiz-question-number._6 { background-image: url("../../img/quiz/bg_6.png"); }
.quiz-question-number._7 { background-image: url("../../img/quiz/bg_7.png"); }
.quiz-question-number._8 { background-image: url("../../img/quiz/bg_8.png"); }

/* 題目按鈕：預設隱藏，等文字出現後再淡入 */
.quiz-question-buttons {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
.quiz-question-buttons.show {
  opacity: 1;
  pointer-events: auto;
}

.quiz-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-top: 0.1875rem solid #5bc0f8;
  border-left: 0.1875rem solid #5bc0f8;
  border-bottom: 0.375rem solid #5bc0f8;
  border-right: 0.3125rem solid #5bc0f8;
  border-radius: 624.9375rem;
  background-color: #254093;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.15em;
  cursor: pointer;
  transition: opacity 0.2s;
  /* PC: 1920 設計稿 1x px → rem (÷16) */
  width: calc(var(--bw) / 16 * 1rem);
  height: calc(var(--bh) / 16 * 1rem);
  font-size: calc(var(--bfs) / 16 * 1rem);
   border-top: 0.125rem solid #5bc0f8;
  border-left: 0.125rem solid #5bc0f8;
  border-bottom: 0.25rem solid #5bc0f8;
  border-right: 0.1875rem solid #5bc0f8;
}
.quiz-button:hover {
  background-color: #046234;
}
/* t: / m: 按鈕縮放：使用 --mbw/--mbh/--mbfs（可自訂或自動算 PC×1000/1920） */
@media (max-width: 1000px) {
  .quiz-button {
    width: calc(var(--mbw) / 16 * 1rem);
    height: calc(var(--mbh) / 16 * 1rem);
    font-size: calc(var(--mbfs) / 16 * 1rem);
  }
}

.number-list {
  width: 80%;
  gap: 0.5rem;
}
.number-list .nl-item {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  transition: all 0.5s linear;
}
.number-list .nl-item.hidden { display: none; }
.number-list .nl-item.active {
  flex-grow: 1;
}
.number-list .nl-num {
  width: 6.25rem;
  height: 2.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.number-list .nl-line {
  height: 0.1875rem;
  background-color: #1a6e5c;
  flex-grow: 1;
  margin: 0 0.9375rem;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
  display: none;
}
.number-list .nl-item.active .nl-line {
  transform: scaleX(1);
  display: block;
}
.number-list .nl-num-1 { background-image: url("../../img/quiz/num_01.png"); }
.number-list .nl-num-2 { background-image: url("../../img/quiz/num_02.png"); }
.number-list .nl-num-3 { background-image: url("../../img/quiz/num_03.png"); }
.number-list .nl-num-4 { background-image: url("../../img/quiz/num_04.png"); }
.number-list .nl-num-5 { background-image: url("../../img/quiz/num_05.png"); }
.number-list .nl-num-6 { background-image: url("../../img/quiz/num_06.png"); }
.number-list .nl-num-7 { background-image: url("../../img/quiz/num_07.png"); }
.number-list .nl-num-8 { background-image: url("../../img/quiz/num_08.png"); }
.number-list .nl-num-1.active { background-image: url("../../img/quiz/num_01_ovr.png"); }
.number-list .nl-num-2.active { background-image: url("../../img/quiz/num_02_ovr.png"); }
.number-list .nl-num-3.active { background-image: url("../../img/quiz/num_03_ovr.png"); }
.number-list .nl-num-4.active { background-image: url("../../img/quiz/num_04_ovr.png"); }
.number-list .nl-num-5.active { background-image: url("../../img/quiz/num_05_ovr.png"); }
.number-list .nl-num-6.active { background-image: url("../../img/quiz/num_06_ovr.png"); }
.number-list .nl-num-7.active { background-image: url("../../img/quiz/num_07_ovr.png"); }
.number-list .nl-num-8.active { background-image: url("../../img/quiz/num_08_ovr.png"); }

@media (max-width: 1000px) {
  .number-list {
    width: 90%;
    gap: 0.125rem;
  }
  .number-list .nl-num {
    width: 2.0625rem;
    height: 0.8125rem;
  }
  .number-list .nl-line {
    height: 0.0625rem;
    margin: 0 0.1875rem;
  }
}

.title-score {
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 1001px) {
  .title-score{
    background-image: url("../../img/quiz/title-score.jpg");
  }
}
@media (max-width: 1000px) {
  .title-score {
    background-image: url("../../img/quiz/m_title-score.jpg");
  }
}

.quiz-score-img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.quiz-score-img.score-0 { background-image: url("../../img/quiz/score_0.jpg"); }
.quiz-score-img.score-1 { background-image: url("../../img/quiz/score_1.jpg"); }
.quiz-score-img.score-2 { background-image: url("../../img/quiz/score_2.jpg"); }
.quiz-score-img.score-3 { background-image: url("../../img/quiz/score_3.jpg"); }
.quiz-score-img.score-4 { background-image: url("../../img/quiz/score_4.jpg"); }
.quiz-score-img.score-5 { background-image: url("../../img/quiz/score_5.jpg"); }
.quiz-score-img.score-6 { background-image: url("../../img/quiz/score_6.jpg"); }
.quiz-score-img.score-7 { background-image: url("../../img/quiz/score_7.jpg"); }
.quiz-score-img.score-8 { background-image: url("../../img/quiz/score_8.jpg"); }

.title-result {
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 1001px) {
  .title-result {
    background-image: url("../../img/quiz/title-result.jpg");
  }
}
@media (max-width: 1000px) {
  .title-result {
    background-image: url("../../img/quiz/m_title-result.jpg");
  }
}

.result-text {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 1001px) {
  .result-text.result-1 {
    background-image: url("../../img/quiz/result-1.png");
  }
  .result-text.result-2 {
    background-image: url("../../img/quiz/result-2.png");
  }
}
@media (max-width: 1000px) {
  .result-text.result-1 {
    background-image: url("../../img/quiz/m_result-1.jpg");
  }
  .result-text.result-2 {
    background-image: url("../../img/quiz/m_result-2.png");
  }
}

.share-text {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 1001px) {
  .share-text {
    background-image: url("../../img/quiz/result-text.png");
  }
}
@media (max-width: 1000px) {
  .share-text {
    background-image: url("../../img/quiz/m_result-text.png");
  }
}

.btn-line,
.btn-fb,
.btn-home {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  cursor: pointer;
  background-color: transparent;
}
.btn-line { background-image: url("../../img/quiz/btn-line.png"); }
.btn-fb { background-image: url("../../img/quiz/btn-fb.png"); }
.btn-home { background-image: url("../../img/quiz/btn-home.png"); }

/* ── share-result 頁面 ── */
.share-result-logo {
  background-image: url("../../img/quiz/share-result-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.share-result-text {
  background-image: url("../../img/quiz/share-result-text.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.share-result-info {
  background-image: url("../../img/quiz/share-result-info.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.share-result-content {
  background: #fff;
  box-shadow: 0 0 2.5rem rgba(247, 181, 0, 0.4), 0 0 5rem rgba(247, 181, 0, 0.2);
}

@media (min-width: 1001px) {
  .share-result-content {
  border-radius: 12.5rem;
}
}
@media (max-width: 1000px) {
 .share-result-content {
    border-radius: 6.25rem;
  }
}

/* 淡入淡出 transition（class-based，避免 inline style 殘留導致重播失敗） */
.quiz-step {
  display: none;
}
.quiz-step.quiz-step-active {
  display: flex;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.quiz-step.quiz-step-active.quiz-step-in {
  opacity: 1;
}

/* ── 進場動畫 ── */

/* 滾動進場：只對 quiz-container（書本）做動畫，背景不動 */
@keyframes quizContainerEnter {
  from { opacity: 0; transform: translateY(3.75rem); }
  to   { opacity: 1; transform: translateY(0); }
}

.quiz-container {
  opacity: 0;
}
.quiz-section.animAct .quiz-container {
  animation: quizContainerEnter 0.8s ease forwards;
}

/* 書本出現時，intro 內容也跟著依序淡入（不依賴 JS 加 step-enter） */
.quiz-section.animAct .quiz-intro-content > * {
  animation: stepChildEnter 0.5s ease forwards;
}
.quiz-section.animAct .quiz-intro-content > :nth-child(1) { animation-delay: 0.3s; }
.quiz-section.animAct .quiz-intro-content > :nth-child(2) { animation-delay: 0.45s; }
.quiz-section.animAct .quiz-intro-content > :nth-child(3) { animation-delay: 0.6s; }
.quiz-section.animAct .quiz-intro-content > :nth-child(4) { animation-delay: 0.75s; }

/* Step 內部子元素：預設隱藏，等 .step-enter 觸發後依序淡入上移 */
@keyframes stepChildEnter {
  from { opacity: 0; transform: translateY(1.875rem); }
  to   { opacity: 1; transform: translateY(0); }
}

.quiz-intro-content > *,
.quiz-explanation-content > *,
.quiz-user-gender-content > *,
.quiz-user-age-content > *,
.quiz-score.step-enter-ready > *,
.quiz-result.step-enter-ready > * {
  opacity: 0;
}

/* 進場中的 step：子元素依序動畫（排除 quizBody，它有自己的題目切換邏輯） */
.step-enter:not(.quiz-body) > *,
.step-enter > .quiz-intro-content > *,
.step-enter > .quiz-explanation-content > *,
.step-enter > .quiz-user-gender-content > *,
.step-enter > .quiz-user-age-content > * {
  animation: stepChildEnter 0.5s ease forwards;
}
.step-enter:not(.quiz-body) > :nth-child(1),
.step-enter > * > :nth-child(1) { animation-delay: 0.1s; }
.step-enter:not(.quiz-body) > :nth-child(2),
.step-enter > * > :nth-child(2) { animation-delay: 0.25s; }
.step-enter:not(.quiz-body) > :nth-child(3),
.step-enter > * > :nth-child(3) { animation-delay: 0.4s; }
.step-enter:not(.quiz-body) > :nth-child(4),
.step-enter > * > :nth-child(4) { animation-delay: 0.55s; }
.step-enter:not(.quiz-body) > :nth-child(5),
.step-enter > * > :nth-child(5) { animation-delay: 0.7s; }
@media (min-width: 1001px) {

  .p\:bottom-\[-20px\] {
    bottom: -1.25rem;
  }

  .p\:left-\[130px\] {
    left: 8.125rem;
  }

  .p\:right-\[-100px\] {
    right: -6.25rem;
  }

  .p\:top-\[50px\] {
    top: 3.125rem;
  }

  .p\:top-\[70px\] {
    top: 4.375rem;
  }

  .p\:mt-8 {
    margin-top: 2rem;
  }

  .p\:mt-\[50px\] {
    margin-top: 3.125rem;
  }

  .p\:block {
    display: block;
  }

  .p\:h-\[133px\] {
    height: 8.3125rem;
  }

  .p\:h-\[145px\] {
    height: 9.0625rem;
  }

  .p\:h-\[170px\] {
    height: 10.625rem;
  }

  .p\:h-\[180px\] {
    height: 11.25rem;
  }

  .p\:h-\[315px\] {
    height: 19.6875rem;
  }

  .p\:h-\[350px\] {
    height: 21.875rem;
  }

  .p\:h-\[367px\] {
    height: 22.9375rem;
  }

  .p\:h-\[409px\] {
    height: 25.5625rem;
  }

  .p\:h-\[62px\] {
    height: 3.875rem;
  }

  .p\:h-\[70px\] {
    height: 4.375rem;
  }

  .p\:h-\[71px\] {
    height: 4.4375rem;
  }

  .p\:h-\[76px\] {
    height: 4.75rem;
  }

  .p\:h-\[80px\] {
    height: 5rem;
  }

  .p\:h-\[91px\] {
    height: 5.6875rem;
  }

  .p\:h-\[94px\] {
    height: 5.875rem;
  }

  .p\:h-\[970px\] {
    height: 60.625rem;
  }

  .p\:min-h-\[700px\] {
    min-height: 43.75rem;
  }

  .p\:min-h-\[963px\] {
    min-height: 60.1875rem;
  }

  .p\:w-\[1008px\] {
    width: 63rem;
  }

  .p\:w-\[1021px\] {
    width: 63.8125rem;
  }

  .p\:w-\[1360px\] {
    width: 85rem;
  }

  .p\:w-\[240px\] {
    width: 15rem;
  }

  .p\:w-\[300px\] {
    width: 18.75rem;
  }

  .p\:w-\[400px\] {
    width: 25rem;
  }

  .p\:w-\[461px\] {
    width: 28.8125rem;
  }

  .p\:w-\[489px\] {
    width: 30.5625rem;
  }

  .p\:w-\[539px\] {
    width: 33.6875rem;
  }

  .p\:w-\[550px\] {
    width: 34.375rem;
  }

  .p\:w-\[592px\] {
    width: 37rem;
  }

  .p\:w-\[615px\] {
    width: 38.4375rem;
  }

  .p\:w-\[70px\] {
    width: 4.375rem;
  }

  .p\:w-\[775px\] {
    width: 48.4375rem;
  }

  .p\:w-\[780px\] {
    width: 48.75rem;
  }

  .p\:w-\[798px\] {
    width: 49.875rem;
  }

  .p\:w-\[80px\] {
    width: 5rem;
  }

  .p\:justify-center {
    justify-content: center;
  }

  .p\:gap-4 {
    gap: 1rem;
  }

  .p\:gap-6 {
    gap: 1.5rem;
  }

  .p\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
  }

  .p\:space-y-\[20px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }

  .p\:space-y-\[50px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3.125rem * var(--tw-space-y-reverse));
  }

  .p\:space-y-\[70px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4.375rem * var(--tw-space-y-reverse));
  }

  .p\:px-\[100px\] {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }

  .p\:py-\[100px\] {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  .p\:py-\[170px\] {
    padding-top: 10.625rem;
    padding-bottom: 10.625rem;
  }

  .p\:pb-\[130px\] {
    padding-bottom: 8.125rem;
  }

  .p\:pb-\[80px\] {
    padding-bottom: 5rem;
  }

  .p\:pt-\[100px\] {
    padding-top: 6.25rem;
  }

  .p\:pt-\[120px\] {
    padding-top: 7.5rem;
  }

  .p\:pt-\[170px\] {
    padding-top: 10.625rem;
  }

  .p\:pt-\[200px\] {
    padding-top: 12.5rem;
  }

  .p\:text-\[24px\] {
    font-size: 1.5rem;
  }

  .p\:text-\[48px\] {
    font-size: 3rem;
  }
}
@media (max-width: 1000px) {

  .t\:bottom-\[-60px\] {
    bottom: -3.75rem;
  }

  .t\:left-\[10px\] {
    left: 0.625rem;
  }

  .t\:right-\[-40px\] {
    right: -2.5rem;
  }

  .t\:top-\[20px\] {
    top: 1.25rem;
  }

  .t\:top-\[50px\] {
    top: 3.125rem;
  }

  .t\:mt-\[20px\] {
    margin-top: 1.25rem;
  }

  .t\:h-\[100px\] {
    height: 6.25rem;
  }

  .t\:h-\[144px\] {
    height: 9rem;
  }

  .t\:h-\[191px\] {
    height: 11.9375rem;
  }

  .t\:h-\[213px\] {
    height: 13.3125rem;
  }

  .t\:h-\[242px\] {
    height: 15.125rem;
  }

  .t\:h-\[25px\] {
    height: 1.5625rem;
  }

  .t\:h-\[280px\] {
    height: 17.5rem;
  }

  .t\:h-\[30px\] {
    height: 1.875rem;
  }

  .t\:h-\[36px\] {
    height: 2.25rem;
  }

  .t\:h-\[52px\] {
    height: 3.25rem;
  }

  .t\:h-\[55px\] {
    height: 3.4375rem;
  }

  .t\:h-\[57px\] {
    height: 3.5625rem;
  }

  .t\:h-\[60px\] {
    height: 3.75rem;
  }

  .t\:h-\[650px\] {
    height: 40.625rem;
  }

  .t\:h-\[89px\] {
    height: 5.5625rem;
  }

  .t\:h-\[94px\] {
    height: 5.875rem;
  }

  .t\:w-\[156px\] {
    width: 9.75rem;
  }

  .t\:w-\[164px\] {
    width: 10.25rem;
  }

  .t\:w-\[208px\] {
    width: 13rem;
  }

  .t\:w-\[226px\] {
    width: 14.125rem;
  }

  .t\:w-\[229px\] {
    width: 14.3125rem;
  }

  .t\:w-\[232px\] {
    width: 14.5rem;
  }

  .t\:w-\[253px\] {
    width: 15.8125rem;
  }

  .t\:w-\[283px\] {
    width: 17.6875rem;
  }

  .t\:w-\[286px\] {
    width: 17.875rem;
  }

  .t\:w-\[308px\] {
    width: 19.25rem;
  }

  .t\:w-\[309px\] {
    width: 19.3125rem;
  }

  .t\:w-\[317px\] {
    width: 19.8125rem;
  }

  .t\:w-\[36px\] {
    width: 2.25rem;
  }

  .t\:w-\[55px\] {
    width: 3.4375rem;
  }

  .t\:gap-2 {
    gap: 0.5rem;
  }

  .t\:gap-4 {
    gap: 1rem;
  }

  .t\:space-y-\[10px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
  }

  .t\:space-y-\[20px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }

  .t\:space-y-\[30px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.875rem * var(--tw-space-y-reverse));
  }

  .t\:px-\[50px\] {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }

  .t\:py-\[50px\] {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }

  .t\:pt-\[30px\] {
    padding-top: 1.875rem;
  }

  .t\:text-\[15px\] {
    font-size: 0.9375rem;
  }

  .t\:text-\[25px\] {
    font-size: 1.5625rem;
  }
}
@media (max-width: 739px) {

  .m\:bottom-\[-60px\] {
    bottom: -3.75rem;
  }

  .m\:left-\[20px\] {
    left: 1.25rem;
  }

  .m\:right-\[-40px\] {
    right: -2.5rem;
  }

  .m\:top-\[20px\] {
    top: 1.25rem;
  }

  .m\:top-\[40px\] {
    top: 2.5rem;
  }

  .m\:mt-\[20px\] {
    margin-top: 1.25rem;
  }

  .m\:h-\[100px\] {
    height: 6.25rem;
  }

  .m\:h-\[144px\] {
    height: 9rem;
  }

  .m\:h-\[191px\] {
    height: 11.9375rem;
  }

  .m\:h-\[213px\] {
    height: 13.3125rem;
  }

  .m\:h-\[242px\] {
    height: 15.125rem;
  }

  .m\:h-\[25px\] {
    height: 1.5625rem;
  }

  .m\:h-\[280px\] {
    height: 17.5rem;
  }

  .m\:h-\[30px\] {
    height: 1.875rem;
  }

  .m\:h-\[36px\] {
    height: 2.25rem;
  }

  .m\:h-\[430px\] {
    height: 26.875rem;
  }

  .m\:h-\[476px\] {
    height: 29.75rem;
  }

  .m\:h-\[52px\] {
    height: 3.25rem;
  }

  .m\:h-\[55px\] {
    height: 3.4375rem;
  }

  .m\:h-\[57px\] {
    height: 3.5625rem;
  }

  .m\:h-\[60px\] {
    height: 3.75rem;
  }

  .m\:h-\[650px\] {
    height: 40.625rem;
  }

  .m\:h-\[89px\] {
    height: 5.5625rem;
  }

  .m\:h-\[94px\] {
    height: 5.875rem;
  }

  .m\:w-\[156px\] {
    width: 9.75rem;
  }

  .m\:w-\[164px\] {
    width: 10.25rem;
  }

  .m\:w-\[208px\] {
    width: 13rem;
  }

  .m\:w-\[226px\] {
    width: 14.125rem;
  }

  .m\:w-\[229px\] {
    width: 14.3125rem;
  }

  .m\:w-\[232px\] {
    width: 14.5rem;
  }

  .m\:w-\[253px\] {
    width: 15.8125rem;
  }

  .m\:w-\[283px\] {
    width: 17.6875rem;
  }

  .m\:w-\[286px\] {
    width: 17.875rem;
  }

  .m\:w-\[308px\] {
    width: 19.25rem;
  }

  .m\:w-\[309px\] {
    width: 19.3125rem;
  }

  .m\:w-\[317px\] {
    width: 19.8125rem;
  }

  .m\:w-\[36px\] {
    width: 2.25rem;
  }

  .m\:w-\[375px\] {
    width: 23.4375rem;
  }

  .m\:w-\[55px\] {
    width: 3.4375rem;
  }

  .m\:gap-2 {
    gap: 0.5rem;
  }

  .m\:gap-4 {
    gap: 1rem;
  }

  .m\:space-y-\[10px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
  }

  .m\:space-y-\[20px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }

  .m\:px-\[20px\] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .m\:px-\[50px\] {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }

  .m\:py-\[80px\] {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .m\:pb-\[10px\] {
    padding-bottom: 0.625rem;
  }

  .m\:pt-\[30px\] {
    padding-top: 1.875rem;
  }

  .m\:pt-\[50px\] {
    padding-top: 3.125rem;
  }

  .m\:text-\[15px\] {
    font-size: 0.9375rem;
  }

  .m\:text-\[25px\] {
    font-size: 1.5625rem;
  }
}