.bg-color {
  background: #fbf3da;
}

.primary-col {
  color: #006a60 !important;
}
.secondary-col {
  color: #ecfef6;
}
.white-col {
  color: #ffffff;
}

.bold-700 {
  font-weight: 700;
}

.bold-600 {
  font-weight: 600;
}

.bold-500 {
  font-weight: 500;
}

.bold-400 {
  font-weight: 400;
}

.archivo-1 {
  font-family: "Archivo", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

/* ✅ Modern Scrollbar Styling */
::-webkit-scrollbar {
  width: 8px; /* Thin scrollbar */
}

/* Scrollbar track */
::-webkit-scrollbar-track {
  background: #0f2535; /* Match dropdown background */
  border-radius: 10px;
}

/* Scrollbar handle */
::-webkit-scrollbar-thumb {
  background: #006a60; /* Match primary color */
  border-radius: 10px;
  transition: background 0.3s ease;
}

/* Scrollbar handle hover effect */
::-webkit-scrollbar-thumb:hover {
  background: #008b94; /* Lighter shade on hover */
}