@font-face {
  font-family: PeydaRegular;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../Fonts/peyda/PeydaWeb-Regular.woff") format("woff");
}

@font-face {
  font-family: Peyda;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../../Fonts/peyda/PeydaWeb-Medium.woff") format("woff");
}
@font-face {
  font-family: PeydaSemiBold;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../../Fonts/peyda/PeydaWeb-SemiBold.woff") format("woff");
}
@font-face {
  font-family: DemiBold;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../../Fonts/peyda/PeydaWeb-Bold.woff") format("woff");
}
html {
  scroll-behavior: smooth;
}

body {
  font-family: Peyda, serif;
  direction: rtl;
  color: var(--Secondary);
}

/* input style */
.input {
  border-radius: 0.25rem;
  padding: .5rem;
  width: 100%;
}
.input:focus {
  outline: none;
}

/* input style *

/* scrol bar */
::-webkit-scrollbar {
  width: 0.25rem;
}

::-webkit-scrollbar-track {
  background: var(--Primary);
  border-radius: 0.5rem;
}

::-webkit-scrollbar-thumb {
  background: var(--Primary);
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}
::-webkit-scrollbar-thumb:hover {
  background: #222222; /* تغییر رنگ هنگام هاور */
}

.bg_blur {
  backdrop-filter: blur(2px);
  /* background-color: var(--darkGray); */
  background-color: rgba(211, 172, 129, 0.7);
  
}
/* d3ac81 */

/* scrol bar */