@font-face {
  font-family: 'DirhamSymbol';
  src: url('../../fonts/DirhamSymbol.ttf') format('truetype'),
    url('../../../fonts/DirhamSymbol.ttf') format('truetype'),
    url('../fonts/DirhamSymbol.ttf') format('truetype'),
    url('fonts/DirhamSymbol.ttf') format('truetype');
}
@font-face {
      font-family: 'UAESymbol';
      src:url('../fonts/Dirhamfont.ttf') format('truetype'),
          url('../../fonts/Dirhamfont.ttf') format('truetype'),
           url('../../../fonts/Dirhamfont.ttf') format('truetype'); 
		 
    }

	:root {
   --uae-symbol: "\00EA"; 
}
.uae-symbol::before {
  content: var(--uae-symbol);
}

	.uae-symbol-normal {
  font-family: 'UAESymbol';
  color: var(--text-color);
  text-align: center;
  font-size: 18px;
  font-weight: 400; /* Normal weight */
	}

	.uae-symbol-bold {
  font-family: 'UAESymbol';
  color: var(--text-color);
  text-align: center;
  font-size: 24px;
  font-weight: 700; /* Bold weight */
	}

	.uae-symbol {
      font-family: 'UAESymbol';
	  text-transform:none;
	  top:0;
	  padding-left: 0;
	  padding-right: 0;
	  color: var(--text-color); /* Ensure symbol follows theme */
	}
	
	input::placeholder {
      font-family: 'UAESymbol', Arial, sans-serif;
      color: #888;
	  text-transform:none;
    }
    /* Include vendor prefixes for wider support */
    input::-webkit-input-placeholder { font-family: 'UAESymbol', Arial, sans-serif; color: #888; text-transform:none;}
    input::-moz-placeholder { font-family: 'UAESymbol', Arial, sans-serif; color: #888; text-transform:none;}
    input:-ms-input-placeholder { font-family: 'UAESymbol', Arial, sans-serif; color: #888; text-transform:none;}
    input::-ms-input-placeholder { font-family: 'UAESymbol', Arial, sans-serif; color: #888; text-transform:none;}
	
	
/* Or for any input that should show the Dirham symbol */
input.uae-dirham-input {
  font-family: 'UAESymbol', Arial, sans-serif;
  color: var(--text-color);
  text-transform: none;
}