.mt-25 {
  margin-top: 7rem;
}

.w-30 {
  width: 14rem;
}

.h-100-p {
  height: 75px !important;
}

.mr-3 {
  margin-right: 1rem;
}

.nav-scrolled {
  width: 14rem !important;
  transition: width 0.3s ease;
}

.h-almost-full {
  height: 84vh;
}

.ml-3{
  margin-left: 2rem;
}

.text-sm-side {
  font-size: 0.875rem;
}

.w-11 {
  width: 2.75rem;
}

/* Green Backgrounds */
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity)); /* Light green */
}

.bg-green-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 78 59 / var(--tw-bg-opacity)); /* Dark green */
}

/* Green Text Colors */
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity)); /* Light mode text color */
}

.text-green-300 {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity)); /* Dark mode text color */
}


/* Red Backgrounds */
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity)); /* Light red */
}

.bg-red-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(119 29 29 / var(--tw-bg-opacity)); /* Dark red */
}

/* Red Text Colors */
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity)); /* Light mode text color */
}

.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity)); /* Dark mode text color */
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mb-17 {
  margin-bottom: 2rem;
}

.w-100-p {
  width: 75px !important;
}

.w-85-p {
  width: 86%;
}


.w-80-p {
  width: 74%;
}

hr.custom-hr {
  border: none; /* Removes the default border */
  height: 1px; /* Sets the thickness of the line */
  background: linear-gradient(to right, transparent, #333, transparent); /* Creates a gradient line */
  margin: 20px 0; /* Adds spacing above and below the line */
}