/* Variable Css Start Here */
/* Font cdn starts here */
@font-face {
	font-family: "Manrope-Regular";
	font-display:swap;
	src: url("../fonts/manrope/Manrope-Regular.ttf");
}
@font-face {
	font-family: "Manrope-Medium";
	font-display:swap;
	src: url("../fonts/manrope/Manrope-Medium.ttf");
}
@font-face {
	font-family: "Manrope-SemiBold";
	font-display:swap;
	src: url("../fonts/manrope/Manrope-SemiBold.ttf");
}
@font-face {
	font-family: "Manrope-Bold";
	font-display:swap;
	src: url("../fonts/manrope/Manrope-Bold.ttf");
}
@font-face {
	font-family: "Manrope-ExtraBold";
	font-display:swap;
	src: url("../fonts/manrope/Manrope-ExtraBold.ttf");
}

/* Font cdn ends here */
:root {
	/* Typography starts here */
	--font-default: "Manrope-Regular";
	--font-heading: "Manrope-ExtraBold";
	--font-btn: "Manrope-SemiBold";
	--font-manrope-medium: "Manrope-Medium";
	--font-manrope-Bold: "Manrope-Bold";
	/* Typography ends here */

	/* Colors starts here */
	--body-color: #fff;
	--bg-primary: #1E7E51;
	--bg-secondary: #fff;
	--extra-color-1: #353B47;
	--extra-color-2: #C6C6C6;
	--light-bg: #FBFBFB;
	/* --text-color: #848696; */
	--text-color: #202020;
	--text-color-2: #1E7E51;
	--heading-color: #202020;
	--heading-color-2: #fff;
	--light-text-color: #fff;
	--dark-text-color: #000;
	
	/* Colors ends here */

	/* button colors starts here */
	--primary-btn-color: #1E7E51;
	--primary-btn-text-color: #fff;
	--secondary-btn-color: #1E7E51;
	--secondary-btn-text-color: #1E7E51;
	/* button colors starts here */
	/* Auth Input Background */
	--auth-input-light-bg: #F3F3F3;
	--auth-input-light-border: #C3CAD9;

}

/* Variable Css End Here */