/*----------------------------------
  header
----------------------------------*/
header {
  width: 100%;
}

header .line {
  z-index: 3;
  position: fixed;
  top: 0;
  width: 260px;
  background: rgb(154 186 191 / 64%);
  backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 70px 10px 17px 10px;
}

/*----------------------------------
  اضافات
----------------------------------*/
header .logo-header {
  display: flex;
  justify-content: center;
}

header .logo-header img {
  width: 150px;
}

header p.header-Manager {
  width: 100%;
  border-top: 1px #dce2eb dashed;
  display: flex;
  justify-content: center;
  align-items: center;
}

header p.header-Manager span {
  padding-right: 10px;
}

header p.header-Manager i {
  margin-bottom: 2px;
  margin-right: 2px;
}

header .search {
  margin-top: 10px;
}

/*----------------------------------
 ریسپانسیو 
----------------------------------*/
@media screen and (max-width: 1023px) {
  header .line {
    position: static;
    width: 100%;
    background: none;
    padding: 0;
    margin: 0;
  }

  header .logo-header img {
    margin-top: 10px;
  }

  header p.header-Manager {
    border-top: 1px white dashed;
    padding-top: 10px;
  }

  header .search {
    margin: 10px 0;
  }

  header .search form {
    width: 270px;
  }
}

@media screen and (max-width: 799px) {
  header .logo-header img {
    width: 130px;
  }

  header .search form {
    width: 100%;
  }

  header .search fieldset {
    height: 45px;
  }
}

/*----------------------------------
 تنظیم هدر در حالت موبایل 
----------------------------------*/
@media screen and (max-width: 799px) {
  header {
    margin-top: 145px;
  }
}