/* Variable Css Start Here */
/* Font cdn starts here */
@font-face {
	font-family: "Archivo-Regular";
	font-display: swap;
	src: url("../fonts/Archivo/Archivo-Regular.woff2");
}
@font-face {
	font-family: "Archivo-SemiBold";
	font-display: swap;
	src: url("../fonts/Archivo/Archivo-SemiBold.woff2");
}
@font-face {
	font-family: "Archivo-Medium";
	font-display: swap;
	src: url("../fonts/Archivo/Archivo-Medium.woff2");
}
@font-face {
	font-family: "Archivo-Bold";
	font-display: swap;
	src: url("../fonts/Archivo/Archivo-Bold.woff2");
}
@font-face {
	font-family: "babylonica-regular";
	font-display: swap;
	src: url("../fonts/Archivo/Babylonica-Regular.ttf");
}
/* Font cdn ends here */
:root {
	/* Typography starts here */
	--font-default: "Archivo-Regular";
	--font-heading: "Archivo-Bold";
	--font-btn: "Archivo-Medium";
	--font-SemiBold: "Archivo-SemiBold";
	--sign-font: "babylonica-regular";
	/* Typography ends here */

	/* Colors starts here */
	--body-color: #fff;
	--theme-color: #0a74cd;
	--bg-primary: #c28500;
	--bg-secondary: #2c2111;
	--extra-color-1: #0c0c0c;
	--extra-color-2: #151515;
	--light-bg: #f9f9f9;
	--dark-bg: #333333;
	/* --text-color: #848696; */
	--text-color: #9aaaa8;
	--text-color-2: #032909;
	--heading-color: #032909;
	--light-text-color: #c5c5c5;

	/* Colors ends here */

	/* button colors starts here */
	--primary-btn-color: #ffd857;
	--primary-btn-text-color: #333333;
	--secondary-btn-color: #26cc8c;
	--secondary-btn-text-color: #fff;
	/* button colors starts here */
}

/* Variable Css End Here */