.navbar-container {
    width: 100%;
    display: flex;
    z-index: 100;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-color: var(--dl-color-gray-white);
  }
  .navbar {
    width: 100%;
    display: flex;
    padding: var(--dl-space-space-unit);
    position: relative;
    max-width: 1000px;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .navlink {
    display: contents;
  }
  .image {
    width: 200px;
    object-fit: cover;
    text-decoration: none;
  }
  .links-container {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
  }
  .link {
    margin-right: var(--dl-space-space-tripleunit);
    text-decoration: none;
  }
  .link01 {
    margin-right: var(--dl-space-space-tripleunit);
    text-decoration: none;
  }
  .link02 {
    margin-right: var(--dl-space-space-tripleunit);
    text-decoration: none;
  }
  .link03 {
    margin-right: var(--dl-space-space-tripleunit);
    text-decoration: none;
  }
  .link04 {
    margin-right: var(--dl-space-space-tripleunit);
    text-decoration: none;
  }
  .link05 {
    text-decoration: none;
  }
  .burger-menu {
    display: none;
    align-items: flex-start;
    flex-direction: column;
  }
  .icon {
    width: 36px;
    height: 36px;
  }
  .mobile-menu {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    display: none;
    padding: var(--dl-space-space-tripleunit);
    position: absolute;
    align-items: flex-start;
    flex-direction: column;
    background-color: #fff;
  }
  .container01 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: var(--dl-space-space-doubleunit);
    flex-direction: row;
    justify-content: space-between;
  }
  .close-menu {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  .icon2 {
    width: 24px;
    height: 24px;
  }
  .links-container1 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  .link06 {
    font-size: 16px;
    font-family: Nunito;
    font-weight: 400;
    line-height: 1.55;
    margin-bottom: var(--dl-space-space-unit);
    text-transform: none;
    text-decoration: none;
  }
  .link07 {
    font-size: 16px;
    font-family: Nunito;
    font-weight: 400;
    line-height: 1.55;
    margin-bottom: var(--dl-space-space-unit);
    text-transform: none;
    text-decoration: none;
  }
  .link08 {
    font-size: 16px;
    font-family: Nunito;
    font-weight: 400;
    line-height: 1.55;
    margin-bottom: var(--dl-space-space-unit);
    text-transform: none;
    text-decoration: none;
  }
  .link09 {
    font-size: 16px;
    font-family: Nunito;
    font-weight: 400;
    line-height: 1.55;
    margin-bottom: var(--dl-space-space-unit);
    text-transform: none;
    text-decoration: none;
  }
  .link10 {
    font-size: 16px;
    font-family: Nunito;
    font-weight: 400;
    line-height: 1.55;
    text-transform: none;
    text-decoration: none;
  }
  .hero-block {
    width: 100%;
    height: auto;
    display: flex;
    padding: var(--dl-space-space-fiveunits);
    max-width: 100%;
    align-self: center;
    align-items: center;
    flex-direction: row;
    background-size: cover;
    justify-content: center;
    background-image: url("public/playground_assets/main-1500w.png");
    background-repeat: no-repeat;
    background-position: center;
  }
  @media(max-width: 767px) {
    .navbar {
      position: relative;
    }
    .links-container {
      display: none;
    }
    .burger-menu {
      display: flex;
      padding: var(--dl-space-space-halfunit);
      margin-left: var(--dl-space-space-tripleunit);
      border-radius: var(--dl-radius-radius-radius4);
      background-color: var(--dl-color-gray-black);
    }
    .icon {
      fill: var(--dl-color-gray-white);
    }
    .slogan {
      font-size: 60px;
    }
    .about-us-block {
      margin: 0px;
      padding: var(--dl-space-space-tenunits);
    }
    .description-container {
      width: 100%;
      margin: var(--dl-space-space-fiveunits);
    }
    .text07 {
      width: 100%;
      font-size: 48px;
    }
    .why-us {
      flex: 1;
      height: auto;
    }
    .container04 {
      width: 100%;
    }
    .container05 {
      width: 100%;
      align-items: center;
    }
    .container06 {
      width: 100%;
      flex-direction: column;
    }
    .container07 {
      width: 100%;
      flex-direction: column;
    }
    .container08 {
      width: auto;
      height: auto;
      display: none;
    }
    .container09 {
      width: 100%;
    }
    .container10 {
      width: auto;
      height: auto;
      background-color: transparent;
    }
    .image04 {
      width: 100%;
      height: 500px;
      display: none;
    }
    .container11 {
      width: 100%;
      flex-direction: column;
    }
    .container12 {
      width: auto;
      height: auto;
      background-color: transparent;
    }
    .image05 {
      display: none;
    }
    .container13 {
      width: 100%;
      background-color: var(--dl-color-gray-black);
    }
    .text15 {
      color: var(--dl-color-gray-white);
    }
    .container14 {
      width: auto;
      height: auto;
      background-color: transparent;
    }
    .image07 {
      width: auto;
      display: none;
    }
    .container15 {
      width: 100%;
      background-color: var(--dl-color-gray-black);
    }
    .text19 {
      color: var(--dl-color-gray-900);
    }
  }
  @media(max-width: 479px) {
    .burger-menu {
      margin-left: var(--dl-space-space-doubleunit);
    }
    .mobile-menu {
      top: 0px;
      flex: 0;
      right: 8px;
      height: 700px;
      display: none;
      position: absolute;
      align-items: center;
      justify-content: flex-start;
      background-color: var(--dl-color-gray-white);
    }
    .container01 {
      justify-content: flex-end;
    }
    .close-menu {
      align-items: flex-end;
    }
    .icon2 {
      fill: var(--dl-color-gray-black);
    }
    .links-container1 {
      width: 100%;
      align-self: center;
      align-items: center;
      justify-content: flex-start;
    }
    .link06 {
      color: var(--dl-color-gray-black);
      width: 100%;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
    }
    .link07 {
      color: var(--dl-color-gray-black);
      width: 100%;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
    }
    .link08 {
      color: var(--dl-color-gray-black);
      width: 100%;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
    }
    .link09 {
      color: var(--dl-color-gray-black);
      width: 100%;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
    }
    .link10 {
      color: var(--dl-color-gray-black);
      width: 100%;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
    }
    .hero-block {
      height: auto;
    }
    .slogan-container {
      align-items: center;
      flex-direction: column;
      justify-content: flex-start;
    }
    .container02 {
      width: 100%;
    }
    .slogan {
      text-align: left;
      margin-bottom: 0px;
    }
    .text {
      display: none;
      text-align: center;
    }
    .about-us-block {
      padding: var(--dl-space-space-fiveunits);
    }
    .text07 {
      height: auto;
      font-size: 24px;
    }
    .why-us {
      padding: var(--dl-space-space-fiveunits);
    }
    .image02 {
      display: none;
    }
    .text10 {
      width: 80%;
    }
    .image03 {
      display: none;
    }
    .text13 {
      width: 80%;
    }
    .text15 {
      width: 80%;
    }
    .text19 {
      width: 80%;
    }
    .container16 {
      align-self: center;
      align-items: center;
      justify-content: center;
    }
    .text21 {
      text-align: center;
    }
    .text24 {
      width: 100%;
    }
    .container20 {
      height: auto;
      margin: var(--dl-space-space-doubleunit);
    }
    .text26 {
      width: 100%;
    }
    .container21 {
      height: auto;
      margin: var(--dl-space-space-doubleunit);
    }
    .container22 {
      height: auto;
      margin: var(--dl-space-space-doubleunit);
    }
    .text37 {
      width: 100%;
    }
    .container24 {
      height: auto;
      margin: var(--dl-space-space-doubleunit);
    }
    .container25 {
      height: auto;
      margin: var(--dl-space-space-doubleunit);
    }
    .container26 {
      height: auto;
      margin: var(--dl-space-space-doubleunit);
    }
  }