@import url('https://fonts.googleapis.com/css?family=Poppins:400');
	@import url('https://fonts.googleapis.com/css?family=Poppins:300');
	@import url('https://fonts.googleapis.com/css?family=Poppins:400');
	@import url('https://fonts.googleapis.com/css?family=Poppins:400');
	@import url('https://fonts.googleapis.com/css?family=Poppins:400');
	
	:root {
	--borderradius: 5px;
	--leftbarfontsize: 14px;
	--leftbarprimaryhead: 20px;
	--leftbarsecondaryfont: 12px;

	--rightbarprimaryhead: 20px;
	--rightbarsecondaryhead: 12px;
	--rightbarmainhead: 14px;
	--rightbarfont: "Poppins";

	--mainprimaryhead: 20px;
	--mainsecondaryhead: 12px;
	--mainhead: 14px;
	--blogtitlecolor : rgb(13, 33, 44);

	/* create new buttoncolor*/
	--buttoncolor: rgb(13, 33, 44);
	--border-left: rgb(13, 33, 44);

	--primary-background: #e7e9ea;
	--module-background: #ffffff;
	--icon-color: #5b5b5b;
	--form-fields-background: #eff2f4;
	--placeholder-bg-color: #5b5b5b;
	--highlight-color-one: rgb(54, 192, 201);
	--highlight-color-two: rgb(54, 192, 201);

	--menu-font-size: 14px;
	--menu-font: "Poppins";
	--menu-font-weight: "400";
	--menu-font-color: rgb(13, 33, 44);
	--menu-font-mousehover-color: rgb(13, 33, 44);


	--primaryheading-font-size: 16px;
	--primaryheading-font: "Poppins";

	--primaryheading-font-weight: "300";
	--primaryheading-font-color: #0d212c;
	--primaryheading-font-mousehover-color: #0d212c;


	--miniheading-font-size: 12px;
	--miniheading-font: "Poppins";
	--miniheading-font-weight: "400";
	--miniheading-font-color: rgb(115, 126, 131);
	--miniheading-font-mousehover-color: rgb(115, 126, 131);


	--alternate-text-font-size: 12px;
	--alternate-text-font: "Poppins";
	--alternate-text-font-weight: "400";
	--alternate-text-font-color: #5b5b5b;

	--placeholder-font-size: 10px;
	--placeholder-font: "Poppins";
	--placeholder-font-weight: "400";
	--placehoder-text-color: #5b5b5b;

	--primary-text-color: #0f0f0f;

	/*Dark Mode*/
	--primary-text-color-dark: #fff;
	--primary-background-dark: #18243e;
	--module-background-dark:  #131c30;
	--icon-color-dark:  #fff;
	--menu-font-color-dark:  #fff;
	--blogtitlecolor-dark :  #fff;
	--form-fields-background-dark: #edf7fb;
	--placeholder-bg-color-dark: #5b5b5b;
	--highlight-color-one-dark: #C74B50;
	--highlight-color-two-dark: #D49B54;
	--primaryheading-font-color-dark: #fff;
	--miniheading-font-color-dark: #fff;
	--alternate-text-font-color-dark: #fff;
	--placehoder-text-color-dark: #fff;

	--top-menu-dropdown-fontface: Poppins;
	--top-menu-dropdown-color: rgb(13, 33, 44);
	--top-menu-dropdown-size: 13px;
	--top-menu-heading-fontface: Poppins;
	--top-menu-heading-color: #ffffff;
	--top-menu-heading-size: 14px;
	--top-bar-menu-bgcolor: rgb(13, 33, 44);
	--top-menu-dropdown-bgcolor: rgb(255, 255, 255);


	--top-menu-heading-alternative-color: rgb(13, 33, 44);
	--top-menu-dropdown-alternative-color: rgb(13, 33, 44);
	--top-menu-icon-color: rgb(255, 255, 255);
	--top-menu-profile-name-size: 12px;
	--top-menu-profile-name-fontface: Poppins;
	--top-menu-profile-name-color: rgb(255, 255, 255);
	--top-menu-profile-location-size: 10px;
	--top-menu-profile-location-fontface: Poppins;
	--top-menu-profile-location-color: rgb(255, 255, 255);
	--profile-progress-bar: rgb(54, 192, 201);
	}