:root {
	
	/* Primary color */
	
	--color-primary-background: #1569c7;
	--color-primary-background-gradient-top: #1569c7;
	--color-primary-background-gradient-bottom: #1569c7;
	--color-primary-background-border: #15317e;
	--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: #1569c7;
	--color-primary-active-background-gradient-top: #1569c7;
	--color-primary-active-background-gradient-bottom: #1569c7;	
	--color-primary-active-background-border: #15317e;
	--color-primary-active-background-shadow: #dc8840;	
	--color-primary-active-foreground: #fff;
	--color-primary-active-foreground-shadow: #000;
	
	
}	

/*Change the banner and sub-banner headings*/

.subbanner .subbanner-heading,
.banner .banner-heading,
.banner .list ul li i {
    color: #fff;
}