/* Variable Css Start Here */

/* Font cdn starts here */
@font-face {
	font-family: "Gilroy-Medium";
	font-display: swap;
	src: url("../fonts/Gilroy-Medium.ttf");
}
@font-face {
	font-family: "Gilroy-Regular";
	font-display: swap;
	src: url("../fonts/Gilroy-Regular.ttf");
}
@font-face {
	font-family: "Gilroy-SemiBold";
	font-display: swap;
	src: url("../fonts/Gilroy-SemiBold.ttf");
}
@font-face {
	font-family: "Gilroy-Bold";
	font-display: swap;
	src: url("../fonts/Gilroy-Bold.ttf");
}
@font-face {
	font-family: "Gilroy-Black";
	font-display: swap;
	src: url("../fonts/Gilroy-Black.ttf");
}
:root {
	/* Typography starts here */
	--font-default: "  Manrope", sans-serif;
	/* Typography ends here */

	/* Colors starts here */
	--body-color: #fff;
	--default-color: #0000;
	--yellow-color: #fafd93;
	/* Typography starts here */
	/* Typography ends here */

	/* Colors starts here */
	--body-color: #fff;
	--extra-color-1: #c2e62a;
	--bg-color: #f23838;
	--extra-color-3: #f9f9f9;
	--extra-color-3: #000;
	--profile-data-color: #2a263d;
	/* --text-color: #848696; */
	--text-color: #303030;
	--heading-color: #fff;
	--heading-color-2: #040404;
	--light-text-color: #fff;
	--dark-text-color: #000;
	--checkbox-color: #636060;
	--checkbox-back: #1e0e60;
	--profile-back: #fbfbfb;
	--pagination-color: #6d6d6d;
	--history-color: #959ead;
	--history-border: #dcdcdc;
	/* Colors ends here */

	/* button colors starts here */
	--primary-btn-color: #c4dd28;
	--primary-btn-text-color: #0a0a0a;
	--secondary-btn-color: #1e0e60;
	--secondary-btn-text-color: #fff;
	/* button colors starts here */
	/* Auth Input Background */
	--auth-input-light-bg: #f3f3f3;
	--auth-input-light-border: #c3cad9;
}

/* Variable Css End Here */