:root{
--color-primary:#840b1e;
--color-secondary:#003267;
--color-success:#28a745;
--color-info:#17a2b8;
--color-warning:#ffffff;
--color-danger:#dc3545;
--color-light:#ffffff;
--color-dark:#212529;
--color-white:#ffffff;
--color-black:#000000;
--body-bg-color:#ffffff;
--body-text-color:#212529;
--body-link-color:#840b1e;
--body-link-hover-color:#840b1e;
--mainnav-text-color:#212529;
--mainnav-link-color:#212529;
--mainnav-link-hover-color:#007bff;
--mainnav-link-active-color:#007bff;
--footer-bg-color:#f5f5f5;
--footer-text-color:#212529;
--footer-link-color:#212529;
--footer-link-hover-color:#212529;
--logo-bg-color:rgba(135, 12, 27, 0.01);
--gray-bg:#f5f5f5;
}
/* Pattern: Primary */
.t4-palette-blue {
	background-color: #840b1e;
	color: #ffffff;
}
.t4-palette-blue a {
	color: #ffffff;
}
.t4-palette-blue a:hover {
	color: #ffffff;
}
/* Mega menu */
.t4-palette-blue .t4-megamenu .nav > li.show a,
.t4-palette-blue .t4-megamenu .nav > li.show .nav-link {
	color: #ffffff;
}
.t4-palette-blue .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-blue .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-blue .t4-megamenu .navbar-nav > li a:active,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #ffffff;
}
.t4-palette-blue .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #ffffff;
}
.t4-palette-blue .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-blue .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #ffffff;
}
/*Caret on module menu*/
.t4-palette-blue .t4-megamenu .nav > li a .item-caret,
.t4-palette-blue .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #ffffff;
}
.t4-palette-blue .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #ffffff;
}
.t4-palette-blue .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #ffffff;
}
/* Sub navigation */
.t4-palette-blue .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #ffffff;
}
/* Module menu */
.t4-palette-blue .t4-module {
	color: #ffffff;
}
.t4-palette-blue .t4-module .module-title {
	color: #ffffff;
}
.t4-palette-blue .nav > li a,
.t4-palette-blue .nav > li .nav-link {
	color: #ffffff;
}
.t4-palette-blue .nav > li a:hover,
.t4-palette-blue .nav > li a:focus,
.t4-palette-blue .nav > li a:active,
.t4-palette-blue .nav > li .nav-link:hover,
.t4-palette-blue .nav > li .nav-link:focus,
.t4-palette-blue .nav > li .nav-link:active {
	color: #ffffff;
}
.t4-palette-blue .nav > li.active > a,
.t4-palette-blue .nav > li.active > a.nav-link
.t4-palette-blue .nav > li.active:hover > a,
.t4-palette-blue .nav > li.active:hover > a.nav-link {
  color: #ffffff;
}
/* Sub nav */
.t4-palette-blue .nav > li.active li a {
  color: #ffffff;
}
.t4-palette-blue .nav li.active li a:hover,
.t4-palette-blue .nav li.active li a:focus,
.t4-palette-blue .nav li.active li a:active {
  color: #ffffff;
}
.t4-palette-blue .nav li.active li.active > a {
  color: #ffffff;
}

/* Pattern: Dark */
.t4-palette-dark {
	background-color: #212529;
	color: #212529;
}
.t4-palette-dark a {
	color: #212529;
}
.t4-palette-dark a:hover {
	color: #ffffff;
}
/* Mega menu */
.t4-palette-dark .t4-megamenu .nav > li.show a,
.t4-palette-dark .t4-megamenu .nav > li.show .nav-link {
	color: #212529;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-dark .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-dark .t4-megamenu .navbar-nav > li a:active,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #ffffff;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #ffffff;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #ffffff;
}
/*Caret on module menu*/
.t4-palette-dark .t4-megamenu .nav > li a .item-caret,
.t4-palette-dark .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #212529;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #ffffff;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #ffffff;
}
/* Sub navigation */
.t4-palette-dark .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #ffffff;
}
/* Module menu */
.t4-palette-dark .t4-module {
	color: #212529;
}
.t4-palette-dark .t4-module .module-title {
	color: #212529;
}
.t4-palette-dark .nav > li a,
.t4-palette-dark .nav > li .nav-link {
	color: #212529;
}
.t4-palette-dark .nav > li a:hover,
.t4-palette-dark .nav > li a:focus,
.t4-palette-dark .nav > li a:active,
.t4-palette-dark .nav > li .nav-link:hover,
.t4-palette-dark .nav > li .nav-link:focus,
.t4-palette-dark .nav > li .nav-link:active {
	color: #ffffff;
}
.t4-palette-dark .nav > li.active > a,
.t4-palette-dark .nav > li.active > a.nav-link
.t4-palette-dark .nav > li.active:hover > a,
.t4-palette-dark .nav > li.active:hover > a.nav-link {
  color: #ffffff;
}
/* Sub nav */
.t4-palette-dark .nav > li.active li a {
  color: #212529;
}
.t4-palette-dark .nav li.active li a:hover,
.t4-palette-dark .nav li.active li a:focus,
.t4-palette-dark .nav li.active li a:active {
  color: #ffffff;
}
.t4-palette-dark .nav li.active li.active > a {
  color: #ffffff;
}

/* Pattern: Light */
.t4-palette-light {
	background-color: #ffffff;
	color: #212529;
}
.t4-palette-light a:hover {
	color: #17c788;
}
.t4-palette-light .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-light .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-light .t4-megamenu .navbar-nav > li a:active,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #17c788;
}
.t4-palette-light .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #17c788;
}
.t4-palette-light .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-light .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #17c788;
}
.t4-palette-light .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #17c788;
}
.t4-palette-light .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #17c788;
}
/* Sub navigation */
.t4-palette-light .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #17c788;
}
/* Module menu */
.t4-palette-light .t4-module {
	color: #212529;
}
.t4-palette-light .t4-module .module-title {
	color: #212529;
}
.t4-palette-light .nav > li a:hover,
.t4-palette-light .nav > li a:focus,
.t4-palette-light .nav > li a:active,
.t4-palette-light .nav > li .nav-link:hover,
.t4-palette-light .nav > li .nav-link:focus,
.t4-palette-light .nav > li .nav-link:active {
	color: #17c788;
}
.t4-palette-light .nav > li.active > a,
.t4-palette-light .nav > li.active > a.nav-link
.t4-palette-light .nav > li.active:hover > a,
.t4-palette-light .nav > li.active:hover > a.nav-link {
  color: #17c788;
}
.t4-palette-light .nav li.active li a:hover,
.t4-palette-light .nav li.active li a:focus,
.t4-palette-light .nav li.active li a:active {
  color: #17c788;
}
.t4-palette-light .nav li.active li.active > a {
  color: #17c788;
}

/* Pattern: Gray */
.t4-palette-gray {
	background-color: #f5f5f5;
}

/* Pattern: Mainnav */
.t4-palette-mainnav {
	background-color: #ffffff;
	color: #ffffff;
}
.t4-palette-mainnav a {
	color: #ffffff;
}
.t4-palette-mainnav a:hover {
	color: #ffffff;
}
/* Mega menu */
.t4-palette-mainnav .t4-megamenu .nav > li.show a,
.t4-palette-mainnav .t4-megamenu .nav > li.show .nav-link {
	color: #ffffff;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:active,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #ffffff;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #ffffff;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #ffffff;
}
/*Caret on module menu*/
.t4-palette-mainnav .t4-megamenu .nav > li a .item-caret,
.t4-palette-mainnav .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #ffffff;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #ffffff;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #ffffff;
}
/* Sub navigation */
.t4-palette-mainnav .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #ffffff;
}
/* Module menu */
.t4-palette-mainnav .t4-module {
	color: #ffffff;
}
.t4-palette-mainnav .t4-module .module-title {
	color: #ffffff;
}
.t4-palette-mainnav .nav > li a,
.t4-palette-mainnav .nav > li .nav-link {
	color: #ffffff;
}
.t4-palette-mainnav .nav > li a:hover,
.t4-palette-mainnav .nav > li a:focus,
.t4-palette-mainnav .nav > li a:active,
.t4-palette-mainnav .nav > li .nav-link:hover,
.t4-palette-mainnav .nav > li .nav-link:focus,
.t4-palette-mainnav .nav > li .nav-link:active {
	color: #ffffff;
}
.t4-palette-mainnav .nav > li.active > a,
.t4-palette-mainnav .nav > li.active > a.nav-link
.t4-palette-mainnav .nav > li.active:hover > a,
.t4-palette-mainnav .nav > li.active:hover > a.nav-link {
  color: #ffffff;
}
/* Sub nav */
.t4-palette-mainnav .nav > li.active li a {
  color: #ffffff;
}
.t4-palette-mainnav .nav li.active li a:hover,
.t4-palette-mainnav .nav li.active li a:focus,
.t4-palette-mainnav .nav li.active li a:active {
  color: #ffffff;
}
.t4-palette-mainnav .nav li.active li.active > a {
  color: #ffffff;
}

/* Section: Header */

#t4-header .bg-overlay {
	opacity: 0.5;
}

/* Section: Main body */

#t4-main-body .bg-overlay {
	opacity: 0.5;
}
#t4-main-body .bg-overlay-image {
	background-repeat: inherit;
	background-size: inherit;
	background-position: 0 0;
	background-attachment: inherit;
}

/* Section: section-1 */

#t4-section-1 .bg-overlay {
	opacity: 0.5;
}
#t4-section-1 .bg-overlay-image {
	background-repeat: inherit;
	background-size: inherit;
	background-position: 0 0;
	background-attachment: inherit;
}

/* Section: section-2 */

#t4-section-2 .bg-overlay {
	opacity: 1;
}
#t4-section-2 .bg-overlay-image {
	background-repeat: inherit;
	background-size: inherit;
	background-position: 0 0;
	background-attachment: inherit;
}

/* Section: section-3 */

#t4-section-3 .bg-overlay {
	opacity: 0.5;
}
#t4-section-3 .bg-overlay-image {
	background-repeat: inherit;
	background-size: inherit;
	background-position: 0 0;
	background-attachment: inherit;
}

/* Section: section-4 */

#t4-section-4 .bg-overlay {
	opacity: 0.5;
}
#t4-section-4 .bg-overlay-image {
	background-repeat: inherit;
	background-size: inherit;
	background-position: 0 0;
	background-attachment: inherit;
}

/* Section: section-5 */

#t4-section-5 .bg-overlay {
	opacity: 0.5;
}
#t4-section-5 .bg-overlay-image {
	background-repeat: inherit;
	background-size: inherit;
	background-position: 0 0;
	background-attachment: inherit;
}

/* Section: section-6 */

#t4-section-6 .bg-overlay {
	opacity: 0.5;
}
#t4-section-6 .bg-overlay-image {
	background-repeat: inherit;
	background-size: inherit;
	background-position: 0 0;
	background-attachment: inherit;
}

/* Section: section-7 */

#t4-section-7 .bg-overlay {
	opacity: 0.5;
}
#t4-section-7 .bg-overlay-image {
	background-repeat: inherit;
	background-size: inherit;
	background-position: 0 0;
	background-attachment: inherit;
}

/* Section: section-8 */

#t4-section-8 .bg-overlay {
	opacity: 0.5;
}
#t4-section-8 .bg-overlay-image {
	background-repeat: inherit;
	background-size: inherit;
	background-position: 0 0;
	background-attachment: inherit;
}

/* Section: section-9 */

#t4-section-9 .bg-overlay {
	opacity: 0.5;
}
#t4-section-9 .bg-overlay-image {
	background-repeat: inherit;
	background-size: inherit;
	background-position: 0 0;
	background-attachment: inherit;
}

/* Section: section-10 */

#t4-section-10 .bg-overlay-image {
	background-repeat: inherit;
	background-size: inherit;
	background-position: 0 0;
	background-attachment: inherit;
}

/* Section: Breadcrumbs */

#t4-breadcrumbs .bg-overlay {
	opacity: 0.5;
}
#t4-breadcrumbs .bg-overlay-image {
	background-repeat: inherit;
	background-size: inherit;
	background-position: 0 0;
	background-attachment: inherit;
}

/* Section: Footnav */

#t4-footnav .bg-overlay {
	opacity: 0.5;
}
#t4-footnav .bg-overlay-image {
	background-repeat: inherit;
	background-size: inherit;
	background-position: 0 0;
	background-attachment: inherit;
}

/* Section: Footer */

#t4-footer .bg-overlay {
	opacity: 0.5;
}
#t4-footer .bg-overlay-image {
	background-repeat: inherit;
	background-size: inherit;
	background-position: 0 0;
	background-attachment: inherit;
}
/**
 *------------------------------------------------------------------------------
 * --gray_bg --footer_bg_color --footer_text_color necessario para preview
 *------------------------------------------------------------------------------
**/
:root {
  --theme-gray-color: var(--gray-bg) !important; 
}
:root {
  --theme-footer-bg-color: var(--footer-bg-color) !important; 
} 
:root {
  --theme-footer-text-color: var(--footer-text-color) !important; 
}
:root {
  --theme-footer-link-color: var(--footer-link-color) !important; 
}
:root {
    --theme-footer-link-hover-color: var(--footer-link-hover-color) !important; 
}
:root {
  --theme-logo-bg-color: var(--logo-bg-color) !important; 
}
/**
 *------------------------------------------------------------------------------
 * @package       T4_Blank - Free Template for Joomla!
 *------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2004-2019 JoomlArt.com. All Rights Reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       JoomlArt
 *------------------------------------------------------------------------------
**/
:root {
  --body-font-family:     Muli;
  --body-font-size:       15px;
  --body-font-weight:     400;
  --body-font-style:      normal;
  --body-line-height:     1.5;
  --body-letter-spacing:  0px;
  --heading-font-family:    Comfortaa;
  --heading-font-weight:    400;
  --heading-font-style:     normal;
  --heading-line-height:    1.4;
  --heading-letter-spacing: 0px;
  --h1-font-size: 40px;
  --h2-font-size: 32px;
  --h3-font-size: 28px;
  --h4-font-size: 24px;
  --h5-font-size: 20px;
  --h6-font-size: 16px;
}
/* for megamenu animation duration */
.t4-megamenu.animate .dropdown.animating > .dropdown-menu {
  -webkit-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms; 
}
html {
  font-size: var(--body-font-size); 
}
body {
  background-color: var(--body-bg-color);
  color: var(--body-text-color);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  font-style: var(--body-font-style);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing); 
}
.t4-content {
  background-color: var(--body-bg-color);
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll; 
}
a {
  color: var(--body-link-color); 
}
a:hover, a:focus, a:active {
  color: var(--body-link-hover-color); 
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  line-height: var(--heading-line-height);
  letter-spacing: var(--heading-letter-spacing); 
}
h1, .h1 {
  font-size: var(--h1-font-size); 
}
h2, .h2 {
  font-size: var(--h2-font-size); 
}
h3, .h3 {
  font-size: var(--h3-font-size); 
}
h4, .h4 {
  font-size: var(--h4-font-size); 
}
h5, .h5 {
  font-size: var(--h5-font-size); 
}
h6, .h6 {
  font-size: var(--h6-font-size); 
}
/* COLORS
--------------------------------------- */
/* Backgrounds Colors */
.bg-primary {
  background-color: var(--color-primary) !important; 
}
.bg-secondary {
  background-color: var(--color-secondary) !important; 
}
.bg-success {
  background-color: var(--color-success) !important; 
}
.bg-info {
  background-color: var(--color-info) !important; 
}
.bg-warning {
  background-color: var(--color-warning) !important; 
}
.bg-danger {
  background-color: var(--color-danger) !important; 
}
.bg-light {
  background-color: var(--color-light) !important; 
}
.bg-dark {
  background-color: var(--color-dark) !important; 
}
.bg-white {
  background-color: var(--color-white) !important; 
}
.bg-black {
  background-color: var(--color-black) !important; 
}
/* Buttons Colors */
.btn.btn-primary {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important; 
}
.btn.btn-primary:hover {
  opacity: 0.85; 
}
.btn.btn-outline-primary {
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important; 
}
.btn.btn-outline-primary:hover {
  background-color: var(--color-primary) !important; 
}
.btn.btn-secondary {
  background-color: var(--color-secondary) !important;
  border-color: var(--color-secondary) !important; 
}
.btn.btn-secondary:hover {
  opacity: 0.85; 
}
.btn.btn-outline-secondary {
  border-color: var(--color-secondary) !important;
  color: var(--color-secondary) !important; 
}
.btn.btn-outline-secondary:hover {
  background-color: var(--color-secondary) !important; 
}
.btn.btn-success {
  background-color: var(--color-success) !important;
  border-color: var(--color-success) !important; 
}
.btn.btn-success:hover {
  opacity: 0.85; 
}
.btn.btn-outline-success {
  border-color: var(--color-success) !important;
  color: var(--color-success) !important; 
}
.btn.btn-outline-success:hover {
  background-color: var(--color-success) !important; 
}
.btn.btn-info {
  background-color: var(--color-info) !important;
  border-color: var(--color-info) !important; 
}
.btn.btn-info:hover {
  opacity: 0.85; 
}
.btn.btn-outline-info {
  border-color: var(--color-info) !important;
  color: var(--color-info) !important; 
}
.btn.btn-outline-info:hover {
  background-color: var(--color-info) !important; 
}
.btn.btn-warning {
  background-color: var(--color-warning) !important;
  border-color: var(--color-warning) !important; 
}
.btn.btn-warning:hover {
  opacity: 0.85; 
}
.btn.btn-outline-warning {
  border-color: var(--color-warning) !important;
  color: var(--color-warning) !important; 
}
.btn.btn-outline-warning:hover {
  background-color: var(--color-warning) !important; 
}
.btn.btn-danger {
  background-color: var(--color-danger) !important;
  border-color: var(--color-danger) !important; 
}
.btn.btn-danger:hover {
  opacity: 0.85; 
}
.btn.btn-outline-danger {
  border-color: var(--color-danger) !important;
  color: var(--color-danger) !important; 
}
.btn.btn-outline-danger:hover {
  background-color: var(--color-danger) !important; 
}
.btn.btn-light {
  background-color: var(--color-light) !important;
  border-color: var(--color-light) !important; 
}
.btn.btn-light:hover {
  opacity: 0.85; 
}
.btn.btn-outline-light {
  border-color: var(--color-light) !important;
  color: var(--color-light) !important; 
}
.btn.btn-outline-light:hover {
  background-color: var(--color-light) !important; 
}
.btn.btn-dark {
  background-color: var(--color-dark) !important;
  border-color: var(--color-dark) !important; 
}
.btn.btn-dark:hover {
  opacity: 0.85; 
}
.btn.btn-outline-dark {
  border-color: var(--color-dark) !important;
  color: var(--color-dark) !important; 
}
.btn.btn-outline-dark:hover {
  background-color: var(--color-dark) !important; 
}
.btn.btn-white {
  background-color: var(--color-white) !important;
  border-color: var(--color-white) !important; 
}
.btn.btn-white:hover {
  opacity: 0.85; 
}
.btn.btn-outline-white {
  border-color: var(--color-white) !important;
  color: var(--color-white) !important; 
}
.btn.btn-outline-white:hover {
  background-color: var(--color-white) !important; 
}
.btn.btn-black {
  background-color: var(--color-black) !important;
  border-color: var(--color-black) !important; 
}
.btn.btn-black:hover {
  opacity: 0.85; 
}
.btn.btn-outline-black {
  border-color: var(--color-black) !important;
  color: var(--color-black) !important; 
}
.btn.btn-outline-black:hover {
  background-color: var(--color-black) !important; 
}
/* Text Colors */
.text-primary {
  color: var(--color-primary) !important; 
}
.text-secondary {
  color: var(--color-secondary) !important; 
}
.text-success {
  color: var(--color-success) !important; 
}
.text-info {
  color: var(--color-info) !important; 
}
.text-warning {
  color: var(--color-warning) !important; 
}
.text-danger {
  color: var(--color-danger) !important; 
}
.text-light {
  color: var(--color-light) !important; 
}
.text-dark {
  color: var(--color-dark) !important; 
}
.text-white {
  color: var(--color-white) !important; 
}
.text-black {
  color: var(--color-black) !important; 
}
/* Badage Colors */
.badge-primary {
  background-color: var(--color-primary); 
}
.badge-secondary {
  background-color: var(--color-secondary); 
}
.badge-success {
  background-color: var(--color-success); 
}
.badge-info {
  background-color: var(--color-info); 
}
.badge-warning {
  background-color: var(--color-warning); 
}
.badge-danger {
  background-color: var(--color-danger); 
}
.badge-light {
  background-color: var(--color-light); 
}
.badge-dark {
  background-color: var(--color-dark); 
}
.badge-white {
  background-color: var(--color-white); 
}
.badge-black {
  background-color: var(--color-black); 
}
  /*==================================
Theme Color All Codes Variable
==================================*/
:root {
  --theme-text-color: #212529; 
}
:root {
  --theme-ordinary-color: #003267; 
}
:root {
  --theme-primary-color: #840b1e; 
}
:root {
  --theme-secondary-color: #003267; 
}
:root {
  --theme-white-color: #ffffff; 
}
:root {
  --theme-light-color: #ffffff; 
}
:root {
  --theme-primary-opacity-color: rgba(11, 191, 141, .8); 
}
:root {
  --theme-secondary-opacity-color: rgba(13,20,50,0.7); 
}
:root {
  --theme-white-opacity-color: rgba(255, 255, 255, 0.3); 
}
:root {
  --theme-dark-opacity-color: rgba(0, 0, 0, 0.5); 
}
:root {
  --text-light-color: var(--light) !important; 
}
:root {
 --theme-body-font-weight: 400 !important; 
}
:root {
--theme-heading-font-weight: 400 !important;
}