:root,
[data-bs-theme="light"] {
  --bs-gray: #6c757d;
  --bs-gray-dark: #2d353c;

  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #2d353c;
  --bs-gray-900: #20252a;

  --bs-gray-rgb: 108, 117, 125;
  --bs-gray-dark-rgb: 45, 53, 60;

  --bs-gray-100-rgb: 248, 249, 250;
  --bs-gray-200-rgb: 233, 236, 239;
  --bs-gray-300-rgb: 222, 226, 230;
  --bs-gray-400-rgb: 206, 212, 218;
  --bs-gray-500-rgb: 173, 181, 189;
  --bs-gray-600-rgb: 108, 117, 125;
  --bs-gray-700-rgb: 73, 80, 87;
  --bs-gray-800-rgb: 45, 53, 60;
  --bs-gray-900-rgb: 32, 37, 42;
}

.text-gray {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important;
}
.text-gray-100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-100-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-200-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-300-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-400 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-400-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-500 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-500-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-600 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-600-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-700 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-700-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-800 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-800-rgb), var(--bs-text-opacity)) !important;
}

.text-gray-900 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-900-rgb), var(--bs-text-opacity)) !important;
}

ul.treeview-menu li {
  list-style-type: none !important;
}

/* icon link */
.card-item-link .icon {
  width: auto;
  height: 129px;
  overflow: hidden;
}
.card-item-link .title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.card-item-link .icon img {
  width: 100%;
  height: 100%;
  object-position: top center;
  object-fit: scale-down;
}
footer {
  background: #18214e !important;
  color: #fffa;
}
.navigation .dropdown-menu a,
.navigation .dropdown-menu .nav-link {
  color: #333 !important;
  font-size: 14px !important;
}

/* SLIDER */
.hero-slider .slide .caption {
  background: #00000024 !important;
}
.hero-slider .slide .caption {
    position: absolute;
    inset: 0;
    background: #0000002b!important;
    display: grid
;
    align-items: center;
    justify-content: center;
    color: #fff;
}