@import url("https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Oxygen:wght@400;700&display=swap");
/* Variable Css Start Here */
/* Font cdn starts here */
@font-face {
	font-family: "Poppins-Light";
	src: url("../fonts/Poppins/Poppins-Light.woff2");
}

@font-face {
	font-family: "Poppins-bold";
	src: url("../fonts/Poppins/Poppins-Bold.woff2");
}

@font-face {
	font-family: "Poppins-semibold";
	src: url("../fonts/Poppins/Poppins-SemiBold.woff2");
}

@font-face {
	font-family: "Poppins-medium";
	src: url("../fonts/Poppins/Poppins-Medium.woff2");
}

@font-face {
	font-family: "Poppins-regular";
	src: url("../fonts/Poppins/Poppins-Regular.woff2");
}

@font-face {
	font-family: "Montserrat-bold";
	src: url("../fonts/Montserrat/Montserrat-Bold.ttf");
}

@font-face {
	font-family: "Poppins-Italic";
	src: url("../fonts/Poppins/Poppins-Italic.ttf");
}

@font-face {
	font-family: "Poppins-ExtraBold";
	src: url("../fonts/Poppins/Poppins-ExtraBold.ttf");
}

@font-face {
	font-family: "Oswald-Bold";
	src: url("../fonts/oswald/Oswald-Bold.woff");
}

@font-face {
	font-family: "Oswald-Light";
	src: url("../fonts/oswald/Oswald-Light.woff");
}

@font-face {
	font-family: "Oswald-Medium";
	src: url("../fonts/oswald/Oswald-Medium.woff");
}

@font-face {
	font-family: "Oswald-Regular";
	src: url("../fonts/oswald/Oswald-Regular.woff");
}

@font-face {
	font-family: "Oswald-SemiBold";
	src: url("../fonts/oswald/Oswald-SemiBold.woff");
}
/* Font cdn ends here */
:root {
	/* Typography starts here */
	--font-poppin-regular: "Poppins-regular";
	--font-Poppins-Italic: "Poppins-Italic";
	--font-btn: "Poppins-regular";
	--font-poppin-bold: "Poppins-bold";
	--font-poppin-semibold: "Poppins-semibold";
	--font-poppin-medium: "Poppins-medium";
	--font-Poppins-ExtraBold: "Poppins-ExtraBold";
	--font-light: "Poppins-Light";
	/* Typography ends here */

	/* Colors starts here */
	--body-color: #fff;
	--bg-color: #09a0f7;
	--text-color: #373737;
	/* Colors ends here */
}

/* Variable Css End Here */