/*==================================
Theme Color All Codes Variable
==================================*/
:root {
	 --primary-theme-color: #f4712a;  /* theme primary color */
}
:root {
	 --secondery-theme-color: #279f4b  /* theme secondery color */
}
:root {
	 --dark-theme-color: #1a1a1a;  /* theme dark font color */
}
:root {
	 --gray-color: #f5f5f5;  /* theme light color */
}
:root {
	 --white-color: #fff;  /* theme white font color */
}
:root{
	--bg-dark: #022762; /* theme dark font color */
}
:root {
	 --black-color: #000;  /* theme black font color */
}
:root {
	 --dark-text-color: #a5a5a5;  /* theme light color */
}
:root {
	 --body-text-color: #818181;  /* theme body font color */
}
:root{
	--light-gray-color: #dadada; /* light gray color */
}

/*==================================
 Overlay
 ==================================*/
 :root{
 	--theme-overlay-secondery-color-4: rgba(9, 67, 160, .4)
 }
 :root{
 	--theme-overlay-secondery-color-6: rgba(9, 67, 160, .65)
 }
 :root{
 	--theme-overlay-secondery-color-8: rgba(9, 67, 160, .8)
 }
 :root{
 	--theme-overlay-secondery-deep-color: rgba(2, 21, 52, .7)
 }
 :root{
 	--theme-overlay-secondery-dark-color: rgba(2, 39, 98, 0.90)
 }
 :root{
	--overlay-white-color: rgba(255, 255, 255, 0.8)
 }
/*==================================
Font Variable
==================================*/
:root {
	 --theme-body-font: 'Montserrat', sans-serif;  /* Font use for normal text and body text */
}
:root {
	 --theme-highlight-font: 'Oleo Script', cursive;  /* Font used in title or special area */
}