@font-face {
  font-family: Yekan;
  font-style: normal;
  src: url("../font/Yekan-Bakh.ttf") format("woff2-variations");
}

@font-face {
  font-family: Yekanlight;
  font-style: normal;
  src: url("../font/YekanBakh-Light.ttf") format("woff2-variations");
}

@font-face {
  font-family: YekanboldH;
  font-style: normal;
  src: url("../font/YekanBakh-Heavy.ttf") format("woff2-variations");
}

@font-face {
  font-family: Yekanbold;
  font-style: normal;
  src: url("../font/YekanBakh-Bold.ttf") format("woff2-variations");
}

@font-face {
  font-family: Yekanmedium;
  font-style: normal;
  src: url("../font/YekanBakh-Medium.ttf") format("woff2-variations");
}

@font-face {
  font-family: aviny;
  font-style: normal;
  src: url("../font/Aviny2.ttf") format("woff2-variations");
}

@font-face {
  font-family: diman;
  font-style: normal;
  src: url("../font/DimaYekanWeb.ttf") format("woff2-variations");
}

@font-face {
  font-family: dimanBold;
  font-style: normal;
  src: url("../font/DimaYekanWebBold.ttf") format("woff2-variations");
}

@font-face {
  font-family: dimanRegular;
  font-style: normal;
  src: url("../font/DimaYekanRegular.ttf") format("woff2-variations");
}

@font-face {
  font-family: dimanTypo;
  font-style: normal;
  src: url("../font/Dima-Yekan-Typography.ttf") format("woff2-variations");
}

@font-face {
  font-family: peyda;
  font-style: normal;
  src: url("../font/01-Standard/TTF/Peyda-Medium.ttf") format("woff2-variations");
}
@font-face {
  font-family: peydaBold;
  font-style: normal;
  src: url("../font/01-Standard/TTF/Peyda-Bold.ttf") format("woff2-variations");
}
@font-face {
  font-family: pelak;
  font-style: normal;
  src: url("../font/PelakFA-Medium.woff2") format("woff2-variations");
}
@font-face {
  font-family: pelakBold;
  font-style: normal;
  src: url("../font/PelakFA-Bold.woff2") format("woff2-variations");
}


/* width */
::-webkit-scrollbar {
  width: 0px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #cacaca;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #cacaca;
}

.scrollbar::-webkit-scrollbar {
  width: 3px;
}


.no_scroll {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  overflow: -moz-scrollbars-none;
  /* Firefox */
  overflow: -webkit-scrollbar;
  /* Chrome, Safari, Opera */
}
/* #OurTeam{
  scrollbar-width: thin;
} */
#TeamCategory::-webkit-scrollbar ,
.AdminCategory > div::-webkit-scrollbar{
  height:3px;
}


.swiper-button-next,
.swiper-button-prev {
  background-image: none !important;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ActiveNav::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background: #0762af;
  border-radius: 50px;
}

.swiper-pagination-bullet {
  background: transparent;
  border: 2px solid #0762af;
  width: 13px;
  height: 13px;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  width: 25px;
  border-radius: 10px;
  background: #0762af;
}

#LicenseSection .swiper-slide-next::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 50%;
  background-color: rgb(107 114 128 / 0.1);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

#LicenseSection .swiper-slide-next::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 50%;
  background-color: rgb(107 114 128 / 0.1);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.semi-donut {
  --percentage: 0;
  --fill: #ff0;
  width: 300px;
  height: 150px;
  position: relative;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  overflow: hidden;
  color: var(--fill);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  box-sizing: border-box;

  &:after {
    content: "";
    width: 300px;
    height: 300px;
    border: 50px solid;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) var(--fill) var(--fill);
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
    animation: fillAnimation 1s ease-in;
  }
}

.multi-graph {
  width: 300px;
  height: 150px;
  position: relative;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
}

.multi-graph::before {
  content: "";
  width: 300px;
  height: 150px;
  border: 50px solid rgba(0, 0, 0, 0.15);
  border-bottom: none;
  position: absolute;
  box-sizing: border-box;
  transform-origin: 50% 0%;
  border-radius: 300px 300px 0 0;
  left: 0;
  top: 0;
}

.graph {
  width: 300px;
  height: 150px;
  border: 50px solid var(--fill);
  border-top: none;
  position: absolute;
  transform-origin: 50% 0% 0;
  border-radius: 0 0 300px 300px;
  left: 0;
  top: 100%;
  z-index: 5;
  animation: 1s fillGraphAnimation ease-in;
  transform: rotate(calc(1deg * (var(--percentage) * 1.8)));
  box-sizing: border-box;
}

.graph::after {
  content: attr(data-name) " " counter(varible) "%";
  counter-reset: varible var(--percentage);
  background: var(--fill);
  box-sizing: border-box;
  border-radius: 2px;
  color: #fff;
  font-weight: 200;
  font-size: 12px;
  height: 20px;
  padding: 3px 5px;
  top: 0px;
  position: absolute;
  left: 0;
  transform: rotate(calc(-1deg * var(--percentage) * 1.8)) translate(-30px, 0px);
  transition: 0.2s ease-in;
  transform-origin: 0 50% 0;
  opacity: 0;
}

.path-graph {
  top: -80%;
  transform: translateY(0%);
  clip-path: polygon(50% 0%, 30% 100%, 75% 100%);
  width: 50px;
  height: 90%;
  background: linear-gradient(90deg,
      rgba(78, 80, 89, 1) 49%,
      rgba(53, 55, 61, 1) 50%);
}

.dt-paging.paging_full_numbers {
  padding: 15px;
  text-align: center;
}

.dt-paging.paging_full_numbers ul a {
  margin: 0 3px;
  background: transparent;
  border: none;
  color: #9ca3af;
}

.dt-paging.paging_full_numbers ul a[aria-current=page] {
  background: #0762af !important;
  color: #fff;
  border-radius: .5rem;
  padding: .45rem 1rem;
}

.dtr-column.collapsed .dtr-details {
  width: 100%;
}

.dtr-column.collapsed .dtr-details li {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.ActiveMenuMobile {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  background-color: rgb(7 98 175 / 10%);
  color: #0762AF !important;
}

.ActiveSubMenu ,
#MoreMenu li a:hover {
  border-radius: .5rem;
  background-color: rgb(7 98 175 / 10%);
  color: #0762AF !important;
}


.ActiveSubMenu svg,
.ActiveSubMenu path ,
#MoreMenu li a:hover svg,
#MoreMenu li a:hover path {
  fill: #0762AF !important;
}
#steps_title p{
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: center !important;
}

/* @media (min-width: 768px) and (max-width: 991.98px) {
  .arrow_swiper {
    margin-top: -13px !important;
    height: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .arrow_swiper {
    margin-top: -13px !important;
    height: 25px !important;
  }
}



@media (max-width: 320px) {
  .arrow_swiper {
    margin-top: -20px !important;
    height: 25px !important;
  }
} */

@media (max-width: 1279.98px) {
  #cat_news .swiper-button-prev {
    left: -32px !important;
  }
  #cat_news .swiper-button-next {
    right: -32px !important;
  }
}