.header-h {
      z-index: 333 !important;
      font-family: IRANSansX !important;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      transition: 0.6s;
      padding: 40px 100px;
      background: #00000000;
      z-index: 10;
  }

  .sticky {
      padding: 5px 100px !important;
      background: #3a5b78 !important;
  }

  .sticky .sticky ul li a,
  .sticky .logo {
      color: #f5f5f5 !important;
      display: flex;
  }

  .header-h .logo {
      position: relative;
      font-weight: 700;
      color: #fff;
      text-decoration: none;
      font-size: 2em;
      text-transform: 2em;
      letter-spacing: 0px;
      transition: 0.6s;
  }

  .header-h ul {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .header-h ul li {
      position: relative;
      list-style: none;
  }

  .header-h ul li a {
      font-family: IRANSansX !important;
      position: relative;
      padding: 0 15px;
      font-weight: 700 !important;
      text-decoration: none;
      color: #444444;
      letter-spacing: 0px;
      font-weight: 500;
      transition: 0.6s;
      display: block;
      height: 50px;
      line-height: 50px;
  }

  .sticky ul li a {
      color: #fefefe;
  }


  .menuToggle {
      display: none !important;
      position: absolute;
      top: 5px;
      right: 100px;
      width: 50px;
      height: 50px;
      background: #000;
      z-index: 2;
      background-size: 30px;
      background-repeat: no-repeat;
      background-position: center;
      cursor: pointer;
      transition: 0.6s;
      display: none;
  }

  .header-h .sticky-logo {
      display: none;
  }

  .sticky .sticky-logo {
      display: block;
  }

  .sticky .active-logo {
      display: none;
  }

  .sticky .menuToggle {
      display: none !important;
      filter: invert(1) !important;
  }

  .menuToggle.active {
      background: #000;
      z-index: 3;
      background-size: 25px;
      background-repeat: no-repeat;
      background-position: center;
      cursor: pointer;
      filter: invert(1);
  }

  @media (max-width: 991px) {
      .active-logo {
          max-width: 295px !important;
          max-height: 110px !important;
      }

      #button>h1 {
          font-size: 94px;
      }

      #button>h2 {
          font-size: 63px
      }

      .stamp {
          max-width: 100%;
      }

      #smallImg {
          max-width: 98%;
      }



      .xr {
          flex-direction: column;
          height: 100vh;
          justify-content: center;
          align-items: center;
      }

      .container-m-h {
          width: 100%;
          height: 15vh;
      }

      #button>h1 {
          line-height: 144px;
      }

      #sr {
          height: 3.16168em !important;
          width: 9em !important;
          background: transparent !important;
          -webkit-animation: jello-horizontal 0.9s both !important;
          animation: jello-horizontal 0.9s both !important;
          border: 2px solid #e74c3c !important;
          outline: none !important;
          color: #e74c3c !important;
          cursor: pointer !important;
          font-size: 34px !important;
          border-radius: 6px !important;
          font-family: IRANSansX !important;
          font-weight: 700;
      }

      .logo>div {
          direction: ltr;
      }

      .header-h {
          padding: 67px 83px;
          direction: rtl;
          background: #ffffff00 !important;
      }

      .header-h .logo {
          color: #000;
      }

      .menuToggle {
          display: none !important;
          display: none;
          filter: invert(1);
      }

      .header-h nav {
          /*display: none;*/
          position: absolute;
          top: 50px;
          left: -100%;
          width: 100%;
          height: 100vh;
          background: #fff;
          transition: 0.6s;
      }

      .header-h ul li a {
          color: #000;
      }

      .header-h nav.active {
          left: 0;
      }

      .header-h nav ul {
          display: block;
          text-align: center;
      }

      .header-h nav ul li a {
          border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      }

      .sticky {
          padding: 6px 16px !important;
          background: #3a5b78 !important;
          direction: ltr;
          display: flex;
          flex-direction: row-reverse;

      }
  }

  h1 {
      color: #234567;
      position: relative;
      font-weight: normal;
      font-family: "Asul", sans-serif;
      z-index: 1;
      margin: 0;
      font-size: 6vmax;
      mix-blend-mode: difference;
  }