/*==================================
Theme Color All Codes Variable
==================================*/
:root {
	--theme-ordinary-color: #343434;
	/* theme ordinay font color ok*/
	--theme-primary-color: #0069d9;
	/* theme primary color ok*/
	--theme-secondary-color: #343434;
	/* theme secondary color ok*/
	--theme-white-color: #fff;
	/* theme white font color ok*/
	--theme-light-color: #f8f8f8;
	/* theme light gray color */
	--theme-gray-color: #f5f5f5;
	/* theme gray color ok*/
	--theme-footer-color: #343434;
	/* theme dark color */
	--theme-dark-color: #343434;
	/* theme dark color */
	--text-light-color: #a3a7af;
	/* Light text color to use in dark area */
	--theme-primary-opacity-color: rgba(11, 191, 141, .8);
	/* theme secondary color */
	--theme-secondary-opacity-color: rgba(13, 20, 50, 0.7);
	/* theme secondary color ok*/
	--theme-white-opacity-color: rgba(255, 255, 255, 0.3);
	/* theme light color */
	--theme-dark-opacity-color: rgba(0, 0, 0, 0.5);
	/* theme dark color ok*/
}

/*==================================
Font Variable
==================================*/
:root {
	--theme-ordinary-font: 'Rubik', sans-serif;
	/* Font use for normal text and general text ok*/
	--theme-highlight-font: 'Rubik', sans-serif;
	/* Font used in title or special area ok*/
}