* {
  --primary-color: #2E8B25;
  --primary-color-rgb: 46, 139, 37;
  --secondary-color: #2E8B25;
  --secondary-color-rgb: 46, 139, 37;
  --tertiary-color: #6D6E71;
  --tertiary-color-rgb: 109, 110, 113;
  --accent-color: #F57C00;
  --accent-color-rgb: 245, 124, 0;
}

.custom-underline-tabs {
  border-bottom: 1px solid #ddd;
}
.custom-underline-tabs .nav-item .nav-link {
  color: var(--tertiary-color);
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  margin-right: 30px;
  font-weight: 600;
  position: relative;
  transition: color 0.3s ease;
  margin-bottom: -1px;
}
.custom-underline-tabs .nav-item .nav-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 3px;
  background-color: var(--primary-color);
  transition: width 0.3s ease;
}
.custom-underline-tabs .nav-item .nav-link:hover {
  color: var(--primary-color);
}
.custom-underline-tabs .nav-item .nav-link:hover::after {
  width: 100%;
}
.custom-underline-tabs .nav-item .nav-link.active {
  color: var(--primary-color) !important;
}
.custom-underline-tabs .nav-item .nav-link.active::after {
  width: 100%;
}