:root {
    --page-px: clamp(24px, 4vw, 64px);
    --page-text: #252527;
    --page-text2: #45454A;
    --page-text3: #66666B
}

body {
    font-family: var(--font-family-base);
    font-size: 16px;
    line-height: 1.8;
    color: var(--page-text)
}

.bl-hero, .kb-hero, .dl-hero, .pr-hero, .wp-hero-wrap, .ev-hero-wrap {
    min-height: 0;
    height: min(650px, 26vw);
    max-height: none
}

.bl-hero-inner, .wp-hero-inner, .wpd-hero-inner, .kb-hero-inner, .dl-hero-inner, .dld-hero-inner, .pr-hero-inner, .prd-hero-inner, .ev-hero-inner, .evd-hero-inner {
    max-width: calc(1200px + var(--page-px) + var(--page-px));
    padding-left: var(--page-px);
    padding-right: var(--page-px)
}

.bl-hero-content, .pr-hero-inner {
    height: 100%;
    min-height: 0;
    padding-top: 0px;
    padding-bottom: 32px;
    transform: translateY(-20px)
}

.bl-hero-h1, .wp-hero-h1, .kb-hero-h1, .dl-hero-h1, .pr-hero-h1, .ev-hero-h1 {
    font-size: clamp(24px, 2.7vw, 36px) !important;
    line-height: 1.35 !important
}

.bl-hero-eyebrow-txt, .wp-hero-label, .kb-hero-label, .dl-hero-label, .pr-hero-label, .ev-hero-label {
    font-size: 16px !important
}

.bl-hero-p, .wp-hero-sub, .kb-hero-p, .dl-hero-p, .pr-hero-sub, .ev-hero-sub {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    color: #fff !important
}

.bl-main, .wp-main, .wpd-content, .kb-container, .art-body, .dl-list, .dld-body, .pr-main, .prd-main, .ev-main, .evd-body, .b1-main {
    padding-left: var(--page-px);
    padding-right: var(--page-px)
}

.bl-card-title, .wp-card-title, .kb-card-title, .dl-card-title, .pr-item-title, .ev-card-title, .b1-related-title, .art-rel-title, .wpd-section-h2, .dld-section-h2, .prd-section-h2, .evd-section-h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    color: var(--page-text) !important
}

.bl-card-desc, .wp-card-desc, .kb-card-desc, .dl-card-desc, .pr-item-desc, .ev-card-desc, .b1-prose, .art-content, .wpd-editor-content, .dld-editor-content, .prd-content, .gxtevd-article {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    color: var(--page-text2) !important
}

.bl-card, .wp-card, .kb-card, .dl-card, .pr-item, .ev-card, .b1-related-card, .art-rel-card {
    border-radius: 16px !important
}

.art-rel-card:hover .art-rel-title {
    color: #fff !important
}

.art-rel-card:hover .art-rel-level, .art-rel-card:hover .art-rel-meta {
    color: rgba(255,255,255,.8) !important
}

.wpd-inline-cta, .art-fullcta, .dld-cta, .evd-cta, .ev-cta {
    padding: 112px 32px !important
}

.wpd-inline-cta h2, .art-fullcta h2, .dld-cta h2, .evd-cta h2, .ev-cta h2 {
    font-size: clamp(30px, 3.4vw, 36px) !important;
    line-height: 1.3 !important
}

.wpd-inline-cta p, .art-fullcta p, .dld-cta p, .evd-cta p, .ev-cta p {
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important
}

.wpd-hero-dl, .wp-btn-dl, .dl-btn-dl, .dl-cta-primary, .evd-cta-btn-primary, .ev-cta-btn-primary {
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 16px 40px !important;
    border-radius: 999px !important;
    background: #F0895E !important;
    color: #fff !important
}

@media (max-width: 767px) {
    .bl-hero, .kb-hero, .dl-hero, .pr-hero, .wp-hero-wrap, .ev-hero-wrap {
        height: auto;
        min-height: 0
    }

    .bl-hero-content, .pr-hero-inner {
        height: auto;
        padding-top: 56px;
        padding-bottom: 40px;
        transform: none
    }

    .bl-hero-h1, .wp-hero-h1, .kb-hero-h1, .dl-hero-h1, .pr-hero-h1, .ev-hero-h1 {
        font-size: 28px !important;
        line-height: 1.4 !important
    }

    .bl-hero-p, .wp-hero-sub, .kb-hero-p, .dl-hero-p, .pr-hero-sub, .ev-hero-sub {
        font-size: 16px !important;
        line-height: 1.75 !important
    }

    .wpd-inline-cta, .art-fullcta, .dld-cta, .evd-cta, .ev-cta {
        padding: 64px var(--page-px) !important
    }
}