/*  ------  local   ------  */
body, html { overflow-x: clip !important; }
.fold-unfold-section__heading {
    font-family: var(--font-medium, "Microsoft Jhenghei", "Gotham SSm medium A", "Gotham SSm medium B", "Microsoft Jhenghei", Helvetica, Arial, sans-serif, "Microsoft Jhenghei");
}
@font-face {
  font-family: "Microsoft Jhenghei", "Gotham_Light", "Microsoft Jhenghei";
  src: url("../fonts/GothamLight.woff2") format("woff2"),
    url("../fonts/GothamLight.woff") format("woff"),
    url("../fonts/GothamLight.ttf") format("truetype");
}
.ds__page { 
    --CLARINS-FONT: "Microsoft Jhenghei", ClarinsRegular, Clarins, "Microsoft Jhenghei";
    --GOTHAM-LIGHT: "Microsoft Jhenghei", "Gotham_Light", "Microsoft Jhenghei";
    --GOTHAM-BOOK: "Microsoft Jhenghei", "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", "Microsoft Jhenghei", Helvetica, Arial, sans-serif, "Microsoft Jhenghei";
    --GOTHAM-MEDIUM: "Microsoft Jhenghei", "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "Microsoft Jhenghei", Helvetica, Arial, sans-serif, "Microsoft Jhenghei";
}
.dp-faq__question {
    font-family: "Microsoft Jhenghei", "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "Microsoft Jhenghei", Helvetica, Arial, sans-serif, "Microsoft Jhenghei";
}
.dp-faq {
    font-family: "Microsoft Jhenghei", "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", "Microsoft Jhenghei", Helvetica, Arial, sans-serif, "Microsoft Jhenghei";
}
.ds__page .button.button--primary span, .button.button--secondary span {
    font-family: var(--GOTHAM-MEDIUM);
}
.ds__page .dp-faq__question {
    font-family: "Microsoft Jhenghei", "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "Microsoft Jhenghei", Helvetica, Arial, sans-serif, "Microsoft Jhenghei" !important;
}
.ds__page .dp-faq__answer a, .dp-faq {
    font-family: "Microsoft Jhenghei", "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "Microsoft Jhenghei", Helvetica, Arial, sans-serif, "Microsoft Jhenghei" !important;
}
.ds__page .ds__gradient {
    z-index: -1;
}
i-footer.i-footer.display-block.footer-js {
    background: white !important;
}
.ds__page .ds__compare-item-text {
    font-size: 13px;
}
@media screen and (min-width: 769px) {
    .ds__page .ds__testimony-first {
        left: -110px;
    }
    .ds__page .ds__product-application-item {
        margin-right: 75px;
    }
}
@media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .ds__page .ds__product-application-item {
        margin-right: 0;
    }
    .ds__page .dp-faq {
        padding-bottom: 25px;
    }
}
@media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .ds__page .ds__product-application-item {
        margin-right: 50px;
    }

}
@media (max-width: 480px) {
    .ds__page .ds__header-text {
        font-size: calc(15 * var(--headerRatio));
    }
    .ds__page .ds__product-desc {
        font-size: 15px;
    }
    .ds__page .ds__compare-item-text {
        font-size: 11px;
    }
     .ds__page .ds__testimony-glyph {
        left: -115px;
    }
    .dp-faq__question {
        font-size: 13px !important;
    }
    .ds__page .ds__duo-number-primary {
        flex-direction: column;
    }
    .ds__page .ds__duo-number-primary .ds__duo-number-text {
        width: 100%;
    }
}