/* Variable Css Start Here */
/* Font cdn starts here */
@font-face {
	font-family: "OpenSans-Regular";
	font-display:swap;
	src: url("../fonts/open-sans/OpenSans-Regular.ttf");
}
@font-face {
	font-family: "OpenSans-Light";
	font-display:swap;
	src: url("../fonts/open-sans/OpenSans-Light.ttf");
}
@font-face {
	font-family: "OpenSans-Semibold";
	font-display:swap;
	src: url("../fonts/open-sans/OpenSans-Semibold.ttf");
}
@font-face {
	font-family: "OpenSans-Bold";
	font-display:swap;
	src: url("../fonts/open-sans/OpenSans-Bold.ttf");
}
@font-face {
	font-family: "OpenSans-ExtraBold";
	font-display:swap;
	src: url("../fonts/open-sans/OpenSans-ExtraBold.ttf");
}
@font-face {
	font-family: "Oswald-Regular";
	font-display:swap;
	src: url("../fonts/oswald/Oswald-Regular.ttf");
}
@font-face {
	font-family: "Oswald-Light";
	font-display:swap;
	src: url("../fonts/oswald/Oswald-Light.ttf");
}
@font-face {
	font-family: "Oswald-Medium";
	font-display:swap;
	src: url("../fonts/oswald/Oswald-Medium.ttf");
}
@font-face {
	font-family: "Oswald-DemiBold";
	font-display:swap;
	src: url("../fonts/oswald/Oswald-DemiBold.ttf");
}
@font-face {
	font-family: "Oswald-Bold";
	font-display:swap;
	src: url("../fonts/oswald/Oswald-Bold.ttf");
}
@font-face {
	font-family: "Oswald-Heavy";
	font-display:swap;
	src: url("../fonts/oswald/Oswald-Heavy.ttf");
}
/* Font cdn ends here */
:root {
	/* Typography starts here */
	--font-default: "OpenSans-Regular";
	--font-heading: "Oswald-DemiBold";
	--font-btn: "OpenSans-Semibold";
	--font-bold: "Oswald-Bold";
	--font-light: "Oswald-Medium";
	/* Typography ends here */

	/* Colors starts here */
	--body-color: #fff;
	--bg-primary: #26CC8C;
	--bg-secondary: #ffd857;
	--extra-color-1: #18c381;
	--extra-color-2: #151515;
	--light-bg: #f9f9f9;
	--dark-bg: #333333;
	/* --text-color: #848696; */
	--text-color: #777;
	--text-color-2: #808080;
	--heading-color: #26CC8C;
	--heading-color-2: #fff;
	--light-text-color: #fff;
	
	/* 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 */