/*extra pages start*/

/* =========================================================
   COMPONENT TYPOGRAPHY
========================================================= */

:root {

    /* Quick Actions */
    --fs-quick-title: 1rem;          /* 16px */
    --fs-quick-text: 0.875rem;       /* 14px */


    /* Process / Service */
    --fs-process-category: 0.8rem;   /* 12.8px */


    /* About Stats */
    --fs-stat-label: 0.8rem;         /* 12.8px */


    /* Customer Story */
    --fs-story-label: 0.8rem;        /* 12.8px */
    --fs-story-flow: 0.875rem;       /* 14px */


    /* Contact */
    --fs-contact-btn: 0.9rem;        /* 14.4px */
    --fs-contact-option: 0.95rem;    /* 15.2px */
    --fs-contact-label: 0.78rem;     /* 12.5px */
    --fs-contact-value: 0.9rem;      /* 14.4px */


    /* Blog */
    --fs-blog-read: 0.875rem;        /* 14px */


    /* Footer Social */
    --fs-footer-social: 0.8rem;      /* 12.8px */

}

.quick-action-title {

    font-family:
        var(--font-body);

    font-size:
        var(--fs-quick-title);

    font-weight:
        var(--weight-body-semibold);

    line-height:
        1.35;

    color:
        var(--text);

}

.quick-action-text {

    font-family:
        var(--font-body);

    font-size:
        var(--fs-quick-text);

    font-weight:
        var(--weight-body);

    line-height:
        1.6;

    color:
        var(--text-muted);

}

.process-category {

    font-family:
        var(--font-body);

    font-size:
        var(--fs-process-category);

    font-weight:
        var(--weight-body-semibold);

    line-height:
        1.4;

    color:
        var(--primary);

    letter-spacing:
        .02em;

}

.about-stat-label {

    font-family:
        var(--font-body);

    font-size:
        var(--fs-stat-label);

    font-weight:
        var(--weight-body-medium);

    line-height:
        1.5;

    color:
        var(--text-muted);

}

.customer-story-label {

    font-family:
        var(--font-body);

    font-size:
        var(--fs-story-label);

    font-weight:
        var(--weight-body-semibold);

    line-height:
        1.4;

    color:
        var(--text-muted);

}

.customer-story-flow-item {

    font-family:
        var(--font-body);

    font-size:
        var(--fs-story-flow);

    font-weight:
        var(--weight-body-semibold);

    line-height:
        1.4;

    color:
        var(--text);

}

.customer-story-flow-arrow {

    font-size:
        var(--fs-sm);

    color:
        var(--text-muted);

}

.contact-direct-btn {

    font-family:
        var(--font-body);

    font-size:
        var(--fs-contact-btn);

    font-weight:
        var(--weight-body-semibold);

    line-height:
        1.2;

}

.contact-submit {

    font-family:
        var(--font-body);

    font-size:
        var(--fs-contact-btn);

    font-weight:
        var(--weight-body-bold);

    line-height:
        1.2;

}

.contact-submit {

    min-height:
        48px;

    font-family:
        var(--font-body);

    font-size:
        var(--fs-contact-btn);

    font-weight:
        var(--weight-body-bold);

}

.contact-option {

    font-family:
        var(--font-body);

    font-size:
        var(--fs-contact-option);

    font-weight:
        var(--weight-body-medium);

    line-height:
        1.5;

    color:
        var(--text);

    text-decoration:
        none;

}

.contact-option-icon {

    font-size:
        1rem;

    color:
        var(--primary);

}

.contact-option-label {

    display: block;

    font-family:
        var(--font-body);

    font-size:
        var(--fs-contact-label);

    font-weight:
        var(--weight-body-semibold);

    line-height:
        1.35;

    color:
        var(--text-muted);

}

.contact-option-value {

    display: block;

    margin-top:
        2px;

    font-family:
        var(--font-body);

    font-size:
        var(--fs-contact-value);

    font-weight:
        var(--weight-body-medium);

    line-height:
        1.5;

    color:
        var(--text);

}

.footer-social {

    font-family:
        var(--font-body);

    font-size:
        var(--fs-footer-social);

}
.footer-social i {

    font-size:
        0.8rem;

}

.blog-read-more {

    font-family:
        var(--font-body);

    font-size:
        var(--fs-blog-read);

    font-weight:
        var(--weight-body-semibold);

    line-height:
        1.3;

}

@media (max-width: 767px) {

    :root {

        /* Quick Actions */

        --fs-quick-title: 0.95rem;       /* 15.2px */

        --fs-quick-text: 0.82rem;        /* 13.1px */


        /* Process */

        --fs-process-category: 0.75rem;  /* 12px */


        /* About */

        --fs-stat-label: 0.75rem;        /* 12px */


        /* Customer Story */

        --fs-story-label: 0.75rem;       /* 12px */

        --fs-story-flow: 0.8rem;         /* 12.8px */


        /* Contact */

        --fs-contact-btn: 0.86rem;       /* 13.8px */

        --fs-contact-option: 0.9rem;     /* 14.4px */

        --fs-contact-label: 0.74rem;     /* 11.8px */

        --fs-contact-value: 0.86rem;     /* 13.8px */


        /* Blog */

        --fs-blog-read: 0.82rem;         /* 13.1px */


        /* Footer */

        --fs-footer-social: 0.85rem;     /* 12px */

    }

}

/*extra pages end*/