@font-face {
  font-family: "tanha";
  src: url("../fonts/Tanha.eot");
  src: url("../fonts/Tanha.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Tanha.woff2") format("woff2"),
    url("../fonts/Tanha.woff") format("woff"),
    url("../fonts/Tanha.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html *{
  font-family: tanha, tahoma;
}

body {
  margin: 0 !important;
  padding: 0 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.triangle::before {
  content: '';
  height: 100%;
  position: absolute;
  top: 0; 
  left: 0em;
  border: 1em solid transparent;
  border-left-color: #ffffff;
}


  input[type="number"] {
    appearance: textfield; /* برای Firefox */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none; /* برای Chrome و Safari */
    margin: 0; /* حذف حاشیه */
}

/* section Spinner */
.loader {
    width: 50px;
    height: 50px;
    border: 8px solid transparent;
    border-top-color: var(--redux-color);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    border-top-color: blue; /* رنگ اسپینر را به آبی تغییر دهید */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.spinner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh; /* ارتفاع 100 درصد صفحه */
    width: 100vw;  /* عرض 100 درصد صفحه */
    position: fixed; /* برای ثابت کردن موقعیت */
    top: 0; /* شروع از بالا */
    left: 0; /* شروع از سمت چپ */
    z-index: 1000; /* برای بالاترین قرارگیری */
    background-color: rgba(255, 255, 255, 0.8); /* پس‌زمینه روشن با شفافیت */
}
/* End of spinner */