* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: inherit;
}
body {
  height: 100vh;
  font-family: "IBM Plex Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 1rem;
  background-color: white;
  color: #171717;
  letter-spacing: 1px;
  overflow: hidden;
}
div {
  line-height: 2;
}
.header-wrapper {
  height: 9rem;
  padding: 1rem 0rem;
  width: 100vw;
  position: fixed;
  left: 0;
  top: 0;
  .header-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0rem 2rem;
    flex-direction: row;
    div {
      line-height: 2;
      font-size: 0.8rem;
    }
    .header-one {
      margin-top: 0.5rem;
      display: flex;
      flex: 1 1 0%;
      align-items: center;
      #menu {
        position: absolute;
        left: 0;
        top: 6rem;
        width: 100vw;
        .menu-container {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-left: auto;
          margin-right: auto;
          max-width: 1536px;
          padding-left: 0;
          padding-right: 0;
          ul {
            list-style: none;
            margin: 0;
            padding: 0;
          }
          .main-menu {
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 2;
            .hoverable {
              padding: 0 1rem;
              text-transform: uppercase;
            }
          }
        }
      }
      .search {
        margin-right: calc(1rem * 0);
        line-height: 2;
        display: inline-flex;
        .search-content {
          font-size: 0.7rem;
          text-transform: uppercase;
          letter-spacing: 0.1em;
          position: relative;
          display: flex;
          cursor: pointer;
          align-items: center;
          border: none;
          background-color: initial;
          background-image: none;
          svg {
            width: 1rem;
            height: 1rem;
          }
          span {
            margin-left: 0.5rem;
            letter-spacing: 0.15em;
          }
        }
      }
      .projects {
        margin-right: calc(1rem * 0);
        margin-left: calc(1rem * (1 - 0));
        width: 100%;
        .projects-content {
          display: flex;
          align-items: center;
          font-size: 0.7rem;
          text-transform: uppercase;
          letter-spacing: 0.1em;
          svg {
            width: 1rem;
            height: 1rem;
          }
          span {
            display: inline-block;
            margin-left: 0.4rem;
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 0.15em;
          }
        }
      }
    }
    .header-two {
      position: relative;
      top: 0.25rem;
      display: flex;
      outline: 2px solid #0000;
      outline-offset: 2px;
      img {
        height: 4rem;
        width: auto;
        margin-bottom: 1rem;
      }
    }
    .header-three {
      display: flex;
      justify-content: flex-end;
      flex: 1 1 0%;
      margin-top: 0.75rem;
      font-size: 0.8rem;
      button {
        display: flex;
        cursor: pointer;
        align-items: center;
        position: relative;
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.15em;

        border: none;
        background-color: initial;
        background-image: none;
        margin-left: 1rem;
        svg {
          width: 1rem;
          height: 1rem;
        }
        span {
          display: inline-block;
          margin-left: 0.5rem;
          font-size: 0.7rem;
          text-transform: uppercase;
        }
      }
    }
  }
}

.main-wrapper {
  padding-top: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  .main-body {
    font-size: 0.8rem;
    max-width: 1536px;

    .rug-page {
      margin-bottom: 5rem;
      .nav-container {
        padding-left: 1rem;
        display: flex;
        width: 100vw;
        align-items: center;
        margin-bottom: 1rem;
        max-width: 1536px;
        padding-right: 0;
        font-size: 0.7rem;
        margin-top: 2rem;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        span {
          margin: 0 0.5rem;
        }
        span:last-child {
          margin-left: 0;
        }
        a {
          cursor: pointer;
          color: inherit;
          text-decoration: inherit;
        }
      }
      .container {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: row;
        max-width: 1536px;
        padding-right: 0;
        .left-container {
          width: 41.666667%;
          margin-bottom: 2rem;
          position: relative;
          .roomvo-container {
            position: absolute;
            right: 1rem;
            top: 1rem;
            .roomvo-stimr {
              padding: 0.25rem;
              border-radius: 50px;
              display: flex;
              background-color: white;
              cursor: pointer;
              svg {
                width: 1rem;
                height: 1rem;
              }
            }
          }
          a {
            cursor: pointer;
            color: inherit;
            text-decoration: inherit;
            img {
              padding-bottom: 2rem;
              width: 100%;
              height: auto;
            }
          }
        }
      }
      .vertical-parent {
        width: 41.666667%;
        position: sticky;
        top: 12rem;
        padding-left: 4rem;
        letter-spacing: 0.2px;
        .heading {
          padding-bottom: 2rem;
          display: block;
          height: 5.6rem;
          line-height: 1;
        }
        .nat-maks {
          margin-top: 0.5rem;
          position: absolute;
          top: 0;
          left: 0;
          white-space: nowrap;
          writing-mode: vertical-rl;
          transform: rotate(180deg);
          font-size: 0.7rem;
          text-transform: uppercase;
          letter-spacing: 0.1em;
          font-weight: 300;
        }
        .enquire {
          display: flex;
          align-items: center;
          font-size: 0.8rem;
          justify-content: space-between;
          p {
            font-size: 0.75rem;
            line-height: 1rem;
            margin-bottom: 0.5rem;
          }
          .text-right {
            text-align: right;
            .label {
              margin-bottom: 0.25rem !important;
              span {
                font-size: 0.75rem;
                line-height: 1rem;
              }
              select {
                font-size: 0.75rem;
                padding-left: 0.5rem;
                padding-top: 0.25rem;
                padding-bottom: 0.25rem;
                border-width: 0;
                width: 4rem;
                height: auto;
                font-weight: 300 !important;
                color: #919191;
              }
            }
          }
        }
        .description {
          .button {
            padding-top: 1rem;
            padding-bottom: 0.5rem;
            border-bottom-width: 1px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            h3 {
              font-size: 0.7rem;
              text-transform: uppercase;
              letter-spacing: 0.1em;
              font-weight: 300;
            }
            svg {
              width: 1rem;
              height: 1rem;
            }
          }
        }
        .prose {
          padding-top: 1rem;
          padding-bottom: 1rem;
        }
        .details-container {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;

          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          .button {
            border-bottom: 1px solid #dfdfdf;
            padding-top: 0rem;
          }
        }
        .form {
          .button-one-container {
            .button-one {
              padding-top: 1rem;
              padding-bottom: 1rem;
              width: 100%;
              margin-bottom: 0;
              margin-top: 1rem;
              display: inline-flex;
              cursor: pointer;
              align-items: center;
              justify-content: center;
              padding: 1.25rem 3rem;
              text-align: center;
              line-height: 1;
              color: white;
              background-color: rgb(23, 23, 23);
              font-size: 0.7rem;
              text-transform: uppercase;
              letter-spacing: 0.1em;
              svg {
                width: 1rem;
                height: 1rem;
                margin-left: 8px;
              }
            }
            .button-two {
              border: 1px solid #171717;
              margin-top: 8px;
              padding-top: 1rem;
              padding-bottom: 1rem;
              width: 100%;
              margin-bottom: 0;
              display: inline-flex;
              cursor: pointer;
              align-items: center;
              justify-content: center;
              padding: 1.25rem 3rem;
              text-align: center;
              line-height: 1;
              color: #171717;
              background-color: transparent;
              font-size: 0.7rem;
              text-transform: uppercase;
              letter-spacing: 0.1em;
            }
          }
        }
      }
    }
  }
}

.bottom-text {
  margin-top: 4px;
}
.button_variant {
  padding-top: 0.2rem !important;
}