<style>
    .dont-use-it{}
    :root {
        --miracel-primary-color: #10302b;
        --miracel-secondary-color: #00a7a7;
        --miracel-primary-button: #d0e0ff;
        --miracel-secondary-button: #005ca3;
        --miracel-hero-box01: #10302b;
        --miracel-hero-box02: #6cd0d0;
        --miracel-hero-box03: #dfecec;
        --miracel-primary-white-color: #fafdfe;
        --miracel-secondary-white-color: #ebf2ff;
        --miracel-like-color: #bf1f48;
        --miracel-termic-box-card-footer: #cadbef;
        --miracel-vip-mag-color: #00a6a6;
        --miracel-card-slogan-color: #0600ff;
        --miracel-filter-category-color: #ffe6d7;
        --miracel-text-crude-color: #4d4d4d;
        --miracel-text-subtle-color: #666666;
        --miracel-termic-card-color: #f1f1f3;
        --miracel-termic-card-crude-color: #d7d7dd;
        --miracel-podcast-card-color: #f1f1f3;
        --miracel-exam-card-color: #fbf7f2;
        --miracel-skill-card-color: #f7f8f6;
        --miracel-course-card-color: #e7f2f8;
        --miracel-content-card-color: #fafffd;
        --miracel-network-card-color: #e7f2f8;
        --miracel-formbuilder-color: #e6e6e6;
        --miracel-miscellaneous-color: #ededed;
        --miracel-cta-color: #f2f2f2;
        --green-subtle-color: #C8E6C9;
        --red-subtle-color: #ffecfb;
        --yellow-subtle-color: #FFF9C4;
        --blue-subtle-color: #BBDEFB;
    }
    body {
      font-family: YekanBakh, sans-serif;
    }
    /* Micracel primary color */
    .bg-miracel-primary-color {
        background-color: var(--miracel-primary-color) !important;
    }
    .text-miracel-primary-color {
        color: var(--miracel-primary-color) !important;
    }
    .fill-miracel-primary-color {
        fill: var(--miracel-primary-color) !important;
    }
    .border-miracel-primary-color {
        border-color: var(--miracel-primary-color) !important;
    }
    /* Micracel secondary color */
    .bg-miracel-secondary-color {
        background-color: var(--miracel-secondary-color) !important;
    }
    .text-miracel-secondary-color {
        color: var(--miracel-secondary-color) !important;
    }
    .fill-miracel-secondary-color {
        fill: var(--miracel-secondary-color) !important;
    }
    .border-miracel-secondary-color {
        border-color: var(--miracel-secondary-color) !important;
    }
    /* Miracel primary button */
    .bg-miracel-primary-button {
        background-color: var(--miracel-primary-button) !important;
    }
    .text-miracel-primary-button {
        color: var(--miracel-primary-button) !important;
    }
    .fill-miracel-primary-button {
        fill: var(--miracel-primary-button) !important;
    }
    .border-miracel-primary-button {
        border-color: var(--miracel-primary-button) !important;
    }
    /* Miracel secondary button */
    .bg-miracel-secondary-button {
        background-color: var(--miracel-secondary-button) !important;
    }
    .text-miracel-secondary-button {
        color: var(--miracel-secondary-button) !important;
    }
    .fill-miracel-secondary-button {
        fill: var(--miracel-secondary-button) !important;
    }
    .border-miracel-secondary-button {
        border-color: var(--miracel-secondary-button) !important;
    }
    /*Miracel hero box01 */
    .bg-miracel-hero-box01 {
        background-color: var(--miracel-hero-box01) !important;
    }
    .text-miracel-hero-box01 {
        color: var(--miracel-hero-box01) !important;
    }
    .text-miracel-hero-box01-color {
        color: #ffffff !important;
    }
    .fill-miracel-hero-box01 {
        fill: var(--miracel-hero-box01) !important;
    }
    .border-miracel-hero-box01 {
        border-color: var(--miracel-hero-box01) !important;
    }
    /*Miracel hero box02 */
    .bg-miracel-hero-box02 {
        background-color: var(--miracel-hero-box02) !important;
    }
    .text-miracel-hero-box02 {
        color: var(--miracel-hero-box02) !important;
    }
    .text-miracel-hero-box02-color {
        color: #000000 !important;
    }
    .fill-miracel-hero-box02 {
        fill: var(--miracel-hero-box02) !important;
    }
    .border-miracel-hero-box03 {
        border-color: var(--miracel-hero-box02) !important;
    }
    /*Miracel hero box03 */
    .bg-miracel-hero-box03 {
        background-color: var(--miracel-hero-box03) !important;
    }
    .text-miracel-hero-box03 {
        color: var(--miracel-hero-box03) !important;
    }
    .text-miracel-hero-box03-color {
        color: #000000 !important;
    }
    .fill-miracel-hero-box03 {
        fill: var(--miracel-hero-box03) !important;
    }
    .border-miracel-hero-box03 {
        border-color: var(--miracel-hero-box03) !important;
    }
    /* Miracel light primary */
    .bg-miracel-primary-white-color {
        background-color: var(--miracel-primary-white-color) !important;
    }
    .text-miracel-primary-white-color {
        color: var(--miracel-primary-white-color) !important;
    }
    .fill-miracel-primary-white-color {
        fill: var(--miracel-primary-white-color) !important;
    }
    .border-miracel-primary-white-color {
        border-color: var(--miracel-primary-white-color) !important;
    }
    /* Miracel light secondary */
    .bg-miracel-secondary-white-color {
        background-color: var(--miracel-secondary-white-color) !important;
    }
    .text-miracel-secondary-white-color {
        color: var(--miracel-secondary-white-color) !important;
    }
    /* Fill of like buttons */
    .fill-miracel-like-color {
        fill: var(--miracel-like-color) !important;
    }
    /* Bg of box card footer in termic page */
    .bg-miracel-termic-box-card-footer {
        background-color: var(--miracel-termic-box-card-footer) !important;
    }
    /* Bg of VIP section in mag page */
    .bg-miracel-vip-mag-color {
        background-color: var(--miracel-vip-mag-color) !important;
    }
    /* Color of card slogan */
    .text-miracel-card-slogan-color {
        color: var(--miracel-card-slogan-color) !important;
    }
    /* Bg of category filter in courses page */
    .bg-miracel-filter-category-color {
        background-color: var(--miracel-filter-category-color) !important;
    }
    /* Color of descriptions */
    .text-miracel-text-crude-color {
        color: var(--miracel-text-crude-color) !important;
    }
    .text-miracel-text-subtle-color {
        color: var(--miracel-text-subtle-color) !important;
    }
    /* Bg of Cards */
    .bg-miracel-termic-card-color {
        background-color: var(--miracel-termic-card-color) !important;
    }
    .bg-miracel-termic-card-crude-color {
        background-color: var(--miracel-termic-card-crude-color) !important;
    }
    .bg-miracel-podcast-card-color {
        background-color: var(--miracel-podcast-card-color) !important;
    }
    .bg-miracel-exam-card-color {
        background-color: var(--miracel-exam-card-color) !important;
    }
    .bg-miracel-skill-card-color {
        background-color: var(--miracel-skill-card-color) !important;
    }
    .bg-miracel-course-card-color {
        background-color: var(--miracel-course-card-color) !important;
    }
    .bg-miracel-content-card-color {
        background-color: var(--miracel-content-card-color) !important;
    }
    .bg-miracel-network-card-color {
        background-color: var(--miracel-network-card-color) !important;
    }
    .bg-miracel-formbuilder-color {
        background-color: var(--miracel-formbuilder-color) !important;
    }
    .bg-miracel-miscellaneous-color {
        background-color: var(--miracel-miscellaneous-color) !important;
    }
    .bg-miracel-cta-color {
        background-color: var(--miracel-cta-color) !important;
    }
    /* strict colors */
    .bg-green-subtle-color {
        background-color: var(--green-subtle-color) !important;
    }
    .bg-red-subtle-color {
        background-color: var(--red-subtle-color) !important;
    }
    .bg-yellow-subtle-color {
        background-color: var(--yellow-subtle-color) !important;
    }
    .bg-blue-subtle-color {
        background-color: var(--blue-subtle-color) !important;
    }
	.bg-dark{
    background-color:#000000 !important;
    }
	.bg-dark-transparent {
		background-color: rgba(0,0,0,0.3);
	}	
</style>
