/*
    Theme palette settings:

    {
    "altBackgroundColor": "#262e36",
    "backgroundColor": "#212529",
    "buttonBorderRadius": "none",
    "buttonColorCustom": "#000000",
    "buttonColorSource": "primary",
    "cardBorderRadius": "lg",
    "cardShadow": "sm",
    "darkMode": "yes",
    "googleFonts": "[\"Inter\"]",
    "h1Color": "#f8fafc",
    "h1FontFamily": "'Inter', sans-serif",
    "h1FontSize": "48px",
    "h1FontWeight": "700",
    "h2Color": "#f8fafc",
    "h2FontFamily": "'Inter', sans-serif",
    "h2FontSize": "36px",
    "h2FontWeight": "600",
    "h3Color": "#f8fafc",
    "h3FontFamily": "'Inter', sans-serif",
    "h3FontSize": "28px",
    "h3FontWeight": "600",
    "h4Color": "#f8fafc",
    "h4FontFamily": "'Inter', sans-serif",
    "h4FontSize": "20px",
    "h4FontWeight": "500",
    "h5Color": "#f8fafc",
    "h5FontFamily": "'Inter', sans-serif",
    "h5FontSize": "16px",
    "h5FontWeight": "500",
    "imageBorderRadius": "sm",
    "menuCtaColor": "#000000",
    "menuFontFamily": "",
    "menuFontSize": "",
    "menuFontWeight": "",
    "menuItemColor": "#000000",
    "menuStylingEnabled": "no",
    "paragraphColor": "#cbd5e1",
    "paragraphFontFamily": "'Inter', sans-serif",
    "paragraphFontSize": "16px",
    "paragraphFontWeight": "400",
    "primaryColor": "#2095ee",
    "secondaryColor": "#64748b",
    "tertiaryColor": "#38bdf8",
    "themeStylingEnabled": "yes"
}
*/


:root,
[data-bs-theme="dark"] {
    --theme-primaryColor: #2095ee;
    --theme-secondaryColor: #64748b;
    --theme-tertiaryColor: #38bdf8;
    --theme-backgroundColor: #212529;
    --theme-altBackgroundColor: #262e36;
    --theme-h1Color: #f8fafc;
    --theme-h2Color: #f8fafc;
    --theme-h3Color: #f8fafc;
    --theme-h4Color: #f8fafc;
    --theme-h5Color: #f8fafc;
    --theme-paragraphColor: #cbd5e1;

    --theme-h1FontFamily: 'Inter', sans-serif;
    --theme-h1FontSize: 48px;
    --theme-h1FontWeight: 700;
    --theme-h2FontFamily: 'Inter', sans-serif;
    --theme-h2FontSize: 36px;
    --theme-h2FontWeight: 600;
    --theme-h3FontFamily: 'Inter', sans-serif;
    --theme-h3FontSize: 28px;
    --theme-h3FontWeight: 600;
    --theme-h4FontFamily: 'Inter', sans-serif;
    --theme-h4FontSize: 20px;
    --theme-h4FontWeight: 500;
    --theme-h5FontFamily: 'Inter', sans-serif;
    --theme-h5FontSize: 16px;
    --theme-h5FontWeight: 500;
    --theme-paragraphFontFamily: 'Inter', sans-serif;
    --theme-paragraphFontSize: 16px;
    --theme-paragraphFontWeight: 400;

    --theme-cardBorderRadius: 0.5rem;
    --theme-buttonBorderRadius: 0;
    --theme-imageBorderRadius: 0.25rem;
    --theme-cardShadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --theme-buttonColor: var(--theme-primaryColor);

    --bs-primary: var(--theme-primaryColor);
    --bs-link-color: var(--theme-primaryColor);
    --bs-link-hover-color: var(--theme-primaryColor);
    --bs-secondary: var(--theme-secondaryColor);
    --bs-secondary-color: var(--theme-secondaryColor);
    --bs-info: var(--theme-tertiaryColor);
    --bs-body-bg: var(--theme-backgroundColor);
    --bs-body-color: var(--theme-paragraphColor);
    --bs-border-radius: var(--theme-buttonBorderRadius);
    --bs-border-radius-lg: var(--theme-cardBorderRadius);
    --bs-btn-border-radius: var(--theme-buttonBorderRadius);
}

body {
    background-color: var(--theme-backgroundColor);
    color: var(--theme-paragraphColor);
    font-family: var(--theme-paragraphFontFamily);
    font-size: var(--theme-paragraphFontSize);
    font-weight: var(--theme-paragraphFontWeight);
}

.bg--alternate {
    background-color: var(--theme-altBackgroundColor);
}

.p-all {
    font-family: var(--theme-paragraphFontFamily) !important;
    font-size: var(--theme-paragraphFontSize) !important;
    font-weight: var(--theme-paragraphFontWeight) !important;
    color: var(--theme-paragraphColor);
}

section h1, .h1-all {
    color: var(--theme-h1Color);
    font-family: var(--theme-h1FontFamily) !important;
    font-size: var(--theme-h1FontSize) !important;
    font-weight: var(--theme-h1FontWeight) !important;
}

section h2, .h2-all {
    color: var(--theme-h2Color);
    font-family: var(--theme-h2FontFamily) !important;
    font-size: var(--theme-h2FontSize) !important;
    font-weight: var(--theme-h2FontWeight) !important;
}

section h3, .h3-all {
    color: var(--theme-h3Color);
    font-family: var(--theme-h3FontFamily) !important;
    font-size: var(--theme-h3FontSize) !important;
    font-weight: var(--theme-h3FontWeight) !important;
}

section h4, .h4-all {
    color: var(--theme-h4Color);
    font-family: var(--theme-h4FontFamily) !important;
    font-size: var(--theme-h4FontSize) !important;
    font-weight: var(--theme-h4FontWeight) !important;
}

section h5, .h5-all {
    color: var(--theme-h5Color);
    font-family: var(--theme-h5FontFamily) !important;
    font-size: var(--theme-h5FontSize) !important;
    font-weight: var(--theme-h5FontWeight) !important;
}

.hero-1 h1,
.hero-1 h2,
.hero-3 h1.heading,
.hero-3 h2,
.hero-5 h1,
.hero-5 p.lead {
    color: var(--bs-light);
}

.btn {
    border-radius: var(--theme-buttonBorderRadius);
}

.btn.buttonColor-bg {
    color: #fff;
    background-color: var(--theme-buttonColor);
    border-color: var(--theme-buttonColor);
}

.btn.buttonColor-bg:hover,
.btn.buttonColor-bg:focus-visible {
    color: #fff;
    background-color: var(--theme-buttonColor);
    border-color: var(--theme-buttonColor);
    filter: brightness(0.92);
}




    .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: var(--theme-primaryColor);
        --bs-btn-border-color: var(--theme-primaryColor);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--theme-primaryColor);
        --bs-btn-hover-border-color: var(--theme-primaryColor);
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: var(--theme-primaryColor);
        --bs-btn-active-border-color: var(--theme-primaryColor);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: var(--theme-primaryColor);
        --bs-btn-disabled-border-color: var(--theme-primaryColor);
    }
    .btn-outline-primary {
        --bs-btn-color: var(--theme-primaryColor);
        --bs-btn-bg: transparent;
        --bs-btn-border-color: var(--theme-primaryColor);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--theme-primaryColor);
        --bs-btn-hover-border-color: var(--theme-primaryColor);
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: var(--theme-primaryColor);
        --bs-btn-active-border-color: var(--theme-primaryColor);
        --bs-btn-disabled-color: var(--theme-primaryColor);
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: var(--theme-primaryColor);
    }
    .btn-dark {
        --bs-btn-color: #fff;
        --bs-btn-bg: var(--theme-primaryColor);
        --bs-btn-border-color: var(--theme-primaryColor);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--theme-primaryColor);
        --bs-btn-hover-border-color: var(--theme-primaryColor);
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: var(--theme-primaryColor);
        --bs-btn-active-border-color: var(--theme-primaryColor);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: var(--theme-primaryColor);
        --bs-btn-disabled-border-color: var(--theme-primaryColor);
    }

    [data-bs-theme="dark"] {
        .btn-primary {
            --bs-btn-color: #000;
            --bs-btn-bg: var(--theme-primaryColor);
            --bs-btn-border-color: var(--theme-primaryColor);
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: var(--theme-primaryColor);
            --bs-btn-hover-border-color: var(--theme-primaryColor);
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: var(--theme-primaryColor);
            --bs-btn-active-border-color: var(--theme-primaryColor);
            --bs-btn-disabled-color: #000;
            --bs-btn-disabled-bg: var(--theme-primaryColor);
            --bs-btn-disabled-border-color: var(--theme-primaryColor);
        }
        .btn-outline-primary {
            --bs-btn-color: var(--theme-primaryColor);
            --bs-btn-bg: transparent;
            --bs-btn-border-color: var(--theme-primaryColor);
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: var(--theme-primaryColor);
            --bs-btn-hover-border-color: var(--theme-primaryColor);
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: var(--theme-primaryColor);
            --bs-btn-active-border-color: var(--theme-primaryColor);
            --bs-btn-disabled-color: var(--theme-primaryColor);
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: var(--theme-primaryColor);
        }
        .btn-dark {
            --bs-btn-color: #000;
            --bs-btn-bg: var(--theme-primaryColor);
            --bs-btn-border-color: var(--theme-primaryColor);
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: var(--theme-primaryColor);
            --bs-btn-hover-border-color: var(--theme-primaryColor);
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: var(--theme-primaryColor);
            --bs-btn-active-border-color: var(--theme-primaryColor);
            --bs-btn-disabled-color: #000;
            --bs-btn-disabled-bg: var(--theme-primaryColor);
            --bs-btn-disabled-border-color: var(--theme-primaryColor);
        }
    }

    .btn-secondary {
        --bs-btn-color: #fff;
        --bs-btn-bg: var(--theme-secondaryColor);
        --bs-btn-border-color: var(--theme-secondaryColor);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--theme-secondaryColor);
        --bs-btn-hover-border-color: var(--theme-secondaryColor);
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: var(--theme-secondaryColor);
        --bs-btn-active-border-color: var(--theme-secondaryColor);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: var(--theme-secondaryColor);
        --bs-btn-disabled-border-color: var(--theme-secondaryColor);
    }
    .btn-outline-secondary {
        --bs-btn-color: var(--theme-secondaryColor);
        --bs-btn-bg: transparent;
        --bs-btn-border-color: var(--theme-secondaryColor);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--theme-secondaryColor);
        --bs-btn-hover-border-color: var(--theme-secondaryColor);
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: var(--theme-secondaryColor);
        --bs-btn-active-border-color: var(--theme-secondaryColor);
        --bs-btn-disabled-color: var(--theme-secondaryColor);
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: var(--theme-secondaryColor);
    }

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--theme-tertiaryColor);
    --bs-btn-border-color: var(--theme-tertiaryColor);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--theme-tertiaryColor);
    --bs-btn-hover-border-color: var(--theme-tertiaryColor);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--theme-tertiaryColor);
    --bs-btn-active-border-color: var(--theme-tertiaryColor);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--theme-tertiaryColor);
    --bs-btn-disabled-border-color: var(--theme-tertiaryColor);
}
.btn-outline-info {
    --bs-btn-color: var(--theme-tertiaryColor);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--theme-tertiaryColor);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--theme-tertiaryColor);
    --bs-btn-hover-border-color: var(--theme-tertiaryColor);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--theme-tertiaryColor);
    --bs-btn-active-border-color: var(--theme-tertiaryColor);
    --bs-btn-disabled-color: var(--theme-tertiaryColor);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--theme-tertiaryColor);
}
.btn-link {
    --bs-btn-color: var(--theme-tertiaryColor);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--theme-tertiaryColor);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--theme-tertiaryColor);
    --bs-btn-active-border-color: transparent;
    text-decoration: none;
}

.card,
.testimonial,
.showcase-3 .feature,
.showcase-4 .feature,
.showcase-5 .feature,
.showcase-12 .feature {
    border-radius: var(--theme-cardBorderRadius);
    box-shadow: var(--theme-cardShadow);
}

section img:not(.rounded-circle),
header img:not(.rounded-circle) {
    border-radius: var(--theme-imageBorderRadius);
}

.background-container img {
    border-radius: 0 !important;
}


.primaryColor-text { color: var(--theme-primaryColor) !important; }
.primaryColor-bg { background-color: var(--theme-primaryColor) !important; }
.primaryColor-border { border-color: var(--theme-primaryColor) !important; }

.primaryColor-text-hover:hover,
.primaryColor-text-hover:focus-visible { color: var(--theme-primaryColor) !important; }
.primaryColor-bg-hover:hover,
.primaryColor-bg-hover:focus-visible { background-color: var(--theme-primaryColor) !important; }
.primaryColor-border-hover:hover,
.primaryColor-border-hover:focus-visible { border-color: var(--theme-primaryColor) !important; }

.primaryColor-text-active:active,
.primaryColor-text-active.active { color: var(--theme-primaryColor) !important; }
.primaryColor-bg-active:active,
.primaryColor-bg-active.active { background-color: var(--theme-primaryColor) !important; }

.primaryColor-text-focus:focus,
.primaryColor-text-focus:focus-visible { color: var(--theme-primaryColor) !important; }
.primaryColor-bg-focus:focus,
.primaryColor-bg-focus:focus-visible { background-color: var(--theme-primaryColor) !important; }
.primaryColor-border-focus:focus,
.primaryColor-border-focus:focus-visible { border-color: var(--theme-primaryColor) !important; }
.secondaryColor-text { color: var(--theme-secondaryColor) !important; }
.secondaryColor-bg { background-color: var(--theme-secondaryColor) !important; }
.secondaryColor-border { border-color: var(--theme-secondaryColor) !important; }

.secondaryColor-text-hover:hover,
.secondaryColor-text-hover:focus-visible { color: var(--theme-secondaryColor) !important; }
.secondaryColor-bg-hover:hover,
.secondaryColor-bg-hover:focus-visible { background-color: var(--theme-secondaryColor) !important; }
.secondaryColor-border-hover:hover,
.secondaryColor-border-hover:focus-visible { border-color: var(--theme-secondaryColor) !important; }

.secondaryColor-text-active:active,
.secondaryColor-text-active.active { color: var(--theme-secondaryColor) !important; }
.secondaryColor-bg-active:active,
.secondaryColor-bg-active.active { background-color: var(--theme-secondaryColor) !important; }

.secondaryColor-text-focus:focus,
.secondaryColor-text-focus:focus-visible { color: var(--theme-secondaryColor) !important; }
.secondaryColor-bg-focus:focus,
.secondaryColor-bg-focus:focus-visible { background-color: var(--theme-secondaryColor) !important; }
.secondaryColor-border-focus:focus,
.secondaryColor-border-focus:focus-visible { border-color: var(--theme-secondaryColor) !important; }
.tertiaryColor-text { color: var(--theme-tertiaryColor) !important; }
.tertiaryColor-bg { background-color: var(--theme-tertiaryColor) !important; }
.tertiaryColor-border { border-color: var(--theme-tertiaryColor) !important; }

.tertiaryColor-text-hover:hover,
.tertiaryColor-text-hover:focus-visible { color: var(--theme-tertiaryColor) !important; }
.tertiaryColor-bg-hover:hover,
.tertiaryColor-bg-hover:focus-visible { background-color: var(--theme-tertiaryColor) !important; }
.tertiaryColor-border-hover:hover,
.tertiaryColor-border-hover:focus-visible { border-color: var(--theme-tertiaryColor) !important; }

.tertiaryColor-text-active:active,
.tertiaryColor-text-active.active { color: var(--theme-tertiaryColor) !important; }
.tertiaryColor-bg-active:active,
.tertiaryColor-bg-active.active { background-color: var(--theme-tertiaryColor) !important; }

.tertiaryColor-text-focus:focus,
.tertiaryColor-text-focus:focus-visible { color: var(--theme-tertiaryColor) !important; }
.tertiaryColor-bg-focus:focus,
.tertiaryColor-bg-focus:focus-visible { background-color: var(--theme-tertiaryColor) !important; }
.tertiaryColor-border-focus:focus,
.tertiaryColor-border-focus:focus-visible { border-color: var(--theme-tertiaryColor) !important; }
.backgroundColor-text { color: var(--theme-backgroundColor) !important; }
.backgroundColor-bg { background-color: var(--theme-backgroundColor) !important; }
.backgroundColor-border { border-color: var(--theme-backgroundColor) !important; }

.backgroundColor-text-hover:hover,
.backgroundColor-text-hover:focus-visible { color: var(--theme-backgroundColor) !important; }
.backgroundColor-bg-hover:hover,
.backgroundColor-bg-hover:focus-visible { background-color: var(--theme-backgroundColor) !important; }
.backgroundColor-border-hover:hover,
.backgroundColor-border-hover:focus-visible { border-color: var(--theme-backgroundColor) !important; }

.backgroundColor-text-active:active,
.backgroundColor-text-active.active { color: var(--theme-backgroundColor) !important; }
.backgroundColor-bg-active:active,
.backgroundColor-bg-active.active { background-color: var(--theme-backgroundColor) !important; }

.backgroundColor-text-focus:focus,
.backgroundColor-text-focus:focus-visible { color: var(--theme-backgroundColor) !important; }
.backgroundColor-bg-focus:focus,
.backgroundColor-bg-focus:focus-visible { background-color: var(--theme-backgroundColor) !important; }
.backgroundColor-border-focus:focus,
.backgroundColor-border-focus:focus-visible { border-color: var(--theme-backgroundColor) !important; }
.altBackgroundColor-text { color: var(--theme-altBackgroundColor) !important; }
.altBackgroundColor-bg { background-color: var(--theme-altBackgroundColor) !important; }
.altBackgroundColor-border { border-color: var(--theme-altBackgroundColor) !important; }

.altBackgroundColor-text-hover:hover,
.altBackgroundColor-text-hover:focus-visible { color: var(--theme-altBackgroundColor) !important; }
.altBackgroundColor-bg-hover:hover,
.altBackgroundColor-bg-hover:focus-visible { background-color: var(--theme-altBackgroundColor) !important; }
.altBackgroundColor-border-hover:hover,
.altBackgroundColor-border-hover:focus-visible { border-color: var(--theme-altBackgroundColor) !important; }

.altBackgroundColor-text-active:active,
.altBackgroundColor-text-active.active { color: var(--theme-altBackgroundColor) !important; }
.altBackgroundColor-bg-active:active,
.altBackgroundColor-bg-active.active { background-color: var(--theme-altBackgroundColor) !important; }

.altBackgroundColor-text-focus:focus,
.altBackgroundColor-text-focus:focus-visible { color: var(--theme-altBackgroundColor) !important; }
.altBackgroundColor-bg-focus:focus,
.altBackgroundColor-bg-focus:focus-visible { background-color: var(--theme-altBackgroundColor) !important; }
.altBackgroundColor-border-focus:focus,
.altBackgroundColor-border-focus:focus-visible { border-color: var(--theme-altBackgroundColor) !important; }
.h1Color-text { color: var(--theme-h1Color) !important; }
.h1Color-bg { background-color: var(--theme-h1Color) !important; }
.h1Color-border { border-color: var(--theme-h1Color) !important; }

.h1Color-text-hover:hover,
.h1Color-text-hover:focus-visible { color: var(--theme-h1Color) !important; }
.h1Color-bg-hover:hover,
.h1Color-bg-hover:focus-visible { background-color: var(--theme-h1Color) !important; }
.h1Color-border-hover:hover,
.h1Color-border-hover:focus-visible { border-color: var(--theme-h1Color) !important; }

.h1Color-text-active:active,
.h1Color-text-active.active { color: var(--theme-h1Color) !important; }
.h1Color-bg-active:active,
.h1Color-bg-active.active { background-color: var(--theme-h1Color) !important; }

.h1Color-text-focus:focus,
.h1Color-text-focus:focus-visible { color: var(--theme-h1Color) !important; }
.h1Color-bg-focus:focus,
.h1Color-bg-focus:focus-visible { background-color: var(--theme-h1Color) !important; }
.h1Color-border-focus:focus,
.h1Color-border-focus:focus-visible { border-color: var(--theme-h1Color) !important; }
.h2Color-text { color: var(--theme-h2Color) !important; }
.h2Color-bg { background-color: var(--theme-h2Color) !important; }
.h2Color-border { border-color: var(--theme-h2Color) !important; }

.h2Color-text-hover:hover,
.h2Color-text-hover:focus-visible { color: var(--theme-h2Color) !important; }
.h2Color-bg-hover:hover,
.h2Color-bg-hover:focus-visible { background-color: var(--theme-h2Color) !important; }
.h2Color-border-hover:hover,
.h2Color-border-hover:focus-visible { border-color: var(--theme-h2Color) !important; }

.h2Color-text-active:active,
.h2Color-text-active.active { color: var(--theme-h2Color) !important; }
.h2Color-bg-active:active,
.h2Color-bg-active.active { background-color: var(--theme-h2Color) !important; }

.h2Color-text-focus:focus,
.h2Color-text-focus:focus-visible { color: var(--theme-h2Color) !important; }
.h2Color-bg-focus:focus,
.h2Color-bg-focus:focus-visible { background-color: var(--theme-h2Color) !important; }
.h2Color-border-focus:focus,
.h2Color-border-focus:focus-visible { border-color: var(--theme-h2Color) !important; }
.h3Color-text { color: var(--theme-h3Color) !important; }
.h3Color-bg { background-color: var(--theme-h3Color) !important; }
.h3Color-border { border-color: var(--theme-h3Color) !important; }

.h3Color-text-hover:hover,
.h3Color-text-hover:focus-visible { color: var(--theme-h3Color) !important; }
.h3Color-bg-hover:hover,
.h3Color-bg-hover:focus-visible { background-color: var(--theme-h3Color) !important; }
.h3Color-border-hover:hover,
.h3Color-border-hover:focus-visible { border-color: var(--theme-h3Color) !important; }

.h3Color-text-active:active,
.h3Color-text-active.active { color: var(--theme-h3Color) !important; }
.h3Color-bg-active:active,
.h3Color-bg-active.active { background-color: var(--theme-h3Color) !important; }

.h3Color-text-focus:focus,
.h3Color-text-focus:focus-visible { color: var(--theme-h3Color) !important; }
.h3Color-bg-focus:focus,
.h3Color-bg-focus:focus-visible { background-color: var(--theme-h3Color) !important; }
.h3Color-border-focus:focus,
.h3Color-border-focus:focus-visible { border-color: var(--theme-h3Color) !important; }
.h4Color-text { color: var(--theme-h4Color) !important; }
.h4Color-bg { background-color: var(--theme-h4Color) !important; }
.h4Color-border { border-color: var(--theme-h4Color) !important; }

.h4Color-text-hover:hover,
.h4Color-text-hover:focus-visible { color: var(--theme-h4Color) !important; }
.h4Color-bg-hover:hover,
.h4Color-bg-hover:focus-visible { background-color: var(--theme-h4Color) !important; }
.h4Color-border-hover:hover,
.h4Color-border-hover:focus-visible { border-color: var(--theme-h4Color) !important; }

.h4Color-text-active:active,
.h4Color-text-active.active { color: var(--theme-h4Color) !important; }
.h4Color-bg-active:active,
.h4Color-bg-active.active { background-color: var(--theme-h4Color) !important; }

.h4Color-text-focus:focus,
.h4Color-text-focus:focus-visible { color: var(--theme-h4Color) !important; }
.h4Color-bg-focus:focus,
.h4Color-bg-focus:focus-visible { background-color: var(--theme-h4Color) !important; }
.h4Color-border-focus:focus,
.h4Color-border-focus:focus-visible { border-color: var(--theme-h4Color) !important; }
.h5Color-text { color: var(--theme-h5Color) !important; }
.h5Color-bg { background-color: var(--theme-h5Color) !important; }
.h5Color-border { border-color: var(--theme-h5Color) !important; }

.h5Color-text-hover:hover,
.h5Color-text-hover:focus-visible { color: var(--theme-h5Color) !important; }
.h5Color-bg-hover:hover,
.h5Color-bg-hover:focus-visible { background-color: var(--theme-h5Color) !important; }
.h5Color-border-hover:hover,
.h5Color-border-hover:focus-visible { border-color: var(--theme-h5Color) !important; }

.h5Color-text-active:active,
.h5Color-text-active.active { color: var(--theme-h5Color) !important; }
.h5Color-bg-active:active,
.h5Color-bg-active.active { background-color: var(--theme-h5Color) !important; }

.h5Color-text-focus:focus,
.h5Color-text-focus:focus-visible { color: var(--theme-h5Color) !important; }
.h5Color-bg-focus:focus,
.h5Color-bg-focus:focus-visible { background-color: var(--theme-h5Color) !important; }
.h5Color-border-focus:focus,
.h5Color-border-focus:focus-visible { border-color: var(--theme-h5Color) !important; }
.paragraphColor-text { color: var(--theme-paragraphColor) !important; }
.paragraphColor-bg { background-color: var(--theme-paragraphColor) !important; }
.paragraphColor-border { border-color: var(--theme-paragraphColor) !important; }

.paragraphColor-text-hover:hover,
.paragraphColor-text-hover:focus-visible { color: var(--theme-paragraphColor) !important; }
.paragraphColor-bg-hover:hover,
.paragraphColor-bg-hover:focus-visible { background-color: var(--theme-paragraphColor) !important; }
.paragraphColor-border-hover:hover,
.paragraphColor-border-hover:focus-visible { border-color: var(--theme-paragraphColor) !important; }

.paragraphColor-text-active:active,
.paragraphColor-text-active.active { color: var(--theme-paragraphColor) !important; }
.paragraphColor-bg-active:active,
.paragraphColor-bg-active.active { background-color: var(--theme-paragraphColor) !important; }

.paragraphColor-text-focus:focus,
.paragraphColor-text-focus:focus-visible { color: var(--theme-paragraphColor) !important; }
.paragraphColor-bg-focus:focus,
.paragraphColor-bg-focus:focus-visible { background-color: var(--theme-paragraphColor) !important; }
.paragraphColor-border-focus:focus,
.paragraphColor-border-focus:focus-visible { border-color: var(--theme-paragraphColor) !important; }


.h1FontFamily { font-family: var(--theme-h1FontFamily) !important; }
.h1FontSize { font-size: var(--theme-h1FontSize) !important; }
.h1FontWeight { font-weight: var(--theme-h1FontWeight) !important; }
.h2FontFamily { font-family: var(--theme-h2FontFamily) !important; }
.h2FontSize { font-size: var(--theme-h2FontSize) !important; }
.h2FontWeight { font-weight: var(--theme-h2FontWeight) !important; }
.h3FontFamily { font-family: var(--theme-h3FontFamily) !important; }
.h3FontSize { font-size: var(--theme-h3FontSize) !important; }
.h3FontWeight { font-weight: var(--theme-h3FontWeight) !important; }
.h4FontFamily { font-family: var(--theme-h4FontFamily) !important; }
.h4FontSize { font-size: var(--theme-h4FontSize) !important; }
.h4FontWeight { font-weight: var(--theme-h4FontWeight) !important; }
.h5FontFamily { font-family: var(--theme-h5FontFamily) !important; }
.h5FontSize { font-size: var(--theme-h5FontSize) !important; }
.h5FontWeight { font-weight: var(--theme-h5FontWeight) !important; }
.paragraphFontFamily { font-family: var(--theme-paragraphFontFamily) !important; }
.paragraphFontSize { font-size: var(--theme-paragraphFontSize) !important; }
.paragraphFontWeight { font-weight: var(--theme-paragraphFontWeight) !important; }