.auth-header {
  position: relative;
  z-index: 3;
  padding: 25px 100px 40px 100px;
  font-family: "GT Eesti Pro Display";
  background: #eeeeee;

  @media (max-width: 431px) {
    padding: 0;
  }

  &__navigation {
    display: flex;
    align-items: center;
    height: 66px;
    width: 100%;
    justify-content: space-around;

    @media (max-width: 431px) {
      flex-direction: column;
      height: auto;
    }

    .auth {
      &__logo {
        @media (max-width: 431px) {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 27px 27px 40px 27px;
        }

        div {
          display: none;

          @media (max-width: 431px) {
            display: flex;
          }
        }

        h3 {
          color: #4a4a4a;
          font-weight: 900;
          font-size: 16px;
          letter-spacing: 2px;
          position: relative;

          @media (max-width: 431px) {
            font-size: 32px;
            line-height: 37.12px;
            letter-spacing: 0.11em;
          }

          &::after {
            content: "";
            position: absolute;
            background: #a7ca60;
            width: 7px;
            height: 7px;
            border-radius: 100px;
            left: 49%;
            top: -30%;

            @media (max-width: 431px) {
              width: 14.67px;
              height: 14.67px;
              left: 48%;
            }
          }
        }
      }

      &-nav {
        @media (max-width: 431px) {
          display: none;
        }

        ul {
          display: flex;
          column-gap: 50px;
          margin: 0;
          padding: 0;
          list-style: none;

          li {
            cursor: pointer;
            font-weight: 400;
            font-size: 16px;
            line-height: 18.5px;

            a {
              color: #838383;
            }
            a:hover {
              color: #161616;
            }

            // a:focus,
            a.active {
              color: #000000;
              font-weight: 700;
            }
          }
        }
      }

      img {
        cursor: pointer;
      }

      &__buttons {
        display: flex;
        column-gap: 22px;

        button {
          width: 140px;
          height: 34px;
          border-radius: 44px;
          font-size: 13px;
          font-weight: 400;
        }

        .signIn {
          a {
            color: #1e1e1e;
          }
          background-color: #a7ca60;
          border: none;
        }

        .signUp {
          color: #a7ca60;
          border: 1px solid #a7ca60;
          background: none;

          @media (max-width: 431px) {
            display: none;
          }
        }
      }
    }
  }
}

// @media (max-width: 768px) {
//   .auth-header {
//     display: none;
//   }
// }

// @media (max-width: 1375px) {
//   .auth-header {
//     display: none;
//   }
// }