@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");
/* Variable Css Start Here */

/* Font cdn starts here */
@font-face {
	font-family: "Poppins-Bold";
	font-display: swap;
	src: url("../fonts/Poppins-Bold.ttf");
}
@font-face {
	font-family: "Poppins-ExtraBold";
	font-display: swap;
	src: url("../fonts/Poppins-ExtraBold.ttf");
}
@font-face {
	font-family: "Poppins-Medium";
	font-display: swap;
	src: url("../fonts/Poppins-Medium.ttf");
}

@font-face {
	font-family: "poppins-Regular";
	font-display: swap;
	src: url("../fonts/Poppins-Regular.ttf");
}

@font-face {
	font-family: "Poppins-SemiBold";
	font-display: swap;
	src: url("../fonts/Poppins-SemiBold.ttf");
}
@font-face {
	font-family: "CabinetGrotesk-Regular";
	font-display: swap;
	src: url("../fonts/CabinetGrotesk-Regular.ttf");
}
@font-face {
	font-family: "CabinetGrotesk-Medium";
	font-display: swap;
	src: url("../fonts/CabinetGrotesk-Medium.ttf");
}
@font-face {
	font-family: "CabinetGrotesk-Bold";
	font-display: swap;
	src: url("../fonts/CabinetGrotesk-Bold.ttf");
}
@font-face {
	font-family: "CabinetGrotesk-Extrabold";
	font-display: swap;
	src: url("../fonts/CabinetGrotesk-Extrabold.ttf");
}
@font-face {
	font-family: "TomatoGrotesk-Regular";
	font-display: swap;
	src: url("../fonts/TomatoGrotesk-Regular.otf");
}
@font-face {
	font-family: "TomatoGrotesk-Medium";
	font-display: swap;
	src: url("../fonts/TomatoGrotesk-Medium.otf");
}
@font-face {
	font-family: "TomatoGrotesk-Bold";
	font-display: swap;
	src: url("../fonts/TomatoGrotesk-Bold.otf");
}

/* Font cdn ends here */
:root {
	/* Typography starts here */
	--font-default: "Poppins-Regular";
	--font-poppin-semibold: "Poppins-SemiBold";
	--font-poppin-bold: "Poppins-Bold";
	--font-poppin-medium: "Poppins-Medium";
	/* Typography ends here */

	/* Colors starts here */
	--body-color: #fff;
	--default-color: #0000;
}

/* Variable Css End Here */