/* ==========================
   Local Fonts with Weights
   ========================== */
@font-face {
  font-family: 'Figtree';
  src: url('../Assets/Fonts/Figtree/Figtree-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../Assets/Fonts/Figtree/Figtree-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../Assets/Fonts/Figtree/Figtree-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../Assets/Fonts/Figtree/Figtree-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('../Assets/Fonts/Figtree/Figtree-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: 'Figtree', sans-serif;
}


html {
  scroll-behavior: smooth;
}

/* Make sure SweetAlert2 popup is above preloader */
.swal2-container {
  z-index: 99999999999999999 !important;
}

#preloader2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #ffffff82;
}

#preloader2:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #1977cc;
  border-top-color: #d1e6f9;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* ========================================
   Extra Gradient Color Utility Classes
=========================================== */

/* Sky Blue */
.bg-gradient-sky {
  background: #00c6ff linear-gradient(180deg, #00c6ff, #0072ff) repeat-x !important;
  color: #fff;
}

/* Sunset (Orange → Pink) */
.bg-gradient-sunset {
  background: #ff7e5f linear-gradient(180deg, #ff7e5f, #feb47b) repeat-x !important;
  color: #fff;
}

/* Ocean (Teal → Blue) */
.bg-gradient-ocean {
  background: #2E8BC0 linear-gradient(180deg, #2E8BC0, #145DA0) repeat-x !important;
  color: #fff;
}

/* Emerald Green */
.bg-gradient-emerald {
  background: #2ecc71 linear-gradient(180deg, #2ecc71, #27ae60) repeat-x !important;
  color: #fff;
}

/* Steel Gray */
.bg-gradient-steel {
  background: #5a5a5a linear-gradient(180deg, #5a5a5a, #2f2f2f) repeat-x !important;
  color: #fff;
}

/* Golden */
.bg-gradient-golden {
  background: #f9d423 linear-gradient(180deg, #f9d423, #ff4e50) repeat-x !important;
  color: #1f2d3d;
}

/* Aqua */
.bg-gradient-aqua {
  background: #00f2fe linear-gradient(180deg, #00f2fe, #4facfe) repeat-x !important;
  color: #1f2d3d;
}

/* Rose */
.bg-gradient-rose {
  background: #ff758c linear-gradient(180deg, #ff758c, #ff7eb3) repeat-x !important;
  color: #fff;
}


.bg-gradient-fire {
  background: #f12711 linear-gradient(180deg, #f12711, #f5af19) repeat-x !important;
  color: #fff;
}

.bg-gradient-forest {
  background: #11998e linear-gradient(180deg, #11998e, #38ef7d) repeat-x !important;
  color: #fff;
}

.bg-gradient-lavender {
  background: #b993d6 linear-gradient(180deg, #b993d6, #8ca6db) repeat-x !important;
  color: #1f2d3d;
}

.bg-gradient-midnight {
  background: #232526 linear-gradient(180deg, #232526, #414345) repeat-x !important;
  color: #fff;
}


/* Peach */
.bg-gradient-peach {
  background: #ffecd2 linear-gradient(180deg, #ffecd2, #fcb69f) repeat-x !important;
  color: #1f2d3d;
}

/* Rainbow */
.bg-gradient-rainbow {
  background: linear-gradient(90deg, #ff6a00, #ee0979, #8e54e9, #4776e6, #00c9ff) repeat-x !important;
  color: #fff;
}

/* Arctic */
.bg-gradient-arctic {
  background: #83a4d4 linear-gradient(180deg, #83a4d4, #b6fbff) repeat-x !important;
  color: #1f2d3d;
}

/* Volcano */
.bg-gradient-volcano {
  background: #ff512f linear-gradient(180deg, #ff512f, #dd2476) repeat-x !important;
  color: #fff;
}

/* Minty */
.bg-gradient-minty {
  background: #76b852 linear-gradient(180deg, #76b852, #8DC26F) repeat-x !important;
  color: #fff;
}

/* Royal */
.bg-gradient-royal {
  background: #141e30 linear-gradient(180deg, #141e30, #243b55) repeat-x !important;
  color: #fff;
}

/* Flame */
.bg-gradient-flame {
  background: #ff416c linear-gradient(180deg, #ff416c, #ff4b2b) repeat-x !important;
  color: #fff;
}

/* Ice */
.bg-gradient-ice {
  background: #83d0cb linear-gradient(180deg, #83d0cb, #b5f4ec) repeat-x !important;
  color: #1f2d3d;
}

/* Galaxy */
.bg-gradient-galaxy {
  background: #0f2027 linear-gradient(180deg, #0f2027, #203a43, #2c5364) repeat-x !important;
  color: #fff;
}

.bg-gradient-galaxy .icon i{
  color: #636363ff;
}

/* Coral */
.bg-gradient-coral {
  background: #ff9966 linear-gradient(180deg, #ff9966, #ff5e62) repeat-x !important;
  color: #fff;
}

/* Coral Reef */
.bg-gradient-coralreef {
  background: #ff7e5f linear-gradient(180deg, #ff7e5f, #feb47b) repeat-x !important;
  color: #fff;
}

/* Twilight */
.bg-gradient-twilight {
  background: #0f2027 linear-gradient(180deg, #0f2027, #203a43, #2c5364) repeat-x !important;
  color: #fff;
}

.bg-gradient-twilight .icon i{
  color: #bcbcbcff;
}

/* Ocean Blue */
.bg-gradient-oceanblue {
  background: #2b5876 linear-gradient(180deg, #2b5876, #4e4376) repeat-x !important;
  color: #fff;
}

/* Sunset Orange */
.bg-gradient-sunsetorange {
  background: #ff416c linear-gradient(180deg, #ff416c, #ff4b2b) repeat-x !important;
  color: #fff;
}

/* Forest Green */
.bg-gradient-forestgreen {
  background: #11998e linear-gradient(180deg, #11998e, #38ef7d) repeat-x !important;
  color: #fff;
}

/* Royal Purple */
.bg-gradient-royalpurple {
  background: #141e30 linear-gradient(180deg, #141e30, #243b55) repeat-x !important;
  color: #fff;
}

/* Fire Red */
.bg-gradient-fireredd {
  background: #f12711 linear-gradient(180deg, #f12711, #f5af19) repeat-x !important;
  color: #fff;
}

/* Aqua Mist */
.bg-gradient-aquamist {
  background: #00f2fe linear-gradient(180deg, #00f2fe, #4facfe) repeat-x !important;
  color: #1f2d3d;
}

/* Lavender Mist */
.bg-gradient-lavendermist {
  background: #b993d6 linear-gradient(180deg, #b993d6, #8ca6db) repeat-x !important;
  color: #1f2d3d;
}


/* ========================================
   Extra Solid Color Utility Classes
=========================================== */


/* Sky Blue */
.bg-sky {
  background-color: #00c6ff !important;
  color: #fff !important;
}

/* Cyan */
.bg-cyan {
  background-color: #17d4d4 !important;
  color: #fff !important;
}

/* Steel Gray */
.bg-steel {
  background-color: #5a5a5a !important;
  color: #fff !important;
}

/* Slate */
.bg-slate {
  background-color: #708090 !important;
  color: #fff !important;
}

/* Coffee */
.bg-coffee {
  background-color: #6f4e37 !important;
  color: #fff !important;
}

/* Gold */
.bg-gold {
  background-color: #ffd700 !important;
  color: #1f2d3d !important;
}

/* Bronze */
.bg-bronze {
  background-color: #cd7f32 !important;
  color: #fff !important;
}

/* Mint */
.bg-mint {
  background-color: #98ff98 !important;
  color: #1f2d3d !important;
}

/* Rose */
.bg-rose {
  background-color: #ff66cc !important;
  color: #fff !important;
}

/* Charcoal */
.bg-charcoal {
  background-color: #36454f !important;
  color: #fff !important;
}

.bg-lavender  { 
    background-color: #e6e6fa !important; 
    color: #1f2d3d !important; 
}
.bg-turquoise { 
    background-color: #40e0d0 !important; 
    color: #1f2d3d !important; 
}

/* Plum */
.bg-plum {
  background-color: #8e4585 !important;
  color: #fff !important;
}

/* Coral */
.bg-coral {
  background-color: #ff7f50 !important;
  color: #fff !important;
}

/* Indigo Deep */
.bg-indigo-deep {
  background-color: #4b0082 !important;
  color: #fff !important;
}

/* Sky Dark */
.bg-sky-dark {
  background-color: #0093e9 !important;
  color: #fff !important;
}

/* Lemon */
.bg-lemon {
  background-color: #fff44f !important;
  color: #1f2d3d !important;
}

/* Aqua Deep */
.bg-aqua-deep {
  background-color: #018786 !important;
  color: #fff !important;
}

/* Crimson */
.bg-crimson {
  background-color: #dc143c !important;
  color: #fff !important;
}

/* Forest */
.bg-forest {
  background-color: #228b22 !important;
  color: #fff !important;
}

/* Midnight */
.bg-midnight {
  background-color: #191970 !important;
  color: #fff !important;
}

/* Sand */
.bg-sand {
  background-color: #f4a460 !important;
  color: #1f2d3d !important;
}


/* ==================================================
   Extra Sidebar Dark Mode Color Utility Classes
================================================== */

.sidebar-dark-emerald {
  background-color: #046d5d !important;
  color: #fff;
}
.sidebar-dark-navy {
  background-color: #001f3f !important;
  color: #fff;
}
.sidebar-dark-indigo {
  background-color: #3f51b5 !important;
  color: #fff;
}
.sidebar-dark-crimson {
  background-color: #8a0f2e !important;
  color: #fff;
}
.sidebar-dark-rose {
  background-color: #c2185b !important;
  color: #fff;
}
.sidebar-dark-sunset {
  background-color: #ff7043 !important;
  color: #fff;
}
.sidebar-dark-copper {
  background-color: #7e3b16 !important;
  color: #fff;
}
.sidebar-dark-slate {
  background-color: #2f4f4f !important;
  color: #fff;
}
.sidebar-dark-graphite {
  background-color: #383838 !important;
  color: #fff;
}
.sidebar-dark-eggplant {
  background-color: #5d1451 !important;
  color: #fff;
}

/* 🔹 Custom Light Sidebars */
.sidebar-light-emerald {
  background-color: #e0f2f1 !important;
  color: #004d40;
}
.sidebar-light-navy {
  background-color: #e3f2fd !important;
  color: #0d47a1;
}
.sidebar-light-indigo {
  background-color: #ede7f6 !important;
  color: #311b92;
}
.sidebar-light-crimson {
  background-color: #fce4ec !important;
  color: #880e4f;
}
.sidebar-light-rose {
  background-color: #f8bbd0 !important;
  color: #ad1457;
}
.sidebar-light-sunset {
  background-color: #ffe0b2 !important;
  color: #e65100;
}
.sidebar-light-copper {
  background-color: #efebe9 !important;
  color: #4e342e;
}
.sidebar-light-slate {
  background-color: #eceff1 !important;
  color: #263238;
}
.sidebar-light-graphite {
  background-color: #f5f5f5 !important;
  color: #212121;
}
.sidebar-light-eggplant {
  background-color: #f3e5f5 !important;
  color: #6a1b9a;
}

/* =======================================================
   Extra Sidebar ACTIVE Dark Mode Color Utility Classes
========================================================== */
/* 🔹 Active states for Dark Sidebars (lighter than base) */
.sidebar-dark-emerald .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #1abc9c !important; /* lighter emerald */
  color: #fff !important;
}
.sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #004080 !important; /* lighter navy */
  color: #fff !important;
}
.sidebar-dark-indigo .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #7986cb !important; /* lighter indigo */
  color: #fff !important;
}
.sidebar-dark-crimson .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #c2185b !important; /* lighter crimson */
  color: #fff !important;
}
.sidebar-dark-rose .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #ec407a !important; /* lighter rose */
  color: #fff !important;
}
.sidebar-dark-sunset .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #ff8a65 !important; /* lighter sunset */
  color: #fff !important;
}
.sidebar-dark-copper .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #a0522d !important; /* lighter copper */
  color: #fff !important;
}
.sidebar-dark-slate .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #4f6d6d !important; /* lighter slate */
  color: #fff !important;
}
.sidebar-dark-graphite .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #555555 !important; /* lighter graphite */
  color: #fff !important;
}
.sidebar-dark-eggplant .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #8e24aa !important; /* lighter eggplant */
  color: #fff !important;
}

/* 🔹 Active states for Light Sidebars (a bit deeper than base for contrast) */
.sidebar-light-emerald .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #b2dfdb !important; /* deeper teal highlight */
  color: #004d40 !important;
}
.sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #bbdefb !important; /* deeper sky blue */
  color: #0d47a1 !important;
}
.sidebar-light-indigo .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #d1c4e9 !important; /* deeper lavender */
  color: #311b92 !important;
}
.sidebar-light-crimson .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #f8bbd0 !important; /* deeper pink */
  color: #880e4f !important;
}
.sidebar-light-rose .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #f48fb1 !important; /* deeper rose */
  color: #ad1457 !important;
}
.sidebar-light-sunset .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #ffcc80 !important; /* deeper orange */
  color: #e65100 !important;
}
.sidebar-light-copper .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #d7ccc8 !important; /* deeper brown */
  color: #4e342e !important;
}
.sidebar-light-slate .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #cfd8dc !important; /* deeper gray-blue */
  color: #263238 !important;
}
.sidebar-light-graphite .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #e0e0e0 !important; /* deeper gray */
  color: #212121 !important;
}
.sidebar-light-eggplant .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #e1bee7 !important; /* deeper purple */
  color: #6a1b9a !important;
}

/* =======================================================
   Extra Sidebar Dark Gradient Mode Color Utility Classes
========================================================== */
/* =======================================================
   DARK GRADIENT SIDE BARS
======================================================= */
.sidebar-dark-gradient-emerald {
  background: linear-gradient(135deg, #046d5d, #0fb49d) !important;
  color: #fff;
}
.sidebar-dark-gradient-navy {
  background: linear-gradient(135deg, #001f3f, #004080) !important;
  color: #fff;
}
.sidebar-dark-gradient-indigo {
  background: linear-gradient(135deg, #3f51b5, #5c6bc0) !important;
  color: #fff;
}
.sidebar-dark-gradient-crimson {
  background: linear-gradient(135deg, #8a0f2e, #c2185b) !important;
  color: #fff;
}
.sidebar-dark-gradient-sunset {
  background: linear-gradient(135deg, #ff7043, #ff8a65) !important;
  color: #fff;
}
.sidebar-dark-gradient-copper {
  background: linear-gradient(135deg, #7e3b16, #a0522d) !important;
  color: #fff;
}
.sidebar-dark-gradient-slate {
  background: linear-gradient(135deg, #2f4f4f, #4f6d6d) !important;
  color: #fff;
}
.sidebar-dark-gradient-graphite {
  background: linear-gradient(135deg, #383838, #555555) !important;
  color: #fff;
}
.sidebar-dark-gradient-eggplant {
  background: linear-gradient(135deg, #5d1451, #8e24aa) !important;
  color: #fff;
}
.sidebar-dark-gradient-ocean {
  background: linear-gradient(135deg, #00334d, #006699) !important;
  color: #fff;
}

/* =======================================================
   LIGHT GRADIENT SIDE BARS
======================================================= */
.sidebar-light-gradient-emerald {
  background: linear-gradient(135deg, #e0f2f1, #b2dfdb) !important;
  color: #004d40;
}
.sidebar-light-gradient-navy {
  background: linear-gradient(135deg, #e3f2fd, #82cfffff) !important;
  color: #0d47a1;
}

.sidebar-light-gradient-mforce {
  background: linear-gradient(135deg, #e3f2fd, #82cfffff) !important;
  color: #ff0033ff;
}
.sidebar-light-gradient-indigo {
  background: linear-gradient(135deg, #ede7f6, #d1c4e9) !important;
  color: #311b92;
}
.sidebar-light-gradient-crimson {
  background: linear-gradient(135deg, #fce4ec, #f8bbd0) !important;
  color: #880e4f;
}
.sidebar-light-gradient-sunset {
  background: linear-gradient(135deg, #ffe0b2, #ffcc80) !important;
  color: #e65100;
}
.sidebar-light-gradient-copper {
  background: linear-gradient(135deg, #efebe9, #d7ccc8) !important;
  color: #4e342e;
}
.sidebar-light-gradient-slate {
  background: linear-gradient(135deg, #eceff1, #cfd8dc) !important;
  color: #263238;
}
.sidebar-light-gradient-graphite {
  background: linear-gradient(135deg, #f5f5f5, #e0e0e0) !important;
  color: #212121;
}
.sidebar-light-gradient-eggplant {
  background: linear-gradient(135deg, #f3e5f5, #e1bee7) !important;
  color: #6a1b9a;
}
.sidebar-light-gradient-ocean {
  background: linear-gradient(135deg, #e0f7fa, #b2ebf2) !important;
  color: #006064;
}

/* =======================================================
   ACTIVE STATES – DARK
======================================================= */
.sidebar-dark-gradient-emerald .nav-link.active {
  background-color: rgba(15, 180, 157, 0.3) !important;
  color: #fff !important;
}
.sidebar-dark-gradient-navy .nav-link.active {
  background-color: rgba(0, 64, 128, 0.3) !important;
  color: #fff !important;
}
.sidebar-dark-gradient-indigo .nav-link.active {
  background-color: rgba(92, 107, 192, 0.3) !important;
  color: #fff !important;
}
.sidebar-dark-gradient-crimson .nav-link.active {
  background-color: rgba(194, 24, 91, 0.3) !important;
  color: #fff !important;
}
.sidebar-dark-gradient-sunset .nav-link.active {
  background-color: rgba(255, 138, 101, 0.3) !important;
  color: #fff !important;
}
.sidebar-dark-gradient-copper .nav-link.active {
  background-color: rgba(160, 82, 45, 0.3) !important;
  color: #fff !important;
}
.sidebar-dark-gradient-slate .nav-link.active {
  background-color: rgba(79, 109, 109, 0.3) !important;
  color: #fff !important;
}
.sidebar-dark-gradient-graphite .nav-link.active {
  background-color: rgba(85, 85, 85, 0.3) !important;
  color: #fff !important;
}
.sidebar-dark-gradient-eggplant .nav-link.active {
  background-color: rgba(142, 36, 170, 0.3) !important;
  color: #fff !important;
}
.sidebar-dark-gradient-ocean .nav-link.active {
  background-color: rgba(0, 102, 153, 0.3) !important;
  color: #fff !important;
}

/* =======================================================
   ACTIVE STATES – LIGHT
======================================================= */
.sidebar-light-gradient-emerald .nav-link.active {
  background-color: rgba(0, 77, 64, 0.1) !important;
  color: #004d40 !important;
}
.sidebar-light-gradient-navy .nav-link.active {
  background-color: rgba(13, 71, 161, 0.1) !important;
  color: #0d47a1 !important;
}
.sidebar-light-gradient-mforce .nav-link.active {
  background-color: rgba(13, 71, 161, 0.1) !important;
  color: #ff0000ff !important;
}
.sidebar-light-gradient-indigo .nav-link.active {
  background-color: rgba(49, 27, 146, 0.1) !important;
  color: #311b92 !important;
}
.sidebar-light-gradient-crimson .nav-link.active {
  background-color: rgba(136, 14, 79, 0.1) !important;
  color: #880e4f !important;
}
.sidebar-light-gradient-sunset .nav-link.active {
  background-color: rgba(230, 81, 0, 0.1) !important;
  color: #e65100 !important;
}
.sidebar-light-gradient-copper .nav-link.active {
  background-color: rgba(78, 52, 46, 0.1) !important;
  color: #4e342e !important;
}
.sidebar-light-gradient-slate .nav-link.active {
  background-color: rgba(38, 50, 56, 0.1) !important;
  color: #263238 !important;
}
.sidebar-light-gradient-graphite .nav-link.active {
  background-color: rgba(33, 33, 33, 0.1) !important;
  color: #212121 !important;
}
.sidebar-light-gradient-eggplant .nav-link.active {
  background-color: rgba(106, 27, 154, 0.1) !important;
  color: #6a1b9a !important;
}
.sidebar-light-gradient-ocean .nav-link.active {
  background-color: rgba(0, 96, 100, 0.1) !important;
  color: #006064 !important;
}


/* ================================
   SOLID NAVBAR COLORS
================================== */
.navbar-solid-red    { background-color: #e74c3c; color: #fff; }
.navbar-solid-blue   { background-color: #3498db; color: #fff; }
.navbar-solid-green  { background-color: #2ecc71; color: #fff; }
.navbar-solid-yellow { background-color: #f1c40f; color: #212529; }
.navbar-solid-orange { background-color: #e67e22; color: #fff; }
.navbar-solid-purple { background-color: #9b59b6; color: #fff; }
.navbar-solid-teal   { background-color: #1abc9c; color: #fff; }
.navbar-solid-pink   { background-color: #ff6b81; color: #fff; }
.navbar-solid-cyan   { background-color: #00bcd4; color: #fff; }
.navbar-solid-lime   { background-color: #a4de02; color: #212529; }
.navbar-solid-indigo { background-color: #3f51b5; color: #fff; }
.navbar-solid-brown  { background-color: #795548; color: #fff; }
.navbar-solid-gray   { background-color: #7f8c8d; color: #fff; }
.navbar-solid-dark   { background-color: #2d3436; color: #fff; }
.navbar-solid-light  { background-color: #ecf0f1; color: #212529; }
.navbar-solid-silver { background-color: #bdc3c7; color: #212529; }
.navbar-solid-navy   { background-color: #001f3f; color: #fff; }
.navbar-solid-gold   { background-color: #f39c12; color: #fff; }
.navbar-solid-sky    { background-color: #87ceeb; color: #212529; }
.navbar-solid-rose   { background-color: #e84393; color: #fff; }

/* Active (lighter shade) */
.navbar-solid-red.active, .navbar-solid-red .active    { background-color: #ff6f61 !important; }
.navbar-solid-blue.active, .navbar-solid-blue .active  { background-color: #5dade2 !important; }
.navbar-solid-green.active, .navbar-solid-green .active{ background-color: #58d68d !important; }
.navbar-solid-yellow.active, .navbar-solid-yellow .active{ background-color: #f4d03f !important; }
.navbar-solid-orange.active, .navbar-solid-orange .active{ background-color: #eb984e !important; }
.navbar-solid-purple.active, .navbar-solid-purple .active{ background-color: #af7ac5 !important; }
.navbar-solid-teal.active, .navbar-solid-teal .active  { background-color: #48c9b0 !important; }
.navbar-solid-pink.active, .navbar-solid-pink .active  { background-color: #ff85a2 !important; }
.navbar-solid-cyan.active, .navbar-solid-cyan .active  { background-color: #26c6da !important; }
.navbar-solid-lime.active, .navbar-solid-lime .active  { background-color: #bfff4f !important; }
.navbar-solid-indigo.active, .navbar-solid-indigo .active{ background-color: #5c6bc0 !important; }
.navbar-solid-brown.active, .navbar-solid-brown .active{ background-color: #8d6e63 !important; }
.navbar-solid-gray.active, .navbar-solid-gray .active  { background-color: #95a5a6 !important; }
.navbar-solid-dark.active, .navbar-solid-dark .active  { background-color: #3d3d3d !important; }
.navbar-solid-light.active, .navbar-solid-light .active{ background-color: #f7f9f9 !important; }
.navbar-solid-silver.active, .navbar-solid-silver .active{ background-color: #d5dbdb !important; }
.navbar-solid-navy.active, .navbar-solid-navy .active  { background-color: #003366 !important; }
.navbar-solid-gold.active, .navbar-solid-gold .active  { background-color: #f5b041 !important; }
.navbar-solid-sky.active, .navbar-solid-sky .active    { background-color: #a9d9f7 !important; }
.navbar-solid-rose.active, .navbar-solid-rose .active  { background-color: #f06292 !important; }

/* ================================
   GRADIENT NAVBAR COLORS
================================== */
.navbar-gradient-red    { background: linear-gradient(45deg, #e74c3c, #ff6f61); color: #fff; }
.navbar-gradient-blue   { background: linear-gradient(45deg, #3498db, #5dade2); color: #fff; }
.navbar-gradient-green  { background: linear-gradient(45deg, #2ecc71, #58d68d); color: #fff; }
.navbar-gradient-yellow { background: linear-gradient(45deg, #f1c40f, #f4d03f); color: #212529; }
.navbar-gradient-orange { background: linear-gradient(45deg, #e67e22, #eb984e); color: #fff; }
.navbar-gradient-purple { background: linear-gradient(45deg, #9b59b6, #af7ac5); color: #fff; }
.navbar-gradient-teal   { background: linear-gradient(45deg, #1abc9c, #48c9b0); color: #fff; }
.navbar-gradient-pink   { background: linear-gradient(45deg, #ff6b81, #ff85a2); color: #fff; }
.navbar-gradient-cyan   { background: linear-gradient(45deg, #00bcd4, #26c6da); color: #fff; }
.navbar-gradient-lime   { background: linear-gradient(45deg, #a4de02, #bfff4f); color: #212529; }
.navbar-gradient-indigo { background: linear-gradient(45deg, #3f51b5, #5c6bc0); color: #fff; }
.navbar-gradient-brown  { background: linear-gradient(45deg, #795548, #8d6e63); color: #fff; }
.navbar-gradient-gray   { background: linear-gradient(45deg, #7f8c8d, #95a5a6); color: #fff; }
.navbar-gradient-dark   { background: linear-gradient(45deg, #2d3436, #3d3d3d); color: #fff; }
.navbar-gradient-light  { background: linear-gradient(45deg, #ecf0f1, #f7f9f9); color: #212529; }
.navbar-gradient-silver { background: linear-gradient(45deg, #bdc3c7, #d5dbdb); color: #212529; }
.navbar-gradient-navy   { background: linear-gradient(45deg, #001f3f, #003366); color: #fff; }
.navbar-gradient-gold   { background: linear-gradient(45deg, #f39c12, #f5b041); color: #fff; }
.navbar-gradient-sky    { background: linear-gradient(45deg, #87ceeb, #a9d9f7); color: #212529; }
.navbar-gradient-rose   { background: linear-gradient(45deg, #e84393, #f06292); color: #fff; }

/* Active (lighter shade) */
.navbar-gradient-red.active, .navbar-gradient-red .active    { background: #ff6f61 !important; }
.navbar-gradient-blue.active, .navbar-gradient-blue .active  { background: #5dade2 !important; }
.navbar-gradient-green.active, .navbar-gradient-green .active{ background: #58d68d !important; }
.navbar-gradient-yellow.active, .navbar-gradient-yellow .active{ background: #f4d03f !important; }
.navbar-gradient-orange.active, .navbar-gradient-orange .active{ background: #eb984e !important; }
.navbar-gradient-purple.active, .navbar-gradient-purple .active{ background: #af7ac5 !important; }
.navbar-gradient-teal.active, .navbar-gradient-teal .active  { background: #48c9b0 !important; }
.navbar-gradient-pink.active, .navbar-gradient-pink .active  { background: #ff85a2 !important; }
.navbar-gradient-cyan.active, .navbar-gradient-cyan .active  { background: #26c6da !important; }
.navbar-gradient-lime.active, .navbar-gradient-lime .active  { background: #bfff4f !important; }
.navbar-gradient-indigo.active, .navbar-gradient-indigo .active{ background: #5c6bc0 !important; }
.navbar-gradient-brown.active, .navbar-gradient-brown .active{ background: #8d6e63 !important; }
.navbar-gradient-gray.active, .navbar-gradient-gray .active  { background: #95a5a6 !important; }
.navbar-gradient-dark.active, .navbar-gradient-dark .active  { background: #3d3d3d !important; }
.navbar-gradient-light.active, .navbar-gradient-light .active{ background: #f7f9f9 !important; }
.navbar-gradient-silver.active, .navbar-gradient-silver .active{ background: #d5dbdb !important; }
.navbar-gradient-navy.active, .navbar-gradient-navy .active  { background: #003366 !important; }
.navbar-gradient-gold.active, .navbar-gradient-gold .active  { background: #f5b041 !important; }
.navbar-gradient-sky.active, .navbar-gradient-sky .active    { background: #a9d9f7 !important; }
.navbar-gradient-rose.active, .navbar-gradient-rose .active  { background: #f06292 !important; }

/* =======================================
   LIGHT GRADIENT NAVBARS (dark text)
======================================= */
.navbar-light-gradient-red {
  background: linear-gradient(45deg, #f8d7da, #f5b7b1);
  color: #212529;
}
.navbar-light-gradient-blue {
  background: linear-gradient(45deg, #d6eaf8, #aed6f1);
  color: #212529;
}
.navbar-light-gradient-green {
  background: linear-gradient(45deg, #d5f5e3, #abebc6);
  color: #212529;
}
.navbar-light-gradient-yellow {
  background: linear-gradient(45deg, #fcf3cf, #f9e79f);
  color: #212529;
}
.navbar-light-gradient-orange {
  background: linear-gradient(45deg, #fdebd0, #f8c471);
  color: #212529;
}
.navbar-light-gradient-purple {
  background: linear-gradient(45deg, #e8daef, #d7bde2);
  color: #212529;
}
.navbar-light-gradient-teal {
  background: linear-gradient(45deg, #d1f2eb, #a3e4d7);
  color: #212529;
}
.navbar-light-gradient-pink {
  background: linear-gradient(45deg, #fce4ec, #f8bbd0);
  color: #212529;
}
.navbar-light-gradient-cyan {
  background: linear-gradient(45deg, #e0f7fa, #b2ebf2);
  color: #212529;
}
.navbar-light-gradient-lime {
  background: linear-gradient(45deg, #f9fbe7, #dcedc8);
  color: #212529;
}
.navbar-light-gradient-indigo {
  background: linear-gradient(45deg, #e8eaf6, #c5cae9);
  color: #212529;
}
.navbar-light-gradient-brown {
  background: linear-gradient(45deg, #efebe9, #d7ccc8);
  color: #212529;
}
.navbar-light-gradient-gray {
  background: linear-gradient(45deg, #f5f5f5, #e0e0e0);
  color: #212529;
}
.navbar-light-gradient-dark {
  background: linear-gradient(45deg, #d5d8dc, #aab7b8);
  color: #212529;
}
.navbar-light-gradient-light {
  background: linear-gradient(45deg, #fdfefe, #f4f6f7);
  color: #212529;
}
.navbar-light-gradient-silver {
  background: linear-gradient(45deg, #f2f3f4, #d5dbdb);
  color: #212529;
}
.navbar-light-gradient-navy {
  background: linear-gradient(45deg, #d6eaf8, #a9cce3);
  color: #212529;
}
.navbar-light-gradient-gold {
  background: linear-gradient(45deg, #fcf3cf, #f7dc6f);
  color: #212529;
}
.navbar-light-gradient-sky {
  background: linear-gradient(45deg, #ebf5fb, #d6eaf8);
  color: #212529;
}
.navbar-light-gradient-rose {
  background: linear-gradient(45deg, #fde2e2, #f8c9d4);
  color: #212529;
}

/* Active states (darker tint for contrast) */
.navbar-light-gradient-red .active    { background-color: #f1948a !important; }
.navbar-light-gradient-blue .active   { background-color: #85c1e9 !important; }
.navbar-light-gradient-green .active  { background-color: #82e0aa !important; }
.navbar-light-gradient-yellow .active { background-color: #f7dc6f !important; }
.navbar-light-gradient-orange .active { background-color: #f5b041 !important; }
.navbar-light-gradient-purple .active { background-color: #c39bd3 !important; }
.navbar-light-gradient-teal .active   { background-color: #76d7c4 !important; }
.navbar-light-gradient-pink .active   { background-color: #f48fb1 !important; }
.navbar-light-gradient-cyan .active   { background-color: #76d7d9 !important; }
.navbar-light-gradient-lime .active   { background-color: #c5e1a5 !important; }
.navbar-light-gradient-indigo .active { background-color: #9fa8da !important; }
.navbar-light-gradient-brown .active  { background-color: #a1887f !important; }
.navbar-light-gradient-gray .active   { background-color: #bdbdbd !important; }
.navbar-light-gradient-dark .active   { background-color: #85929e !important; }
.navbar-light-gradient-light .active  { background-color: #e5e8e8 !important; }
.navbar-light-gradient-silver .active { background-color: #ccd1d1 !important; }
.navbar-light-gradient-navy .active   { background-color: #5dade2 !important; }
.navbar-light-gradient-gold .active   { background-color: #f4d03f !important; }
.navbar-light-gradient-sky .active    { background-color: #aed6f1 !important; }
.navbar-light-gradient-rose .active   { background-color: #f194b4 !important; }


/* =======================================
   DARK GRADIENT NAVBARS (light text)
======================================= */
.navbar-dark-gradient-red {
  background: linear-gradient(45deg, #c0392b, #e74c3c);
  color: #fff;
}
.navbar-dark-gradient-blue {
  background: linear-gradient(45deg, #21618c, #3498db);
  color: #fff;
}
.navbar-dark-gradient-green {
  background: linear-gradient(45deg, #1e8449, #2ecc71);
  color: #fff;
}
.navbar-dark-gradient-yellow {
  background: linear-gradient(45deg, #b7950b, #f1c40f);
  color: #fff;
}
.navbar-dark-gradient-orange {
  background: linear-gradient(45deg, #af601a, #e67e22);
  color: #fff;
}
.navbar-dark-gradient-purple {
  background: linear-gradient(45deg, #6c3483, #9b59b6);
  color: #fff;
}
.navbar-dark-gradient-teal {
  background: linear-gradient(45deg, #117864, #1abc9c);
  color: #fff;
}
.navbar-dark-gradient-pink {
  background: linear-gradient(45deg, #c2185b, #e84393);
  color: #fff;
}
.navbar-dark-gradient-cyan {
  background: linear-gradient(45deg, #138496, #00bcd4);
  color: #fff;
}
.navbar-dark-gradient-lime {
  background: linear-gradient(45deg, #7d6608, #a4de02);
  color: #fff;
}
.navbar-dark-gradient-indigo {
  background: linear-gradient(45deg, #283593, #3f51b5);
  color: #fff;
}
.navbar-dark-gradient-brown {
  background: linear-gradient(45deg, #4e342e, #795548);
  color: #fff;
}
.navbar-dark-gradient-gray {
  background: linear-gradient(45deg, #424949, #7f8c8d);
  color: #fff;
}
.navbar-dark-gradient-dark {
  background: linear-gradient(45deg, #1c1c1c, #2d3436);
  color: #fff;
}
.navbar-dark-gradient-light {
  background: linear-gradient(45deg, #566573, #7d7d7d);
  color: #fff;
}
.navbar-dark-gradient-silver {
  background: linear-gradient(45deg, #616a6b, #95a5a6);
  color: #fff;
}
.navbar-dark-gradient-navy {
  background: linear-gradient(45deg, #001f3f, #34495e);
  color: #fff;
}
.navbar-dark-gradient-gold {
  background: linear-gradient(45deg, #9a7d0a, #f39c12);
  color: #fff;
}
.navbar-dark-gradient-sky {
  background: linear-gradient(45deg, #2874a6, #5dade2);
  color: #fff;
}
.navbar-dark-gradient-rose {
  background: linear-gradient(45deg, #8e244d, #e84393);
  color: #fff;
}

/* Active states (lighter for visibility) */
.navbar-dark-gradient-red .active    { background-color: #e57373 !important; }
.navbar-dark-gradient-blue .active   { background-color: #5dade2 !important; }
.navbar-dark-gradient-green .active  { background-color: #58d68d !important; }
.navbar-dark-gradient-yellow .active { background-color: #f4d03f !important; }
.navbar-dark-gradient-orange .active { background-color: #eb984e !important; }
.navbar-dark-gradient-purple .active { background-color: #af7ac5 !important; }
.navbar-dark-gradient-teal .active   { background-color: #48c9b0 !important; }
.navbar-dark-gradient-pink .active   { background-color: #f06292 !important; }
.navbar-dark-gradient-cyan .active   { background-color: #26c6da !important; }
.navbar-dark-gradient-lime .active   { background-color: #cddc39 !important; }
.navbar-dark-gradient-indigo .active { background-color: #5c6bc0 !important; }
.navbar-dark-gradient-brown .active  { background-color: #8d6e63 !important; }
.navbar-dark-gradient-gray .active   { background-color: #95a5a6 !important; }
.navbar-dark-gradient-dark .active   { background-color: #3d3d3d !important; }
.navbar-dark-gradient-light .active  { background-color: #aeb6bf !important; }
.navbar-dark-gradient-silver .active { background-color: #b2babb !important; }
.navbar-dark-gradient-navy .active   { background-color: #2e86c1 !important; }
.navbar-dark-gradient-gold .active   { background-color: #f5b041 !important; }
.navbar-dark-gradient-sky .active    { background-color: #85c1e9 !important; }
.navbar-dark-gradient-rose .active   { background-color: #ec407a !important; }




/* =================
   USER NAVBARS 
===================*/

/* 🔴 Red */
.navbar-solid-light-red {
  background-color: #f8d7da !important;
  color: #721c24 !important;
}
.navbar-solid-light-red .nav-link.active {
  background-color: #f5c6cb !important;
  color: #491217 !important;
  font-weight: bold;
}

/* 🌸 Pink */
.navbar-solid-light-pink {
  background-color: #fce4ec !important;
  color: #880e4f !important;
}
.navbar-solid-light-pink .nav-link.active {
  background-color: #f8bbd0 !important;
  color: #560027 !important;
  font-weight: bold;
}

/* 💜 Purple */
.navbar-solid-light-purple {
  background-color: #ede7f6 !important;
  color: #4a148c !important;
}
.navbar-solid-light-purple .nav-link.active {
  background-color: #d1c4e9 !important;
  color: #2e0854 !important;
  font-weight: bold;
}

/* 🔵 Indigo */
.navbar-solid-light-indigo {
  background-color: #e8eaf6 !important;
  color: #1a237e !important;
}
.navbar-solid-light-indigo .nav-link.active {
  background-color: #c5cae9 !important;
  color: #0d164d !important;
  font-weight: bold;
}

/* 🔷 Blue */
.navbar-solid-light-blue {
  background-color: #e3f2fd !important;
  color: #0d47a1 !important;
}
.navbar-solid-light-blue .nav-link.active {
  background-color: #bbdefb !important;
  color: #002171 !important;
  font-weight: bold;
}

/* 🌊 Cyan */
.navbar-solid-light-cyan {
  background-color: #e0f7fa !important;
  color: #006064 !important;
}
.navbar-solid-light-cyan .nav-link.active {
  background-color: #b2ebf2 !important;
  color: #00363a !important;
  font-weight: bold;
}

/* 🟢 Teal */
.navbar-solid-light-teal {
  background-color: #e0f2f1 !important;
  color: #004d40 !important;
}
.navbar-solid-light-teal .nav-link.active {
  background-color: #b2dfdb !important;
  color: #00251a !important;
  font-weight: bold;
}

/* 🌳 Green */
.navbar-solid-light-green {
  background-color: #e8f5e9 !important;
  color: #1b5e20 !important;
}
.navbar-solid-light-green .nav-link.active {
  background-color: #c8e6c9 !important;
  color: #0d3a12 !important;
  font-weight: bold;
}

/* 🍋 Lime */
.navbar-solid-light-lime {
  background-color: #f9fbe7 !important;
  color: #827717 !important;
}
.navbar-solid-light-lime .nav-link.active {
  background-color: #f0f4c3 !important;
  color: #524c00 !important;
  font-weight: bold;
}

/* 🌞 Yellow */
.navbar-solid-light-yellow {
  background-color: #fffde7 !important;
  color: #f57f17 !important;
}
.navbar-solid-light-yellow .nav-link.active {
  background-color: #fff9c4 !important;
  color: #c21800 !important;
  font-weight: bold;
}

/* 🟠 Amber */
.navbar-solid-light-amber {
  background-color: #fff8e1 !important;
  color: #ff6f00 !important;
}
.navbar-solid-light-amber .nav-link.active {
  background-color: #ffecb3 !important;
  color: #e65100 !important;
  font-weight: bold;
}

/* 🍊 Orange */
.navbar-solid-light-orange {
  background-color: #fff3e0 !important;
  color: #e65100 !important;
}
.navbar-solid-light-orange .nav-link.active {
  background-color: #ffe0b2 !important;
  color: #bf360c !important;
  font-weight: bold;
}

/* 🍫 Brown */
.navbar-solid-light-brown {
  background-color: #efebe9 !important;
  color: #4e342e !important;
}
.navbar-solid-light-brown .nav-link.active {
  background-color: #d7ccc8 !important;
  color: #260e04 !important;
  font-weight: bold;
}

/* 🪨 Slate */
.navbar-solid-light-slate {
  background-color: #eceff1 !important;
  color: #263238 !important;
}
.navbar-solid-light-slate .nav-link.active {
  background-color: #cfd8dc !important;
  color: #0d1416 !important;
  font-weight: bold;
}

/* ⚫ Gray */
.navbar-solid-light-gray {
  background-color: #f5f5f5 !important;
  color: #212121 !important;
}
.navbar-solid-light-gray .nav-link.active {
  background-color: #eeeeee !important;
  color: #000000 !important;
  font-weight: bold;
}

/* 🪨 Graphite */
.navbar-solid-light-graphite {
  background-color: #e0e0e0 !important;
  color: #424242 !important;
}
.navbar-solid-light-graphite .nav-link.active {
  background-color: #bdbdbd !important;
  color: #1b1b1b !important;
  font-weight: bold;
}

/* 🌹 Rose */
.navbar-solid-light-rose {
  background-color: #f8bbd0 !important;
  color: #ad1457 !important;
}
.navbar-solid-light-rose .nav-link.active {
  background-color: #f48fb1 !important;
  color: #6a1b3d !important;
  font-weight: bold;
}

/* 🌇 Sunset */
.navbar-solid-light-sunset {
  background-color: #ffe0b2 !important;
  color: #e65100 !important;
}
.navbar-solid-light-sunset .nav-link.active {
  background-color: #ffcc80 !important;
  color: #a84300 !important;
  font-weight: bold;
}

/* 💎 Emerald */
.navbar-solid-light-emerald {
  background-color: #e0f2f1 !important;
  color: #046d5d !important;
}
.navbar-solid-light-emerald .nav-link.active {
  background-color: #b2dfdb !important;
  color: #023830 !important;
  font-weight: bold;
}

/* 🟤 Copper */
.navbar-solid-light-copper {
  background-color: #efebe9 !important;
  color: #7e3b16 !important;
}
.navbar-solid-light-copper .nav-link.active {
  background-color: #d7ccc8 !important;
  color: #3d1d0a !important;
  font-weight: bold;
}


/* 🔹 Navbar Solid Dark Variants */
.navbar-solid-dark-emerald {
  background-color: #046d5d !important;
  color: #fff;
}
.navbar-solid-dark-emerald .nav-link.active {
  background-color: #058d77 !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-solid-dark-navy {
  background-color: #001f3f !important;
  color: #fff;
}
.navbar-solid-dark-navy .nav-link.active {
  background-color: #003366 !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-solid-dark-indigo {
  background-color: #3f51b5 !important;
  color: #fff;
}
.navbar-solid-dark-indigo .nav-link.active {
  background-color: #5c6bc0 !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-solid-dark-crimson {
  background-color: #8a0f2e !important;
  color: #fff;
}
.navbar-solid-dark-crimson .nav-link.active {
  background-color: #a71d3a !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-solid-dark-rose {
  background-color: #c2185b !important;
  color: #fff;
}
.navbar-solid-dark-rose .nav-link.active {
  background-color: #d81b60 !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-solid-dark-sunset {
  background-color: #ff7043 !important;
  color: #fff;
}
.navbar-solid-dark-sunset .nav-link.active {
  background-color: #ff8a65 !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-solid-dark-copper {
  background-color: #7e3b16 !important;
  color: #fff;
}
.navbar-solid-dark-copper .nav-link.active {
  background-color: #a44c1e !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-solid-dark-slate {
  background-color: #2f4f4f !important;
  color: #fff;
}
.navbar-solid-dark-slate .nav-link.active {
  background-color: #4f6f6f !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-solid-dark-graphite {
  background-color: #383838 !important;
  color: #fff;
}
.navbar-solid-dark-graphite .nav-link.active {
  background-color: #505050 !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-solid-dark-eggplant {
  background-color: #5d1451 !important;
  color: #fff;
}
.navbar-solid-dark-eggplant .nav-link.active {
  background-color: #7b1e75 !important;
  font-weight: bold;
  color: #fff !important;
}

/* 🔹 Add more solid darks (10 more) */
.navbar-solid-dark-teal { background-color: #004d40 !important; color:#fff; }
.navbar-solid-dark-teal .nav-link.active { background:#00695c !important; font-weight:bold; color:#fff !important; }

.navbar-solid-dark-maroon { background:#800000 !important; color:#fff; }
.navbar-solid-dark-maroon .nav-link.active { background:#a52a2a !important; font-weight:bold; color:#fff !important; }

.navbar-solid-dark-olive { background:#3d9970 !important; color:#fff; }
.navbar-solid-dark-olive .nav-link.active { background:#2e8b57 !important; font-weight:bold; color:#fff !important; }

.navbar-solid-dark-burgundy { background:#581845 !important; color:#fff; }
.navbar-solid-dark-burgundy .nav-link.active { background:#7b2b63 !important; font-weight:bold; color:#fff !important; }

.navbar-solid-dark-steel { background:#2a3d45 !important; color:#fff; }
.navbar-solid-dark-steel .nav-link.active { background:#3f5862 !important; font-weight:bold; color:#fff !important; }

.navbar-solid-dark-charcoal { background:#1c1c1c !important; color:#fff; }
.navbar-solid-dark-charcoal .nav-link.active { background:#2e2e2e !important; font-weight:bold; color:#fff !important; }

.navbar-solid-dark-denim { background:#1565c0 !important; color:#fff; }
.navbar-solid-dark-denim .nav-link.active { background:#1976d2 !important; font-weight:bold; color:#fff !important; }

.navbar-solid-dark-moss { background:#37472b !important; color:#fff; }
.navbar-solid-dark-moss .nav-link.active { background:#4b6337 !important; font-weight:bold; color:#fff !important; }

.navbar-solid-dark-bronze { background:#6e4b3a !important; color:#fff; }
.navbar-solid-dark-bronze .nav-link.active { background:#8d5e4c !important; font-weight:bold; color:#fff !important; }

.navbar-solid-dark-ruby { background:#9b111e !important; color:#fff; }
.navbar-solid-dark-ruby .nav-link.active { background:#b71c1c !important; font-weight:bold; color:#fff !important; }

/* 🔹 Navbar Gradient Light Variants */
.navbar-gradient-light-emerald {
  background: linear-gradient(45deg, #e0f2f1, #a7ffeb) !important;
  color: #004d40;
}
.navbar-gradient-light-emerald .nav-link.active {
  background: rgba(0, 77, 64, 0.2) !important;
  font-weight: bold;
  color: #004d40 !important;
}

.navbar-gradient-light-navy {
  background: linear-gradient(45deg, #e3f2fd, #bbdefb) !important;
  color: #0d47a1;
}
.navbar-gradient-light-navy .nav-link.active {
  background: rgba(13, 71, 161, 0.2) !important;
  font-weight: bold;
  color: #0d47a1 !important;
}

.navbar-gradient-light-indigo {
  background: linear-gradient(45deg, #ede7f6, #d1c4e9) !important;
  color: #311b92;
}
.navbar-gradient-light-indigo .nav-link.active {
  background: rgba(49, 27, 146, 0.2) !important;
  font-weight: bold;
  color: #311b92 !important;
}

.navbar-gradient-light-crimson {
  background: linear-gradient(45deg, #fce4ec, #f8bbd0) !important;
  color: #880e4f;
}
.navbar-gradient-light-crimson .nav-link.active {
  background: rgba(136, 14, 79, 0.2) !important;
  font-weight: bold;
  color: #880e4f !important;
}

.navbar-gradient-light-rose {
  background: linear-gradient(45deg, #f8bbd0, #f48fb1) !important;
  color: #ad1457;
}
.navbar-gradient-light-rose .nav-link.active {
  background: rgba(173, 20, 87, 0.2) !important;
  font-weight: bold;
  color: #ad1457 !important;
}

.navbar-gradient-light-sunset {
  background: linear-gradient(45deg, #ffe0b2, #ffcc80) !important;
  color: #e65100;
}
.navbar-gradient-light-sunset .nav-link.active {
  background: rgba(230, 81, 0, 0.2) !important;
  font-weight: bold;
  color: #e65100 !important;
}


.navbar-gradient-light-copper {
  background: linear-gradient(45deg, #efebe9, #d7ccc8) !important;
  color: #4e342e;
}
.navbar-gradient-light-copper .nav-link.active {
  background: rgba(78, 52, 46, 0.2) !important;
  font-weight: bold;
  color: #4e342e !important;
}

.navbar-gradient-light-slate {
  background: linear-gradient(45deg, #eceff1, #cfd8dc) !important;
  color: #263238;
}
.navbar-gradient-light-slate .nav-link.active {
  background: rgba(38, 50, 56, 0.2) !important;
  font-weight: bold;
  color: #263238 !important;
}

.navbar-gradient-light-graphite {
  background: linear-gradient(45deg, #f5f5f5, #eeeeee) !important;
  color: #212121;
}
.navbar-gradient-light-graphite .nav-link.active {
  background: rgba(33, 33, 33, 0.2) !important;
  font-weight: bold;
  color: #212121 !important;
}

.navbar-gradient-light-eggplant {
  background: linear-gradient(45deg, #f3e5f5, #e1bee7) !important;
  color: #6a1b9a;
}
.navbar-gradient-light-eggplant .nav-link.active {
  background: rgba(106, 27, 154, 0.2) !important;
  font-weight: bold;
  color: #6a1b9a !important;
}

/* 🔹 More (10 extra) */
.navbar-gradient-light-teal { background:linear-gradient(45deg,#e0f7fa,#b2ebf2)!important; color:#006064; }
.navbar-gradient-light-teal .nav-link.active { background:rgba(0,96,100,0.2)!important; font-weight:bold; color:#006064!important; }

.navbar-gradient-light-lime { background:linear-gradient(45deg,#f9fbe7,#e6ee9c)!important; color:#827717; }
.navbar-gradient-light-lime .nav-link.active { background:rgba(130,119,23,0.2)!important; font-weight:bold; color:#827717!important; }

.navbar-gradient-light-amber { background:linear-gradient(45deg,#fff8e1,#ffe082)!important; color:#ff6f00; }
.navbar-gradient-light-amber .nav-link.active { background:rgba(255,111,0,0.2)!important; font-weight:bold; color:#ff6f00!important; }

.navbar-gradient-light-aqua { background:linear-gradient(45deg,#e0f7fa,#80deea)!important; color:#00838f; }
.navbar-gradient-light-aqua .nav-link.active { background:rgba(0,131,143,0.2)!important; font-weight:bold; color:#00838f!important; }

.navbar-gradient-light-mint { background:linear-gradient(45deg,#f1f8e9,#c5e1a5)!important; color:#33691e; }
.navbar-gradient-light-mint .nav-link.active { background:rgba(51,105,30,0.2)!important; font-weight:bold; color:#33691e!important; }

.navbar-gradient-light-sky { background:linear-gradient(45deg,#e1f5fe,#81d4fa)!important; color:#0277bd; }
.navbar-gradient-light-sky .nav-link.active { background:rgba(2,119,189,0.2)!important; font-weight:bold; color:#0277bd!important; }

.navbar-gradient-light-peach { background:linear-gradient(45deg,#fff3e0,#ffccbc)!important; color:#e65100; }
.navbar-gradient-light-peach .nav-link.active { background:rgba(230,81,0,0.2)!important; font-weight:bold; color:#e65100!important; }

.navbar-gradient-light-sand { background:linear-gradient(45deg,#fbe9e7,#ffccbc)!important; color:#bf360c; }
.navbar-gradient-light-sand .nav-link.active { background:rgba(191,54,12,0.2)!important; font-weight:bold; color:#bf360c!important; }

.navbar-gradient-light-rosewood { background:linear-gradient(45deg,#fce4ec,#f8bbd0)!important; color:#880e4f; }
.navbar-gradient-light-rosewood .nav-link.active { background:rgba(136,14,79,0.2)!important; font-weight:bold; color:#880e4f!important; }

.navbar-gradient-light-plum { background:linear-gradient(45deg,#f3e5f5,#ce93d8)!important; color:#4a148c; }
.navbar-gradient-light-plum .nav-link.active { background:rgba(74,20,140,0.2)!important; font-weight:bold; color:#4a148c!important; }


/* 🔹 Navbar Gradient Dark Variants */
.navbar-gradient-dark-emerald {
  background: linear-gradient(45deg, #004d40, #046d5d) !important;
  color: #fff;
}
.navbar-gradient-dark-emerald .nav-link.active {
  background: rgba(4, 109, 93, 0.5) !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-gradient-dark-navy {
  background: linear-gradient(45deg, #001f3f, #003366) !important;
  color: #fff;
}
.navbar-gradient-dark-navy .nav-link.active {
  background: rgba(0, 51, 102, 0.5) !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-gradient-dark-indigo {
  background: linear-gradient(45deg, #1a237e, #3f51b5) !important;
  color: #fff;
}
.navbar-gradient-dark-indigo .nav-link.active {
  background: rgba(63, 81, 181, 0.5) !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-gradient-dark-crimson {
  background: linear-gradient(45deg, #4a0e23, #8a0f2e) !important;
  color: #fff;
}
.navbar-gradient-dark-crimson .nav-link.active {
  background: rgba(138, 15, 46, 0.5) !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-gradient-dark-rose {
  background: linear-gradient(45deg, #880e4f, #c2185b) !important;
  color: #fff;
}
.navbar-gradient-dark-rose .nav-link.active {
  background: rgba(194, 24, 91, 0.5) !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-gradient-dark-sunset {
  background: linear-gradient(45deg, #e65100, #ff7043) !important;
  color: #fff;
}
.navbar-gradient-dark-sunset .nav-link.active {
  background: rgba(255, 112, 67, 0.5) !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-gradient-dark-copper {
  background: linear-gradient(45deg, #4e342e, #7e3b16) !important;
  color: #fff;
}
.navbar-gradient-dark-copper .nav-link.active {
  background: rgba(126, 59, 22, 0.5) !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-gradient-dark-slate {
  background: linear-gradient(45deg, #263238, #2f4f4f) !important;
  color: #fff;
}
.navbar-gradient-dark-slate .nav-link.active {
  background: rgba(47, 79, 79, 0.5) !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-gradient-dark-graphite {
  background: linear-gradient(45deg, #1c1c1c, #383838) !important;
  color: #fff;
}
.navbar-gradient-dark-graphite .nav-link.active {
  background: rgba(56, 56, 56, 0.5) !important;
  font-weight: bold;
  color: #fff !important;
}

.navbar-gradient-dark-eggplant {
  background: linear-gradient(45deg, #4a148c, #6a1b9a) !important;
  color: #fff;
}
.navbar-gradient-dark-eggplant .nav-link.active {
  background: rgba(106, 27, 154, 0.5) !important;
  font-weight: bold;
  color: #fff !important;
}

/* 🔹 More (10 extra) */
.navbar-gradient-dark-teal { background:linear-gradient(45deg,#00332e,#004d40)!important; color:#fff; }
.navbar-gradient-dark-teal .nav-link.active { background:rgba(0,77,64,0.5)!important; font-weight:bold; color:#fff!important; }

.navbar-gradient-dark-maroon { background:linear-gradient(45deg,#400000,#800000)!important; color:#fff; }
.navbar-gradient-dark-maroon .nav-link.active { background:rgba(128,0,0,0.5)!important; font-weight:bold; color:#fff!important; }

.navbar-gradient-dark-olive { background:linear-gradient(45deg,#1a2e22,#3d9970)!important; color:#fff; }
.navbar-gradient-dark-olive .nav-link.active { background:rgba(61,153,112,0.5)!important; font-weight:bold; color:#fff!important; }

.navbar-gradient-dark-burgundy { background:linear-gradient(45deg,#3a0a29,#581845)!important; color:#fff; }
.navbar-gradient-dark-burgundy .nav-link.active { background:rgba(88,24,69,0.5)!important; font-weight:bold; color:#fff!important; }

.navbar-gradient-dark-steel { background:linear-gradient(45deg,#1b2a30,#2a3d45)!important; color:#fff; }
.navbar-gradient-dark-steel .nav-link.active { background:rgba(42,61,69,0.5)!important; font-weight:bold; color:#fff!important; }

.navbar-gradient-dark-charcoal { background:linear-gradient(45deg,#0d0d0d,#1c1c1c)!important; color:#fff; }
.navbar-gradient-dark-charcoal .nav-link.active { background:rgba(28,28,28,0.5)!important; font-weight:bold; color:#fff!important; }

.navbar-gradient-dark-denim { background:linear-gradient(45deg,#0d47a1,#1565c0)!important; color:#fff; }
.navbar-gradient-dark-denim .nav-link.active { background:rgba(21,101,192,0.5)!important; font-weight:bold; color:#fff!important; }

.navbar-gradient-dark-moss { background:linear-gradient(45deg,#1a331a,#37472b)!important; color:#fff; }
.navbar-gradient-dark-moss .nav-link.active { background:rgba(55,71,43,0.5)!important; font-weight:bold; color:#fff!important; }

.navbar-gradient-dark-bronze { background:linear-gradient(45deg,#402b20,#6e4b3a)!important; color:#fff; }
.navbar-gradient-dark-bronze .nav-link.active { background:rgba(110,75,58,0.5)!important; font-weight:bold; color:#fff!important; }

.navbar-gradient-dark-ruby { background:linear-gradient(45deg,#4a0c0c,#9b111e)!important; color:#fff; }
.navbar-gradient-dark-ruby .nav-link.active { background:rgba(155,17,30,0.5)!important; font-weight:bold; color:#fff!important; }