/*==================================
Theme Color All Codes Variable
==================================*/
:root {
  --theme-general-color: #55585c; /* theme gray color ok*/
}
:root {
  --theme-primary-color: #a7a7a7; /* theme primary color ok*/
}
:root {
  --theme-secondary-color: #202020; /* theme secondary color ok*/
}
:root {
  --theme-white-color: #fff; /* theme white font color ok*/
}
:root {
  --theme-light-color: #f8f9fa; /* theme light gray color ok*/
}
:root {
  --theme-gray-color: #ececec; /* theme gray color */
}
:root {
  --theme-dark-color: #13111b; /* theme dark color ok*/
}
:root {
  --theme-footer-color: #0e0d14; /* theme dark color ok*/
}
:root {
  --theme-primary-opacity-color: rgba(
    255,
    186,
    0,
    0.8
  ); /* theme secondary color ok*/
}
:root {
  --theme-secondary-opacity-color: rgba(
    41,
    39,
    52,
    0.7
  ); /* theme secondary color ok*/
}
:root {
  --theme-white-opacity-color: rgba(
    255,
    255,
    255,
    0.3
  ); /* theme light color ok*/
}
:root {
  --text-light-color: #a5a5a5; /* 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*/
}
.navbar-nav .nav-link,
.dropdown-item,
.btn {
  font-weight: 500;
}
h1,
.h1 {
  font-size: 50px;
  font-weight: 700;
}
h2,
.h2 {
  font-size: 42px;
  font-weight: 700;
}
h3,
.h3 {
  font-size: 36px;
  font-weight: 700;
}
h4,
.h4 {
  font-size: 30px;
  font-weight: 700;
}
h5,
.h5 {
  font-size: 24px;
  font-weight: 600;
}
h6,
.h6 {
  font-size: 18px;
  font-weight: 600;
}
.btn-link {
  font-weight: 500;
}

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