@font-face {
  src: url(../fonts/IRANSansWeb.woff2);
  font-family: "IRANSansWeb";
}
body,
html {
  padding: 0;
  margin: 0;
  font-family: IRANSansWeb, "IRANSansWeb", tahoma;
  scroll-behavior: smooth;
  background:#f9f9f9;
}
.rtl {
  direction: rtl;
}
button:focus{
  outline: none;
}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
.dropdown-menu {
  left: unset;
  right: 0;
}
.dropdown-toggle::after {
  margin-left: unset;
  margin-right: 0.255em;
}
img{
    max-width: 100%;
    height: auto;
}
/* public class */
.spinner-loading {
width: 100%;
height: 100vh;
background-color: #fff;
position: fixed;
top: 0;
display: block;
z-index: 9999;
}
.d-grid{
    display:grid;
}
.spinner-loading img {
  margin: auto;
  top: 40%;
  transform: translateY(-50%);
  display: block;
  position: relative;
  height: auto;
  max-width: 100%;
}
.show_splash {
  display: block;
}
/* splash screen */
.navbar_default_color .navbar-nav li a{
color: #fff;
}
#navbar{
    transition: .3s;
  
}
@keyframes fadeInDown {
   0% {
      opacity: 0;
      transform: translateY(-20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
} 
.navbar_scroll {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    padding: 16px 8px;
    position: fixed !important;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    background: rgb(95,115,229);
    background: linear-gradient(90deg, rgba(95,115,229,1) 0%, rgba(93,68,232,1) 58%, rgba(49,24,218,1) 100%);
}
.navbar_scroll_dark{
  background: rgb(65, 65, 65);
  background: linear-gradient(90deg, rgb(82, 82, 82) 0%, rgb(65, 65, 65) 58%, rgb(53, 53, 53) 100%) !important;
}
.navbar_respansive {
  animation-duration: 0.3s;
  animation-name: fadeInDown;
  animation-timing-function: ease-in-out;
  box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
  left: 0;
  padding: 16px 8px;
  position: fixed !important;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  background: rgb(95,115,229);
  background: linear-gradient(90deg, rgba(95,115,229,1) 0%, rgba(93,68,232,1) 58%, rgba(49,24,218,1) 100%);
}
@keyframes dropdown_scale {
  0% {
     opacity: 0;
     transform: scale(0);
  }
  100% {
     opacity: 1;
     transform: scale(1);
  }
}
.navbar-transform.show .dropdown-menu.show{
  animation-duration: 0.3s;
  animation-name: dropdown_scale;
  animation-timing-function: ease-in-out;

}
 /* hamber menu icon */
.menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.line {
  fill: none;
  stroke: white;
  stroke-width: 3;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 3;
}
.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 3;
}
.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 3;
}
.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}
.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 3;
}
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}
/* power on off */
.darkmod[type="checkbox"]{
  position: relative;
  width: 45px;
  height: 22px;
  outline: none;
  -webkit-appearance: none;
  background-color: #ebebeb;
  transition: .5s;
  border-radius: 20px;
}
.darkmod[type="checkbox"]{
  background-color: #000000;
  transition: 0.5s;
}
.darkmod:checked[type="checkbox"]{
  background-color: #ffffff;
  transition: 0.5s;
}
.darkmod[type="checkbox"]::before{
  content:"";
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -1px;
  left: 0;
  background-color: #555555;
  border-radius: 50px;
  /* transform: scale(1.1); */
  box-shadow: 0 2px 5px rgba(0,0,0, .2);
  transition: 0.5s;
}
.darkmod:checked[type="checkbox"]::before{
  left: 22px;
  content: "";
  display: flex;
    width: 25px;
  height: 25px;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
}