body.inner-page {
    --inner-section-padding: 80px;
    --inner-section-padding-bottom: 64px;
    --inner-hero-min-height: 470px;
    --inner-heading-xl: clamp(36px, 4vw, 52px);
    --inner-heading-lg: clamp(28px, 3vw, 40px);
    --inner-heading-md: 20px;
    --inner-body-size: 15px;
    --inner-small-size: 12px;
    font-family: "Poppins", sans-serif;
    font-size: var(--inner-body-size);
}

body.inner-page h1,
body.inner-page h2,
body.inner-page h3,
body.inner-page h4,
body.inner-page h5,
body.inner-page h6,
body.inner-page p,
body.inner-page a,
body.inner-page button,
body.inner-page input,
body.inner-page textarea,
body.inner-page select {
    font-family: "Poppins", sans-serif;
}

body.inner-page h1 {
    font-size: var(--inner-heading-xl);
    line-height: 1.15;
}

body.inner-page h2 {
    font-size: var(--inner-heading-lg);
    line-height: 1.15;
}

body.inner-page h3 {
    font-size: var(--inner-heading-md);
    line-height: 1.25;
}

body.inner-page p {
    font-size: var(--inner-body-size);
    line-height: 1.6;
}

body.inner-page > main > section,
body.inner-page > section,
body.inner-page main > div > section {
    padding-top: var(--inner-section-padding);
    padding-bottom: var(--inner-section-padding-bottom);
}

body.inner-page .page-hero,
body.inner-page .about-hero-section,
body.inner-page .cases-hero,
body.inner-page .contact-hero,
body.inner-page .sg-services-hero,
body.inner-page .sg-service-hero,
body.inner-page .sg-seo-ref-hero,
body.inner-page .sg-social-hero,
body.inner-page .sg-content-hero,
body.inner-page .sg-ppc-ref-hero,
body.inner-page .reference-blog-hero,
body.inner-page .seo-reference-hero {
    min-height: var(--inner-hero-min-height);
    padding: 112px 0 64px;
}

body.inner-page .page-hero h1,
body.inner-page .about-hero-section h1,
body.inner-page .cases-hero h1,
body.inner-page .contact-hero h1,
body.inner-page .sg-services-hero h1,
body.inner-page .sg-service-hero h1,
body.inner-page .sg-seo-ref-hero h1,
body.inner-page .sg-social-hero h1,
body.inner-page .sg-content-hero h1,
body.inner-page .sg-ppc-ref-hero h1,
body.inner-page .reference-blog-hero h1,
body.inner-page .seo-reference-hero h1 {
    font-size: var(--inner-heading-xl);
    line-height: 1.08;
}

body.inner-page .section-title,
body.inner-page .section-heading h2,
body.inner-page .cases-section-intro h2,
body.inner-page .sg-service-page h2 {
    font-size: var(--inner-heading-lg);
    line-height: 1.15;
}

body.inner-page .section-subtitle,
body.inner-page .lead,
body.inner-page .sg-service-hero-copy,
body.inner-page .sg-service-copy,
body.inner-page .contact-hero p {
    font-size: var(--inner-body-size);
    line-height: 1.6;
}

body.inner-page .page-hero .section-subtitle,
body.inner-page .reference-blog-hero p,
body.inner-page .contact-hero p,
body.inner-page .sg-services-hero-copy > p,
body.inner-page .sg-services-section-heading > p,
body.inner-page .sg-services-method > .container p,
body.inner-page .sg-service-hero-copy,
body.inner-page .sg-service-intro > .container > .row > [class*="col-"] > p,
body.inner-page .sg-service-capabilities > .container p,
body.inner-page .sg-service-process > .container p,
body.inner-page .sg-service-cta > .container p,
body.inner-page .sg-seo-ref-hero .sg-seo-ref-lead,
body.inner-page .sg-seo-ref-section > .container p:not([class*="kicker"]),
body.inner-page .sg-seo-ref-results > .container p:not([class*="kicker"]),
body.inner-page .sg-social-hero .sg-social-lead,
body.inner-page .sg-social-why > .container p:not([class*="kicker"]),
body.inner-page .sg-social-services > .container p:not([class*="kicker"]),
body.inner-page .sg-social-process > .container p:not([class*="kicker"]),
body.inner-page .sg-content-hero .sg-content-lead,
body.inner-page .sg-content-why > .container p:not([class*="kicker"]),
body.inner-page .sg-content-services > .container p:not([class*="kicker"]),
body.inner-page .sg-content-journey > .container p:not([class*="kicker"]),
body.inner-page .sg-content-process > .container p:not([class*="kicker"]),
body.inner-page .sg-content-results > .container p:not([class*="kicker"]),
body.inner-page .sg-content-final > .container p:not([class*="kicker"]),
body.inner-page .sg-ppc-ref-hero .sg-ppc-lead,
body.inner-page .sg-ppc-ref-section > .container p:not([class*="kicker"]),
body.inner-page .sg-ppc-results > .container p:not([class*="kicker"]),
body.inner-page .sg-ppc-final > .container p:not([class*="kicker"]) {
    font-size: 16px !important;
    line-height: 1.6;
}

body.inner-page .sg-service-page > div > section p:not([class*="kicker"]):not([class*="label"]):not([class*="lead"]):not([class*="metric"]):not([class*="note"]) {
    font-size: 16px !important;
    line-height: 1.6;
}

body.inner-page .btn,
body.inner-page button,
body.inner-page .cases-read-link,
body.inner-page .learn-more {
    font-size: 14px;
}

@media (max-width: 767px) {
    body.inner-page {
        --inner-section-padding: 56px;
        --inner-section-padding-bottom: 48px;
    }

    body.inner-page h1,
    body.inner-page .page-hero h1,
    body.inner-page .about-hero-section h1,
    body.inner-page .cases-hero h1,
    body.inner-page .contact-hero h1,
    body.inner-page .sg-services-hero h1,
    body.inner-page .sg-service-hero h1,
    body.inner-page .sg-seo-ref-hero h1,
    body.inner-page .sg-social-hero h1,
    body.inner-page .sg-content-hero h1,
    body.inner-page .sg-ppc-ref-hero h1,
    body.inner-page .reference-blog-hero h1,
    body.inner-page .seo-reference-hero h1 {
        font-size: 36px;
    }

    body.inner-page h2,
    body.inner-page .section-title,
    body.inner-page .section-heading h2,
    body.inner-page .cases-section-intro h2,
    body.inner-page .sg-service-page h2 {
        font-size: 28px;
    }

    body.inner-page p,
    body.inner-page .section-subtitle,
    body.inner-page .lead,
    body.inner-page .sg-service-hero-copy,
    body.inner-page .sg-service-copy,
    body.inner-page .contact-hero p {
        font-size: 14px;
    }

    body.inner-page .page-hero .section-subtitle,
    body.inner-page .reference-blog-hero p,
    body.inner-page .contact-hero p,
    body.inner-page .sg-services-hero-copy > p,
    body.inner-page .sg-services-section-heading > p,
    body.inner-page .sg-services-method > .container p,
    body.inner-page .sg-service-hero-copy,
    body.inner-page .sg-service-intro > .container > .row > [class*="col-"] > p,
    body.inner-page .sg-service-capabilities > .container p,
    body.inner-page .sg-service-process > .container p,
    body.inner-page .sg-service-cta > .container p,
    body.inner-page .sg-seo-ref-hero .sg-seo-ref-lead,
    body.inner-page .sg-seo-ref-section > .container p:not([class*="kicker"]),
    body.inner-page .sg-seo-ref-results > .container p:not([class*="kicker"]),
    body.inner-page .sg-social-hero .sg-social-lead,
    body.inner-page .sg-social-why > .container p:not([class*="kicker"]),
    body.inner-page .sg-social-services > .container p:not([class*="kicker"]),
    body.inner-page .sg-social-process > .container p:not([class*="kicker"]),
    body.inner-page .sg-content-hero .sg-content-lead,
    body.inner-page .sg-content-why > .container p:not([class*="kicker"]),
    body.inner-page .sg-content-services > .container p:not([class*="kicker"]),
    body.inner-page .sg-content-journey > .container p:not([class*="kicker"]),
    body.inner-page .sg-content-process > .container p:not([class*="kicker"]),
    body.inner-page .sg-content-results > .container p:not([class*="kicker"]),
    body.inner-page .sg-content-final > .container p:not([class*="kicker"]),
    body.inner-page .sg-ppc-ref-hero .sg-ppc-lead,
    body.inner-page .sg-ppc-ref-section > .container p:not([class*="kicker"]),
    body.inner-page .sg-ppc-results > .container p:not([class*="kicker"]),
    body.inner-page .sg-ppc-final > .container p:not([class*="kicker"]) {
        font-size: 15px !important;
    }

    body.inner-page .sg-service-page > div > section p:not([class*="kicker"]):not([class*="label"]):not([class*="lead"]):not([class*="metric"]):not([class*="note"]) {
        font-size: 15px !important;
    }

    body.inner-page .page-hero,
    body.inner-page .about-hero-section,
    body.inner-page .cases-hero,
    body.inner-page .contact-hero,
    body.inner-page .sg-services-hero,
    body.inner-page .sg-service-hero,
    body.inner-page .sg-seo-ref-hero,
    body.inner-page .sg-social-hero,
    body.inner-page .sg-content-hero,
    body.inner-page .sg-ppc-ref-hero,
    body.inner-page .reference-blog-hero,
    body.inner-page .seo-reference-hero {
        min-height: auto;
        padding: 104px 0 48px;
    }

}