/* 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 cdn ends here */
:root {
	/* Typography starts here */
	--font-default: "Archivo-Regular";
	--font-heading: "Archivo-Bold";
	--font-btn: "Archivo-Medium";
	--font-SemiBold: "Archivo-SemiBold";
	/* Typography ends here */

	/* Colors starts here */
	--body-color: #fff;
	--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 */