/* Hide the year navigation arrows */
.dtp-select-year-before,
.dtp-select-year-after {
  display: none !important;
}
    
        .frame-child,
        .realoestate-01-icon {
          align-self: stretch;
          position: relative;
        }
        
        .frame-child {
          height: 106px;
          background-color: var(--color-white);
          display: none;
        }
        
        .realoestate-01-icon {
          height: 35px;
          max-width: 100%;
          overflow: hidden;
          flex-shrink: 0;
          object-fit: contain;
          z-index: 1;
        }
        
        .realoestate-01-wrapper {
          display: flex;
          gap: 30px;
          align-items: center;
          justify-content: flex-start;
          padding: var(--padding-5xs) var(--padding-14xl) 0 0;
          box-sizing: border-box;
        }
        
        .moving,
        .storage {
          text-decoration: none;
          position: relative;
          letter-spacing: -0.01em;
          line-height: 24.1px;
          font-weight: 600;
          color: inherit;
          display: inline-block;
          z-index: 1;
        }
        
        .moving {
          min-width: 56px;
          padding: 0;
        }
        
        .storage {
          min-width: 59px;
        }
        
        .storage-wrapper {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: flex-start;
          padding: 0 var(--padding-8xs) 0 0;
        }
        
        .concierge {
          text-decoration: none;
          position: relative;
          letter-spacing: -0.01em;
          line-height: 24.1px;
          font-weight: 600;
          color: inherit;
          display: inline-block;
          min-width: 76px;
          z-index: 1;
        }
        
        .concierge-header,
        .concierge-header-wrapper {
          margin: 0;
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
        }
        
        .concierge-header {
          flex-direction: row;
          gap: var(--gap-6xl);
          text-align: left;
          font-size: var(--font-size-base);
          color: var(--color-gray-300);
          font-family: var(--font-open-sans);
        }
        
        .concierge-header-wrapper {
          flex: 1;
          flex-direction: column;
          box-sizing: border-box;
        }
        
        .ben,
        .frame-item {
          position: relative;
          z-index: 1;
        }
        
        .frame-item {
          height: 50px;
          width: 50px;
          object-fit: cover;
        }
        
        .ben {
          text-decoration: none;
          line-height: 22px;
          font-weight: 600;
          color: inherit;
          display: inline-block;
          min-width: 30px;
        }
        
        .ben-wrapper {
          display: flex;
          align-items: center;
          gap: 10px;
          justify-content: flex-start;
        }
        
        .frame-parent,
        .frame-wrapper {
          display: flex;
          flex-direction: row;
          align-items: flex-start;
          max-width: 100%;
        }
        
        .frame-parent {
          flex: 1;
          flex-wrap: wrap;
          justify-content: space-between;
        }
        
        .frame-wrapper {
          align-self: stretch;
          justify-content: flex-end;
          padding: 0 var(--padding-16xl) 0 var(--padding-17xl);
          box-sizing: border-box;
        }
        
        .page-divider-icon {
          align-self: stretch;
          position: relative;
          max-width: 100%;
          overflow: hidden;
          max-height: 100%;
        }
        
        .rectangle-parent {
          align-self: stretch;
          background-color: var(--color-white);
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          justify-content: flex-start;
          padding: var(--padding-9xl) var(--padding-12xs) 0 0;
          box-sizing: border-box;
          gap: var(--gap-9xl);
          max-width: 100%;
          text-align: left;
          font-size: var(--font-size-base);
          color: var(--color-black);
          font-family: var(--font-open-sans);
        }
        
        #menuButton {
            display: none;
            left: 20px;
            top: 20px;
            z-index: 1;
            border: none;
            background-color: #ffbd59;
            padding: 10px;
            font-size: 18px;
            font-weight: 600;
            border-radius: 5px;
            transition: background-color 0.3s ease;
            font-family: var(--font-open-sans);
            color: var(--color-gray-300);
            width: 90px;
        }
          #closeButton {
              display: none;
              align-self: flex-end;
              right: 10px;
              top: 10px;
              background: none;
              border: none;
              font-size: 24px;
              cursor: pointer;
          }
  
          #menuButton, #closeButton {
              cursor: pointer;
          }
          #menuButton:hover {
              background-color: #ffa726;
          }
  
          #menuButton:active {
              background-color: #ff9800;
          }
          .rectangle-parent, .rectangle-parent2{
            overflow: hidden;
          }
          .rectangle-parent2{
            display: none;
          }
  
  
  
          @media (max-width: 1008px) {

            .tabledata{
              width: 16%;
            }
            tr{
              width: calc(100vw - 20px);
            }
            .border-color-icon {
              left: 20px;
          }
              .navcontainer {
                  display: none;
                  position: fixed;
                  background-color: rgba(0, 0, 0, 0.5);
                  width: 100vw !important;
                  z-index: 4;
                  height: 100%;
  
              }
              .navigation-content{
                position: absolute;
                left: -100%;
                    transition: left 0.4s ease;
  
              }
              #menuButton {
                  display: block;
                  margin: 15px 0;
              }
              #closeButton {
                  display: block;
              }
              .table-header-inner {
                justify-content: space-between;
            }
          }
          @media (max-width: 608px) {
            .concierge-header-wrapper{
              display: none;
            }
            .frame-wrapper {
      padding: 10px;
  }
  .rectangle-parent {
    padding: 0;
    position: fixed;
    z-index: 3;
    width: 100%;
  }
  .rectangle-parent2{
    display: block;
    visibility: hidden;
  }
  .page-divider-icon{
    display: none;
  }
  .frame-item {
      height: 40px;
      width: 40px;
      object-fit: cover;
  }
  .frame-parent {
      align-items: center;
  }
  .realoestate-01-wrapper {
      padding: 0;
  }
  .realoestate-01-icon {
      width: 220px;
  }
          }