:root {
    --cosmic-sans-font: "Avenir Next", "Aptos", "Segoe UI", "SF Pro Text",
        "Helvetica Neue", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB",
        "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    --cosmic-heading-font: "Avenir Next", "Aptos", "Segoe UI", "SF Pro Display",
        "SF Pro Text", "Helvetica Neue", "Noto Sans SC", "PingFang SC",
        "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
}

html,
body {
    font-family: var(--cosmic-sans-font);
}

body {
    color: #344054;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea,
p,
li,
td,
th,
figcaption,
blockquote,
label,
small,
strong,
em,
a,
.navbar-nav > li > a,
.header-nav .sub-menu li a,
.site-button,
.site-button-secondry,
.site-button-link,
.contact-nav,
.contact-nav p,
.widget,
.widget p,
.widget li,
.footer-top,
.footer-bottom,
.tp-caption,
.tp-caption span,
.tp-caption div,
.rev-btn {
    font-family: var(--cosmic-sans-font) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-head h1,
.section-head h2,
.section-head h3,
.section-head h4,
.section-head h5,
.section-head h6,
.mt-title,
.post-title,
.widget-title,
.home-entry-card h4,
.home-capability h4,
.product-category-intro h3,
.project-detail-containt h3,
.project-detail-outer h3 {
    font-family: var(--cosmic-heading-font) !important;
    letter-spacing: 0;
}

html[lang="zh"] h1,
html[lang="zh"] h2,
html[lang="zh"] h3,
html[lang="zh"] h4,
html[lang="zh"] h5,
html[lang="zh"] h6,
html[lang="zh"] .section-head h1,
html[lang="zh"] .section-head h2,
html[lang="zh"] .section-head h3,
html[lang="zh"] .section-head h4,
html[lang="zh"] .mt-title,
html[lang="zh"] .tp-caption,
html[lang="zh"] .tp-caption *,
html[lang="zh"] .rev-btn,
html[lang="zh"] .home-entry-card h4,
html[lang="zh"] .home-capability h4,
html[lang="zh"] .product-category-intro h3,
html[lang="zh"] .project-detail-containt h3,
html[lang="zh"] .project-detail-outer h3 {
    font-family: var(--cosmic-heading-font) !important;
}

html[lang="zh"] .tp-caption[style],
html[lang="zh"] .tp-caption [style] {
    font-family: var(--cosmic-sans-font) !important;
}

.blog-article-content {
    color: #344054;
    font-size: 18px;
    line-height: 1.85;
}

.blog-article-content p {
    margin: 0 0 1.25em;
    font-size: 1em;
    font-weight: 400;
    line-height: inherit;
}

.blog-article-content h2,
.blog-article-content h3 {
    color: #1f2937;
    font-weight: 600;
    line-height: 1.35;
    margin: 1.6em 0 0.65em;
}

.blog-article-content h2 { font-size: 1.55em; }
.blog-article-content h3 { font-size: 1.25em; }

.blog-article-content figure {
    margin: 1.75em 0;
}

.blog-article-content img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}

.home-blog-title-link {
    color: inherit;
    text-decoration: none;
    transition: color 180ms ease;
}

.home-blog-title-link:hover,
.home-blog-title-link:focus-visible {
    color: #c94265;
    text-decoration: none;
}

@media (max-width: 767px) {
    .blog-article-content { font-size: 17px; }
}