@font-face {
	font-family: "Roboto-Light";
	src: url(../fonts/roboto/Roboto-Light.woff);
	font-display:swap;
}
@font-face {
	font-family: "Roboto-Thin";
	src: url(../fonts/roboto/Roboto-Thin.woff);
	font-display:swap;
}
@font-face {
	font-family: "Roboto-Regular";
	src: url(../fonts/roboto/Roboto-Regular.woff);
	font-display:swap;
}
@font-face {
	font-family: "Roboto-Bold";
	src: url(../fonts/roboto/Roboto-Bold.woff);
	font-display:swap;
}
@font-face {
	font-family: "roboto-slab-extralight";
	src: url(../fonts/roboto/roboto-slab-extralight.woff);
	font-display:swap;
}
@font-face {
	font-family: "Roboto-Medium";
	src: url(../fonts/roboto/Roboto-Medium.woff);
	font-display:swap;
}
@font-face {
	font-family: "Inter-SemiBold";
	src: url(../fonts/Inter-SemiBold.woff);
	font-display:swap;
}
@font-face {
	font-family: "Inter-Regular";
	src: url(../fonts/Inter-Regular.woff);
	font-display:swap;
}
:root {
	--font-Roboto-Light: "Roboto-Light";
	--font-Roboto-Thin: "Roboto-Thin";
	--font-Roboto-Regular: "Roboto-Regular";
	--font-Roboto-Bold: "Roboto-Bold";
	--font-roboto-slab-extralight: "roboto-slab-extralight";
	--font-Roboto-Medium: "Roboto-Medium";
	--font-Inter-SemiBold: "Inter-SemiBold";
	--font-Inter-Regular: "Inter-Regular";
	/* color  */
	--text-color: #ffffff;
	--btn-color: #0362a0;
	--text-color-2: #797979;
	--heading-color: #0362a0;
	--text-color-3: #8d8d8d;
	--text-black: #000000;
	--border-color: #c2c2c2;
}