.wh-mastercard {
  color: #EB001B !important;
}

.wh-bg-mastercard {
  background-color: #EB001B !important;
}

.wh-visa {
  color: #172274 !important;
}

.wh-bg-visa {
  background-color: #172274 !important;
}

.wh-rupay {
  color: #17a00e !important;
}

.wh-bg-rupay {
  background-color: #17a00e !important;
}

.wh-jcb {
  color: #F9B101 !important;
}

.wh-bg-jcb {
  background-color: #F9B101 !important;
}

.wh-amex {
  color: #5e60ce !important;
}

.wh-bg-amex {
  background-color: #5e60ce !important;
}

.wh-discover {
  color: #FF5F00 !important;
}

.wh-bg-discover {
  background-color: #FF5F00 !important;
}

.wh-dinersclub {
  color: #00b4d8 !important;
}

.wh-bg-dinersclub {
  background-color: #00b4d8 !important;
}

.wh-expiry {
  color: #9e0059 !important;
}

.wh-bg-expiry {
  background-color: #9e0059 !important;
}

.wh-cvv {
  color: #ff006e !important;
}

.wh-bg-cvv {
  background-color: #ff006e !important;
}

.wh-pin {
  color: #735751 !important;
}

.wh-bg-pin {
  background-color: #735751 !important;
}

.wh-email-address {
  color: #a4133c !important;
}

.wh-bg-email-address {
  background-color: #a4133c !important;
}

.wh-phone {
  color: #38b000 !important;
}

.wh-bg-phone {
  background-color: #38b000 !important;
}

.wh-aadhaar {
  color: #ff7700 !important;
}

.wh-bg-aadhaar {
  background-color: #ff7700 !important;
}

.wh-address {
  color: #700124 !important;
}

.wh-bg-address {
  background-color: #700124 !important;
}

.wh-civil-id {
  color: #b5838d !important;
}

.wh-bg-civil-id {
  background-color: #b5838d !important;
}

.wh-ip {
  color: #9381ff !important;
}

.wh-bg-ip {
  background-color: #9381ff !important;
}

.wh-date {
  color: #9e0059 !important;
}

.wh-bg-date {
  background-color: #9e0059 !important;
}

.wh-passport {
  color: #001f54 !important;
}

.wh-bg-passport {
  background-color: #001f54 !important;
}

.wh-name {
  color: #5b8e7d !important;
}

.wh-bg-name {
  background-color: #5b8e7d !important;
}

.wh-zip-code {
  color: #99582a !important;
}

.wh-bg-zip-code {
  background-color: #99582a !important;
}

.wh-link {
  color: #390099 !important;
}

.wh-bg-link {
  background-color: #390099 !important;
}

.wh-bank-ac {
  color: #99f5f0 !important;
}

.wh-bg-bank-ac {
  background-color: #99f5f0 !important;
}

.wh-health-id {
  color: #FCEF00 !important;
}

.wh-bg-health-id {
  background-color: #FCEF00 !important;
}

.wh-customer-id {
  color: #729950 !important;
}

.wh-bg-customer-id {
  background-color: #729950 !important;
}

.wh-keyword {
  color: #007f5f !important;
}

.wh-bg-keyword {
  background-color: #007f5f !important;
}

.wh-social-security-no {
  color: #0f9dd9 !important;
}

.wh-bg-social-security-no {
  background-color: #0f9dd9 !important;
}

.wh-bp-no {
  color: #fca311 !important;
}

.wh-bg-bp-no {
  background-color: #fca311 !important;
}

.wh-pan {
  color: #407bff !important;
}

.wh-bg-pan {
  background-color: #407bff !important;
}

.wh-driving-license {
  color: #124dac !important;
}

.wh-bg-driving-license {
  background-color: #124dac !important;
}

.wh-human-face {
  color: #cfa575 !important;
}

.wh-bg-human-face {
  background-color: #cfa575 !important;
}

.wh-signature {
  color: #59114d !important;
}

.wh-bg-signature {
  background-color: #59114d !important;
}

.wh-fingerprint {
  color: #645c72 !important;
}

.wh-bg-fingerprint {
  background-color: #645c72 !important;
}

.wh-username {
  color: #e5989b !important;
}

.wh-bg-username {
  background-color: #e5989b !important;
}

.wh-password {
  color: #1d1d1d !important;
}

.wh-bg-password {
  background-color: #1d1d1d !important;
}

.wh-secret-key {
  color: #6a040f !important;
}

.wh-bg-secret-key {
  background-color: #6a040f !important;
}

.wh-access-key {
  color: #1b263b !important;
}

.wh-bg-access-key {
  background-color: #1b263b !important;
}

.wh-api-key {
  color: #00afb9 !important;
}

.wh-bg-api-key {
  background-color: #00afb9 !important;
}

.wh-token {
  color: #d1a311 !important;
}

.wh-bg-token {
  background-color: #d1a311 !important;
}

.wh-policy-no {
  color: #6a060f !important;
}

.wh-bg-policy-no {
  background-color: #6a060f !important;
}

.wh-policy-name {
  color: #6a010f !important;
}

.wh-bg-policy-name {
  background-color: #6a010f !important;
}

/* Dark mode adjustments */
body.dark-only .wh-password {
  color: #e0e0e0 !important;  /* Light gray for better contrast */
}

body.dark-only .wh-bg-password {
  background-color: #4b4b4b !important;  /* Lighter gray background */
}

body.dark-only .wh-username {
  color: #f2d7d5 !important;  /* Lighter pink */
}

body.dark-only .wh-bg-username {
  background-color: #5a5a5a !important;  /* Lighter gray background */
}

body.dark-only .wh-signature {
  color: #d19dc5 !important;  /* Lighter shade of purple */
}

body.dark-only .wh-bg-signature {
  background-color: #7e4f70 !important;  /* Lighter shade of purple */
}

body.dark-only .wh-api-key {
  color: #a0e9ef !important;  /* Lighter cyan */
}

body.dark-only .wh-bg-api-key {
  background-color: #005d68 !important;  /* Lighter background cyan */
}

body.dark-only .wh-human-face {
  color: #f5dab0 !important;  /* Lighter beige */
}

body.dark-only .wh-bg-human-face {
  background-color: #e0b18f !important;  /* Lighter beige */
}

body.dark-only .wh-access-key {
  color: #a5b7c9 !important;  /* Lighter blue-gray for better contrast */
}

body.dark-only .wh-bg-access-key {
  background-color: #3a4a5b !important;  /* Lighter blue-gray background */
}

body.dark-only .wh-token {
  color: #f7d78e !important;  /* Lighter gold */
}

body.dark-only .wh-bg-token {
  background-color: #7d5900 !important;  /* Lighter gold background */
}

body.dark-only .wh-social-security-no {
  color: #a8d0e6 !important;  /* Lighter blue */
}

body.dark-only .wh-bg-social-security-no {
  background-color: #1d4f6b !important;  /* Lighter blue background */
}

body.dark-only .wh-civil-id {
  color: #dec3cc !important;  /* Lighter rose */
}

body.dark-only .wh-bg-civil-id {
  background-color: #7b5f69 !important;  /* Lighter rose background */
}

body.dark-only .wh-driving-license {
  color: #b2c8e1 !important;  /* Lighter blue */
}

body.dark-only .wh-bg-driving-license {
  background-color: #2a4f7d !important;  /* Lighter blue background */
}

body.dark-only .wh-pan {
  color: #96c1f2 !important;  /* Lighter blue */
}

body.dark-only .wh-bg-pan {
  background-color: #305f97 !important;  /* Lighter blue background */
}

body.dark-only .wh-policy-no {
  color: #ef9a9a !important;  /* Lighter red */
}

body.dark-only .wh-bg-policy-no {
  background-color: #7d3030 !important;  /* Lighter red background */
}

body.dark-only .wh-policy-name {
  color: #ffabbb !important;  /* Lighter pink */
}

body.dark-only .wh-bg-policy-name {
  background-color: #7d394a !important;  /* Lighter pink background */
}

body.dark-only .wh-phone {
  color: #a2e597 !important;  /* Lighter green */
}

body.dark-only .wh-bg-phone {
  background-color: #347d34 !important;  /* Lighter green background */
}

body.dark-only .wh-ip {
  color: #b7a6ff !important;  /* Lighter lavender */
}

body.dark-only .wh-bg-ip {
  background-color: #6050b3 !important;  /* Lighter lavender background */
}

body.dark-only .wh-zip-code {
  color: #d2b297 !important;  /* Lighter brown */
}

body.dark-only .wh-bg-zip-code {
  background-color: #7d5034 !important;  /* Lighter brown background */
}

body.dark-only .wh-health-id {
  color: #fff598 !important;  /* Lighter yellow */
}

body.dark-only .wh-bg-health-id {
  background-color: #807c00 !important;  /* Lighter yellow background */
}

body.dark-only .wh-customer-id {
  color: #c4e3a1 !important;  /* Lighter green */
}

body.dark-only .wh-bg-customer-id {
  background-color: #4d7d2e !important;  /* Lighter green background */
}

body.dark-only .wh-bank-ac {
  color: #e0f5f2 !important;  /* Lighter teal */
}

body.dark-only .wh-bg-bank-ac {
  background-color: #799c98 !important;  /* Lighter teal background */
}

body.dark-only .wh-name {
  color: #c0d6cd !important;  /* Lighter teal */
}

body.dark-only .wh-bg-name {
  background-color: #3f695d !important;  /* Lighter teal background */
}

/* Dark mode adjustments for remaining classes */

body.dark-only .wh-visa {
  color: #8a9dcc !important;  /* Lighter blue for better contrast */
}

body.dark-only .wh-bg-visa {
  background-color: #3b4d77 !important;  /* Lighter background */
}

body.dark-only .wh-mastercard {
  color: #ff706b !important;  /* Lighter red for better visibility */
}

body.dark-only .wh-bg-mastercard {
  background-color: #ff706b !important;  /* Lighter red background */
}

body.dark-only .wh-address {
  color: #d66b7b !important;  /* Lighter red/pink for contrast */
}

body.dark-only .wh-bg-address {
  background-color: #9b3b4b !important;  /* Lighter background */
}

body.dark-only .wh-secret-key {
  color: #e23c3c !important;  /* Lighter red for better visibility */
}

body.dark-only .wh-bg-secret-key {
  background-color: #e23c3c !important;  /* Lighter background */
}

.glow-icon {
  /* filter: brightness(150%) contrast(150%); */
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.2);
}
.glow-icon-username{
  filter: brightness(150%) contrast(150%);
}
.glow-icon-date{
  filter: brightness(150%) contrast(150%);
}


.adjust-color {
  /* Default color adjustment */
  transition: filter 0.3s ease, color 0.3s ease; /* Smooth transition */
}

body.dark-only .adjust-color {
  filter: brightness(3.6); /* Slightly lighten for dark mode */
}

body:not(.dark-only) .adjust-color {
  filter: brightness(0.6); /* Slightly darker for light mode */
}