:root {
	/* Primary Color Palettes and shaded
	   Red */
	--primary-palette-red: #f04055;
	--primary-palette-red-100: #ff5468;
	--primary-palette-red-200: #f04055;
	--primary-palette-red-300: #e5151c;

	/* Blue */
	--primary-palette-blue: #3a7fe5;
	--primary-palette-blue-100: #5aa6ff;
	--primary-palette-blue-200: #3a7fe5;
	--primary-palette-blue-300: #0949a8;

	/* Yellow */
	--primary-palette-yellow: #ffc46a;
	--primary-palette-yellow-100: #ffc46a;
	--primary-palette-yellow-200: #ffb03a;

	/* Secondary Color Palettes and shaded */
	--secondary-palette-white: #fff;

	/* Warm Grey */
	--secondary-palette-warm-grey: #eee9e3;
	--secondary-palette-warm-grey-100: #fcf8f2;
	--secondary-palette-warm-grey-200: #eee9e3;
	--secondary-palette-warm-grey-300: #c9bdae;
	--secondary-palette-warm-grey-400: #e3dfdb;

	/* Cool Grey */
	--secondary-palette-cool-grey: #dcdde6;
	--secondary-palette-cool-grey-100: #f5f6fb;
	--secondary-palette-cool-grey-200: #dcdde6;
	--secondary-palette-cool-grey-300: #abadc0;

	/* Dark Grey */
	--secondary-palette-dark-grey: #24272e;
	--secondary-palette-dark-grey-100: #474f5a;
	--secondary-palette-dark-grey-200: #3a3c43;
	--secondary-palette-dark-grey-300: #2e3036;
	--secondary-palette-dark-grey-400: #24272e;
	--secondary-palette-dark-grey-500: #252a2b;

	/* transparent */
	--transparent: transparent;

	/* Font Families
	Primary Font Family */
	--primary-font-family: "sofia-pro";
	--primary-font-weight-light: 300;
	--primary-font-weight-regular: 400;
	--primary-font-weight-medium: 500;
	--primary-font-weight-bold: 700;

	/* Secondary Font Family */
	--secondary-font-family: "archivo-narrow-variable";
	--secondary-font-weight-semi-bold: 600;
	--secondary-font-weight-bold: 700;

	/* Media Breakpoints
	   Media Breakpoints for custom Css According to Bootstrap */
	--extra-small-screen: "575px";
	--small-screen: "576px";
	--medium-screen: "768px";
	--large-screen: "992px";
	--extra-large: "1200px";
	--double-large-screen: "1400px";


}