@font-face  {
    font-family: 'Hando';
    src: url('fonts/Hando-Regular.otf') format('truetype');
    font-weight: 400;
    font-style: normal;
    unicode-range: U+0000-007F;
    /* Basic Latin */
}

@font-face  {
    font-family: 'Hando';
    src: url('fonts/Hando-Bold.otf') format('truetype');
    font-weight: 700;
    font-style: normal;
    unicode-range: U+0000-007F;
    /* Basic Latin */
}

/* @font-face  {
    font-family: 'Hando';
    src: url('fonts/Hando-Regular.otf') format('opentype');
    font-weight: 400;
    unicode-range: U+0000-007F;
}

@font-face  {
    font-family: 'Hando';
    src: url('fonts/Hando-Bold.otf') format('opentype');
    font-weight: 700;
    unicode-range: U+0000-007F;
} */

@font-face {
  font-family: 'Noto Sans TC';
  src: url('fonts/NotoSansTC-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans TC';
  src: url('fonts/NotoSansTC-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: url('fonts/NotoSansSC-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: url('fonts/NotoSansSC-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

body, .MCY-Debitcard-Wrapper, html  {
   margin: 0;
    padding: 0;
    font-family: sans-serif;
    background: #fff;
    color: #595959;
    overflow-x: hidden;
}


*, *::before, *::after {
    box-sizing: border-box;
}

.MCY-Debitcard-Wrapper ul, ol {
    padding-left: 16px;
}

.MCY-Debitcard-Wrapper li {
  margin-bottom: 16px;
}

.MCY-Debitcard-Wrapper .remarks li {
  margin-bottom: 8px;
}

/* Language dropdown */
.lang-select-wrapper {
  position: relative;
}

#lang-toggle {
  background: none;
  border: none;
  font-weight: bold;
  color: #333;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
}

#lang-toggle p{
  margin: 0;
  color: #595959;
}

.lang-arrow {
  width: 24px;  /* adjust to your icon size */
  height: 24px;
  object-fit: contain;
}

#main-header.scrolled .lang-arrow {
  filter: brightness(0); /* makes light icons appear black */
}


.lang-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 4px;
  background: white;
  list-style: none;
  padding: 0;
  border: 1px solid #ccc;
  border-radius: 4px;  
  display: none;  
  width: 160px;
}

.lang-dropdown li {
  padding: 16px 16px;
  cursor: pointer;
}

.lang-dropdown li:hover {
  background-color: #f0f0f0;
}

.lang-arrow {
  width: 24px;  /* adjust to your icon size */
  height: 24px;
  object-fit: contain;
}

 .MCY-Debitcard-Wrapper section  {
   padding: 48px 24px;
    /* text-align: center; */
    position: relative;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

 .MCY-Debitcard-Wrapper .section-1  {
   height: 800px;
   padding: 0;
}

 .MCY-Debitcard-Wrapper h1  {
   margin: auto;
    line-height: 1.3;
    position: relative;
    font-size: 40px;
    font-family: "Noto Sans TC", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
    color: #EA4120;
}


.MCY-Debitcard-Wrapper .section-2 h1 {
    width: 100%;
}

.MCY-Debitcard-Wrapper .section-2 p {
    margin: 0;
}

  .MCY-Debitcard-Wrapper .instruction-text h1  {
      color: white;
}

.MCY-Debitcard-Wrapper.font-SC h1, .MCY-Debitcard-Wrapper.font-SC h2, .MCY-Debitcard-Wrapper.font-SC h3, .MCY-Debitcard-Wrapper.font-SC h4, .MCY-Debitcard-Wrapper.font-SC h5, .MCY-Debitcard-Wrapper.font-SC h6, .MCY-Debitcard-Wrapper.font-SC p, .MCY-Debitcard-Wrapper.font-SC span, .MCY-Debitcard-Wrapper.font-SC button, .MCY-Debitcard-Wrapper.font-SC td, .MCY-Debitcard-Wrapper.font-SC th, .MCY-Debitcard-Wrapper.font-SC a, .MCY-Debitcard-Wrapper.font-SC li, .MCY-Debitcard-Wrapper.font-SC div {
    font-family: 'Hando', 'Noto Sans SC', sans-serif !important;
}

.MCY-Debitcard-Wrapper.font-EN h1, .MCY-Debitcard-Wrapper.font-EN h2, .MCY-Debitcard-Wrapper.font-EN p, .MCY-Debitcard-Wrapper.font-EN span, .MCY-Debitcard-Wrapper.font-EN button, .MCY-Debitcard-Wrapper.font-EN td, .MCY-Debitcard-Wrapper.font-EN th, .MCY-Debitcard-Wrapper.font-EN a, .MCY-Debitcard-Wrapper.font-EN li, .MCY-Debitcard-Wrapper.font-EN div {
    line-height: 1.2;
}

.MCY-Debitcard-Wrapper.font-EN .section-demo h2 {
    font-size: 22px;
}

.MCY-Debitcard-Wrapper.font-EN .feature-table td:first-child, .MCY-Debitcard-Wrapper.font-EN .feature-table td:last-child {
    width: 30%;
}

.MCY-Debitcard-Wrapper .PageTitle-EN {
    left: 60% !important;
    width: 80% !important;
}

.MCY-Debitcard-Wrapper .Hero-Section-1 {
    height: 980px;
}

 .MCY-Debitcard-Wrapper h2  {
   margin: auto;
    /* line-height: 1.4; */
    text-align: left;
    position: relative;
    font-size: 26px;
    font-family: "Noto Sans TC", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    width: 100%;
}

 .MCY-Debitcard-Wrapper .font-Bold  {
   font-weight: 600;
}

 .MCY-Debitcard-Wrapper th,.MCY-Debitcard-Wrapper td,.MCY-Debitcard-Wrapper button,.MCY-Debitcard-Wrapper div,.MCY-Debitcard-Wrapper p,.MCY-Debitcard-Wrapper span,.MCY-Debitcard-Wrapper a  {
   /* line-height: 1.4; */
    position: relative;
    font-size: 18px;
    font-family: "Noto Sans TC", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
}

  .MCY-Debitcard-Wrapper a {
      text-decoration: underline;
}



 .MCY-Debitcard-Wrapper .remarks {
    margin: auto;
    position: relative;
    font-size: 12px;
    /* font-family: "Noto Sans TC", sans-serif; */
    font-optical-sizing: auto;
    letter-spacing: 0.3px;
    line-height: 1.5;
    /* font-weight: 300; */
    font-style: normal;
    text-align: left;
}

 .MCY-Debitcard-Wrapper table  {
   border-collapse: collapse;
    width: 100%;
}

 .MCY-Debitcard-Wrapper th,.MCY-Debitcard-Wrapper td  {
   border-left: none !important;
    border-right: none !important;
    padding: 8px 8px;
    text-align: left;
}

 .MCY-Debitcard-Wrapper table tr th:last-child  {
   text-align: center;
}

 .MCY-Debitcard-Wrapper .color-Black  {
   color: #595959;
}

 .MCY-Debitcard-Wrapper .color-White  {
   color: #FFF;
}

 .MCY-Debitcard-Wrapper .color-Orange  {
   color: #ea4120;
}

 .MCY-Debitcard-Wrapper .color-DarkGrey  {
   color: #595959;
}

 .MCY-Debitcard-Wrapper .color-LightGrey  {
   color: #EEEEEE;
}

 .MCY-Debitcard-Wrapper .two-column  {
   display: flex;
    justify-content: space-between;
    gap: 80px;
    margin: auto;
    text-align: left;
    flex-wrap: wrap;
}

 .MCY-Debitcard-Wrapper .column  {
   flex: 1;
    min-width: 280px;
}

 .MCY-Debitcard-Wrapper .max-width-980  {
   max-width: 980px;
    margin: auto;
}

 @media (max-width: 1440px)  {
   .MCY-Debitcard-Wrapper .largescreen-only  {
     display: none !important;
  }

}

  @media (min-width: 768px)  {
   .MCY-Debitcard-Wrapper .desktop-only  {
     display: block !important;
  }

  
    .MCY-Debitcard-Wrapper .platform-QR.desktop-only  {
     display: inline-block !important;
  }

  
   .MCY-Debitcard-Wrapper .mobile-only  {
     display: none !important;
  }

  
   .MCY-Debitcard-Wrapper .tab-header.mobile-only  {
     display: none !important;
  }

}

 @media (max-width: 768px)  {
   .MCY-Debitcard-Wrapper .desktop-only  {
     display: none !important;
  }

  
   .MCY-Debitcard-Wrapper .mobile-only  {
     display: block !important;
  }

  
   .MCY-Debitcard-Wrapper .platform-grid.desktop-only  {
     display: none !important;
  }

}

 .MCY-Debitcard-Wrapper #main-header  {
   position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: background-color 0.3s ease;
    padding: 8px 24px;
    background-color: white;
    box-shadow: none;
    box-sizing: border-box;
}

 .MCY-Debitcard-Wrapper #main-header.scrolled  {
   background-color: white;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

 .MCY-Debitcard-Wrapper .header-container  {
   max-width: 980px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

  .MCY-Debitcard-Wrapper .header-container  a {
      text-decoration: none;
      color: #595959;
}

  .MCY-Debitcard-Wrapper .header-container  a.page-active {
      font-weight: 600;
      color: #ea4120;
}

  .MCY-Debitcard-Wrapper .page-links a {
      margin-right: 8px;
}

  .MCY-Debitcard-Wrapper .cta-button {
      padding: 4px 8px;
      min-width: 72px;
      font-weight: 600;
      color: white !important;
      text-align: center;
      background-color:#ea4120;
      border-radius: 8px;
      text-decoration: none;
      flex-shrink: 0;
      flex-grow: 0;
      height: auto;
      cursor: pointer;
      align-self: start;
}

 .MCY-Debitcard-Wrapper .header.scrolled .bea-logo  {
   content: url("images/logo-colored.svg");
}

  @media (max-width: 768px)  {
    .MCY-Debitcard-Wrapper #main-header  {
        padding: 12px 24px;
  }

}

  .MCY-Debitcard-Wrapper .break-lg {
    display: none;
}

  .MCY-Debitcard-Wrapper .mobile-break-lg {
      display: none;
}

.MCY-Debitcard-Wrapper .mission-tabs .tab-btn img {
    width: auto;
    height: 1.8em;
                  /* Responsive height relative to text */
    max-height: 36px;
    object-fit: contain;
    aspect-ratio: 1 / 1;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.MCY-Debitcard-Wrapper .mission-tabs .tab-btn {
      display: flex;
    flex-direction: row;
            /* Icon left, text right */
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
                   /* Space between icon and text */
    text-align: left;
}

  .MCY-Debitcard-Wrapper .Mission-img-holder img {
      width: 100%;
      object-fit: contain;
}

  .MCY-Debitcard-Wrapper .Mission-break-lg {
      display: none;
}

   .MCY-Debitcard-Wrapper .width970-break-lg {
      display: none;
}

   @media (min-width: 1108px) {
   /* or any width you prefer */
      .MCY-Debitcard-Wrapper .Mission-break-lg {
          display: block;
  }

}

  @media (min-width: 768px) {
   /* or any width you prefer */
      .MCY-Debitcard-Wrapper .break-lg {
          display: block;
  }

}

    @media (max-width: 768px) {
   /* or any width you prefer */
      .MCY-Debitcard-Wrapper .mobile-break-lg {
          display: block;
  }

  
        .MCY-Debitcard-Wrapper .break-lg {
          display: none;
  }

  
      .MCY-Debitcard-Wrapper .mission-tabs .tab-btn {
        flex-direction: column;
         /* Stack icon above text */
        text-align: center;
  }

  
    .MCY-Debitcard-Wrapper .mission-tabs .tab-btn img {
        height: auto;
        width: 2.5em;
        max-height: none;
  }

}

      @media (max-width: 970px) {
        .MCY-Debitcard-Wrapper .width970-break-lg {
            display: block;
  }

}

    @media (max-width: 560px) {
        .MCY-Debitcard-Wrapper .width560-Nobreak-lg {
            display: none;
  }

}

.MCY-Debitcard-Wrapper .custom-bullet {
    list-style: none;
   /* remove default bullets */
    padding-left: 0;
}

.MCY-Debitcard-Wrapper .custom-bullet li {
    position: relative;
}

.MCY-Debitcard-Wrapper .custom-bullet .bullet {
    position: absolute;
    left: -0.8rem;
    font-size: 12px;
}

.MCY-Debitcard-Wrapper .prize-section sup {
    font-size: 10px;
}

 .MCY-Debitcard-Wrapper .hero-section  {
   position: relative;
    overflow: hidden;
    text-align: center;
    min-height: 100vh;
    color: white;
    z-index: 1;
}

 .MCY-Debitcard-Wrapper .hero-bg  {
   position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('images/Hero.jpg');
    background-size: cover;
    background-position: 50% 50%;
    z-index: 0;
}

 .MCY-Debitcard-Wrapper .hero-content  {
   position: absolute;
    z-index: 2;
    left: 80%;
    top: 42%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 980px;
    padding: 48px 24px;
    /* box-sizing: border-box; */
    text-align: left;
    color: white;
    filter: drop-shadow(0 0px 10px rgba(255, 255, 255, 0.7))
}

 .MCY-Debitcard-Wrapper .hero-badge  {
    width: 120px;
    margin-bottom: 16px;
}

 .MCY-Debitcard-Wrapper .hero-title  {
   font-size: 64px;
    font-weight: 600;
    line-height: 1.3;
    color: #EA4120;
}

.MCY-Debitcard-Wrapper.lang-EN .hero-title {
  font-size: 56px;
  line-height: 1.2;
}


 .MCY-Debitcard-Wrapper .hero-subtitle  {
   font-weight: 600;
    margin-bottom: 8px;
    color: #444;
}

.MCY-Debitcard-Wrapper .highlight-fontsize {
    font-size: 26px !important;
}

  .MCY-Debitcard-Wrapper.font-EN h1 {
      font-size: 28px;
}

  .MCY-Debitcard-Wrapper.font-EN .section-1 h1 {
      font-size: 64px;
}

  .MCY-Debitcard-Wrapper .hide-1024 {
      display: block;
}

  .MCY-Debitcard-Wrapper .show-1024 {
      display: none;
}

.MCY-Debitcard-Wrapper .fade-effect {
      height: 360px;
      width: 100%;
      bottom: 0;
      position: absolute;
      background: linear-gradient(to top, white, rgba(255, 255, 255, 0));
}

@media (max-width: 1024px)  {
    .MCY-Debitcard-Wrapper .section-1 {
        overflow: hidden;
        height: 800px;
  }

  
    .MCY-Debitcard-Wrapper .hero-bg {
        background-position: 20%;
        top: -1px;
        height: 100%;
  }

  
    .MCY-Debitcard-Wrapper .hero-content {
        position: relative;
        left: auto;
        transform: translateX(0);
        margin: auto;
        top: 520px;
  }

  .MCY-Debitcard-Wrapper.lang-EN .hero-content {
        top: 480px;
  }

  
    .MCY-Debitcard-Wrapper .show-1024 {
        display: block;
  }

  
    .MCY-Debitcard-Wrapper .hide-1024 {
        display: none;
  }

}

@media (min-width: 1024px)  {
    .MCY-Debitcard-Wrapper .hero-content {
        padding: 48px 0;
        top: 360px;
  }

}

@media (max-width: 800px)  {
     .MCY-Debitcard-Wrapper.font-EN .section-1 h1 {
        font-size: 48px;
  }
}


@media (max-width: 580px)  {
    .MCY-Debitcard-Wrapper.lang-EN .hero-content {
        top: 420px;
  }
}
 

  @media (max-width: 480px)  {
      .MCY-Debitcard-Wrapper section {
          padding: 48px 16px;
  }

  
      .MCY-Debitcard-Wrapper .section-1 {
          padding: 48px 0px;
             height: 580px;
  }

        
  
      .MCY-Debitcard-Wrapper .hero-bg {
          background-position: 25% 75%;
  }

  
      .MCY-Debitcard-Wrapper .hero-content {
          top: 320px;
  }

  .MCY-Debitcard-Wrapper.lang-EN .hero-content {
        top: 240px;
  }

  
    .MCY-Debitcard-Wrapper .hero-title  {
        font-size: 48px;
  }

  .MCY-Debitcard-Wrapper.lang-EN .hero-title  {
        font-size: 40px;
  }
  
    .MCY-Debitcard-Wrapper h1 {
        font-size: 28px;
  }

  
    .MCY-Debitcard-Wrapper.font-EN .section-1 h1 {
        font-size: 42px;
  }

  
     .MCY-Debitcard-Wrapper h2 , .MCY-Debitcard-Wrapper .highlight-fontsize {
        font-size: 20px !important;
        text-align: left;
  }  
    .MCY-Debitcard-Wrapper .PageTitle-EN {
        width: 100% !important;
  }

  .MCY-Debitcard-Wrapper .section-CTA > div > h2 {
      text-align: center;
  }

}

.MCY-Debitcard-Wrapper .section-2 {
    padding: 48px 24px;
}

 .MCY-Debitcard-Wrapper .section-2 .section-2-inner  {
   text-align: left;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

 @media (max-width: 768px)  {
   .MCY-Debitcard-Wrapper .section-2 .section-2-inner  {
     /* text-align: center; */
      gap: 24px;
  }

}

 .MCY-Debitcard-Wrapper .instruction-section  {
   /* background-color: #EA4120; */
   background-image: url('images/GradientBG.png');
    background-size: cover;
    background-position: 0 50%;
    color: white;
    padding: 48px 24px;
}

 .MCY-Debitcard-Wrapper .instruction-container  {
   max-width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

 .MCY-Debitcard-Wrapper .instruction-header  {
   display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
}

 .MCY-Debitcard-Wrapper .instruction-text  {
   max-width: 320px;
}

 .MCY-Debitcard-Wrapper .instruction-header h2  {
   margin: 0;
}

 .MCY-Debitcard-Wrapper .instruction-icon img  {
   width: 64px;
    height: auto;
}

 .MCY-Debitcard-Wrapper .instruction-steps  {
   list-style: none;
    counter-reset: step;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

 .MCY-Debitcard-Wrapper .instruction-steps li  {
   counter-increment: step;
    position: relative;
    padding: 16px 0;
    padding-left: 2.5em;
    text-align: left;
}

 .MCY-Debitcard-Wrapper .instruction-steps li:nth-child(2)  {
   border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

 .MCY-Debitcard-Wrapper .instruction-steps li::before  {
   content: counter(step) ".";
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 28px;
    font-weight: 600;
    color: white;
}

 @media screen and (min-width: 970px)  {
   .MCY-Debitcard-Wrapper .instruction-container  {
     flex-direction: row;
      align-items: flex-start;
      justify-content: space-between;
  }

  
   .MCY-Debitcard-Wrapper .instruction-header  {
     flex-direction: column;
      align-items: flex-start;
      text-align: left;
      max-width: 320px;
      flex-shrink: 0;
  }

}

 @media (max-width: 970px)  {
   .MCY-Debitcard-Wrapper .instruction-header  {
     flex-direction: row !important;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 16px;
      text-align: left;
  }
  
   .MCY-Debitcard-Wrapper .instruction-text  {
     width: 100%;
      max-width: none;
  }

}

 .MCY-Debitcard-Wrapper .tab-buttons  {
   display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
}

 .MCY-Debitcard-Wrapper .tab-btn  {
   background: #fff;
    color: #EA4120;
    border: 2px solid #EA4120;
    padding: 24px 24px;
    font-weight: 600;
    cursor: pointer;
}

 .MCY-Debitcard-Wrapper .tab-btn.active  {
   background: #EA4120;
    color: white;
}

 .MCY-Debitcard-Wrapper .tab-content  {
   display: none;
    width: 100%;
    animation: fadeIn 0.3s ease-in-out;
}

 .MCY-Debitcard-Wrapper .tab-content.active  {
   display: block;
}

 .MCY-Debitcard-Wrapper .prize-content-block  {
   background: white;
    padding: 24px;
    border-radius: 10px;
    color: #595959;
    text-align: left;
    border-top: 5px solid #EA4120;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

 .MCY-Debitcard-Wrapper .prize-content-block h2  {
   margin: 0;
}

 .MCY-Debitcard-Wrapper .prize-content-block ul  {
   padding-left: 20px;
    margin: 0;
}

 .MCY-Debitcard-Wrapper .prize-count  {
   font-size: 20px;
    font-weight: 600;
    color: #EA4120;
    text-align: right;
}

 .MCY-Debitcard-Wrapper .carousel-arrows  {
   display: none;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

 .MCY-Debitcard-Wrapper .carousel-arrows button  {
   font-size: 24px;
    padding: 10px 20px;
    background: #EA4120;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

 .MCY-Debitcard-Wrapper .carousel-arrows #tab-label  {
   min-width: 80px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #EA4120;
}

 .MCY-Debitcard-Wrapper .prize-section-mobile  {
   background: #fff;
    padding: 48px 24px;
    color: #595959;
}

 .MCY-Debitcard-Wrapper .prize-mobile-header  {
   display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: left;
    width: 100%;
    max-width: none;
    margin-bottom: 24px;
}

 .MCY-Debitcard-Wrapper .prize-mobile-header h1 {
   width: 100%;
}

 .MCY-Debitcard-Wrapper .prize-mobile-header .prize-icon  {
   width: 64px;
}

 .MCY-Debitcard-Wrapper .prize-mobile-group  {
   text-align: left;
    margin: 0 0 16px;
}

 .MCY-Debitcard-Wrapper .prize-mobile-group div {
   margin: 0 0 8px;
}

 .MCY-Debitcard-Wrapper .prize-mobile-group p, .MCY-Debitcard-Wrapper .prize-mobile-group h2 {
   margin: auto;
    padding: 4px 0;
}

 .MCY-Debitcard-Wrapper .prize-mobile-group div:last-child {
   border-bottom: 1px solid #EA4120;
    padding: 0 0 8px;
}

 .MCY-Debitcard-Wrapper .prize-mobile-group ul  {
   padding-left: 1.2em;
    margin: 8px 0;
}

 .MCY-Debitcard-Wrapper .prize-mobile-group ul li  {
   line-height: 1.5;
}

 .MCY-Debitcard-Wrapper .stage-title  {
   color: #EA4120;
    font-weight: 600;
    margin: 16px 0 10px;
}

 .MCY-Debitcard-Wrapper .winner-count  {
   color: #EA4120;
    font-weight: 600;
}

 .MCY-Debitcard-Wrapper .prize-section-mobile .note  {
   font-size: 12px;
    color: #595959;
    margin-top: 30px;
}

 .MCY-Debitcard-Wrapper .platform-section  {
   padding: 48px 16px;
    background-color: #eeeeee7e;
    text-align: center;
    width: 100%;
    max-width: none;
}

 .MCY-Debitcard-Wrapper .platform-title  {
   font-weight: 600;
    margin-bottom: 40px;
}

 .MCY-Debitcard-Wrapper .platform-grid  {
   display: flex !important;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
}

 .MCY-Debitcard-Wrapper .platform-item  {
   flex: 1 1 calc(25% - 30px);
    /* min-width: 240px; */
    text-align: center;
}

 .MCY-Debitcard-Wrapper .item-title {
   color: #EA4120;
    font-weight: 600;
}

 .MCY-Debitcard-Wrapper .platform-icon  {
   width: 80px;
    height: auto;
}

 .MCY-Debitcard-Wrapper .platform-carousel  {
   display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    text-align: center;
}

 .MCY-Debitcard-Wrapper .platform-slider  {
   display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

 .MCY-Debitcard-Wrapper .platform-slider .tab-content  {
   flex: 1 1 auto;
    display: none;
    max-width: none;
    width: 100%;
    padding: 0 16px;
}

 .MCY-Debitcard-Wrapper .platform-slider .tab-content.active  {
   display: block;
}

 .MCY-Debitcard-Wrapper .platform-slider button  {
   background: none;
    border: none;
    border-radius: 8px;
    padding: 0 16px;
    cursor: pointer;
    display: flex;
    align-items: stretch;
    justify-content: center;
    height: auto;
    flex-shrink: 0;
}

 .MCY-Debitcard-Wrapper .platform-slider button img, .tab-header button img {
      width: 36px;
       height: 36px;
      align-self: center;
}

  @media (max-width: 480px) {
    .MCY-Debitcard-Wrapper .page-links a {
        font-size: 14px;
  }

  
    .MCY-Debitcard-Wrapper .platform-slider {
        gap: 8px;
        /* padding: 0 8px; */
        overflow: hidden;
  }

  
    .MCY-Debitcard-Wrapper .platform-slider button {
        width: 40px;
        min-width: 40px;
        flex-shrink: 0;
        padding: 0;
  }

  
    .MCY-Debitcard-Wrapper .platform-slider button img {
        width: 36px;
        height: auto;
  }

  
    .MCY-Debitcard-Wrapper .platform-slider .tab-content.active {
        flex: 1 1 auto;
        max-width: calc(100% - 48px * 2 - 16px * 2);
     /* buttons + gaps */
        padding: 0;
  }

}

 .MCY-Debitcard-Wrapper .section-divider  {
   border: none;
    height: 1px;
    background-color: #dedede;
    margin: auto;
    max-width: 980px;
    padding: 0 24px;
    box-sizing: border-box;
}

 .MCY-Debitcard-Wrapper .section-demo  {
   padding: 48px 20px;
}

 .MCY-Debitcard-Wrapper .tab-table-wrapper  {
   display: flex;
    flex-direction: row;
    gap: 24px;
}

 .MCY-Debitcard-Wrapper .tab-description {
   text-align: left;
    margin: 0 0 24px;
}

 .MCY-Debitcard-Wrapper .tab-btn  {
   background: rgba(255,255,255,0.1);
    width: 100%;
    border: none;
    padding: 24px 24px;
    color: white;
    font-weight: 600;
    cursor: pointer;
    min-width: 200px;
    transition: 0.3s;
}

.MCY-Debitcard-Wrapper .Demo-Section {
    background-color: #f7f7f7;
}

.MCY-Debitcard-Wrapper .Demo-Summary {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.MCY-Debitcard-Wrapper .Demo-Summary img {
    width: 64px;
    height: 64px;
}

.MCY-Debitcard-Wrapper .Demo-Summary > div {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
}

.MCY-Debitcard-Wrapper .Demo-Summary > div > div {
    flex: 1;
}

.MCY-Debitcard-Wrapper .Demo-Summary > div > div h2 {
    font-weight: 600;
    margin-bottom: 8px;
}

.MCY-Debitcard-Wrapper .Demo-Summary > div > div p {
    margin: 0;
}

.MCY-Debitcard-Wrapper .Limited-Prize {
    margin-top: 24px;
}

.MCY-Debitcard-Wrapper .Limited-Prize p {
    margin: 0;
    margin-bottom: 8px;
}

.MCY-Debitcard-Wrapper .Limited-Prize > p:nth-child(1) {
    font-weight: 600;
}

.MCY-Debitcard-Wrapper .Limited-Prize > div {
    display: flex;
    gap: 16px;
}

.MCY-Debitcard-Wrapper .Limited-Prize > div > p {
    flex: 1;
    padding: 16px;
    font-weight: 600;
    text-align: center;
    color: #EA4120;
    background-color: white;
    border-radius: 8px;
}

 .MCY-Debitcard-Wrapper .section-demo .tab-btn:first-child {
   border-radius: 8px 0 0 8px;
}

 .MCY-Debitcard-Wrapper .section-demo .tab-btn:last-child {
   border-radius: 0 8px 8px 0;
}

  .MCY-Debitcard-Wrapper .section-CTA {
    position: block;    
    background-color: #EA4120;
    padding: 0;
    z-index: 99;
}

  .MCY-Debitcard-Wrapper .section-CTA > div {
      display: flex;
      padding: 16px 0;
      align-items: center;
}

  .MCY-Debitcard-Wrapper .section-CTA > div > h2 {
      color: white;
      flex: 1;
}

  .MCY-Debitcard-Wrapper .section-CTA > div > a {
      padding: 12px;
      background-color: white;
      border-radius: 8px;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      color: #ea4120;
      font-weight: 600;
}

  @media (max-width: 1024px)  {
    .MCY-Debitcard-Wrapper .section-CTA > div {      
      padding: 16px;
    }
  }

@media (max-width: 768px)  {
      .MCY-Debitcard-Wrapper .section-CTA > div {
        /* display: block;
        text-align: center; */
  }

  
      .MCY-Debitcard-Wrapper .section-CTA > div > a {
          display: inline-block;
          /* margin-top: 16px; */
  }

    .MCY-Debitcard-Wrapper .section-CTA > div > h2 {      
      font-size: 18px !important;
      padding-top: 4px;
      line-height: 1.2;
      text-align: left;
}

  .MCY-Debitcard-Wrapper .section-CTA > div > a {
      padding: 4px 8px;
      min-width: 96px;
      height: fit-content;
  }
}

 .MCY-Debitcard-Wrapper .tab-btn.active  {
   background: white;
    color: #EA4120;
    position: relative;
}

 .MCY-Debitcard-Wrapper .tab-btn.active::after  {
   content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #EA4120;
}

 .MCY-Debitcard-Wrapper .tab-content  {
   display: none;
    animation: fadeIn 0.3s ease-in;
}

 .MCY-Debitcard-Wrapper .tab-content.active  {
   display: block;
}

 .MCY-Debitcard-Wrapper .stage-table  {
   width: 100%;
    border-collapse: collapse;
}

 .MCY-Debitcard-Wrapper .stage-table th  {
   font-weight: 600;
}

 .MCY-Debitcard-Wrapper .stage-table thead  {
   background: transparent;
}

 .MCY-Debitcard-Wrapper .stage-table thead th {
   border-top: none;
   border-bottom: 1px solid #EA4120;
}

 .MCY-Debitcard-Wrapper .stage-table tbody tr  {
   border-top: 1px solid #dedede;
}

 .MCY-Debitcard-Wrapper .stage-table td p {
   margin: auto;
}

  .MCY-Debitcard-Wrapper .stage-table th:first-child, .MCY-Debitcard-Wrapper .stage-table td:first-child {
      width: 22%;
}

  .MCY-Debitcard-Wrapper .stage-table th:last-child, .MCY-Debitcard-Wrapper .stage-table td:last-child {
      width: 22%;
}

 .MCY-Debitcard-Wrapper .stage-table tfoot  {
   color: #EA4120;
    border-top: 1px solid #EA4120;
}

 .MCY-Debitcard-Wrapper .stage-table tfoot td {
   border: none;
}

 .MCY-Debitcard-Wrapper .bold  {
   font-weight: 600;
}

 .MCY-Debitcard-Wrapper .text-right  {
   text-align: right;
}

 .MCY-Debitcard-Wrapper .tab-icon  {
   width: auto;
    height: 64px;
    margin-bottom: 16px;
}

 .MCY-Debitcard-Wrapper .tab-subtitle  {
   margin-bottom: 24px;
}

  .MCY-Debitcard-Wrapper .mission-section {
      display: flex;
      gap: 40px;
      align-items: flex-start;
      flex-wrap: wrap;
}

 .MCY-Debitcard-Wrapper .mission-tabs.tab-buttons {
   display: flex;
}

.MCY-Debitcard-Wrapper  .mission-tabs .tab-btn:not(.active) {
   display: flex;
}

 .MCY-Debitcard-Wrapper .mission-tabs .tab-btn {
   display: flex;
    justify-content: center;
}

 .MCY-Debitcard-Wrapper .mission-tabs .tab-btn:first-child {
   border-radius: 8px 0 0 8px;
}

 .MCY-Debitcard-Wrapper .mission-tabs .tab-btn:last-child {
   border-radius: 0 8px 8px 0;
}

 .MCY-Debitcard-Wrapper .tab-btn .icon-defualt {
   display: none;
}

.MCY-Debitcard-Wrapper  .tab-btn.active .icon-defualt {
   display: initial;
}

 .MCY-Debitcard-Wrapper .tab-btn .icon-active {
   display: initial;
}

 .MCY-Debitcard-Wrapper .tab-btn.active .icon-active {
   display: none;
}

 .MCY-Debitcard-Wrapper .task-table-wrapper  {
   overflow-x: auto;
    margin: 40px 0 16px;
}

 .MCY-Debitcard-Wrapper .task-table  {
   width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    color: #595959;
}

 .MCY-Debitcard-Wrapper .task-table th  {
   font-weight: 600;
    border-bottom: 1px solid #EA4120;
    text-align: left;
    /* white-space: nowrap; */
}

 .MCY-Debitcard-Wrapper .task-table th:nth-child(2), .MCY-Debitcard-Wrapper .task-table th:last-child  {
   text-align: center;
   width: 22%;
}

 .MCY-Debitcard-Wrapper .task-table td  {
   padding: 12px 8px;
    border-bottom: 1px solid #dedede;
    /* vertical-align: top; */
}

.MCY-Debitcard-Wrapper .task-table tr:last-child td, .MCY-Debitcard-Wrapper .prize-table tr:last-child td, .MCY-Debitcard-Wrapper .feature-table tr:last-child td  {
   padding: 12px 8px;
    border-bottom: 1px solid #EA4120;
    /* vertical-align: top; */
}

 .MCY-Debitcard-Wrapper .task-table td:nth-child(2), .MCY-Debitcard-Wrapper .task-table td:last-child  {
   text-align: center;
    /* font-size: 26px; */
    font-weight: 600;
    color: #EA4120;
}

 .MCY-Debitcard-Wrapper .task-table sup  {
   vertical-align: super;
}

 @media (max-width: 768px)  {
   .MCY-Debitcard-Wrapper .task-table  {
     width: 100%;
      table-layout: fixed;
      border-collapse: collapse;
  }

  
   .MCY-Debitcard-Wrapper .task-table th, .MCY-Debitcard-Wrapper .task-table td  {
     width: 33.33%;
      word-wrap: break-word;
      white-space: normal;
      overflow: visible;
      text-overflow: unset;
  }

  
   .MCY-Debitcard-Wrapper .mission-tabs .tab-btn {
     flex-direction: column;
      text-align: center;
      gap: 8px;
  }

  
    .MCY-Debitcard-Wrapper .mission-tabs .tab-btn p {
        margin: 0;
  }

  
   .MCY-Debitcard-Wrapper .mission-tabs img {
     width: 64px;
      margin: auto;
  }

}

 @media (max-width: 400px) {
    /* .mission-tabs.tab-buttons {
    padding: 0 12px;
    gap: 12px;
  } */
  
    .MCY-Debitcard-Wrapper.lang-EN .section-CTA > div {
      padding: 8px 16px;
    }

    .MCY-Debitcard-Wrapper .mission-tabs .tab-btn {
        min-width: 0;
        flex: 1;
  }

}

 .MCY-Debitcard-Wrapper .summary-breakdown strong  {
   font-weight: 600;
}

 .MCY-Debitcard-Wrapper .summary-breakdown .plus  {
   font-weight: normal;
    padding: 0 4px;
}

 .MCY-Debitcard-Wrapper .summary-box {
   border: 1px solid #EA4120;
    border-radius: 8px;
    overflow: hidden;
}

 .MCY-Debitcard-Wrapper .summary-total  {
   background-color: #FFF5E8;
    padding: 16px;
    color: #EA4120;
    font-weight: 600;
}

 .MCY-Debitcard-Wrapper .summary-breakdown {
   padding: 16px;
}

 @media (max-width: 768px)  {
   .MCY-Debitcard-Wrapper .summary-box  {
     flex-direction: column;
  }

  
   .MCY-Debitcard-Wrapper .summary-left, .MCY-Debitcard-Wrapper .summary-right  {
     max-width: initial;
      width: 100%;
      border-right: none;
      border-bottom: 1px solid white;
  }

  
   .MCY-Debitcard-Wrapper .summary-right  {
     border-bottom: none;
  }

  
   .MCY-Debitcard-Wrapper .summary-item  {
     flex-direction: row;
      justify-content: center;
  }

  
   .MCY-Debitcard-Wrapper .summary-item h2  {
     margin: initial;
  }

  
   .MCY-Debitcard-Wrapper .summary-total .big  {
     font-size: 28px;
  }

  
   .MCY-Debitcard-Wrapper .summary-label  {
     font-size: 16px;
  }

}

 .MCY-Debitcard-Wrapper .feature-section  {
   padding: 48px 24px;
}

 .MCY-Debitcard-Wrapper .feature-wrapper  {
   display: flex;
    gap: 40px;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

  .MCY-Debitcard-Wrapper .Accordians-wrapper {
      width: 100%;
}

.MCY-Debitcard-Wrapper .Feature-Summary {
  display: flex;
    gap: 32px;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.MCY-Debitcard-Wrapper .Feature-Summary div:nth-child(1) {
    flex: 1.1;
}

.MCY-Debitcard-Wrapper .Feature-Summary div {
    flex: 1;
    text-align: left;
}

.MCY-Debitcard-Wrapper .Feature-Summary img {
    width: 64px;
    height: 64px;
}

.MCY-Debitcard-Wrapper .Feature-Summary h2, .MCY-Debitcard-Wrapper .feature-section .tab-content h2 {
    font-weight: 600;
    color: #ea4120;
}

.MCY-Debitcard-Wrapper .Feature-Summary p {
    margin: 0;
}

 .MCY-Debitcard-Wrapper .feature-heading, .MCY-Debitcard-Wrapper .prize-heading, .MCY-Debitcard-Wrapper .demo-heading  {
   flex: 1;
    width: 100%;
    text-align: left;
}

 .MCY-Debitcard-Wrapper .feature-heading img, .MCY-Debitcard-Wrapper .prize-heading img, .MCY-Debitcard-Wrapper .Feature-icons  {
      width: 64px;
}

 .MCY-Debitcard-Wrapper .feature-heading h1 , .MCY-Debitcard-Wrapper .prize-heading h1 {
   margin-bottom: 24px;
}

 .MCY-Debitcard-Wrapper .feature-table-wrapper, .MCY-Debitcard-Wrapper .demo-table-wrapper  {
   flex: 3;
    min-width: 300px;
    width: 100%;
}

 .MCY-Debitcard-Wrapper .feature-table  {
   width: 100%;
    border-collapse: collapse;
    font-size: 16px;
}

  .MCY-Debitcard-Wrapper .feature-table th  {
      border-bottom: 1px solid #EA4120;
    text-align: left;
    vertical-align: top;
}

 .MCY-Debitcard-Wrapper .feature-table td  {
   border-bottom: 1px solid #EA4120;
   border-top: 1px solid #EA4120;
    text-align: left;
    vertical-align: top;
}

 .MCY-Debitcard-Wrapper .feature-table td:first-child  {
   /* color: #EA4120; */
    font-weight: 600;
    text-align: left;
    width: 160px;
}

 .MCY-Debitcard-Wrapper .feature-table th  {
   font-weight: 600;
    text-align: left;
    border-top: none;
    vertical-align: middle;
}

 .MCY-Debitcard-Wrapper .feature-table td.bold  {
   font-weight: 600;
}

 .MCY-Debitcard-Wrapper .demo-heading  {
   flex: 1;
    width: 100%;
    text-align: left;
}

 @media (max-width: 768px)  {
   .MCY-Debitcard-Wrapper .feature-wrapper, .MCY-Debitcard-Wrapper .tab-table-wrapper, .MCY-Debitcard-Wrapper .demo-table-wrapper, .MCY-Debitcard-Wrapper .mission-section  {
     flex-direction: column;
      align-items: flex-start;
      text-align: flex-start;
          gap: 16px;
  }

  
   .MCY-Debitcard-Wrapper .feature-heading , .MCY-Debitcard-Wrapper .prize-heading, .MCY-Debitcard-Wrapper .demo-heading  {
     display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 12px;
      text-align: left;
      width: 100%;
      max-width: none;
  }

  
   .MCY-Debitcard-Wrapper .feature-heading img , .MCY-Debitcard-Wrapper .prize-heading img  {
     width: 64px;
      height: auto;
  }

  
   .MCY-Debitcard-Wrapper .feature-heading h1 , .MCY-Debitcard-Wrapper .prize-heading h1 {
     width: 100%;
      margin: 0;
  }

  
   /* .feature-table th, .feature-table td, .task-table th, .task-table td, .stage-table th, .stage-table td {
 font-size: 14px;
  }

 .feature-table td  {
 text-align: center;
  }

 .feature-table th  {
 text-align: center;
  } */
  
  
   .MCY-Debitcard-Wrapper .tab-table-wrapper  {
     flex-direction: column;
      align-items: stretch;
  }

  
   .MCY-Debitcard-Wrapper .demo-heading  {
     display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 12px;
      width: 100%;
  }

  
   .MCY-Debitcard-Wrapper .demo-heading div {
     width: 100%;
  }

  
   .MCY-Debitcard-Wrapper .demo-heading h1  {
     margin: 0;
      width: 100%;
  }

  
   .MCY-Debitcard-Wrapper .demo-heading img  {
     width: auto;
      height: 64px;
  }

}

 .MCY-Debitcard-Wrapper .prize-rightside {
   flex: 3;
    min-width: 300px;
    width: 100%;
}

 .MCY-Debitcard-Wrapper .prize-table-wrapper table {
   margin-bottom: 16px;
}

 .MCY-Debitcard-Wrapper .prize-table ul {
   margin: auto;
       padding-inline-start: 20px;
}

 .MCY-Debitcard-Wrapper .prize-table th {
   padding: 0 8px 8px;
    font-weight: 600;
    border-bottom: 1px solid #EA4120;
    color: #EA4120;
}

 .MCY-Debitcard-Wrapper .prize-table td {
   border-bottom: 1px solid #dedede;
}

 .MCY-Debitcard-Wrapper .prize-table td {
   vertical-align: top;
}

 .MCY-Debitcard-Wrapper .prize-table td:first-child {
   font-weight: 600;
   width: 160px;
}

 .MCY-Debitcard-Wrapper .prize-tabs  {
   display: flex;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    margin-bottom: 24px;
}

 .MCY-Debitcard-Wrapper .tab-header  {
   display: flex !important;
    align-items: stretch;
    justify-content: center;
    height: auto;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    height: auto;
}

 .MCY-Debitcard-Wrapper .tab-header button, .MCY-Debitcard-Wrapper .tab-header div  {
   display: flex !important;
    height: 80px;
    align-self: stretch;
    align-items: center;
    justify-content: center;
}

 .MCY-Debitcard-Wrapper .tab-header div  {
   background-color: #EA4120;
    color: white;
}

 .MCY-Debitcard-Wrapper .tab-header .tab-title-mobile  {
   display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    height: auto;
}

 .MCY-Debitcard-Wrapper .tab-header .tab-title-mobile, .MCY-Debitcard-Wrapper .tab-header button  {
   border-radius: 8px;
    border: none;
}

 .MCY-Debitcard-Wrapper .tab-btn  {
   flex: 1;
    padding: 12px 24px;
    font-weight: 600;
    border: none;
    background: #f5f5f5;
    color: #595959;
    cursor: pointer;
    text-align: center;
    transition: background 0.3s;
}

 .MCY-Debitcard-Wrapper .tab-btn.active  {
   background-color: #EA4120;
    color: #fff;
    position: relative;
}

 .MCY-Debitcard-Wrapper .tab-btn.active::after  {
   content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #EA4120;
}

 .MCY-Debitcard-Wrapper .prize-content  {
   display: none;
    width: 100%;
    border-collapse: collapse;
    margin-top: 2rem;
}

 .MCY-Debitcard-Wrapper .prize-content.active  {
   display: table;
}

 .MCY-Debitcard-Wrapper .prize-row  {
   display: table-row;
    border-bottom: 1px solid #EA4120;
}

 .MCY-Debitcard-Wrapper .prize-cell  {
   display: table-cell;
    vertical-align: top;
    padding: 8px 16px;
    text-align: left;
}

 .MCY-Debitcard-Wrapper .prize-cell:last-child  {
   text-align: center;
    width: 80px;
}

 .MCY-Debitcard-Wrapper .prize-cell ul {
   margin: auto;
    padding-left: 1.2rem;
}

 .MCY-Debitcard-Wrapper .prize-cell.head  {
   font-weight: 600;
    vertical-align: middle;
}

 .MCY-Debitcard-Wrapper .prize-cell.wide  {
   width: 60%;
}

 .MCY-Debitcard-Wrapper .prize-cell.count  {
   white-space: nowrap;
    font-weight: 600;
    color: #EA4120;
}

 .MCY-Debitcard-Wrapper .note  {
   font-size: 0.9rem;
    color: #444;
    margin-top: 1rem;
}

 .MCY-Debitcard-Wrapper .prize-content.active  {
   display: block;
}

 .MCY-Debitcard-Wrapper .prize-carousel  {
   display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 2rem;
    overflow: hidden;
}

 .MCY-Debitcard-Wrapper .carousel-arrow  {
   background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 2rem;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

 .MCY-Debitcard-Wrapper .carousel-track  {
   display: flex;
    transition: transform 0.3s ease;
    width: 100%;
    overflow: hidden;
}

 .MCY-Debitcard-Wrapper .carousel-slide  {
   min-width: 100%;
    box-sizing: border-box;
    padding: 1rem;
}

 .MCY-Debitcard-Wrapper .carousel-content  {
   background: #fff;
    padding: 1rem;
    border-radius: 8px;
    border-top: 4px solid #f90;
}

 .MCY-Debitcard-Wrapper .carousel-stage  {
   font-size: 1.25rem;
    font-weight: 600;
    color: #f90;
    margin-bottom: 1rem;
}

 .MCY-Debitcard-Wrapper .prize-count  {
   font-size: 1.5rem;
    color: #f90;
    font-weight: 600;
}

.MCY-Debitcard-Wrapper .list-number{
  width: 16px;
  align-self: center;
}

.MCY-Debitcard-Wrapper .Other-Features > div {
  display: flex;
  gap: 48px;
  border-bottom: 1px solid #EA4120;
  padding-top: 16px;
}

.MCY-Debitcard-Wrapper .Other-Features > div:first-child {
  padding-top: 0;
}

.MCY-Debitcard-Wrapper .Other-Features > div:last-child {
  border-bottom: none;
}

.MCY-Debitcard-Wrapper .Other-Features > div:last-child .remarks{
  margin-bottom: 0;
}

.MCY-Debitcard-Wrapper .Other-Features > div > p{
  flex: 1;
}

.MCY-Debitcard-Wrapper .Other-Features > div > div{
  flex: 2.4;
}

 @media (min-width: 768px)  {

     .MCY-Debitcard-Wrapper .prize-carousel  {
     display: none;
  }

   .MCY-Debitcard-Wrapper .prize-detail  {
     flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
  }

  
   .MCY-Debitcard-Wrapper .prize-detail > div  {
     flex: 1;
  }

  
   .MCY-Debitcard-Wrapper .prize-detail ul  {
     margin: 0;
      padding-left: 16px;
  }

  
   .MCY-Debitcard-Wrapper .prize-tabs  {
     max-width: 100%;
  }

}

 .MCY-Debitcard-Wrapper .legal-note  {
   /* background: #444;
    color: white; */
    padding: 48px 24px;
    max-width: none;
}

.MCY-Debitcard-Wrapper .legal-note p, .MCY-Debitcard-Wrapper .legal-note a {
  margin-bottom: 8px;
}


 .MCY-Debitcard-Wrapper .legal-note ol, .MCY-Debitcard-Wrapper .legal-note ul  {
   padding-left: 1em;
    line-height: 1.6;
}

 .MCY-Debitcard-Wrapper .disclaimer-toggle  {
   border-bottom: 1px solid #666;
    margin-top: 32px;
    /* padding-top: 16px; */
}

 .MCY-Debitcard-Wrapper .disclaimer-toggle summary  {
   cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: left;
    list-style: none;
    padding-bottom: 16px;
}

 .MCY-Debitcard-Wrapper .disclaimer-toggle summary::-webkit-details-marker  {
   display: none;
}

 .MCY-Debitcard-Wrapper .disclaimer-toggle img  {
      width: 20px;
      height: 20px;
      transition: transform 0.3s;
}

 .MCY-Debitcard-Wrapper .disclaimer-toggle[open] img  {
   transform: rotate(180deg);
}

 .MCY-Debitcard-Wrapper .disclaimer-content  {
   margin-top: 16px;
}

 @media (max-width: 768px)  {
     .MCY-Debitcard-Wrapper .prize-heading  {
     flex-direction: row;
      align-items: flex-start;
      gap: 16px;
      text-align: left;
  }

  
   .MCY-Debitcard-Wrapper .prize-icon  {
     width: 64px;
  }

   .MCY-Debitcard-Wrapper .tab-buttons  {
     display: none;
  }

  
   .MCY-Debitcard-Wrapper .carousel-arrows  {
     display: flex;
  }

  
   .MCY-Debitcard-Wrapper .two-column  {
     flex-direction: column;
      gap: 40px;
  }

  
   .MCY-Debitcard-Wrapper .two-column .column  {
     text-align: center;
  }

  
   .MCY-Debitcard-Wrapper .platform-grid  {
      flex-direction: column;
      align-items: center;
  }

  
   .MCY-Debitcard-Wrapper .platform-item  {
      max-width: 500px;
  }

  
   .MCY-Debitcard-Wrapper .tab-title-mobile  {
     flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: stretch;
      text-align: center;
      font-weight: 600;
      color: #FFF;
      background-color: #EA4120;
      height: 100%;
      border-radius: 8px;
  }

  
   .MCY-Debitcard-Wrapper .tab-btn  {
     flex: 1 0 0;
      border-radius: 0;
      text-align: center;
  }

  
   .MCY-Debitcard-Wrapper .tab-btn:not(.active)  {
     display: none;
  }

}

@media (max-width: 580px)  {
  .MCY-Debitcard-Wrapper .Other-Features > div {
  flex-direction: column;
  gap: 8px;  
  }

  .MCY-Debitcard-Wrapper .Other-Features > div > p {
    margin-bottom: 0;
  }

}


 @keyframes fadeIn  {
   from  {
     opacity: 0;
      transform: translateY(10px);
  }

  
   to  {
     opacity: 1;
      transform: translateY(0);
  }

}

/* Apply Hando to all Latin and numeric characters */

.MCY-Debitcard-Wrapper {
    font-family: 'Hando', 'Noto Sans TC', sans-serif;
}

.MCY-Debitcard-Wrapper {
    margin: 0;
}

.MCY-Debitcard-Wrapper .section-1, .MCY-Debitcard-Wrapper .instruction-section  {
    max-width: none;
}

.MCY-Debitcard-Wrapper .legal-note div, .MCY-Debitcard-Wrapper .legal-note details {
    max-width: 980px;
    margin: auto;
    /* margin-bottom: 24px; */
}

/* Apply Hando to Latin-based content only */

.MCY-Debitcard-Wrapper h1,.MCY-Debitcard-Wrapper h2,.MCY-Debitcard-Wrapper h3,.MCY-Debitcard-Wrapper h4,.MCY-Debitcard-Wrapper h5,.MCY-Debitcard-Wrapper h6,
.MCY-Debitcard-Wrapper p,.MCY-Debitcard-Wrapper span,.MCY-Debitcard-Wrapper button,.MCY-Debitcard-Wrapper td,.MCY-Debitcard-Wrapper th,.MCY-Debitcard-Wrapper a,.MCY-Debitcard-Wrapper li,.MCY-Debitcard-Wrapper div  {
    font-family: 'Hando', 'Noto Sans TC', sans-serif;
}


.MCY-Debitcard-Wrapper .show-480 {
  display: none;
}

@media (max-width: 480px)  {
   .MCY-Debitcard-Wrapper .feature-wrapper, .MCY-Debitcard-Wrapper .instruction-container, .MCY-Debitcard-Wrapper .mission-section  {
        gap: 8px;
  }
  .MCY-Debitcard-Wrapper .show-480{
    display: block;
  }
}

@media (max-width: 768px) {
      .MCY-Debitcard-Wrapper .feature-table {
        table-layout: fixed;
        width: 100%;
  }

    .MCY-Debitcard-Wrapper .feature-table td:first-child,
    .MCY-Debitcard-Wrapper .feature-table th:first-child, .MCY-Debitcard-Wrapper .feature-table td:last-child,
    .MCY-Debitcard-Wrapper .feature-table th:last-child {
        word-break: break-word;
        white-space: normal;
  }

}

@media (max-width: 359px) {
    .MCY-Debitcard-Wrapper .feature-table th, .MCY-Debitcard-Wrapper .feature-table td {
        font-size: 11px;
  }

}

.MCY-Debitcard-Wrapper .floating-image.fade-hidden {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

.MCY-Debitcard-Wrapper .floating-image.fade-in {
    opacity: 1;
}

.MCY-Debitcard-Wrapper .expanding-section {
    background: #fff;
    border-radius: 12px;
    box-shadow: none;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    margin-bottom: 16px;
    /* border: 1px solid #eee; */
}

.MCY-Debitcard-Wrapper .expanding-header {
    background: none;
    border: none;
    width: 100%;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.25rem;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.2s;
}

.MCY-Debitcard-Wrapper .expanding-header:hover {
    background-color: #eeeeee;
}

.MCY-Debitcard-Wrapper .header-content {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.MCY-Debitcard-Wrapper .header-content .icon {
    width: 32px;
    height: 32px;
}

.MCY-Debitcard-Wrapper .chevron {
    font-size: 1rem;
    transition: transform 0.3s;
}

.MCY-Debitcard-Wrapper .expanding-header[aria-expanded="true"] .chevron {
    transform: rotate(180deg);
}

.MCY-Debitcard-Wrapper .expanding-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.MCY-Debitcard-Wrapper .expanding-body .inner {
    display: flex;
    padding: 1.5rem;
    background: #fff;
    gap: 48px;
}

.MCY-Debitcard-Wrapper .expanding-body .inner.application-activation {
    display: block;
    padding: 1.5rem;
    background: #fff;
}

.MCY-Debitcard-Wrapper .expanding-body .inner > div {
    flex: 1;
}

.MCY-Debitcard-Wrapper .expanding-body .daily-limit,  table {
    flex: 1;
}

.MCY-Debitcard-Wrapper .short-link {
    display: flex;
    gap: 16px;
        align-items: center;
}

.MCY-Debitcard-Wrapper .expanding-body .inner > button {
    min-width: 120px;
    width: auto;
}

.MCY-Debitcard-Wrapper .inner-application {
    display: flex;
}

.MCY-Debitcard-Wrapper .inner-application p {
    flex: 1;
}

.MCY-Debitcard-Wrapper .expanding-header[aria-expanded="true"] + .expanding-body {
    max-height: 1200px;
   /* adjust depending on content height */
}


.MCY-Debitcard-Wrapper .expanding-section p, .MCY-Debitcard-Wrapper .expanding-section a, .MCY-Debitcard-Wrapper .expanding-section ul, .MCY-Debitcard-Wrapper .expanding-section ol {
    margin: 0 0 16px;
}

.MCY-Debitcard-Wrapper .td-withbtn {
    display: flex;
    gap: 48px;
}

.MCY-Debitcard-Wrapper .MCY-table p {
    margin-bottom: 0;
}

.MCY-Debitcard-Wrapper .MCY-table tr {
    border-bottom: solid 1px #ea4120;
}

.MCY-Debitcard-Wrapper .MCY-table tr:last-child {
    border-bottom: none;
}

.MCY-Debitcard-Wrapper .MCY-table tr:last-child p:first-child {
    margin-bottom: 8px !important;
}

.MCY-Debitcard-Wrapper .MCY-table td {
    vertical-align: top;
}

.MCY-Debitcard-Wrapper .MCY-table.more-feature td:first-child {
    width: 200px;
}

.MCY-Debitcard-Wrapper .FAQ-heading {
    display: flex;
    gap: 16px;
    align-items: center;
}

.MCY-Debitcard-Wrapper .FAQ-heading h1 {
    margin: initial;
}

.MCY-Debitcard-Wrapper .FAQ-heading img {
    width: 64px;
    height: 64px;
}

.MCY-Debitcard-Wrapper .FAQ-wrapper {
    display: flex;
    align-items: start;
    gap: 48px;
}

.MCY-Debitcard-Wrapper .FAQ-wrapper .left-side {
    flex: 3;
}

.MCY-Debitcard-Wrapper .FAQ-wrapper .left-side > div {
    margin-bottom: 24px;
}

.MCY-Debitcard-Wrapper .FAQ-wrapper .left-side p, .MCY-Debitcard-Wrapper .FAQ-wrapper .left-side ul {
    margin: 0;
    margin-bottom: 8px;
}

.MCY-Debitcard-Wrapper .FAQ-wrapper .left-side p:last-child {
    margin-bottom: 0;
}

.MCY-Debitcard-Wrapper .FAQ-wrapper .right-side {
    width: 200px;
    background-color: #f7f7f7;
    padding: 24px;
    border-radius: 8px;
    flex: 1;
}

.MCY-Debitcard-Wrapper .FAQ-wrapper .right-side p {
  line-height: 18px;
    margin-bottom: 8px;
}

.MCY-Debitcard-Wrapper .FAQ-wrapper .right-side a {
    text-decoration: none;
    cursor: pointer;
    display: block;
    line-height: 18px;
    margin-bottom: 8px;
    color: #595959;
}

.MCY-Debitcard-Wrapper .FAQ-wrapper .right-side a:last-child{
  margin-bottom: 0;
}

.MCY-Debitcard-Wrapper .expanding-section a {
  color: #595959;
}

.MCY-Debitcard-Wrapper .content-highlight {
    padding: 8px;
    border-radius: 8px;
    background-color: #fff4e5;
    font-weight: 600;
    margin-bottom: 16px !important;
}

.MCY-Debitcard-Wrapper .FAQ-subhead {
    color: #EA4120;
}

.MCY-Debitcard-Wrapper .content-highlight-wrapper {
    margin-bottom: 16px;
}

.MCY-Debitcard-Wrapper .content-highlight-wrapper > div {
    display: flex;
    gap: 4px;
}

.MCY-Debitcard-Wrapper .content-highlight-wrapper .content-highlight:last-child {
    margin-bottom: 0;
}

.MCY-Debitcard-Wrapper .content-highlight-icon {
    width: 24px;
    height: 24px;
}

.MCY-Debitcard-Wrapper .content-highlight-with-icon {
    padding: 8px;
    border-radius: 8px;
    background-color: #fff4e5;
    margin-bottom: 8px;
}

.MCY-Debitcard-Wrapper .content-highlight-with-icon p {
    font-weight: 600;
    margin: 0;
    align-self: start;
}

.MCY-Debitcard-Wrapper .legal-note.MCY-Debitcard a {
    display: block;
    text-decoration: underline;
    cursor: pointer;
    color: #595959;
    /* margin-bottom: 16px; */
}

.MCY-Debitcard-Wrapper .page-dot-wrapper {
    display: flex;
    gap: 8px;
}

.MCY-Debitcard-Wrapper .page-dot {
    width: 12px;
    height: 12px;
    background-color: #dedede;
    border-radius: 100px;
}

.MCY-Debitcard-Wrapper .red-dot {
    background-color: #EA4120;
}

.MCY-Debitcard-Wrapper .MCY-Debitcard .platform-slider button {
    background-color: initial;
}

.MCY-Debitcard-Wrapper .platform-carousel .platform-item {
    display: flex;
    flex-direction: column;
    align-self: center;
    gap: 8px;
    margin-bottom: 24px;
}

.MCY-Debitcard-Wrapper .application-activation .platform-carousel .platform-item {
    flex-direction: row;
    gap: 24px;
}

.MCY-Debitcard-Wrapper .platform-carousel .platform-item img {
    align-self: center;
}

.MCY-Debitcard-Wrapper .platform-carousel .platform-item p {
    margin: 0;
}

.MCY-Debitcard-Wrapper .application-carousel-content {
    flex: 1;
    align-self: center;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.MCY-Debitcard-Wrapper .application-activation-demo {
    max-height: 400px;
    max-width: 240px;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}

.MCY-Debitcard-Wrapper .application-activation-demo img {
    height: 100%;
    /* width: 100%; */
}

 .MCY-Debitcard-Wrapper .hide-768 {
      display: flex;
}

  .MCY-Debitcard-Wrapper .show-768 {
      display: none;
}

.MCY-Debitcard-Wrapper .Own-Rewards {
  margin-bottom: 8px !important;
}

@media (max-width: 768px) {
  .MCY-Debitcard-Wrapper .hide-768 {
    display: none;
  }

  .MCY-Debitcard-Wrapper .show-768 {
    display: flex;
  }
    
  .MCY-Debitcard-Wrapper .FAQ-wrapper {
    display: block;
  }

    
  .MCY-Debitcard-Wrapper .FAQ-wrapper .right-side {
    width: 100%;
  }
  
  .MCY-Debitcard-Wrapper .FAQ-wrapper .right-side a {
    display: block;
  }
  
  .MCY-Debitcard-Wrapper .expanding-body .inner {
    flex-direction: column;
    gap: 8px;
  }
    
  .MCY-Debitcard-Wrapper .MCY-table.more-feature, .MCY-Debitcard-Wrapper .MCY-table.more-feature tbody, .MCY-Debitcard-Wrapper .MCY-table.more-feature tr {
    display: block;
    padding: 0;
  }
    
  .MCY-Debitcard-Wrapper .MCY-table.more-feature td {
    padding: 0;
    padding-bottom: 8px;
  }
  
  .MCY-Debitcard-Wrapper .MCY-table.more-feature td:first-child {
    display: block;
    width: 100%;
    padding-top: 16px;
  }
  
  .MCY-Debitcard-Wrapper .MCY-table.more-feature td:last-child {
    padding-bottom: 16px;
    display: block;
  }
  
  .MCY-Debitcard-Wrapper .MCY-table.more-feature td:last-child p {
    padding-bottom: 16px;
  }
  
  .MCY-Debitcard-Wrapper .MCY-table.more-feature td:last-child p:last-child {
    padding-bottom: 0;
  }
  
  .MCY-Debitcard-Wrapper .MCY-table.more-feature td:last-child a {
    display: inline-block;
  }
  
  .MCY-Debitcard-Wrapper .MCY-table.more-feature tr:last-child td:last-child {
    padding: 0;
  }
  
  .MCY-Debitcard-Wrapper .inner-application {
    flex-direction: column;
  }

}

@media (max-width: 650px) {
  .MCY-Debitcard-Wrapper .platform-carousel .platform-item {
    flex-direction: column;
  }
  
  .MCY-Debitcard-Wrapper .application-activation .platform-carousel .platform-item {
    flex-direction: column;
  }
   
  .MCY-Debitcard-Wrapper .application-activation-demo {
    max-height: initial;
  }
  
  .MCY-Debitcard-Wrapper .application-activation-demo img {
    width: 166px;
    max-height: 400px;
  }

}