/* In the name of GOD */
* { box-sizing: border-box; margin: 0; padding: 0; }
    html, body { height: 100%; }
    body {
      font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
      /*background: #fff;*/
      background-image: url("../img/bg/bg-wave-white.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #111;
      overflow-x: hidden;
    }


#header {
  background-color: #000;
  position: fixed;
  top: 0;
  width: 100%;
  display: block;
  transition: top 0.3s;
}

#header a {
  float: right;
  display: block;
  color: #fff;
  text-align: center;
  padding: 15px;
  text-decoration: none;
  font-size: 17px;
}

/*#header a:hover {
  background-color: #ddd;
  color: black;
}*/
header.scrolled nav a { color: #ffffff; }
    nav a:hover { color: #ffffff; }
    header.scrolled nav a:hover { color: #d32f2f; }


.nav-container {
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

.logo {
      font-size: 28px;
      font-weight: 900;
      color: #fff;
      text-decoration: none;
      transition: color 0.3s;
    }
header.scrolled .logo { color: #d32f2f; }
nav ul {
      display: flex;
      list-style: none;
      /*gap: 30px;*/
    }
nav a {
      color: #fff;
      text-decoration: none;
      font-weight: 600;
      font-size: 16px;
      transition: color 0.3s;
    }
    header.scrolled nav a { color: #ffffff; }
    nav a:hover { color: #ffffff; }
    header.scrolled nav a:hover { color: #d32f2f; }







   .Headpage {
          text-align: center;
          margin-top: 70px;

   }

   .Headpage h1 { color:rgb(255,0,0); padding: 30px; }
   .Headpage p {
       position: relative;
       margin: 20px;
       line-height: 2;
       text-align: justify;
       padding-left: 50px;
       padding-right: 50px;
   }