.bg-transparent {
  background-color: transparent !important;
}

.text-transparent {
  color: transparent !important;
}

.bg-black {
  background-color: #000 !important;
}

.text-black {
  color: #000 !important;
}

.bg-white {
  background-color: #fff !important;
}

.text-white {
  color: #fff !important;
}

.text-gray-main {
  color:#A9A9A9 !important;
}

.text-gray-50 {
  color: #f9fafb !important;
}

.text-gray-100 {
  color: #f3f4f6 !important;
}


.text-gray-200 {
  color: #e5e7eb !important;
}


.text-gray-300 {
  color: #d1d5db !important;
}

.text-gray-400 {
  color: #9ca3af !important;
}

.bg-gray-50 {
  background-color: #f9fafb !important;
}

.bg-gray-100 {
  background-color: #f3f4f6 !important;
}

.bg-gray-200 {
  background-color: #e5e7eb !important;
}

.bg-gray-300 {
  background-color: #d1d5db !important;
}

.bg-gray-400 {
  background-color: #9ca3af !important;
}

.bg-gray-500 {
  background-color: #6b7280 !important;
}




.text-gray-500 {
  color: #6b7280 !important;
}

.bg-gray-600 {
  background-color: #4b5563 !important;
}

.text-gray-600 {
  color: #4b5563 !important;
}

.bg-gray-700 {
  background-color: #374151 !important;
}

.text-gray-700 {
  color: #374151 !important;
}

.bg-gray-800 {
  background-color: #1f2937 !important;
}

.text-gray-800 {
  color: #1f2937 !important;
}

.bg-gray-900 {
  background-color: #111827 !important;
}

.text-gray-900 {
  color: #111827 !important;
}

.text-gray-footer {
  color: #989a9e !important;
}

.text-gray-footer:hover {
  color: #FFFFFF !important;
}

.bg-red-50 {
  background-color: #fef2f2 !important;
}

.text-red-50 {
  color: #fef2f2 !important;
}

.bg-red-100 {
  background-color: #fee2e2 !important;
}

.text-red-100 {
  color: #fee2e2 !important;
}

.bg-red-200 {
  background-color: #fecaca !important;
}

.text-red-200 {
  color: #fecaca !important;
}

.bg-red-300 {
  background-color: #fca5a5 !important;
}

.text-red-300 {
  color: #fca5a5 !important;
}

.bg-red-400 {
  background-color: #f87171 !important;
}

.text-red-400 {
  color: #f87171 !important;
}

.bg-red-500 {
  background-color: #ef4444 !important;
}

.text-red-500 {
  color: #ef4444 !important;
}

.bg-red-600 {
  background-color: #dc2626 !important;
}

.text-red-600 {
  color: #dc2626 !important;
}

.bg-red-700 {
  background-color: #b91c1c !important;
}

.text-red-700 {
  color: #b91c1c !important;
}

.bg-red-800 {
  background-color: #991b1b !important;
}

.text-red-800 {
  color: #991b1b !important;
}

.bg-red-900 {
  background-color: #7f1d1d !important;
}

.text-red-900 {
  color: #7f1d1d !important;
}

.bg-blue-50 {
  background-color: #eff6ff !important;
}

.text-blue-50 {
  color: #eff6ff !important;
}

.bg-blue-100 {
  background-color: #dbeafe !important;
}

.text-blue-100 {
  color: #dbeafe !important;
}

.bg-blue-200 {
  background-color: #bfdbfe !important;
}

.text-blue-200 {
  color: #bfdbfe !important;
}

.bg-blue-300 {
  background-color: #93c5fd !important;
}

.text-blue-300 {
  color: #93c5fd !important;
}

.bg-blue-400 {
  background-color: #60a5fa !important;
}

.text-blue-400 {
  color: #60a5fa !important;
}

.bg-blue-500 {
  background-color: #3b82f6 !important;
}

.text-blue-500 {
  color: #3b82f6 !important;
}

.bg-blue-600 {
  background-color: #2563eb !important;
}

.text-blue-600 {
  color: #2563eb !important;
}

.text-blue-700 {
  color: #1d4ed8 !important;
}

.text-blue-main {
  color: #002D8F !important;
}

.bg-blue-700 {
  background-color: #1d4ed8 !important;
}
.bg-blue-800 {
  background-color: #1e40af !important;
}

.text-blue-800 {
  color: #1e40af !important;
}

.bg-blue-900 {
  background-color: #1e3a8a !important;
}

.text-blue-900 {
  color: #1e3a8a !important;
}

.bg-green-50 {
  background-color: #ecfdf5 !important;
}

.text-green-50 {
  color: #ecfdf5 !important;
}

.bg-green-100 {
  background-color: #d1fae5 !important;
}

.text-green-100 {
  color: #d1fae5 !important;
}

.bg-green-200 {
  background-color: #a7f3d0 !important;
}

.text-green-200 {
  color: #a7f3d0 !important;
}

.bg-green-300 {
  background-color: #6ee7b7 !important;
}

.text-green-300 {
  color: #6ee7b7 !important;
}

.bg-green-400 {
  background-color: #34d399 !important;
}

.text-green-400 {
  color: #34d399 !important;
}

.bg-green-500 {
  background-color: #10b981 !important;
}

.text-green-500 {
  color: #10b981 !important;
}

.bg-green-600 {
  background-color: #059669 !important;
}

.text-green-600 {
  color: #059669 !important;
}

.bg-green-700 {
  background-color: #047857 !important;
}

.text-green-700 {
  color: #047857 !important;
}

.bg-green-800 {
  background-color: #065f46 !important;
}

.text-green-800 {
  color: #065f46 !important;
}

.bg-green-900 {
  background-color: #064e3b !important;
}

.text-green-900 {
  color: #064e3b !important;
}

.bg-green-main {
  background-color: #008072 !important;
}

.text-green-main {
  color: #008072 !important;
}

.bg-yellow-50 {
  background-color: #fffbeb !important;
}

.text-yellow-50 {
  color: #fffbeb !important;
}

.bg-yellow-100 {
  background-color: #fef3c7 !important;
}

.text-yellow-100 {
  color: #fae7d0 !important;
}

.bg-yellow-100 {
  background: #fae7d0 !important;
}

.bg-yellow-200 {
  background-color: #fde68a !important;
}

.text-yellow-200 {
  color: #fde68a !important;
}

.bg-yellow-300 {
  background-color: #fcd34d !important;
}

.text-yellow-300 {
  color: #fcd34d !important;
}

.bg-yellow-400 {
  background-color: #fbbf24 !important;
}

.text-yellow-400 {
  color: #fbbf24 !important;
}

.bg-yellow-500 {
  background-color: #f59e0b !important;
}

.text-yellow-500 {
  color: #f59e0b !important;
}

.bg-yellow-600 {
  background-color: #d97706 !important;
}

.text-yellow-600 {
  color: #d97706 !important;
}

.bg-yellow-700 {
  background-color: #b45309 !important;
}

.text-yellow-700 {
  color: #b45309 !important;
}

.bg-yellow-800 {
  background-color: #92400e !important;
}

.text-yellow-800 {
  color: #92400e !important;
}

.bg-yellow-900 {
  background-color: #78350f !important;
}

.text-yellow-900 {
  color: #78350f !important;
}

.bg-purple-50 {
  background-color: #f5f3ff !important;
}

.text-purple-50 {
  color: #f5f3ff !important;
}

.bg-purple-100 {
  background-color: #ede9fe !important;
}

.text-purple-100 {
  color: #ede9fe !important;
}

.bg-purple-200 {
  background-color: #ddd6fe !important;
}

.text-purple-200 {
  color: #ddd6fe !important;
}

.bg-purple-300 {
  background-color: #c4b5fd !important;
}

.text-purple-300 {
  color: #c4b5fd !important;
}

.bg-purple-400 {
  background-color: #a78bfa !important;
}

.text-purple-400 {
  color: #a78bfa !important;
}

.bg-purple-500 {
  background-color: #8b5cf6 !important;
}

.text-purple-500 {
  color: #8b5cf6 !important;
}

.bg-purple-600 {
  background-color: #7c3aed !important;
}

.text-purple-600 {
  color: #7c3aed !important;
}

.bg-purple-700 {
  background-color: #6d28d9 !important;
}

.text-purple-700 {
  color: #6d28d9 !important;
}

.bg-purple-800 {
  background-color: #5b21b6 !important;
}

.text-purple-800 {
  color: #5b21b6 !important;
}

.bg-purple-900 {
  background-color: #4c1d95 !important;
}

.text-purple-900 {
  color: #4c1d95 !important;
}

.bd-gray-100 {
 border-color: #f3f4f6 !important;
}

.bd-gray-200 {
 border-color: #e5e7eb !important;
}

.bd-gray-300 {
 border-color: #d1d5db !important;
}

.bd-gray-400 {
 border-color: #9ca3af !important;
}

.bd-gray-500 {
 border-color: #6b7280 !important;
}

.bd-gray-600 {
 border-color: #4b5563 !important;
}

.bd-gray-700 {
 border-color: #374151 !important;
}

.bd-gray-800 {
  border-color: #1f2937 !important;
}

.bd-gray-900 {
 border-color: #111827 !important;
}


.img-invert-white {
  filter: brightness(0) invert(1);
}