/*==================================
Theme Color All Codes Variable
==================================*/
:root {
	 --primary-theme-color: #45bdf1;  /* theme primary color */
}
:root {
	 --secondery-theme-color: #31343d;  /* theme secondery color */
}
:root {
	 --dark-theme-color: #202a36;  /* theme Dark color */
}
:root {
	 --light-gray-color: #f5f5f5;  /* theme light gray color */
}
:root {
	 --gray-color-2: #eee;  /* theme light gray color */
}
:root {
	 --light-theme-color: #f0f5f9;  /* theme light color */
}
:root {
	 --white-color: #fff;  /* theme white font color */
}
:root {
	 --black-color: #000;  /* theme white font color */
}
:root {
	 --light-text-color: #ababab;  /* theme white font color */
}
:root {
	 --dark-text-color: #202a36;  /* theme dark font color */
}
:root {
	 --secondery-text-color: #27313d;  /* theme secondery font color */
}
:root {
	 --body-text-color: #6c6c6c;  /* theme body font color */
}
:root {
	 --primary-border-color: #45bdf1;  /* theme primary border color */
}
:root {
	 --white-border-color: #fff;  /* theme white border color */
}
:root {
	 --gray-border-color: #e1e1e1;  /* theme gray border color */
}
:root {
	 --primary-overlay: rgba(69, 189, 241, 0.75);  /* theme Primary color overlay transparent */
}
:root {
	 --secondery-overlay: rgba(49, 52, 61, 0.75);  /* theme secondery color overlay transparent */
}
:root {
	 --white-overlay: rgba(255, 255, 255, 0.5);  /* theme secondery color overlay transparent */
}
:root {
	 --black-overlay: rgba(0, 0, 0, 0.75);  /* theme secondery color overlay transparent */
}

.gradient-overlay:before {
	background: -moz-linear-gradient(to right, rgba(69, 189, 241,.5) 0%, rgba(255,255,255,.5) 100%);
	background: -webkit-linear-gradient(to right, rgba(69, 189, 241,.5) 0%,rgba(255,255,255,.5) 100%);
	background: linear-gradient(to right, rgba(69, 189, 241,.5) 0%,rgba(255,255,255,.5) 100%)
}
/*==================================
Font Variable
==================================*/
:root {
	 --theme-body-font: 'Barlow', sans-serif;  /* Font use for normal text and body text */
}
:root {
	 --theme-highlight-font: 'Poppins', sans-serif;  /* Font used in title or special area */
}
/*==================================
Theme Color CSS File
==================================*/
.btn-primary {
	color: var(--white-color);
}
a.bg-primary:focus, 
a.bg-primary:hover, 
button.bg-primary:focus, 
button.bg-primary:hover {
	background-color: var(--primary-theme-color) !important;
	filter: brightness(110%) !important;
}