:root{
--body-text-color:;
--link-color:#1a61ab;
--link-hover-color:;
--body-bg-color:;
--color-primary:#1a61ab;
--color-secondary:#6c757d;
--color-success:#28a745;
--color-info:#17a2b8;
--color-warning:#ffc107;
--color-danger:#dc3545;
--color-light:#f8f9fa;
--color-dark:#212529;
--color-blue:#007bff;
--color-blue-100:#cce5ff;
--color-blue-200:#99cbff;
--color-blue-300:#66b0ff;
--color-blue-400:#3396ff;
--color-blue-500:#007bff;
--color-blue-600:#0063cc;
--color-blue-700:#004a99;
--color-blue-800:#003266;
--color-blue-900:#001933;
--color-indigo:#6610f2;
--color-indigo-100:#e1d0fd;
--color-indigo-200:#c2a0fa;
--color-indigo-300:#a470f8;
--color-indigo-400:#8540f5;
--color-indigo-500:#6610f2;
--color-indigo-600:#520dc2;
--color-indigo-700:#3e0a92;
--color-indigo-800:#290761;
--color-indigo-900:#150431;
--color-purple:#6f42c1;
--color-purple-100:#e3daf3;
--color-purple-200:#c6b4e7;
--color-purple-300:#a98eda;
--color-purple-400:#8c68ce;
--color-purple-500:#6f42c1;
--color-purple-600:#59359b;
--color-purple-700:#432874;
--color-purple-800:#2d1b4e;
--color-purple-900:#170e27;
--color-pink:#e83e8c;
--color-pink-100:#fbd9e8;
--color-pink-200:#f6b2d1;
--color-pink-300:#f28cba;
--color-pink-400:#ed65a3;
--color-pink-500:#e83e8c;
--color-pink-600:#ba3270;
--color-pink-700:#8c2654;
--color-pink-800:#5d1938;
--color-pink-900:#2f0d1c;
--color-red:#dc3545;
--color-red-100:#f8d7da;
--color-red-200:#f1afb5;
--color-red-300:#ea8690;
--color-red-400:#e35e6b;
--color-red-500:#dc3545;
--color-red-600:#b02b38;
--color-red-700:#84202a;
--color-red-800:#58161c;
--color-red-900:#2c0b0e;
--color-orange:#fd7e14;
--color-orange-100:#ffe6d0;
--color-orange-200:#ffcca1;
--color-orange-300:#feb272;
--color-orange-400:#fe9843;
--color-orange-500:#fd7e14;
--color-orange-600:#cb6510;
--color-orange-700:#984c0c;
--color-orange-800:#663308;
--color-orange-900:#331a04;
--color-yellow:#ffc107;
--color-yellow-100:#fff3ce;
--color-yellow-200:#ffe79c;
--color-yellow-300:#ffda6b;
--color-yellow-400:#ffce39;
--color-yellow-500:#ffc107;
--color-yellow-600:#cc9b06;
--color-yellow-700:#997405;
--color-yellow-800:#664e03;
--color-yellow-900:#332702;
--color-green:#28a745;
--color-green-100:#d4eeda;
--color-green-200:#a9dcb5;
--color-green-300:#7ecb90;
--color-green-400:#53b96b;
--color-green-500:#28a745;
--color-green-600:#208638;
--color-green-700:#18652a;
--color-green-800:#10431c;
--color-green-900:#08220e;
--color-teal:#20c997;
--color-teal-100:#d3f5eb;
--color-teal-200:#a6ead6;
--color-teal-300:#7adfc1;
--color-teal-400:#4dd4ac;
--color-teal-500:#20c997;
--color-teal-600:#1aa179;
--color-teal-700:#14795b;
--color-teal-800:#0d513d;
--color-teal-900:#07291f;
--color-cyan:#17a2b8;
--color-cyan-100:#d1edf1;
--color-cyan-200:#a3dae3;
--color-cyan-300:#74c8d5;
--color-cyan-400:#46b5c7;
--color-cyan-500:#17a2b8;
--color-cyan-600:#138294;
--color-cyan-700:#0e626f;
--color-cyan-800:#0a414a;
--color-cyan-900:#052125;
--color-lime:#827717;
--color-white:#ffffff;
--color-gray:#adb5bd;
--color-black:#000000;
--color-1:#f8f9fa;
--color-2:#e9ecef;
--color-3:#dee2e6;
--color-4:#ced4da;
--color-5:#adb5bd;
--color-6:#6c757d;
--color-7:#495057;
--color-8:#343a40;
--color-9:#212529;
--color-10:#000000;
}
/* Pattern: Primary */
.t4-palette-blue {
	background-color: #1a61ab;
	color: #f8f9fa;
}
.t4-palette-blue h1, .t4-palette-blue h2, .t4-palette-blue h3, .t4-palette-blue h4,
.t4-palette-blue h1 a, .t4-palette-blue h2 a, .t4-palette-blue h3 a, .t4-palette-blue h4 a {
	color: #ffffff;
}
.t4-palette-blue h1 a:hover, .t4-palette-blue h2 a:hover, .t4-palette-blue h3 a:hover, .t4-palette-blue h4 a:hover,
.t4-palette-blue h1 a:focus, .t4-palette-blue h2 a:focus, .t4-palette-blue h3 a:focus, .t4-palette-blue h4 a:focus,
.t4-palette-blue h1 a:active, .t4-palette-blue h2 a:active, .t4-palette-blue h3 a:active, .t4-palette-blue h4 a:active {
	color: #1a61ab;
}
.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;
}
/* 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: #f8f9fa;
}
.t4-palette-blue .t4-module .module-title {
	color: #f8f9fa;
}
.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: #6c757d;
}
.t4-palette-dark h1, .t4-palette-dark h2, .t4-palette-dark h3, .t4-palette-dark h4,
.t4-palette-dark h1 a, .t4-palette-dark h2 a, .t4-palette-dark h3 a, .t4-palette-dark h4 a {
	color: #6c757d;
}
.t4-palette-dark h1 a:hover, .t4-palette-dark h2 a:hover, .t4-palette-dark h3 a:hover, .t4-palette-dark h4 a:hover,
.t4-palette-dark h1 a:focus, .t4-palette-dark h2 a:focus, .t4-palette-dark h3 a:focus, .t4-palette-dark h4 a:focus,
.t4-palette-dark h1 a:active, .t4-palette-dark h2 a:active, .t4-palette-dark h3 a:active, .t4-palette-dark h4 a:active {
	color: #1a61ab;
}
.t4-palette-dark a {
	color: #6c757d;
}
.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: #6c757d;
}
.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;
}
/* 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: #6c757d;
}
.t4-palette-dark .t4-module .module-title {
	color: #6c757d;
}
.t4-palette-dark .nav > li a,
.t4-palette-dark .nav > li .nav-link {
	color: #6c757d;
}
.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: #6c757d;
}
.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: #6c757d;
}
.t4-palette-light h1, .t4-palette-light h2, .t4-palette-light h3, .t4-palette-light h4,
.t4-palette-light h1 a, .t4-palette-light h2 a, .t4-palette-light h3 a, .t4-palette-light h4 a {
	color: #6c757d;
}
.t4-palette-light h1 a:hover, .t4-palette-light h2 a:hover, .t4-palette-light h3 a:hover, .t4-palette-light h4 a:hover,
.t4-palette-light h1 a:focus, .t4-palette-light h2 a:focus, .t4-palette-light h3 a:focus, .t4-palette-light h4 a:focus,
.t4-palette-light h1 a:active, .t4-palette-light h2 a:active, .t4-palette-light h3 a:active, .t4-palette-light h4 a:active {
	color: #1a61ab;
}
.t4-palette-light a:hover {
	color: #0056b3;
}
.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: #0056b3;
}
.t4-palette-light .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #0056b3;
}
.t4-palette-light .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-light .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #0056b3;
}
/* Sub navigation */
.t4-palette-light .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #0056b3;
}
/* Module menu */
.t4-palette-light .t4-module {
	color: #6c757d;
}
.t4-palette-light .t4-module .module-title {
	color: #6c757d;
}
.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: #0056b3;
}
.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: #0056b3;
}
.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: #0056b3;
}
.t4-palette-light .nav li.active li.active > a {
  color: #0056b3;
}

/* Pattern: Gray */
.t4-palette-gray {
	background-color: #f8f9fa;
	color: #6c757d;
}
.t4-palette-gray h1, .t4-palette-gray h2, .t4-palette-gray h3, .t4-palette-gray h4,
.t4-palette-gray h1 a, .t4-palette-gray h2 a, .t4-palette-gray h3 a, .t4-palette-gray h4 a {
	color: #6c757d;
}
.t4-palette-gray h1 a:hover, .t4-palette-gray h2 a:hover, .t4-palette-gray h3 a:hover, .t4-palette-gray h4 a:hover,
.t4-palette-gray h1 a:focus, .t4-palette-gray h2 a:focus, .t4-palette-gray h3 a:focus, .t4-palette-gray h4 a:focus,
.t4-palette-gray h1 a:active, .t4-palette-gray h2 a:active, .t4-palette-gray h3 a:active, .t4-palette-gray h4 a:active {
	color: #1a61ab;
}
.t4-palette-gray a {
	color: #1a61ab;
}
.t4-palette-gray a:hover {
	color: #0056b3;
}
/* Mega menu */
.t4-palette-gray .t4-megamenu .nav > li.show a,
.t4-palette-gray .t4-megamenu .nav > li.show .nav-link {
	color: #1a61ab;
}
.t4-palette-gray .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-gray .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-gray .t4-megamenu .navbar-nav > li a:active,
.t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #0056b3;
}
.t4-palette-gray .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #0056b3;
}
.t4-palette-gray .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-gray .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #0056b3;
}
/* Sub navigation */
.t4-palette-gray .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #0056b3;
}
/* Module menu */
.t4-palette-gray .t4-module {
	color: #6c757d;
}
.t4-palette-gray .t4-module .module-title {
	color: #6c757d;
}
.t4-palette-gray .nav > li a,
.t4-palette-gray .nav > li .nav-link {
	color: #1a61ab;
}
.t4-palette-gray .nav > li a:hover,
.t4-palette-gray .nav > li a:focus,
.t4-palette-gray .nav > li a:active,
.t4-palette-gray .nav > li .nav-link:hover,
.t4-palette-gray .nav > li .nav-link:focus,
.t4-palette-gray .nav > li .nav-link:active {
	color: #0056b3;
}
.t4-palette-gray .nav > li.active > a,
.t4-palette-gray .nav > li.active > a.nav-link
.t4-palette-gray .nav > li.active:hover > a,
.t4-palette-gray .nav > li.active:hover > a.nav-link {
  color: #0056b3;
}
/* Sub nav */
.t4-palette-gray .nav > li.active li a {
  color: #1a61ab;
}
.t4-palette-gray .nav li.active li a:hover,
.t4-palette-gray .nav li.active li a:focus,
.t4-palette-gray .nav li.active li a:active {
  color: #0056b3;
}
.t4-palette-gray .nav li.active li.active > a {
  color: #0056b3;
}

/* Pattern: Mainnav */
.t4-palette-mainnav {
	color: #6c757d;
}
.t4-palette-mainnav a {
	color: #6c757d;
}
.t4-palette-mainnav a:hover {
	color: #0056b3;
}
/* Mega menu */
.t4-palette-mainnav .t4-megamenu .nav > li.show a,
.t4-palette-mainnav .t4-megamenu .nav > li.show .nav-link {
	color: #6c757d;
}
.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: #0056b3;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #0056b3;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #0056b3;
}
/* Sub navigation */
.t4-palette-mainnav .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #0056b3;
}
/* Module menu */
.t4-palette-mainnav .t4-module {
	color: #6c757d;
}
.t4-palette-mainnav .t4-module .module-title {
	color: #6c757d;
}
.t4-palette-mainnav .nav > li a,
.t4-palette-mainnav .nav > li .nav-link {
	color: #6c757d;
}
.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: #0056b3;
}
.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: #0056b3;
}
/* Sub nav */
.t4-palette-mainnav .nav > li.active li a {
  color: #6c757d;
}
.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: #0056b3;
}
.t4-palette-mainnav .nav li.active li.active > a {
  color: #0056b3;
}

/* Section: Header */

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

/* Section: Mainnav */
#t4-mainnav {
	position: -webkit-sticky !important;
	position: sticky;
	top: 0;
	z-index: 10;
}
#t4-mainnav .bg-overlay {
	opacity: 0.5;
}

/* Section: Slider */

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

/* Section: Main body */

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

/* Section: booking */

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

/* Section: Footholder */

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

/* Section: Foot */

#t4-foot .bg-overlay {
	opacity: 0.5;
}
/**
 *------------------------------------------------------------------------------
 * @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:     Roboto;
  --body-font-size:       15px;
  --body-font-style:      inherit;
  --body-line-height:     1.5;
  --body-letter-spacing:  0px;
  --heading-font-family:    Montserrat;
  --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); 
}