/* Fonts */
body .font-manrope,
.font-manrope *,
.font-manrope {
    font-family: "Manrope", sans-serif !important;
}

body .font-ibm-plex-mono,
.font-ibm-plex-mono *,
.font-ibm-plex-mono {
    font-family: "IBM Plex Mono", monospace !important;
}

body #wrapper #main .post-content .content-free-tool h2,
body #wrapper #main .post-content .content-free-tool h3,
body #wrapper #main .post-content .content-free-tool h4 {
    font-family: "Manrope" !important;
    font-weight: 500 !important;
}

/* Hero Title - 76px */
body.single-case_study #wrapper #main  #content .post-content .font-hero-title *,
body #wrapper #main .post-content .fusion-title.font-hero-title *,
.font-hero-title *,
.font-hero-title .fusion-responsive-typography-calculated,
.font-hero-title {
    font-size: clamp(36px,4vw,76px) !important;
}

/* Sub Title - 60px */
body.single-case_study #wrapper #main  #content .post-content .font-sub-title *,
body #wrapper #main .post-content .fusion-title.font-sub-title *,
.font-sub-title *,
.font-sub-title .fusion-responsive-typography-calculated,
.font-sub-title {
    font-size: clamp(24px,3vw,60px) !important;
}

/* Small Title - 48px */
body #wrapper #main .post-content .content-free-tool h2,
body.single-case_study #wrapper #main  #content .post-content .font-small-title *,
body #wrapper #main .post-content .fusion-title.font-small-title *,
.font-small-title *,
.font-small-title .fusion-responsive-typography-calculated,
.font-small-title {
    font-size: clamp(24px,2vw,48px) !important;
}

/* Section Title - 32px */
body.single-case_study #wrapper #main  #content .post-content .font-section-title *,
.text-quote blockquote h3,
body #wrapper #main .post-content .fusion-title.font-section-title *,
.font-section-title *,
.font-section-title .fusion-responsive-typography-calculated,
.font-section-title {
    font-size: clamp(24px,1.67vw,32px) !important;
}

/* Section Sub Title - 24px */
body.single-case_study #wrapper #main  #content .post-content .font-section-sub-title *,
body #wrapper #main .post-content .content-free-tool h3,
body #wrapper #main .post-content .fusion-title.font-section-sub-title *,
.font-section-sub-title *,
.font-section-sub-title .fusion-responsive-typography-calculated,
.font-section-sub-title {
    font-size: clamp(18px,1.25vw,24px) !important;
}

/* Section Small Title - 20px */
body.single-case_study #wrapper #main  #content .post-content .font-section-small-title *,
body #wrapper #main .post-content .content-free-tool h4,
body #wrapper #main .post-content .fusion-title.font-section-small-title *,
.font-section-small-title *,
.font-section-small-title .fusion-responsive-typography-calculated,
.font-section-small-title {
    font-size: clamp(16px,1.25vw,20px) !important;
}

body.single-case_study #wrapper #main  #content .post-content .font-body *,
body #wrapper #main .post-content .fusion-title.font-body *,
.font-body *,
.font-body .fusion-responsive-typography-calculated,
.font-body {
    font-size: 16px !important;
}

body.single-case_study #wrapper #main  #content .post-content .font-small *,
body #wrapper #main .post-content .fusion-title.font-small *,
.font-small *,
.font-small .fusion-responsive-typography-calculated,
.font-small {
    font-size: 14px !important;
}

@media screen and (max-width: 1024px) {
    body.single-case_study #wrapper #main  #content .post-content .font-hero-title *,
    body #wrapper #main .post-content .fusion-title.font-hero-title *,
    .font-hero-title *,
    .font-hero-title .fusion-responsive-typography-calculated,
    .font-hero-title {
        font-size: clamp(36px,8vw,56px) !important;
    }
    body.single-case_study #wrapper #main  #content .post-content .font-sub-title *,
    body #wrapper #main .post-content .fusion-title.font-sub-title *,
    .font-sub-title *,
    .font-sub-title .fusion-responsive-typography-calculated,
    .font-sub-title {
        font-size: clamp(24px,8vw,48px) !important;
    }

    body.single-case_study #wrapper #main  #content .post-content .font-small-title *,
    body #wrapper #main .post-content .content-free-tool h2,
    body #wrapper #main .post-content .fusion-title.font-small-title *,
    .font-small-title *,
    .font-small-title .fusion-responsive-typography-calculated,
    .font-small-title {
        font-size: clamp(24px,6vw,40px) !important;
    }

    body.single-case_study #wrapper #main  #content .post-content .font-section-title *,
    .text-quote blockquote h3,
    body #wrapper #main .post-content .fusion-title.font-section-title *,
    .font-section-title *,
    .font-section-title .fusion-responsive-typography-calculated,
    .font-section-title {
        font-size: clamp(18px,6vw,28px) !important;
    }

    body.single-case_study #wrapper #main  #content .post-content .font-section-sub-title *,
    body #wrapper #main .post-content .content-free-tool h3,
    body #wrapper #main .post-content .fusion-title.font-section-sub-title *,
    .font-section-sub-title *,
    .font-section-sub-title .fusion-responsive-typography-calculated,
    .font-section-sub-title {
        font-size: clamp(18px,6vw,20px) !important;
    }

    body.single-case_study #wrapper #main  #content .post-content .font-section-small-title *,
    body #wrapper #main .post-content .content-free-tool h4,
    body #wrapper #main .post-content .fusion-title.font-section-small-title *,
    .font-section-small-title *,
    .font-section-small-title .fusion-responsive-typography-calculated,
    .font-section-small-title {
        font-size: clamp(14px,1.25vw,16px) !important;
    }

    body.single-case_study #wrapper #main  #content .post-content .font-body *,
    body #wrapper #main .post-content .fusion-title.font-body *,
    .font-body *,
    .font-body .fusion-responsive-typography-calculated,
    .font-body {
        font-size: 14px !important;
    }

    body.single-case_study #wrapper #main  #content .post-content .font-small *,
    body #wrapper #main .post-content .fusion-title.font-small *,
    .font-small *,
    .font-small .fusion-responsive-typography-calculated,
    .font-small {
        font-size: 12px !important;
    }

}

@media screen and (max-width: 768px) {
    body.single-case_study #wrapper #main  #content .post-content .font-hero-title *,
    body #wrapper #main .post-content .fusion-title.font-hero-title *,
    .font-hero-title *,
    .font-hero-title .fusion-responsive-typography-calculated,
    .font-hero-title {
        font-size: clamp(30px,10vw,40px) !important;
    }
    body.single-case_study #wrapper #main  #content .post-content .font-sub-title *,
    body #wrapper #main .post-content .fusion-title.font-sub-title *,
    .font-sub-title *,
    .font-sub-title .fusion-responsive-typography-calculated,
    .font-sub-title {
        font-size: clamp(24px,9vw,36px) !important;
    }

    body.single-case_study #wrapper #main  #content .post-content .font-small-title *,
    body #wrapper #main .post-content .content-free-tool h2,
    body #wrapper #main .post-content .fusion-title.font-small-title *,
    .font-small-title *,
    .font-small-title .fusion-responsive-typography-calculated,
    .font-small-title {
        font-size: clamp(20px,8vw,32px) !important;
    }

    body.single-case_study #wrapper #main  #content .post-content .font-section-title *,
    .text-quote blockquote h3,
    body #wrapper #main .post-content .fusion-title.font-section-title *,
    .font-section-title *,
    .font-section-title .fusion-responsive-typography-calculated,
    .font-section-title {
        font-size: clamp(18px,7.2vw,24px) !important;
    }

    body.single-case_study #wrapper #main  #content .post-content .font-section-sub-title *,
    body #wrapper #main .post-content .content-free-tool h3,
    body #wrapper #main .post-content .fusion-title.font-section-sub-title *,
    .font-section-sub-title *,
    .font-section-sub-title .fusion-responsive-typography-calculated,
    .font-section-sub-title {
        font-size: clamp(18px,6vw,20px) !important;
    }

    body.single-case_study #wrapper #main  #content .post-content .font-section-small-title *,
    body #wrapper #main .post-content .content-free-tool h4,
    body #wrapper #main .post-content .fusion-title.font-section-small-title *,
    .font-section-small-title *,
    .font-section-small-title .fusion-responsive-typography-calculated,
    .font-section-small-title {
        font-size: clamp(12px,1.25vw,14px) !important;
    }

    body #wrapper #main .post-content .fusion-title.font-body *,
    .font-body *,
    .font-body .fusion-responsive-typography-calculated,
    .font-body {
        font-size: 14px !important;
    }
}