/*==================================
Theme Color All Codes Variable
==================================*/
:root {
	 --theme-general-color: #d3d5db;  /* theme gray color ok*/
}
:root {
	 --theme-primary-color: #fcb231 ;  /* theme primary color ok*/
}
:root {
	 --theme-secondary-color: #6c53a1;  /* theme secondary color ok*/
}
:root {
	 --theme-white-color: #fff;  /* theme white font color ok*/
}
:root {
	 --theme-black-color: #2c2c2c;  /* theme white font color ok*/
}
:root {
	 --theme-light-color: #203265;  /* theme light gray color ok*/
}
:root {
	 --theme-gray-color: #ececec;  /* theme gray color */
}
:root {
	 --theme-dark-color: #051236;  /* theme dark color ok*/
}
:root {
	 --theme-primary-opacity-color: rgba(225, 175, 21, .8);  /* theme secondary color ok*/
}
:root {
	 --theme-secondary-opacity-color: rgba(9, 26, 74, .3);  /* theme secondary color ok*/
}
:root {
	 --theme-white-opacity-color: rgba(255, 255, 255, 0.3);  /* theme light color ok*/
}
:root {
	 --text-light-color: #646363;  /* text light color */
}
:root {
	 --text-dark-color: #051236;  /* theme light gray color ok*/
}
:root {
	--theme-gradient-color: linear-gradient(to right, #6a52a0, #b15099, #e3567f, #fc725b, #f99d38) !important;  /* text light color */
}

/*==================================
Font Variable
==================================*/
:root {
	 --theme-general-font: 'Montserrat', sans-serif;  /* Font use for normal text and general text ok*/
}
:root {
	/* --theme-highlight-font: 'Rajdhani', sans-serif; */
	/* Font used in title or special area ok*/
	--theme-highlight-font: 'Play', sans-serif;
}
h1,
.h1{
	font-size: 40px;
	font-weight: 700
}
h2,
.h2{
	font-size: 38px;
	font-weight: 700
}
h3,
.h3{
	font-size: 32px;
	font-weight: 700
}
h4,
.h4{
	font-size: 28px;
	font-weight: 700
}
h5,
.h5{
	font-size: 22px;
	font-weight: 600
}
h6,
.h6{
	font-size: 18px;
	font-weight: 500
}
.btn-link{
	font-weight: 500
}

.navbar-brand{
	padding: 0
}
.down-line::before {
	width: 50px
}
.btn-primary, .btn-primary:hover {
	color: var(--theme-dark-color);
}