/* Variables - currently same for all designs */


.colortoggle-dark {
	
	/* Secondary color */
	
	--color-secondary-background: #4f4f4f;
	--color-secondary-background-gradient-top: #4f4f4f;
	--color-secondary-background-gradient-middle: #4f4f4f;
	--color-secondary-background-gradient-bottom: #4f4f4f;
	--color-secondary-background-border: #000000;	
	--color-secondary-background-shadow: #000;
	--color-secondary-foreground: #fff;
	--color-secondary-foreground-shadow: #000;
	
	/* Secondary color - Active (used for hover/active states) */
	
	--color-secondary-active-background: #444444;
	--color-secondary-active-background-gradient-top: #444444;
	--color-secondary-active-background-gradient-middle: #444444;
	--color-secondary-active-background-gradient-bottom: #444444;	
	--color-secondary-active-background-border: #000000;
	--color-secondary-active-background-shadow: #000;	
	--color-secondary-active-foreground: #fff;
	--color-secondary-active-foreground-shadow: #000;
	
	/* Tertiary color */
	
	--color-tertiary-foreground: #fff;
	--color-tertiary-foreground-shadow: #000;
	
	/* Tertiary color - Active (used for hover/active states) */
	
	--color-tertiary-active-foreground: #fff;
	--color-tertiary-active-foreground-shadow: #000;				
	
	/* Box color */
	
	--color-box-background: #2f2f2f;
	--color-box-background-gradient-top: #2f2f2f;
	--color-box-background-gradient-middle: #2f2f2f;
	--color-box-background-gradient-bottom: #232323;
	--color-box-background-border: #474747;	
	--color-box-background-shadow: #dddddd;
	--color-box-background-divider: #000000;
	--color-box-foreground: var(--color-body);
	--color-box-foreground-shadow: #000;	
	--color-box-foreground-bold: #ffffff;
	--color-box-foreground-bold-shadow: #000000;	
	--color-box-head-background: #000000;
	--color-box-head-background-gradient-top: #000000;
	--color-box-head-background-gradient-middle: #000000;
	--color-box-head-background-gradient-bottom: #1b1b1b;	
	--color-box-head-background-border: #000000;
	--color-box-head-foreground: #fff;
	--color-box-head-foreground-shadow: #000;
	--color-box-head-foreground-bold: #fff;
	--color-box-head-foreground-bold-shadow: #000;	
	--color-box-footer-background: #2e2e2e;
	--color-box-footer-background-gradient-top: #2e2e2e;
	--color-box-footer-background-gradient-middle: #2e2e2e;
	--color-box-footer-background-gradient-bottom: #373737;	
	--color-box-footer-background-border: #000000;
	--color-box-footer-foreground: #ffffff;
	--color-box-footer-foreground-shadow: #3f3e3e;	
	--color-box-footer-foreground-bold: #000;
	--color-box-footer-foreground-bold-shadow: #000;
	
	/* Box color - Active (used for hover/active states) */
	
	--color-box-active-background: #202020;
	--color-box-active-background-gradient-top: #202020;
	--color-box-active-background-gradient-middle: #202020;
	--color-box-active-background-gradient-bottom: #202020;
	--color-box-active-background-border: #3d3d3d;	
	--color-box-active-background-shadow: #dddddd;
	--color-box-active-background-divider: #000000;
	--color-box-active-foreground: var(--color-body);
	--color-box-active-foreground-shadow: #000;	
	--color-box-active-foreground-bold: #ffffff;
	--color-box-active-foreground-bold-shadow: #000000;	
	--color-box-active-head-background: #000000;
	--color-box-active-head-background-gradient-top: #000000;
	--color-box-active-head-background-gradient-middle: #000000;
	--color-box-active-head-background-gradient-bottom: #1b1b1b;	
	--color-box-active-head-background-border: #000000;
	--color-box-active-head-foreground: #fff;
	--color-box-active-head-foreground-shadow: #000;
	--color-box-active-head-foreground-bold: #fff;
	--color-box-active-head-foreground-bold-shadow: #000;	
	--color-box-active-footer-background: #2e2e2e;
	--color-box-active-footer-background-gradient-top: #2e2e2e;
	--color-box-active-footer-background-gradient-middle: #2e2e2e;
	--color-box-active-footer-background-gradient-bottom: #373737;	
	--color-box-active-footer-background-border: #000000;
	--color-box-active-footer-foreground: #ffffff;
	--color-box-active-footer-foreground-shadow: #3f3e3e;	
	--color-box-active-footer-foreground-bold: #000;
	--color-box-active-footer-foreground-bold-shadow: #000;
	
	/* Default colors */
	
	--background-body: #0d0d1b; /* Body background color */	
	--background-banner: #0d0d1b; /* Default background color for the banner */	
	--color-body: #a9aaac; /* Used for body text */
	--color-heading: #ffffff; /* Used for heading text */
	--color-white: #ffffff;
	--color-black: #2f2f2f;	
	--color-border: #383838;	
	--shadow: 0 3px 8px 2px #474747; /* Default shadow color/spacing */

	/* Product Tables 1 */
	
	--product-tables1-box-features-background: #464646;
	--product-tables1-box-features-background-border: var(--color-box-background-border);
	--product-tables1-box-features-foreground: var(--color-default);
	--product-tables1-box-features-head: var(--color-box-background);
	--product-tables1-box-features-head-border: var(--color-box-head-background-border);
	--product-tables1-box-features-head-foreground: var(--color-box-foreground-bold);
	--product-tables1-box-features-background-divider: var(--color-box-background-divider);	

	/*
	---- Menu2
	*/	

	--menu2-border: var(--color-border);
	--menu2-borderradius: var(--border-radius-default);	

	/* Highlight */

	--menu2-highlight-background: var(--color-secondary-background);
	--menu2-highlight-background-gradient-top: var(--color-secondary-background-gradient-top);
	--menu2-highlight-background-gradient-middle: var(--color-secondary-background-gradient-middle);
	--menu2-highlight-background-gradient-bottom: var(--color-secondary-background-gradient-bottom);
	--menu2-highlight-background-border: var(--color-secondary-background-border);
	--menu2-highlight-foreground: var(--color-secondary-foreground);
	--menu2-highlight-foreground-shadow: none;

	--menu2-highlight-active-background: var(--menu2-highlight-background);
	--menu2-highlight-active-background-gradient-top: var(--menu2-highlight-background-gradient-top);
	--menu2-highlight-active-background-gradient-middle: var(--menu2-highlight-background-gradient-middle);
	--menu2-highlight-active-background-gradient-bottom: var(--menu2-highlight-background-gradient-bottom);
	--menu2-highlight-active-background-border: var(--menu2-highlight-background-border);
	--menu2-highlight-active-foreground: var(--menu2-highlight-foreground);
	--menu2-highlight-active-foreground-shadow: none;
	
	/* CTA */

	--menu2-cta-background: var(--color-primary-background);
	--menu2-cta-background-gradient-top: var(--color-primary-background-gradient-top);
	--menu2-cta-background-gradient-middle: var(--color-primary-background-gradient-middle);
	--menu2-cta-background-gradient-bottom: var(--color-primary-background-gradient-bottom);
	--menu2-cta-background-border: var(--color-primary-background-border);
	--menu2-cta-foreground: var(--color-primary-foreground);
	--menu2-cta-foreground-shadow: var(--color-primary-foreground-shadow);

	--menu2-cta-active-background: var(--color-primary-active-background);
	--menu2-cta-active-background-gradient-top: var(--color-primary-active-background-gradient-top);
	--menu2-cta-active-background-gradient-middle: var(--color-primary-active-background-gradient-middle);
	--menu2-cta-active-background-gradient-bottom: var(--color-primary-active-background-gradient-bottom);
	--menu2-cta-active-background-border: var(--color-primary-active-background-border);
	--menu2-cta-active-foreground: var(--color-primary-active-foreground);
	--menu2-cta-active-foreground-shadow: var(--color-primary-active-foreground-shadow);

	/* Burger - The Open menu icon shown on mobile */

	--menu2-burger-background: var(--color-box-background);
	--menu2-burger-background-gradient-top: var(--color-box-background-gradient-top);
	--menu2-burger-background-gradient-middle: var(--color-box-background-gradient-middle);
	--menu2-burger-background-gradient-bottom: var(--color-box-background-gradient-bottom);
	--menu2-burger-background-border: var(--color-box-background-border);
	--menu2-burger-foreground: var(--color-box-foreground);
	--menu2-burger-foreground-shadow: none;

	--menu2-burger-active-background: var(--color-box-active-background);
	--menu2-burger-active-background-gradient-top: var(--color-box-active-background-gradient-top);
	--menu2-burger-active-background-gradient-middle: var(--color-box-active-background-gradient-middle);
	--menu2-burger-active-background-gradient-bottom: var(--color-box-active-background-gradient-bottom);
	--menu2-burger-active-background-border: var(--color-box-active-background-border);
	--menu2-burger-active-foreground: var(--color-box-active-foreground);
	--menu2-burger-active-foreground-shadow: none;

	/* Main items - Header1 */

	--menu2-foreground: var(--color-white);
	--menu2-foreground-shadow: none;

	--menu2-active-foreground: var(--color-primary-background);
	--menu2-active-foreground-shadow: none;

	/* Main items - Header2 */

	--menu2-headerdesign2-foreground: var(--color-white);
	--menu2-headerdesign2-foreground-shadow: none;

	--menu2-headerdesign2-active-foreground: var(--color-primary-background);
	--menu2-headerdesign2-active-foreground-shadow: none;	

	/* Dropdown */

	--menu2-dropdown-background: var(--color-box-background);
	--menu2-dropdown-background-gradient-top: var(--color-box-background-gradient-top);
	--menu2-dropdown-background-gradient-middle: var(--color-box-background-gradient-middle);
	--menu2-dropdown-background-gradient-bottom: var(--color-box-background-gradient-bottom);	
	--menu2-dropdown-background-border: var(--color-box-background-border);	
	--menu2-dropdown-background-divider: var(--color-box-background-border);		
	--menu2-dropdown-background-shadow: 0 24px 70px rgba(15, 23, 42, 0.14);
	--menu2-dropdown-foreground: var(--color-body);
	--menu2-dropdown-foreground-shadow: none;			

	/* Dropdown panels */

	--menu2-dropdown-panel-background: var(--color-box-active-background);
	--menu2-dropdown-panel-background-gradient-top: var(--color-box-active-background-gradient-top);
	--menu2-dropdown-panel-background-gradient-middle: var(--color-box-active-background-gradient-middle);
	--menu2-dropdown-panel-background-gradient-bottom: var(--color-box-active-background-gradient-bottom);
	--menu2-dropdown-panel-background-border: var(--color-box-active-background-border);
	--menu2-dropdown-panel-background-shadow: none;
	--menu2-dropdown-panel-background-divider: var(--color-box-active-background-divider);
	--menu2-dropdown-panel-foreground: var(--color-box-active-foreground);
	--menu2-dropdown-panel-foreground-shadow: none;
	--menu2-dropdown-panel-foreground-bold: var(--color-box-active-foreground-bold);
	--menu2-dropdown-panel-foreground-bold-shadow: none;
	--menu2-dropdown-panel-listicon-foreground: var(--color-green);
    --menu2-dropdown-panel-listicon-foreground-shadow: none;	
	--menu2-dropdown-panel-icon-background: var(--color-box-active-footer-background);
	--menu2-dropdown-panel-icon-background-gradient-top: var(--color-box-active-footer-background-gradient-top);
	--menu2-dropdown-panel-icon-background-gradient-middle: var(--color-box-active-footer-background-gradient-middle);
	--menu2-dropdown-panel-icon-background-gradient-bottom: var(--color-box-active-footer-background-gradient-bottom);
	--menu2-dropdown-panel-icon-background-border: var(--color-box-footer-active-background-border);
	--menu2-dropdown-panel-icon-foreground: var(--color-box-active-footer-foreground);
	--menu2-dropdown-panel-icon-foreground-shadow: none;

	--menu2-dropdown-panel-active-background: var(--menu2-dropdown-panel-background);
	--menu2-dropdown-panel-active-background-gradient-top: var(--menu2-dropdown-panel-background-gradient-top);
	--menu2-dropdown-panel-active-background-gradient-middle: var(--menu2-dropdown-panel-background-gradient-middle);
	--menu2-dropdown-panel-active-background-gradient-bottom: var(--menu2-dropdown-panel-background-gradient-bottom);
	--menu2-dropdown-panel-active-background-border: var(--menu2-dropdown-panel-background-border);
	--menu2-dropdown-panel-active-background-shadow: none;
	--menu2-dropdown-panel-active-background-divider: var(--menu2-dropdown-panel-background-divider);
	--menu2-dropdown-panel-active-foreground: var(--menu2-dropdown-panel-foreground);
	--menu2-dropdown-panel-active-foreground-shadow: var(--menu2-dropdown-panel-foreground-shadow);
	--menu2-dropdown-panel-active-foreground-bold: var(--menu2-dropdown-panel-foreground-bold);
	--menu2-dropdown-panel-active-foreground-bold-shadow: var(--menu2-dropdown-panel-foreground-bold-shadow);
	--menu2-dropdown-panel-active-listicon-foreground: var(--menu2-dropdown-panel-listicon-foreground);
    --menu2-dropdown-panel-active-listicon-foreground-shadow: var(--menu2-dropdown-panel-listicon-foreground-shadow);	
	--menu2-dropdown-panel-active-icon-background: var(--menu2-dropdown-panel-icon-background);
	--menu2-dropdown-panel-active-icon-background-gradient-top: var(--menu2-dropdown-panel-icon-background-gradient-top);
	--menu2-dropdown-panel-active-icon-background-gradient-middle: var(--menu2-dropdown-panel-icon-background-gradient-middle);
	--menu2-dropdown-panel-active-icon-background-gradient-bottom: var(--menu2-dropdown-panel-icon-background-gradient-bottom);
	--menu2-dropdown-panel-active-icon-background-border: var(--menu2-dropdown-panel-icon-background-border);
	--menu2-dropdown-panel-active-icon-foreground: var(--menu2-dropdown-panel-icon-foreground);
	--menu2-dropdown-panel-active-icon-foreground-shadow: var(--menu2-dropdown-panel-icon-foreground-shadow);

	/* Dropdown items */

	--menu2-dropdown-item-background: var(--color-box-active-background);
	--menu2-dropdown-item-background-gradient-top: var(--color-box-active-background-gradient-top);
	--menu2-dropdown-item-background-gradient-middle: var(--color-box-active-background-gradient-middle);
	--menu2-dropdown-item-background-gradient-bottom: var(--color-box-active-background-gradient-bottom);
	--menu2-dropdown-item-background-border: var(--color-box-active-background-border);
	--menu2-dropdown-item-background-shadow: none;
	--menu2-dropdown-item-foreground: var(--color-box-active-foreground);
	--menu2-dropdown-item-foreground-shadow: none;
	--menu2-dropdown-item-foreground-bold: var(--color-box-active-foreground-bold);
	--menu2-dropdown-item-foreground-bold-shadow: none;	
	--menu2-dropdown-item-icon-foreground: var(--color-box-active-foreground-bold);
	--menu2-dropdown-item-icon-foreground-shadow: none;	

	--menu2-dropdown-item-active-background: var(--menu2-dropdown-item-background);
	--menu2-dropdown-item-active-background-gradient-top: var(--menu2-dropdown-item-background-gradient-top);
	--menu2-dropdown-item-active-background-gradient-middle: var(--menu2-dropdown-item-background-gradient-middle);
	--menu2-dropdown-item-active-background-gradient-bottom: var(--menu2-dropdown-item-background-gradient-bottom);
	--menu2-dropdown-item-active-background-border: var(--menu2-dropdown-item-background-border);
	--menu2-dropdown-item-active-background-shadow: none;
	--menu2-dropdown-item-active-foreground: var(--menu2-dropdown-item-foreground);
	--menu2-dropdown-item-active-foreground-shadow: none;
	--menu2-dropdown-item-active-foreground-bold: var(--menu2-dropdown-item-foreground-bold);
	--menu2-dropdown-item-active-foreground-bold-shadow: none;	
	--menu2-dropdown-item-active-icon-foreground: var(--menu2-dropdown-item-foreground-bold);
	--menu2-dropdown-item-active-icon-foreground-shadow: none;			

	/* Mobile Dropdown */

	--menu2-mobile-dropdown-background: var(--menu2-dropdown-background);
	--menu2-mobile-dropdown-background-gradient-top: var(--menu2-dropdown-background-gradient-top);
	--menu2-mobile-dropdown-background-gradient-middle: var(--menu2-dropdown-background-gradient-middle);
	--menu2-mobile-dropdown-background-gradient-bottom: var(--menu2-dropdown-background-gradient-bottom);	
	--menu2-mobile-dropdown-background-border: var(--menu2-dropdown-background-border);
	--menu2-mobile-dropdown-background-shadow: var(--menu2-dropdown-background-shadow);
	--menu2-mobile-dropdown-background-divider: var(--menu2-dropdown-background-divider);
	--menu2-mobile-dropdown-foreground: var(--menu2-dropdown-foreground);
	--menu2-mobile-dropdown-foreground-shadow: var(--menu2-dropdown-foreground-shadow);	

	/* Mobile Close - The close icon shown on mobile */

	--menu2-mobile-close-background: var(--color-box-background);
	--menu2-mobile-close-background-gradient-top: var(--color-box-background-gradient-top);
	--menu2-mobile-close-background-gradient-middle: var(--color-box-background-gradient-middle);
	--menu2-mobile-close-background-gradient-bottom: var(--color-box-background-gradient-bottom);
	--menu2-mobile-close-background-border: var(--color-box-background-border);
	--menu2-mobile-close-foreground: var(--color-box-foreground);
	--menu2-mobile-close-foreground-shadow: none;

	--menu2-mobile-close-active-background: var(--color-box-active-background);
	--menu2-mobile-close-active-background-gradient-top: var(--color-box-active-background-gradient-top);
	--menu2-mobile-close-active-background-gradient-middle: var(--color-box-active-background-gradient-middle);
	--menu2-mobile-close-active-background-gradient-bottom: var(--color-box-active-background-gradient-bottom);
	--menu2-mobile-close-active-background-border: var(--color-box-active-background-border);
	--menu2-mobile-close-active-foreground: var(--color-box-active-foreground);
	--menu2-mobile-close-active-foreground-shadow: none;

    /* Mobile items */

	--menu2-mobile-item-foreground: var(--color-box-active-foreground);
	--menu2-mobile-item-foreground-shadow: none;
	--menu2-mobile-icon-foreground: var(--color-box-active-foreground-bold);
    --menu2-mobile-icon-foreground-shadow: none;

	--menu2-mobile-item-hover-foreground: var(--color-primary-background);
	--menu2-mobile-item-hover-foreground-shadow: none;		
	--menu2-mobile-icon-hover-foreground: var(--color-primary-background);
    --menu2-mobile-icon-hover-foreground-shadow: none;	

	--menu2-mobile-item-active-foreground: var(--color-primary-background);
	--menu2-mobile-item-active-foreground-shadow: none;
	--menu2-mobile-icon-active-foreground: var(--color-primary-background);
    --menu2-mobile-icon-active-foreground-shadow: none;
	
	/*
	---- Menu1
	*/
	
	/* Header Design 1 */	

	--navmain-headerdesign1-home-foreground: var(--color-white);
	--navmain-headerdesign1-button-foreground: var(--color-white);
	--navmain-headerdesign1-icon-foreground: var(--color-white);
	
	--navmain-headerdesign1-button-hover-background: #2f2f2f;
	--navmain-headerdesign1-button-hover-background-gradient-top: #2f2f2f;
	--navmain-headerdesign1-button-hover-background-gradient-middle: #2f2f2f;
	--navmain-headerdesign1-button-hover-background-gradient-bottom: #4f4f4f;

	--navmain-headerdesign1-megamenu-background: var(--color-box-background);
	--navmain-headerdesign1-megamenu-background-gradient-top: var(--color-box-background-gradient-top);
	--navmain-headerdesign1-megamenu-background-gradient-middle: var(--color-box-background-gradient-top);
	--navmain-headerdesign1-megamenu-background-gradient-bottom: var(--color-box-background-gradient-bottom);
	--navmain-headerdesign1-megamenu-background-border: var(--color-secondary-background);
	--navmain-headerdesign1-megamenu-background-divider: var(--color-box-background-divider);
	--navmain-headerdesign1-megamenu-foreground: var(--color-box-foreground);

	--navmain-headerdesign1-megamenu-button-background: #4f4f4f;
	--navmain-headerdesign1-megamenu-button-background-gradient-top: #4f4f4f;
	--navmain-headerdesign1-megamenu-button-background-gradient-middle: #4f4f4f;
	--navmain-headerdesign1-megamenu-button-background-gradient-bottom: #4f4f4f;
	--navmain-headerdesign1-megamenu-button-background-border: #000000;
	--navmain-headerdesign1-megamenu-button-foreground: #fff;
	--navmain-headerdesign1-megamenu-button-foreground-shadow: #000000;

	--navmain-headerdesign1-megamenu-button-hover-background: #444444;
	--navmain-headerdesign1-megamenu-button-hover-background-gradient-top: #444444;
	--navmain-headerdesign1-megamenu-button-hover-background-gradient-middle: #444444;
	--navmain-headerdesign1-megamenu-button-hover-background-gradient-bottom: #444444;
	--navmain-headerdesign1-megamenu-button-hover-background-border: #000000;
	--navmain-headerdesign1-megamenu-button-hover-foreground: #fff;
	--navmain-headerdesign1-megamenu-button-hover-foreground-shadow: #000;

	--navmain-headerdesign1-dropdown-background: var(--color-box-background);
	--navmain-headerdesign1-dropdown-background-gradient-top: var(--color-box-background-gradient-top);
	--navmain-headerdesign1-dropdown-background-gradient-middle: var(--color-box-background-gradient-top);
	--navmain-headerdesign1-dropdown-background-gradient-bottom: var(--color-box-background-gradient-bottom);
	--navmain-headerdesign1-dropdown-background-border: var(--color-secondary-background);
	
	--navmain-headerdesign1-dropdown-button-background-border: var(--color-box-background-border);	
	--navmain-headerdesign1-dropdown-button-foreground: var(--color-white);
	--navmain-headerdesign1-dropdown-button-foreground-shadow: var(--color-black);	
	--navmain-headerdesign1-dropdown-icon-foreground: var(--color-white);

	--navmain-headerdesign1-dropdown-button-hover-background: #444444;
	--navmain-headerdesign1-dropdown-button-hover-background-gradient-top: #444444;
	--navmain-headerdesign1-dropdown-button-hover-background-gradient-middle: #444444;
	--navmain-headerdesign1-dropdown-button-hover-background-gradient-bottom: #444444;
	--navmain-headerdesign1-dropdown-button-hover-background-border: var(--color-box-background-border);
	--navmain-headerdesign1-dropdown-button-hover-foreground: #ffffff;
	--navmain-headerdesign1-dropdown-button-hover-foreground-shadow: #000;
	
	--navmain-headerdesign1-dropdown-button-active-background-border: var(--color-box-background-border);
	
	--navmain-mobile-headerdesign1-background: #2f2f2f;
	--navmain-mobile-headerdesign1-background-gradient-top: #2f2f2f;	
	--navmain-mobile-headerdesign1-background-gradient-middle: #2f2f2f;	
	--navmain-mobile-headerdesign1-background-gradient-bottom: #232323;	
	--navmain-mobile-headerdesign1-background-border: #474747;	
	
	--navmain-mobile-headerdesign1-button-background-border: var(--color-border);
	
	--navmain-mobile-headerdesign1-home-hover-foreground: var(--color-white);
	--navmain-mobile-headerdesign1-button-hover-background: var(--color-secondary-background);
	--navmain-mobile-headerdesign1-button-hover-background-gradient-top: var(--color-secondary-background-gradient-top);
	--navmain-mobile-headerdesign1-button-hover-background-gradient-middle: var(--color-secondary-background-gradient-top);
	--navmain-mobile-headerdesign1-button-hover-background-gradient-bottom: var(--color-secondary-background-gradient-bottom);
	--navmain-mobile-headerdesign1-button-hover-background-border: var(--color-border);	
	--navmain-mobile-headerdesign1-button-hover-foreground: var(--color-secondary-foreground);
	--navmain-mobile-headerdesign1-icon-hover-foreground: var(--color-white);
	
	--navmain-mobile-headerdesign1-megamenu-button-background: #4f4f4f;
	--navmain-mobile-headerdesign1-megamenu-button-background-gradient-top: #4f4f4f;
	--navmain-mobile-headerdesign1-megamenu-button-background-gradient-middle: #4f4f4f;
	--navmain-mobile-headerdesign1-megamenu-button-background-gradient-bottom: #4f4f4f;
	--navmain-mobile-headerdesign1-megamenu-button-background-border: #000000;
	--navmain-mobile-headerdesign1-megamenu-button-foreground: #fff;
	--navmain-mobile-headerdesign1-megamenu-button-foreground-shadow: #000000;

	--navmain-mobile-headerdesign1-megamenu-background: var(--color-box-background);
	--navmain-mobile-headerdesign1-megamenu-background-gradient-top: var(--color-box-background-gradient-top);
	--navmain-mobile-headerdesign1-megamenu-background-gradient-middle: var(--color-box-background-gradient-top);
	--navmain-mobile-headerdesign1-megamenu-background-gradient-bottom: var(--color-box-background-gradient-bottom);
	--navmain-mobile-headerdesign1-megamenu-background-border: var(--color-box-background-border);
	--navmain-mobile-headerdesign1-megamenu-background-divider: var(--color-box-background-divider);
	--navmain-mobile-headerdesign1-megamenu-foreground: var(--color-box-foreground);

	--navmain-mobile-headerdesign1-megamenu-button-hover-background: #444444;
	--navmain-mobile-headerdesign1-megamenu-button-hover-background-gradient-top: #444444;
	--navmain-mobile-headerdesign1-megamenu-button-hover-background-gradient-middle: #444444;
	--navmain-mobile-headerdesign1-megamenu-button-hover-background-gradient-bottom: #444444;
	--navmain-mobile-headerdesign1-megamenu-button-hover-background-border: #000000;
	--navmain-mobile-headerdesign1-megamenu-button-hover-foreground: #fff;
	--navmain-mobile-headerdesign1-megamenu-button-hover-foreground-shadow: #000;
	
	--navmain-mobile-headerdesign1-dropdown-button-foreground: #fff;
	--navmain-mobile-headerdesign1-dropdown-button-foreground-shadow: #000000;

	--navmain-mobile-headerdesign1-dropdown-background: var(--color-box-background);
	--navmain-mobile-headerdesign1-dropdown-background-gradient-top: var(--color-box-background-gradient-top);
	--navmain-mobile-headerdesign1-dropdown-background-gradient-middle: var(--color-box-background-gradient-top);
	--navmain-mobile-headerdesign1-dropdown-background-gradient-bottom: var(--color-box-background-gradient-bottom);
	--navmain-mobile-headerdesign1-dropdown-background-border: var(--color-secondary-background);

	--navmain-mobile-headerdesign1-dropdown-button-background-border: var(--color-border);

	--navmain-mobile-headerdesign1-dropdown-button-hover-background: #444444;
	--navmain-mobile-headerdesign1-dropdown-button-hover-background-gradient-top: #444444;
	--navmain-mobile-headerdesign1-dropdown-button-hover-background-gradient-middle: #444444;
	--navmain-mobile-headerdesign1-dropdown-button-hover-background-gradient-bottom: #444444;
	--navmain-mobile-headerdesign1-dropdown-button-hover-background-border: var(--color-box-background-border);
	--navmain-mobile-headerdesign1-dropdown-button-hover-foreground: #fff;
	--navmain-mobile-headerdesign1-dropdown-button-hover-foreground-shadow: #000;	
	
	--navmain-mobile-headerdesign1-dropdown-button-active-background-border: var(--color-box-background-border);

	/* Header Design 2 */
	
	--navmain-headerdesign2-background: #2f2f2f;
	--navmain-headerdesign2-background-gradient-top: #2f2f2f;	
	--navmain-headerdesign2-background-gradient-middle: #2f2f2f;	
	--navmain-headerdesign2-background-gradient-bottom: #232323;	
	--navmain-headerdesign2-background-border: #474747;		
	
	--navmain-headerdesign2-button-hover-background: #2f2f2f;
	--navmain-headerdesign2-button-hover-background-gradient-top: #2f2f2f;
	--navmain-headerdesign2-button-hover-background-gradient-middle: #2f2f2f;
	--navmain-headerdesign2-button-hover-background-gradient-bottom: #4f4f4f;	

	--navmain-headerdesign2-megamenu-background: var(--color-box-background);
	--navmain-headerdesign2-megamenu-background-gradient-top: var(--color-box-background-gradient-top);
	--navmain-headerdesign2-megamenu-background-gradient-middle: var(--color-box-background-gradient-top);
	--navmain-headerdesign2-megamenu-background-gradient-bottom: var(--color-box-background-gradient-bottom);
	--navmain-headerdesign2-megamenu-background-border: var(--color-secondary-background);
	--navmain-headerdesign2-megamenu-background-divider: var(--color-box-background-divider);
	--navmain-headerdesign2-megamenu-foreground: var(--color-box-foreground);

	--navmain-headerdesign2-megamenu-button-background: #4f4f4f;	
	--navmain-headerdesign2-megamenu-button-background-gradient-top: #4f4f4f;
	--navmain-headerdesign2-megamenu-button-background-gradient-middle: #4f4f4f;
	--navmain-headerdesign2-megamenu-button-background-gradient-bottom: #4f4f4f;
	--navmain-headerdesign2-megamenu-button-background-border: #000000;
	--navmain-headerdesign2-megamenu-button-foreground: #fff;
	--navmain-headerdesign2-megamenu-button-foreground-shadow: #000000;	
	
	--navmain-headerdesign2-megamenu-button-hover-background: #444444;
	--navmain-headerdesign2-megamenu-button-hover-background-gradient-top: #444444;
	--navmain-headerdesign2-megamenu-button-hover-background-gradient-middle: #444444;
	--navmain-headerdesign2-megamenu-button-hover-background-gradient-bottom: #444444;
	--navmain-headerdesign2-megamenu-button-hover-background-border: #000000;
	--navmain-headerdesign2-megamenu-button-hover-foreground: #fff;
	--navmain-headerdesign2-megamenu-button-hover-foreground-shadow: #000;	

	--navmain-headerdesign2-dropdown-background: var(--color-box-background);
	--navmain-headerdesign2-dropdown-background-gradient-top: var(--color-box-background-gradient-top);
	--navmain-headerdesign2-dropdown-background-gradient-middle: var(--color-box-background-gradient-top);
	--navmain-headerdesign2-dropdown-background-gradient-bottom: var(--color-box-background-gradient-bottom);
	--navmain-headerdesign2-dropdown-background-border: var(--color-secondary-background);

	--navmain-headerdesign2-dropdown-button-background-border: var(--color-box-background-border);
	--navmain-headerdesign2-dropdown-button-foreground: var(--color-white);
	--navmain-headerdesign2-dropdown-button-foreground-shadow: var(--color-black);	
	--navmain-headerdesign2-dropdown-icon-foreground: var(--color-white);

	--navmain-headerdesign2-dropdown-button-hover-background: #444444;
	--navmain-headerdesign2-dropdown-button-hover-background-gradient-top: #444444;
	--navmain-headerdesign2-dropdown-button-hover-background-gradient-middle: #444444;
	--navmain-headerdesign2-dropdown-button-hover-background-gradient-bottom: #444444;
	--navmain-headerdesign2-dropdown-button-hover-background-border: var(--color-box-background-border);
	--navmain-headerdesign2-dropdown-button-hover-foreground: #ffffff;
	--navmain-headerdesign2-dropdown-button-hover-foreground-shadow: #000;
	
	--navmain-headerdesign2-dropdown-button-active-background-border: var(--color-box-background-border);
	
	--navmain-mobile-headerdesign2-background: #2f2f2f;
	--navmain-mobile-headerdesign2-background-gradient-top: #2f2f2f;	
	--navmain-mobile-headerdesign2-background-gradient-middle: #2f2f2f;	
	--navmain-mobile-headerdesign2-background-gradient-bottom: #232323;	
	--navmain-mobile-headerdesign2-background-border: #474747;	
	
	--navmain-mobile-headerdesign2-button-background-border: var(--color-border);
	
	--navmain-mobile-headerdesign2-button-hover-background-border: var(--color-border);	
	
	--navmain-mobile-headerdesign2-megamenu-button-background: #4f4f4f;
	--navmain-mobile-headerdesign2-megamenu-button-background-gradient-top: #4f4f4f;
	--navmain-mobile-headerdesign2-megamenu-button-background-gradient-middle: #4f4f4f;
	--navmain-mobile-headerdesign2-megamenu-button-background-gradient-bottom: #4f4f4f;
	--navmain-mobile-headerdesign2-megamenu-button-background-border: #000000;
	--navmain-mobile-headerdesign2-megamenu-button-foreground: #fff;
	--navmain-mobile-headerdesign2-megamenu-button-foreground-shadow: #000000;

	--navmain-mobile-headerdesign2-megamenu-button-hover-background: #444444;
	--navmain-mobile-headerdesign2-megamenu-button-hover-background-gradient-top: #444444;
	--navmain-mobile-headerdesign2-megamenu-button-hover-background-gradient-middle: #444444;
	--navmain-mobile-headerdesign2-megamenu-button-hover-background-gradient-bottom: #444444;
	--navmain-mobile-headerdesign2-megamenu-button-hover-background-border: #000000;
	--navmain-mobile-headerdesign2-megamenu-button-hover-foreground: #fff;
	--navmain-mobile-headerdesign2-megamenu-button-hover-foreground-shadow: #000;

	--navmain-mobile-headerdesign2-dropdown-button-background-border: var(--color-border);
	--navmain-mobile-headerdesign2-dropdown-button-foreground: #fff;
	--navmain-mobile-headerdesign2-dropdown-button-foreground-shadow: #000000;

	--navmain-mobile-headerdesign2-dropdown-button-hover-background: #444444;
	--navmain-mobile-headerdesign2-dropdown-button-hover-background-gradient-top: #444444;
	--navmain-mobile-headerdesign2-dropdown-button-hover-background-gradient-middle: #444444;
	--navmain-mobile-headerdesign2-dropdown-button-hover-background-gradient-bottom: #444444;
	--navmain-mobile-headerdesign2-dropdown-button-hover-background-border: var(--color-box-background-border);
	--navmain-mobile-headerdesign2-dropdown-button-hover-foreground: #fff;
	--navmain-mobile-headerdesign2-dropdown-button-hover-foreground-shadow: #000;
	
	--navmain-mobile-headerdesign2-dropdown-button-active-background-border: var(--color-box-background-border);
	
	/*
	---- WHMCS Steps - Displayed on the cart page of WHMCS ----
	*/	
	
	--whmcs-cartsteps-headerdesign1-foreground: var(--color-white);
	
	/* Header Design 1 */
	
	--whmcs-cartsteps-headerdesign1-button-active-background: var(--color-secondary-background);	
	--whmcs-cartsteps-headerdesign1-button-active-background-gradient-top: var(--color-secondary-background);	
	--whmcs-cartsteps-headerdesign1-button-active-background-gradient-middle: var(--color-secondary-background);	
	--whmcs-cartsteps-headerdesign1-button-active-background-gradient-bottom: var(--color-secondary-background);	
	--whmcs-cartsteps-headerdesign1-button-active-foreground: var(--color-secondary-foreground);	
	--whmcs-cartsteps-headerdesign1-button-active-foreground-shadow: var(--color-secondary-foreground-shadow);
	
	--whmcs-cartsteps-mobile-headerdesign1-button-active-background: var(--color-secondary-background);	
	--whmcs-cartsteps-mobile-headerdesign1-button-active-background-gradient-top: var(--color-secondary-background);	
	--whmcs-cartsteps-mobile-headerdesign1-button-active-background-gradient-middle: var(--color-secondary-background);	
	--whmcs-cartsteps-mobile-headerdesign1-button-active-background-gradient-bottom: var(--color-secondary-background);	
	--whmcs-cartsteps-mobile-headerdesign1-button-active-foreground: var(--color-secondary-foreground);	
	--whmcs-cartsteps-mobile-headerdesign1-button-active-foreground-shadow: var(--color-secondary-foreground-shadow);		
	
	/* Header Design 2 */
	
	--whmcs-cartsteps-headerdesign2-button-active-background: var(--color-secondary-background);	
	--whmcs-cartsteps-headerdesign2-button-active-background-gradient-top: var(--color-secondary-background);	
	--whmcs-cartsteps-headerdesign2-button-active-background-gradient-middle: var(--color-secondary-background);	
	--whmcs-cartsteps-headerdesign2-button-active-background-gradient-bottom: var(--color-secondary-background);	
	--whmcs-cartsteps-headerdesign2-button-active-foreground: var(--color-secondary-foreground);	
	--whmcs-cartsteps-headerdesign2-button-active-foreground-shadow: var(--color-secondary-foreground-shadow);	
	
	--whmcs-cartsteps-mobile-headerdesign2-button-active-background: var(--color-secondary-background);	
	--whmcs-cartsteps-mobile-headerdesign2-button-active-background-gradient-top: var(--color-secondary-background);	
	--whmcs-cartsteps-mobile-headerdesign2-button-active-background-gradient-middle: var(--color-secondary-background);	
	--whmcs-cartsteps-mobile-headerdesign2-button-active-background-gradient-bottom: var(--color-secondary-background);	
	--whmcs-cartsteps-mobile-headerdesign2-button-active-foreground: var(--color-secondary-foreground);	
	--whmcs-cartsteps-mobile-headerdesign2-button-active-foreground-shadow: var(--color-secondary-foreground-shadow);	
		
}