@font-face {
  font-family: "NotoSans";
  src: url("../assets/fonts/DINNextLTArabic-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "NotoSansbold";
  src: url("../assets/fonts/DINNextLTArabic-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "NotoSansThin";
  src: url("../assets/fonts/NotoSansArabic-Thin.ttf") format("truetype");
}

body,
p {
  font-family: "NotoSans";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "NotoSansbold";
}

.wpcw_fe_quiz_q_answers input[type="radio"] + label {
  padding-right: 35px;
  padding-left: 35px;
}
.wpcw_fe_quiz_q_answers input[type="radio"] + label:before,
.wpcw_fe_quiz_q_answers input[type="radio"] + label:after {
  width: 20px;
  height: 20px;
  top: 4px;
  right: 0;
  left: initial;
}
.page-template-temp_registeration .form-fieild .left-3,
.page-template-temp_login .form-fieild .left-3,
.page-template-temp_registeration .form-icon,
.page-template-temp_login .form-icon {
  right: 11% !important;
  left: initial !important;
}

.page-template-temp_registeration .form-icon,
.page-template-temp_login .form-icon {
  right: 5% !important;
  left: initial !important;
}
.page-template-temp_registeration .wpcw-input-text,
.page-template-temp_login .wpcw-input-text {
  padding-right: 11%;
}
.page-template-temp_login .eye,
.page-template-temp_registeration .eye {
  right: initial !important;
  left: 5% !important;
}

.page-template-temp_registeration select {
  padding-left: 15px; /*exact width of default arrow down*/
  box-sizing: border-box; /*optional if you also want to play with width property*/
  direction: rtl;
  background-position: left 0.5rem center;
}

.page-template-temp_registeration
  .ur-frontend-form
  .ur-form-row
  .ur-form-grid
  select {
  /* -webkit-appearance: none; */
  background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E)
    no-repeat left 28px top 55%;
  background-color: #ececec;
}
