.elementor-1384 .elementor-element.elementor-element-31e34b1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for AboutPage, class: .elementor-element-50fdce4 *//* Center the subtitle text on mobile */
@media (max-width: 767px) {

    .about-page-kv-content,
    .about-page-kv-content .subtitle {
        text-align: center !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


.title-small-share {
    color: var(--color-main);
    font-display: swap;
    font-family: Noto Sans TC, Microsoft JhengHei, PingFang TC, 蘋果儷中黑, "sans-serif", Arial;
    font-size: 0.9rem;

}

@media (max-width: 575.98px) {
    .about-page .about-global-content .case-wrap-item .number {
        font-size: 30px;
    }
}


@media (max-width: 575.98px) {
    .about-DNA .about-DNA-slide .en-title {
        font-size: 40px;
        top: 5px;
    }
}


@media (max-width: 767px) {
    .en-title-share {
        white-space: nowrap !important;          /* keep one line */
        font-size: clamp(22px, 8vw, 42px) !important; /* auto adjust */
        line-height: 1.1 !important;

        position: relative !important;           /* remove weird absolute offset */
        width: 100% !important;                  
        text-align: center !important;           /* center the text */

        left: 0 !important;
        right: 0 !important;
        transform: none !important;              /* stop shifting off screen */
        margin: 0 auto !important;               /* center container */
    }
}



@media (max-width: 767px) {

    .title-medium-share {
        font-size: clamp(14px, 4.5vw, 20px) !important;
        line-height: 1.3 !important;
        white-space: normal !important;  /* allow wrap so it stays visible */
        width: 90% !important;
        max-width: 90% !important;
        text-align: center !important;

        position: relative !important;   /* remove absolute centering problem */
        left: 0 !important;
        top: 0 !important;
        transform: none !important;      /* stop pushing it off screen */
        margin: 0 auto !important;
        display: block !important;
    }
}




/* Fix card content alignment on mobile */
@media (max-width: 767px) {

  /* Make each business card full-width */
  .about-page .about-businesses-wrap .businesses-item {
    width: 100% !important;
    margin: 0 auto 20px !important;
  }

  /* Ensure the overlay/content matches the card width */
  .about-page .about-businesses-wrap .businesses-item .img-cover,
  .about-page .about-businesses-wrap .businesses-item .content {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Realign the number + title + text inside the card */
  .about-page .about-businesses-wrap .businesses-item .content {
    padding: 16px 18px !important;   /* same left/right padding */
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .about-page .about-businesses-wrap .businesses-item .content-title,
  .about-page .about-businesses-wrap .businesses-item .title-small-share,
  .about-page .about-businesses-wrap .businesses-item .desc {
    width: 100% !important;
  }
}/* End custom CSS */