:root {
    --e-global-color-primary: #6B39F4;
    --e-global-color-secondary: #9F17F2;
    --e-global-color-text: #0F172A;
    --e-global-color-accent: #e2d8fd;
    --e-global-color-light: #f1f4f8;
    --color-text: #2E2E2ECC;
    --color-border: #e7e7e7;
    --color-border-hard: #d9d9d9;
    --color-white: #ffffff;
    --color-neutral-transparent: #9f9f9f4d;
    --color-overlay: #1a1a1a66;
    --e-global-typography-primary-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
    --e-global-typography-secondary-font-weight: 600;
    --e-global-typography-text-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
    --e-global-typography-accent-font-weight: 500;
    --line-height-default: 1.6;
    --line-height-paragraph: 1.75;
    --letter-spacing-default: -0.027em;
    --letter-spacing-small: 0.04em;
    --font-size-default: 14px;
    --font-size-paragraphs: 16px;
    --font-size-main-menu: 16px;
    --kd-nav-item-gap: 30px;
    --global-border-radius: 16px;
    --button-border-radius: 25px;
    --box-shadow: 0 40px 60px 0 rgb(0 0 0 / 5%);
    --global-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --image-transition: all 0.7s cubic-bezier(.2, 1, .22, 1);
    --container-max-width: 1240px;
    --listIndent: 2.5em;
    --listItemSpacing: 0.3em;
    --content-spacing: 1.5em;
    --small-content-spacing: 0.75rem;
    --headings-content-spacing: calc(0.3em + 10px);
    --column-spacing: 20px;
    --vertical-spacing: 100px;
    --titlebar-spacing: 100px;
    --mobile-spacing: 50px;
    --sidebar-width: 25%;
    --sidebar-widgets-spacing: 50px;
    --grid-columns-gap: 30px;
    --component-height: 50px;
    --button-padding: 25px;
    --header-height: 70px;
    --block-width: 850px;
    --logo-height: 32px;
    --keydesign-post-title: 32px;
    --icon-font-size: 35px;
    --icon-large-font-size: 45px;
    --admin-bar: 0px;
    --transparent-navigation-position: sticky;
}

@media (max-width:766.98px) {
     :root {
        --small-content-spacing: 0.5rem;
        --sidebar-widgets-spacing: 30px;
        --component-height: 50px
    }
}

@media (min-width:767px) and (max-width:1023.98px) {
     :root {
        --block-width: 100%
    }
}


@media (min-width: 1023.99px) {
    .kernel-collection {
        --keydesign-h1-font-size: 58px;
        --keydesign-h2-font-size: 44px;
        --keydesign-h3-font-size: 28px;
        --keydesign-h4-font-size: 24px;
        --keydesign-h5-font-size: 20px;
    }
    .karbon-collection {
        --font-size-default: 16px;
    }    
    .joule-collection {
        --keydesign-h1-font-size: 58px;
        --keydesign-h2-font-size: 48px;
        --keydesign-h3-font-size: 32px;
        --keydesign-h4-font-size: 20px;
        --keydesign-h5-font-size: 18px;
        --font-size-default: 16px;
    }
    .landpress-collection {
        --keydesign-h1-font-size: 58px;
        --keydesign-h2-font-size: 48px;
        --keydesign-h3-font-size: 32px;
        --keydesign-h4-font-size: 24px;
        --keydesign-h5-font-size: 20px;
    }
    .finpath-collection {
        --keydesign-h1-font-size: 57px;
        --keydesign-h2-font-size: 47px;
        --keydesign-h3-font-size: 32px;
        --keydesign-h4-font-size: 24px;
        --keydesign-h5-font-size: 21px;
    }
    .amity-collection {
    --keydesign-h1-font-size: 58px;
    --keydesign-h2-font-size: 48px;
    --keydesign-h3-font-size: 32px;
    --keydesign-h4-font-size: 24px;
    --keydesign-h5-font-size: 20px;
    }

    .amity-collection {
        --kd-nav-item-color: var(--color-text);
        --component-height: 60px;
    }

    .joule-collection .hero-section h1.kd-text-rotator__title,
    .joule-collection .hero-section h1.kd-heading__title {
        font-size:64px
    }
}

    .joule-collection .kd-widget-container .kd-button,
    .amity-collection .kd-widget-container .kd-button,
    .worktop-collection .kd-widget-container .kd-button {
        --font-size-default: var(--font-size-paragraphs)
    }

    .amity-collection .kd-widget-container .kd-button {
    padding: 22px 35px; 
    }

    .medicora-collection .site-header .menu-item>a,
    .medicora-collection .site-header .menu-item .sub-menu a {
        font-family: var(--e-global-typography-accent-font-family), Sans-serif;
     }

    .karbon-collection {
        --global-border-radius: 0;
        --button-border-radius: 0;
    }