.exf__page { 
    --CLARINS-FONT: ClarinsRegular, Clarins, 'Microsoft Jhenghei';
    --GOTHAM-EXTRALIGHT: "Gotham_ExtraLight", 'Microsoft Jhenghei';
    --GOTHAM-LIGHT: "Gotham_Light", 'Microsoft Jhenghei';
    --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", 'Microsoft Jhenghei',Helvetica, Arial, sans-serif;
    --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", 'Microsoft Jhenghei',Helvetica, Arial, sans-serif;
}

.product-tile__name  {
    font-family : "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", 'Microsoft Jhenghei',Helvetica, Arial, sans-serif !important;
}
.product-tile__description {
     font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", 'Microsoft Jhenghei',Helvetica, Arial, sans-serif !important;
}

i-button .button--secondary, .i-button .button--secondary { 
    font-family : "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", 'Microsoft Jhenghei',Helvetica, Arial, sans-serif !important;
}

.exf__page .exf__faq-item-handler {
    font-family : "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", 'Microsoft Jhenghei',Helvetica, Arial, sans-serif !important;
}

i-button .button--primary, .i-button .button--primary {
    font-family : "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", 'Microsoft Jhenghei',Helvetica, Arial, sans-serif !important;
}


@media (min-width: 835px) {
    .exf__services-wrapper .swiper-wrapper {
        justify-content: center;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .exf__page .exf__testimony-first {
        top: -30px;
    }

    .exf__page .exf__edito-title {
        font-size: 24px;
    }

    .exf__page .exf__testimony-title {
        font-size: 30px;
    }

    .exf__page .exf__faq-title {
        font-size: 30px;
    }

    .exf__page .exf__service-text {
        font-size: 12px;
    }

    .exf__page .exf__testimony-text {
        font-size: 11px;
    }

    .exf__page .exf__compare-item-text {
        font-size: 12px;
    }
    .exf__page .exf__faq-item-answer {
        font-size: 13px;
    }

    

    /* specific */ 
    div.exf__testimony:nth-child(3) > div:nth-child(2) > p:nth-child(2) {
        font-size: 10px;
    }
    div.exf__faq-item:nth-child(1) > div:nth-child(2) > p:nth-child(1) {
        font-size: 12px;
    }

}

/* Tablet Portrait */
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {

    .exf__page .exf__service-text {
        font-size: 13px;
    }

    .exf__page .exf__testimony-text {
        font-size: 12px;
    }
}

/* Tablet Landscape */
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .exf__page .exf__edito-title {
        font-size: 34px;
    }
}