@font-face {
      font-family: 'faruma';
      src: url('faruma.eot'); /* IE9 Compat Modes */
      src: url('faruma.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('faruma.woff') format('woff'), /* Modern Browsers */
          url('faruma.ttf')  format('truetype'), /* Safari, Android, iOS */
          url('faruma.svg#faruma') format('svg'); /* Legacy iOS */
  }

  @font-face {
    font-family: 'MV_WAHEED';
    src: url('MV_WAHEED.eot'); /* IE9 Compat Modes */
    src: url('MV_WAHEED.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('MV_WAHEED.woff') format('woff'), /* Modern Browsers */
        url('MV_WAHEED.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('MV_WAHEED.svg#MV_WAHEED') format('svg'); /* Legacy iOS */
}



body, input, select, textarea {
    font-family: 'MV_WAHEED', sans-serif !important;
}

.container {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* file upload button */
input[type="file"]::file-selector-button {
  border-radius: 4px;
  padding: 0 16px;
  height: 40px;
  cursor: pointer;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  margin-right: 16px;
  transition: background-color 200ms;
}

/* file upload button hover state */
input[type="file"]::file-selector-button:hover {
  background-color: #f3f4f6;
}

/* file upload button active state */
input[type="file"]::file-selector-button:active {
  background-color: #e5e7eb;
}


select {
  direction: rtl;
  padding-left: 2em;  /* Space for the arrow on the left */
  padding-right: 2em; /* Equal padding on right for centering */
  text-align: center; /* Center the text */
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 1em;
}

/* Center the dropdown options as well */
select option {
  direction: rtl;
  text-align: center;
}