/* Font cdn starts here */
@font-face {
	font-family: "roboto";
	src: url("../fonts/Roboto/Roboto-Bold.ttf");
}
@font-face {
	font-family: "roboto-reg";
	src: url("../fonts/Roboto/Roboto-Regular.ttf");
}
@font-face {
	font-family: "roboto-italic";
	src: url("../fonts/Roboto/Roboto-Italic.ttf");
}
@font-face {
	font-family: "roboto-meduim";
	src: url("../fonts/Roboto/Roboto-Medium.ttf");
}
@font-face {
	font-family: "poppins";
	src: url("../fonts/poppins/Poppins-Regular.ttf");
}
@font-face {
	font-family: "poppins-light";
	src: url("../fonts/poppins/Poppins-Light.ttf");
}
@font-face {
	font-family: "poppins-med";
	src: url("../fonts/poppins/Poppins-Medium.ttf");
}
@font-face {
	font-family: "poppins-semibold";
	src: url("../fonts/poppins/Poppins-SemiBold.ttf");
}
@font-face {
	font-family: "poppins-bold";
	src: url("../fonts/poppins/Poppins-Bold.ttf");
}
@font-face {
	font-family: "playfair-italic";
	src: url("../fonts/Playfair_Display/PlayfairDisplay-Italic-VariableFont_wght.ttf");
}
@font-face {
	font-family: "Playfair-SemiBoldItalic";
	src: url("../fonts/Playfair_Display/static/PlayfairDisplay-SemiBoldItalic.ttf");
}
/* Font cdn ends here */
:root {
	/* Typography starts here */
	--font-default: "poppins";
	--font-heading: "roboto";
	--font-roboto-reg: "roboto-reg";
	--font-light: "poppins-light";
	--font-medium: "poppins-med";
	--font-semibold: "poppins-semibold";
	--font-bold: "poppins-bold";
	--font-italic: "playfair-italic";
	--font-sembold-italic: "Playfair-SemiBoldItalic";
	--second-italic: "roboto-italic";
	--second-medium: "roboto-meduim";
	/* Typography ends here */

	/* Colors starts here */
	--body-color: #ffffff;
	--extra-color-1: #f8bc26;
	--extra-color-2: #007033;
	--extra-color-3: #004c66;
	--extra-color-4: #bbbbbb;
	--default-text-color: #000000;
	--second-text-color: #fff;
	--light-background-color: #f2f8f4;
	--light-black-color: #010101;
	--extra-light: #141414;
	/* Colors ends here */

	/* button colors starts here */
	--primary-btn-color: #f8bc26;
	--secondary-btn-color: #ffffff;
	--button-detail-back: #d50012;
	--button-text-color: #000000;
	/* button colors starts here */
}