/* Critical CSS - Loaded for immediate rendering, uses var(--primary-font) from inline style */
/* Prevent FOUT (Flash of Unstyled Text) */
html {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    width: 100%;
    overflow-x: hidden;
    font-size: 15px;
    background-color: #f5f7fa;
    margin: 0;
    padding: 0;
    line-height: 1.75;
    color: #666666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

body.fonts-loaded,
body.fonts-loaded *:not([class*="icon"]):not([class*="fa"]):not([class*="bi"]):not([class*="ti"]):not([class*="feather"]) {
    font-family: var(--primary-font) !important;
}

body.fonts-loaded p:not([class*="icon"]):not([class*="fa"]):not([class*="bi"]):not([class*="ti"]):not([class*="feather"]),
body.fonts-loaded h1:not([class*="icon"]):not([class*="fa"]):not([class*="bi"]):not([class*="ti"]):not([class*="feather"]),
body.fonts-loaded h2:not([class*="icon"]):not([class*="fa"]):not([class*="bi"]):not([class*="ti"]):not([class*="feather"]),
body.fonts-loaded h3:not([class*="icon"]):not([class*="fa"]):not([class*="bi"]):not([class*="ti"]):not([class*="feather"]),
body.fonts-loaded h4:not([class*="icon"]):not([class*="fa"]):not([class*="bi"]):not([class*="ti"]):not([class*="feather"]),
body.fonts-loaded h5:not([class*="icon"]):not([class*="fa"]):not([class*="bi"]):not([class*="ti"]):not([class*="feather"]),
body.fonts-loaded h6:not([class*="icon"]):not([class*="fa"]):not([class*="bi"]):not([class*="ti"]):not([class*="feather"]),
body.fonts-loaded a:not([class*="icon"]):not([class*="fa"]):not([class*="bi"]):not([class*="ti"]):not([class*="feather"]),
body.fonts-loaded span:not([class*="icon"]):not([class*="fa"]):not([class*="bi"]):not([class*="ti"]):not([class*="feather"]),
body.fonts-loaded div:not([class*="icon"]):not([class*="fa"]):not([class*="bi"]):not([class*="ti"]):not([class*="feather"]),
body.fonts-loaded button:not([class*="icon"]):not([class*="fa"]):not([class*="bi"]):not([class*="ti"]):not([class*="feather"]),
body.fonts-loaded input,
body.fonts-loaded textarea,
body.fonts-loaded select,
body.fonts-loaded label:not([class*="icon"]):not([class*="fa"]):not([class*="bi"]):not([class*="ti"]):not([class*="feather"]),
body.fonts-loaded li:not([class*="icon"]):not([class*="fa"]):not([class*="bi"]):not([class*="ti"]):not([class*="feather"]),
body.fonts-loaded .text,
body.fonts-loaded .content,
body.fonts-loaded .description,
body.fonts-loaded .title,
body.fonts-loaded .subtitle {
    font-family: var(--primary-font);
}

#blog-content, #blog-content p, #blog-content h1, #blog-content h2, #blog-content h3, #blog-content h4, #blog-content h5, #blog-content h6,
#blog-content a, #blog-content span, #blog-content div, #blog-content li, #blog-content ul, #blog-content ol, #blog-content blockquote,
#blog-content table, #blog-content th, #blog-content td, #blog-content .blog-content-wrapper,
#service-content, #service-content p, #service-content h1, #service-content h2, #service-content h3, #service-content h4, #service-content h5, #service-content h6,
#service-content a, #service-content span, #service-content div, #service-content li, #service-content ul, #service-content ol, #service-content blockquote,
#service-content table, #service-content th, #service-content td,
#project-content, #project-content p, #project-content h1, #project-content h2, #project-content h3, #project-content h4, #project-content h5, #project-content h6,
#project-content a, #project-content span, #project-content div, #project-content li, #project-content ul, #project-content ol, #project-content blockquote,
#project-content table, #project-content th, #project-content td,
.project-content, .project-content p, .project-content h1, .project-content h2, .project-content h3, .project-content h4, .project-content h5, .project-content h6,
[itemprop="articleBody"], [itemprop="articleBody"] p, [itemprop="articleBody"] h1, [itemprop="articleBody"] h2, [itemprop="articleBody"] h3, [itemprop="articleBody"] h4,
[itemprop="articleBody"] h5, [itemprop="articleBody"] h6, [itemprop="articleBody"] a, [itemprop="articleBody"] span, [itemprop="articleBody"] div,
[itemprop="articleBody"] li, .blog-content-wrapper, .blog-content-wrapper p, .blog-content-wrapper h1, .blog-content-wrapper h2, .blog-content-wrapper h3,
.blog-content-wrapper h4, .blog-content-wrapper h5, .blog-content-wrapper h6,
.newservice-main article, .newservice-main article p, .newservice-main article h1, .newservice-main article h2, .newservice-main article h3,
.newservice-main article h4, .newservice-main article h5, .newservice-main article h6, .newservice-main .content, .newservice-main .content p,
.newservice-main .content h1, .newservice-main .content h2, .newservice-main .content h3, .newservice-main .content h4, .newservice-main .content h5, .newservice-main .content h6,
#content, #content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content a, #content span, #content div,
#content li, #content ul, #content ol, #content blockquote, #content table, #content th, #content td,
.content-section, .content-section p, .content-section h1, .content-section h2, .content-section h3, .content-section h4, .content-section h5, .content-section h6,
.content-section a, .content-section span, .content-section div, .content-section li, .content-section ul, .content-section ol, .content-section blockquote,
.content-section table, .content-section th, .content-section td,
.page-content-mobile, .page-content-mobile p, .page-content-mobile h1, .page-content-mobile h2, .page-content-mobile h3, .page-content-mobile h4, .page-content-mobile h5, .page-content-mobile h6,
.blog-sidebar-mobile, .blog-sidebar-mobile p, .blog-sidebar-mobile h1, .blog-sidebar-mobile h2, .blog-sidebar-mobile h3, .blog-sidebar-mobile h4, .blog-sidebar-mobile h5, .blog-sidebar-mobile h6,
.blog-sidebar-mobile a, .blog-sidebar-mobile span, .blog-sidebar-mobile div, .blog-sidebar-mobile li, .blog-sidebar-mobile ul, .blog-sidebar-mobile ol,
.newservice-sidebar, .newservice-sidebar p, .newservice-sidebar h1, .newservice-sidebar h2, .newservice-sidebar h3, .newservice-sidebar h4,
.newservice-sidebar h5, .newservice-sidebar h6, .newservice-sidebar a, .newservice-sidebar span, .newservice-sidebar div, .newservice-sidebar li,
.newservice-sidebar ul, .newservice-sidebar ol, .services-box, .services-box li, .services-box a {
    font-family: var(--primary-font) !important;
}

body.fonts-loaded .alt-font,
body.fonts-loaded .primary-font {
    font-family: var(--primary-font);
}