.header-transparent .container{
    width:98%;
    max-width:1800px;
    }

    .header-transparent {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 100;
      background: linear-gradient(to bottom, rgba(5, 11, 18, 0.76), transparent);
    }

    .nav {
      height: 88px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: min(1600px, 94%);
      margin: auto;
    }

    .logo-small {
      font-size: 1.15rem;
      font-weight: 800;
      color: var(--white);
      letter-spacing: 2px;
    }

    .menu {
      display: flex;
      gap: 45px;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: .3px;
      color: rgba(255, 255, 255, 0.84);
    }

    .menu a {
      position: relative;
      transition: .3s;
    }

    .menu a::after {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 50%;
      width: 0;
      height: 2px;
      background: #b89b5e;
      transition: .35s;
      transform: translateX(-50%);
    }

    .menu a:hover::after {
      width: 100%;
    }

    .menu a:hover {
      color: #e8d9b0;
    }