@import url('https://v1.fontapi.ir/css/Mikhak');
:lang(fa) {
  font-family: 'Mikhak', sans-serif !important; /* Replace 'YourFarsiFont' with the desired font */
  }
.lds-ring,
.lds-ring div {
  box-sizing: border-box;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
input{
  transition: 0.2s !important;
}
label{
  transition: 0.2s !important;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid currentColor;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: currentColor transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.form-control-wrap {
    transition: 0.3s !important;
}
.tm-field{
    transition: 0.3s !important;
}
#aj_content{
  overflow: hidden;
}
#aj_content2{
  overflow: hidden;
}
:root{
  --btn-primary-bg-color: rgb(24 122 243 / 54%) !important;
}
input{
  font-family: 'Mikhak', sans-serif !important; /* Replace 'YourFarsiFont' with the desired font */
}
.tm-main-search-form .icon-search-hidden::before{
  width: 15px;
  height: 18px;
  background-image: none;
}
.tm-main-search-form .icon-search-shows::before{
  width: 15px;
  height: 18px;
  background-image: var(--image-url-main-search);
}
.circle-progress {
    animation: rotate-circle linear 1.5s infinite, resize-circle linear 360s infinite;
}
@-webkit-keyframes rotate-circle {
    from { transform: rotateZ(-90deg); }
    to   { transform: rotateZ(270deg); }
  }
  @keyframes rotate-circle {
    from { transform: rotateZ(-90deg); }
    to   { transform: rotateZ(270deg); }
  }
  
  @-webkit-keyframes resize-circle {
    from { stroke-dashoffset: 62px; }
    to   { stroke-dashoffset: 6262px; }
  }
  @keyframes resize-circle {
    from { stroke-dashoffset: 62px; }
    to   { stroke-dashoffset: 6262px; }
  }
  
@media (max-width: 800px) {
    #zarinpal{
        right: 88% !important;
    }
}
@media (max-width: 500px) {
    #zarinpal{
        right: 83% !important;
    }
}
@media (max-width: 400px) {
    #zarinpal{
        right: 82% !important
    }
}
@media (max-width: 375px) {
    #zarinpal{
        right: 76% !important
    }
}