/*==================================
Theme Color All Codes Variable
==================================*/
:root {
	 --body-theme-color: #73787d;  /* theme gray color */
}
:root {
	 --primary-theme-color: #f3b675;  /* theme primary color */
}
:root {
	 --secondary-theme-color: #0f1b37;  /* theme secondary color */
}
:root {
	 --white-theme-color: #fff;  /* theme white font color */
}
:root {
	 --off-white-theme-color: #f5f5f5;  /* theme gray color */
}
:root {
	 --gray-theme-color: #bbb;  /* theme gray color */
}
:root {
	 --light-gray-theme-color: #a2a2a2;  /* theme light gray color */
}
:root {
	 --dark-theme-color: #0C1426;  /* theme Dark color */
}
:root {
	 --light-dark-theme-color: #242c3e;  /* theme light color */
}
:root {
	 --white-opacity-theme-color: rgba(255, 255, 255, 0.3);  /* theme light color */
}




:root {
	 --primary-overlay: rgba(103, 197, 70, 0.7);  /* theme Primary color overlay transparent */
}
:root {
	 --secondary-overlay: rgba(39, 49, 61, 0.7);  /* theme secondary color overlay transparent */
}
:root {
	 --dark-overlay: rgba(32, 42, 54, 0.8);  /* theme secondary color overlay transparent */
}
/*==================================
Font Variable
==================================*/
:root {
	 --theme-body-font: 'Montserrat', sans-serif;  /* Font use for normal text and body text */
}
:root {
	 --theme-highlight-font: 'Poppins', sans-serif;  /* Font used in title or special area */
}