/*

------------------------------------------
------------------------------------------

----- Variables

------------------------------------------
------------------------------------------	

*/

:root {
	
	/* Primary color */
	
	--color-primary-background: #2ab867;
	--color-primary-background-gradient-top: #2ab867;
	--color-primary-background-gradient-bottom: #2ab867;
	--color-primary-background-border: #249d58;
	--color-primary-background-shadow: #000;	
	--color-primary-foreground: #fff;
	--color-primary-foreground-shadow: #000;
	
	/* Primary color - Active (used for hover/active states) */
	
	--color-primary-active-background: #209e56;
	--color-primary-active-background-gradient-top: #209e56;
	--color-primary-active-background-gradient-bottom: #209e56;	
	--color-primary-active-background-border: #249d58;
	--color-primary-active-background-shadow: #dc8840;	
	--color-primary-active-foreground: #fff;
	--color-primary-active-foreground-shadow: #000;
	
	/* Secondary color */
	
	--color-secondary-background: #1a74fa;
	--color-secondary-background-gradient-top: #1a74fa;
	--color-secondary-background-gradient-bottom: #1a74fa;
	--color-secondary-background-border: #5c89bf;	
	--color-secondary-background-shadow: #3f3e3e;
	--color-secondary-foreground: #fff;
	--color-secondary-foreground-shadow: #000;
	
	/* Secondary color - Active (used for hover/active states) */
	
	--color-secondary-active-background: #4d83d4;
	--color-secondary-active-background-gradient-top: #4d83d4;
	--color-secondary-active-background-gradient-bottom: #4d83d4;	
	--color-secondary-active-background-border: #5c89bf;
	--color-secondary-active-background-shadow: #3f3e3e;	
	--color-secondary-active-foreground: #fff;
	--color-secondary-active-foreground-shadow: #000;

	/* Tertiary color */
	
	--color-tertiary-background: #f5f5f5;
	--color-tertiary-background-gradient-top: #f5f5f5;
	--color-tertiary-background-gradient-bottom: #f5f5f5;
	--color-tertiary-background-border: #dddddd;	
	--color-tertiary-background-shadow: #3f3e3e;
	--color-tertiary-foreground: #243141;
	--color-tertiary-foreground-shadow: #fff;
	
	/* Tertiary color - Active (used for hover/active states) */
	
	--color-tertiary-active-background: #f5f5f5;
	--color-tertiary-active-background-gradient-top: #f5f5f5;
	--color-tertiary-active-background-gradient-bottom: #f5f5f5;	
	--color-tertiary-active-background-border: #dddddd;
	--color-tertiary-active-background-shadow: #3f3e3e;	
	--color-tertiary-active-foreground: #243141;
	--color-tertiary-active-foreground-shadow: #fff;			
	
	/* Box color */
	
	--color-box-background: #ffffff;
	--color-box-background-gradient-top: #ffffff;
	--color-box-background-gradient-bottom: #ffffff;
	--color-box-background-border: #1a74fa;	
	--color-box-background-shadow: #dddddd;
	--color-box-background-divider: #f4f4f4;
	--color-box-foreground: var(--color-body);
	--color-box-foreground-shadow: #fff;	
	--color-box-foreground-bold: #243141;
	--color-box-foreground-bold-shadow: #fff;	
	--color-box-head-background: #1a74fa;
	--color-box-head-background-gradient-top: #1a74fa;
	--color-box-head-background-gradient-bottom: #1a74fa;	
	--color-box-head-background-border: #dddddd;
	--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: #dddddd;
	--color-box-footer-background-gradient-top: #dddddd;
	--color-box-footer-background-gradient-bottom: #dddddd;	
	--color-box-footer-background-border: #cbcbcb;
	--color-box-footer-foreground: #3f3e3e;
	--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: #d7d6d6;
	--color-box-active-background-gradient-top: #d7d6d6;
	--color-box-active-background-gradient-bottom: #d7d6d6;
	--color-box-active-background-border: #1a74fa;	
	--color-box-active-background-shadow: #a9aaac;
	--color-box-active-background-divider: #d0cece;
	--color-box-active-foreground: var(--color-body);
	--color-box-active-foreground-shadow: #fff;		
	--color-box-active-foreground-bold: #243141;
	--color-box-active-foreground-bold-shadow: #fff;
	--color-box-active-head-background: var(--color-primary-background);
	--color-box-active-head-background-gradient-top: var(--color-primary-background);
	--color-box-active-head-background-gradient-bottom: var(--color-primary-background);	
	--color-box-active-head-background-border: #dddddd;
	--color-box-active-head-foreground: var(--color-primary-foreground);
	--color-box-active-head-foreground-shadow: var(--color-primary-foreground-shadow);
	--color-box-active-head-foreground-bold: transparent;
	--color-box-active-head-foreground-bold-shadow: transparent;	
	--color-box-active-footer-background: #c4c2c2;
	--color-box-active-footer-background-gradient-top: #c4c2c2;
	--color-box-active-footer-background-gradient-bottom: #c4c2c2;		
	--color-box-active-footer-background-border: #908f8f;
	--color-box-active-footer-foreground: #3f3e3e;
	--color-box-active-footer-foreground-shadow: #3f3e3e;	
	--color-box-active-footer-foreground-bold: #000;
	--color-box-active-footer-foreground-bold-shadow: transparent;
				
	/* Badge - warning */
	
	--color-badge-hot-background: #dc1010;
	--color-badge-hot-background-gradient-top: #dc1010;
	--color-badge-hot-background-gradient-bottom: #dc1010;	
	--color-badge-hot-background-border: #dc1010;
	--color-badge-hot-foreground: #fff;	
	
	/* Badge - new */
	
	--color-badge-new-background: #45a523;
	--color-badge-new-background-gradient-top: #45a523;
	--color-badge-new-background-gradient-bottom: #45a523;		
	--color-badge-new-background-border: #45a523;
	--color-badge-new-foreground: #fff;		
	
	/* Badge - popular */
	
	--color-badge-popular-background: #dc1010;
	--color-badge-popular-background-gradient-top: #dc1010;
	--color-badge-popular-background-gradient-bottom: #dc1010;		
	--color-badge-popular-background-border: #dc1010;
	--color-badge-popular-foreground: #fff;		
	
	/* Badge - free */
	
	--color-badge-free-background: #15ace5;
	--color-badge-free-background-gradient-top: #15ace5;
	--color-badge-free-background-gradient-bottom: #15ace5;		
	--color-badge-free-background-border: #15ace5;
	--color-badge-free-foreground: #fff;
	
	/* Default colors */
	
	--background-body: #e2f2fd; /* Body background color */	
	--background-banner: #696969; /* Default background color for the banner */	
	--color-body: #696969; /* Used for body text */
	--color-heading: #243141; /* Used for heading text */
	--color-white: #fff;
	--color-black: #51400e;	
	--color-border: #98adc2;	
	--color-green: #43de04;
	--color-red: #dc1010;
	--color-grey: #cccccc;
	
} 

.elementorcontainer .elementorcontentcontainer {
    max-width: unset;
    width: 100%;
}