@keyframes letters-loading {
  0%,
    75%,
    100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  25%,
    50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}


@font-face {
  font-family: "Vazirmatn";
  src: url("../../Fonts/vazir/Vazirmatn-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("../../Fonts/vazir/Vazirmatn-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("../../Fonts/vazir/Vazirmatn-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("../../Fonts/vazir/Vazirmatn-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("../../Fonts/vazir/Vazirmatn-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("../../Fonts/vazir/Vazirmatn-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("../../Fonts/vazir/Vazirmatn-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("../../Fonts/vazir/Vazirmatn-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("../../Fonts/vazir/Vazirmatn-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Vazirmatn", sans-serif;
  direction: rtl;
  background-color: #121212;

}

* {
  scrollbar-color: var(--theme-informatio) transparent !important;
  
}

*::-webkit-scrollbar {
  width: .25rem;
  height: 0rem;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--theme-informatio);
  border-radius: 1rem;
  border: 0px solid transparent;
  background-clip: content-box;
  width: 1rem;
}

*::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 1rem;
  width: 1rem;
}




/* loading */
.loading_before_design::before{
  content: attr(data-text-preloader);
  animation: letters-loading 4s infinite;
  color: var(--theme-informatio);
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  transition-delay: 0.2s;
  

}
.animate-spinner{
  animation:spinner 1.5s infinite linear ;
  
}




/* loading */

/*accardeon*/

.submenuItems {
  display: none;
}
.accordion-menu .dropdownlink svg {
  transition: transform 300ms ease-in;
}
.accordion-menu .open .dropdownlink svg {
  transform: rotate(-180deg);
  transition: transform 300ms ease-in;
}


/*accardeon*/