.navigation-wrapper {
  display: contents;
}
 
.navigation-container1 {
  display: contents;
}
 
.navigation-image {
  width: 200px;
  object-fit: cover;
}
 
.navigation-icon12 {
  display: none;
}
 
.navigation-thq-dropdown1 {
  cursor: pointer;
  display: inline-block;
  padding: 4px 8px;
  position: relative;
  border-color: rgba(0, 0, 0, 0.45);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}
 
.navigation-thq-dropdown-toggle1 {
  gap: 4px;
  display: inline-flex;
  align-items: center;
}
 
.navigation-thq-dropdown-arrow1 {
  transition: 0.3s;
}
 
.navigation-icon21 {
  width: 18px;
  height: 18px;
}
 
.navigation-thq-dropdown-list1 {
  display: none;
  z-index: 100;
  position: absolute;
  min-width: 100%;
  flex-direction: column;
  list-style-type: none;
}
 
.navigation-thq-dropdown2 {
  cursor: pointer;
  display: inline-block;
  padding: 4px 8px;
  position: relative;
  border-color: rgba(0, 0, 0, 0.45);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}
 
.navigation-thq-dropdown-toggle2 {
  gap: 4px;
  display: inline-flex;
  align-items: center;
}
 
.navigation-thq-dropdown-arrow2 {
  transition: 0.3s;
}
 
.navigation-icon23 {
  width: 18px;
  height: 18px;
}
 
.navigation-thq-dropdown-list2 {
  display: none;
  z-index: 100;
  position: absolute;
  min-width: 100%;
  flex-direction: column;
  list-style-type: none;
}
 
.navigation-thq-dropdown3 {
  cursor: pointer;
  display: inline-block;
  padding: 4px 8px;
  position: relative;
  border-color: rgba(0, 0, 0, 0.45);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}
 
.navigation-thq-dropdown-toggle3 {
  gap: 4px;
  display: inline-flex;
  align-items: center;
}
 
.navigation-thq-dropdown-arrow3 {
  transition: 0.3s;
}
 
.navigation-icon25 {
  width: 18px;
  height: 18px;
}
 
.navigation-thq-dropdown-list3 {
  display: none;
  z-index: 100;
  position: absolute;
  min-width: 100%;
  flex-direction: column;
  list-style-type: none;
}
 
.navigation-thq-dropdown4 {
  cursor: pointer;
  display: inline-block;
  padding: 4px 8px;
  position: relative;
  border-color: rgba(0, 0, 0, 0.45);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}
 
.navigation-thq-dropdown-toggle4 {
  gap: 4px;
  display: inline-flex;
  align-items: center;
}
 
.navigation-thq-dropdown-arrow4 {
  transition: 0.3s;
}
 
.navigation-icon27 {
  width: 18px;
  height: 18px;
}
 
.navigation-thq-dropdown-list4 {
  display: none;
  z-index: 100;
  position: absolute;
  min-width: 100%;
  flex-direction: column;
  list-style-type: none;
}
 
.navigation-container2 {
  display: none;
}
 
.navigation-container3 {
  display: contents;
}
 
.navigation-container4 {
  display: none;
}
 
.navigation-container5 {
  display: contents;
}

.footer-wrapper {
  display: contents;
}
 
.footer-container1 {
  display: contents;
}
 
.footer-thq-icon10-elm {
  width: 156px;
  object-fit: cover;
  margin-right: 8px;
  border-radius: 4px;
  vertical-align: middle;
}
 
.footer-thq-footer-nav-list-elm {
  height: 225px;
}
 
.footer-container2 {
  display: none;
}
 
.footer-container3 {
  display: contents;
}
 
.footer-container4 {
  display: none;
}
 
.footer-container5 {
  display: contents;
}

.html-project-container1 {
  width: 100%;
  min-height: 100vh;
}
 
.html-project-thq-documentation-section-one-elm {
  padding-bottom: 60px;
}
 
.html-project-thq-documentation-section-onecontent-elm {
  width: 932px;
}
 
.html-project-thq-web-previewbrowser-header-elm1 {
  text-decoration: none;
}
 
.html-project-thq-web-previewurl-elm1 {
  color: rgb(53, 87, 183);
  font-style: italic;
  font-weight: 700;
}
 
.html-project-thq-web-previewoverlay-elm1 {
  text-decoration: none;
}
 
.html-project-thq-web-previewbrowser-header-elm2 {
  text-decoration: none;
}
 
.html-project-thq-web-previewurl-elm2 {
  color: #3557b7;
  font-style: italic;
  font-weight: 700;
}
 
.html-project-thq-web-previewoverlay-elm2 {
  text-decoration: none;
}
 
.html-project-thq-documentation-section-onesidebar-elm {
  border: 2px dashed rgba(120, 120, 120, 0.4);
}
 
.html-project-container2 {
  display: none;
}
 
.html-project-container3 {
  display: contents;
}
 
.html-project-container4 {
  display: none;
}
 
.html-project-container5 {
  display: contents;
}


@media (max-width: 767px) {
  .html-project-thq-documentation-section-onecontent-elm {
    width: 100%;
    max-width: 100%;
  }

  .documentation-section-one__feature {
    flex-direction: column;
    align-items: flex-start;
  }

  .documentation-section-one__icon-box {
    width: 42px;
    height: 42px;
  }

  .project-container,
  .documentation-section-one__card {
    padding: var(--spacing-lg);
  }

  .web-preview__browser-header {
    align-items: center;
    flex-wrap: wrap;
  }

  .web-preview__url {
    width: 100%;
    margin: 0;
    word-break: break-word;
  }
}

@media (max-width: 479px) {
  .project-hero-preview__container,
  .documentation-section-one__container,
  .documentation-section-two__container {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }

  .project-hero-preview__browser-top {
    gap: var(--spacing-sm);
    flex-wrap: wrap;
  }

  .project-hero-preview__address-bar {
    width: 100%;
  }
}