/* Variable Css Start Here */
/* Font cdn starts here */
@font-face {
	font-family: "CormorantSC-Regular";
	font-display:swap;
	src: url("../fonts/Cormorant_SC/CormorantSC-Regular.ttf");
}
@font-face {
	font-family: "CormorantSC-Light";
	font-display:swap;
	src: url("../fonts/Cormorant_SC/CormorantSC-Light.ttf");
}
@font-face {
	font-family: "CormorantSC-Medium";
	font-display:swap;
	src: url("../fonts/Cormorant_SC/CormorantSC-Medium.ttf");
}
@font-face {
	font-family: "CormorantSC-SemiBold";
	font-display:swap;
	src: url("../fonts/Cormorant_SC/CormorantSC-SemiBold.ttf");
}
@font-face {
	font-family: "CormorantSC-Bold";
	font-display:swap;
	src: url("../fonts/Cormorant_SC/CormorantSC-Bold.ttf");
}

@font-face {
	font-family: "Lora-Regular";
	font-display:swap;
	src: url("../fonts/Lora/Lora-Regular.ttf");
}
@font-face {
	font-family: "Lora-Bold";
	font-display:swap;
	src: url("../fonts/Lora/Lora-Bold.ttf");
}
@font-face {
	font-family: "Lora-BoldItalic";
	font-display:swap;
	src: url("../fonts/Lora/Lora-BoldItalic.ttf");
}
@font-face {
	font-family: "Lora-Italic";
	font-display:swap;
	src: url("../fonts/Lora/Lora-Italic.ttf");
}
@font-face {
	font-family: "Lora-Medium";
	font-display:swap;
	src: url("../fonts/Lora/Lora-Medium.ttf");
}
@font-face {
	font-family: "Lora-MediumItalic";
	font-display:swap;
	src: url("../fonts/Lora/Lora-MediumItalic.ttf");
}
@font-face {
	font-family: "Lora-SemiBold";
	font-display:swap;
	src: url("../fonts/Lora/Lora-SemiBold.ttf");
}

@font-face {
	font-family: "Roboto-Regular";
	font-display:swap;
	src: url("../fonts/Roboto/Roboto-Regular.ttf");
}
@font-face {
	font-family: "Roboto-Bold";
	font-display:swap;
	src: url("../fonts/Roboto/Roboto-Bold.ttf");
}
/* Font cdn ends here */
:root {
	/* Typography starts here */
	--font-default: "Lora-Regular";
	--font-heading: "CormorantSC-Bold";
	--font-btn: "CormorantSC-Medium";
	--font-CormorantSC-regular: "CormorantSC-Regular";
	--font-CormorantSC-bold: "CormorantSC-Bold";
	--font-Lora-SemiBold: "Lora-SemiBold";
	--font-Lora-bold: "Lora-Bold";
	--font-Lora-bold-italic: "Lora-BoldItalic";
	--font-Medium: "Lora-Medium";
	--font-Roboto-Regular: "Roboto-Regular";
	--font-Roboto-Bold: "Roboto-Bold";
	/* Typography ends here */

	/* Colors starts here */
	--body-color: #fff;
	--bg-primary: #F0822A;
	--bg-secondary: #000000d6;
	--extra-color-1: #353B47;
	--extra-color-2: #C6C6C6;
	--light-bg: #FBFBFB;
	/* --text-color: #848696; */
	--text-color: #000;
	--text-color-2: #50302d;
	--heading-color: #50302d;
	--heading-color-2: #fff;
	--light-text-color: #fff;
	--dark-text-color: #000;
	
	/* Colors ends here */

	/* button colors starts here */
	--primary-btn-color: #F05A2A;
	--primary-btn-text-color: #fff;
	--secondary-btn-color: #50302d;
	--secondary-btn-text-color: #24498C;
	/* button colors starts here */
	/* Auth Input Background */
	--auth-input-light-bg: #F3F3F3;
	--auth-input-light-border: #C3CAD9;

}

/* Variable Css End Here */