:root {
  --gray-for-lines: #363636;
  --black: #080808;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.nav-wrap {
  border-bottom: 1px solid var(--gray-for-lines);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  min-height: 80px;
  display: flex;
}

.nav {
  z-index: 99;
  background-color: var(--black);
  width: 100%;
  position: fixed;
  top: 0;
}

.nav-logo {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.nav-menu-icon {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
}

.text-block {
  color: #fff;
  padding-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}

.menu-icon {
  z-index: 99;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  position: relative;
}

.menu-line-1 {
  background-color: #fff;
  width: 36px;
  height: 2px;
}

.body {
  background-color: var(--black);
}

.div-block-2 {
  justify-content: center;
  align-items: center;
  height: 200vh;
  display: flex;
}

.container {
  width: 90%;
  max-width: 1300px;
  position: relative;
}

.container-wrap-1 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  display: flex;
}

.image {
  outline-offset: 10px;
  outline: 1px solid #363636;
  width: 300px;
  margin-bottom: 30px;
}

.nav-info {
  border-bottom: 1px solid var(--gray-for-lines);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header-info {
  z-index: 5;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-info-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
}

.info-txt {
  color: #fff;
  letter-spacing: .5px;
  flex: none;
  margin-right: 8vw;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.marquee-info-code {
  width: 20px;
  display: flex;
}

.header-horisontal-line {
  background-color: #fdfcfa26;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.menu-line-2 {
  background-color: #fff;
  width: 36px;
  height: 2px;
}

.menu {
  background-color: var(--black);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0;
  display: flex;
  overflow: hidden;
}

.info-txt-2 {
  color: #fff;
  letter-spacing: .5px;
  flex: none;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}

.info-txt-3 {
  color: #fff3;
  letter-spacing: 1px;
  flex: none;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: underline;
}

.text-block-2 {
  border: 1px solid var(--gray-for-lines);
  color: var(--black);
  letter-spacing: .5px;
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 54px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

@media screen and (max-width: 991px) {
  .info-txt, .info-txt-2, .info-txt-3 {
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .image {
    width: 200px;
  }
}