* {
  margin: 0;
  padding: 0;
}

html,
body {
  font-size: calc(100vw / 1920);
  overscroll-behavior: none;
}

header {
  width: 100vw;
  height: 1076rem;
  background: url("/img/market_TopBanner_Bdg.png") no-repeat;
  background-size: contain;
  position: relative;
  display: flow-root;
}
header .bg-img {
  display: block;
  width: 932.34rem;
  margin: 0 auto;
  margin-top: 199rem;
}
header h1 {
  color: #fff;
  text-align: center;
  text-shadow: 0px 4rem 40rem rgba(0, 0, 0, 0.6);
  font-family: Inter;
  font-size: 60rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.menu-bar {
  width: 1313rem;
  height: 120rem;
  border-radius: 60px;
  border: 1px solid var(--NB_Red-01, #ff2929);
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(9px);
  margin: 0 auto;
  margin-top: 100rem;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.menu-bar .logo {
  width: 255rem;
  height: 69rem;
  margin-left: 37rem;
}

.menu-bar ul {
  display: flex;
  gap: 30.22rem;
  margin-left: 20.48rem;
}

.menu-bar ul li a {
  color: var(--NB_Gray, #3d3d3d);
  font-family: Inter;
  font-size: 20.444rem;
  font-style: normal;
  font-weight: 900;
  line-height: 225%; /* 46px */
}

.menu-bar ul li a:hover {
  color: var(--NB_Red-01, #ff2929);
}

.menu-bar ul li img {
  box-sizing: border-box;
  vertical-align: middle;
  width: 66.444rem;
  height: 46rem;
}

.menu-bar ul li a.active {
  border-bottom: 4rem solid #ff2929;
}
.register-login {
  display: flex;
  gap: 16rem;
  margin-right: 26.6rem;
}

.register-login .register,
.register-login .login {
  cursor: pointer;
  box-sizing: border-box;
  width: 134.4rem;
  height: 48rem;
  color: #fff;
  font-family: Inter;
  font-size: 19.2rem;
  font-style: normal;
  font-weight: 500;
  border-radius: 24rem;
  text-align: center;
  background: var(--NB_Red-01, #ff2929);
  line-height: 48rem;
}

.register-login .login {
  border-radius: 24rem;
  border: 1.6rem solid var(--NB_Red-01, #ff2929);
  background: var(--NB_Gray, #3d3d3d);
}

.register-button {
  width: 100vw;
  height: 190rem;
  background-color: #ff2929;
  display: flex;
  justify-content: center;
  align-items: center;
}

.register-button button {
  width: 573.846rem;
  height: 80rem;
  border-radius: 9.231rem;
  border: 1.538rem solid var(--NB_Yellow, #ffe100);
  background-color: #ff2929;
  cursor: pointer;

  color: #ffe100;
  text-align: center;
  font-family: Inter;
  font-size: 36.923rem;
  font-style: normal;
  font-weight: 700;
  line-height: 80rem;
}
.bg {
  width: 100vw;
  height: 2238rem;
  background: url("/img/session-img.png") no-repeat;
  /* background-position: center bottom; */
  background-size: cover;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.bg h2 {
  color: var(--NB_Gray, #3d3d3d);
  text-align: center;
  font-family: Inter;
  font-size: 40rem;
  font-weight: bold;
  margin-top: 77rem;
  margin-bottom: 28rem;
}

.bg .container {
  width: 1335rem;
  height: 949rem;

  display: flex;
  flex-wrap: wrap;
  gap: 34rem;
  row-gap: 55rem;
}

.bg .container .item {
  width: 422rem;
  height: 447rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  background: #d9d9d9;
  border-radius: 12rem;
  padding: 0 31rem;
  box-sizing: border-box;
}
.bg .container .item img {
  width: 100rem;
  height: 100rem;
  display: block;
  margin-right: 0rem;
  margin-top: 27rem;
  margin-bottom: 33rem;
}

.bg .container .item .title {
  color: var(--NB_Red-01, #ff2929);
  text-align: center;
  font-family: Inter;
  font-size: 28rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.bg .container .item p {
  margin-top: 20rem;
  color: var(--NB_Gray, #3d3d3d);
  text-align: center;
  font-family: Inter;
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 29.752rem; /* 165.289% */
}
.bg .btn-group {
  display: flex;
  gap: 55rem;
  margin-top: 98rem;
}

.bg .btn-group .btn {
  width: 408rem;
  height: 60rem;
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 24rem;
  font-style: normal;
  font-weight: 500;
  border-radius: 30px;
  line-height: 60rem;
}

.bg .btn-group .btn-red {
  background: var(--NB_Red-01, #ff2929);
}

.bg .btn-group .btn-black {
  border: 2rem solid var(--NB_Red-01, #ff2929);
  background: var(--NB_Gray, #3d3d3d);
  box-sizing: border-box;
}
.img-group {
  position: relative;
  width: 1332rem;
  height: 787rem;
  margin-top: 123rem;
}

.bg .img-group .gold {
  margin-top: 90rem;
  margin-left: 147rem;
  width: 1185rem;
  height: 697rem;
  border-radius: 20px;
  background: linear-gradient(
    107deg,
    rgba(255, 43, 41, 0.48) 4.25%,
    rgba(255, 200, 199, 0.48) 102.56%
  );
  backdrop-filter: blur(6rem);
  padding: 12rem 45rem 0 418rem;
  text-align: right;
  box-sizing: border-box;
}

.gold h1 {
  color: var(--NB_Red-01, #ff2929);
  font-family: Inter;
  font-size: 173.805rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  opacity: 0.2;
}
.gold h2 {
  color: var(--NB_Gray, #3d3d3d);
  text-align: center;
  font-family: Inter;
  font-size: 40rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 0;
}
.gold .text-area {
  width: 722rem;
  height: 387rem;
  border-radius: 20rem;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(6px);
  padding-top: 16rem;
  box-sizing: border-box;
}
.text-area p {
  width: 701rem;
  height: 371rem;
  color: var(--NB_Gray, #3d3d3d);
  text-align: center;
  font-family: Inter;
  font-size: 24rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0 12rem 0 9rem;
}

.img-group .img1 {
  position: absolute;
  top: -66rem;
  left: -115rem;
  width: 600rem;
  height: auto;
  display: block;

  object-fit: contain;
  object-position: center;
}

.img-group .img2 {
  position: absolute;
  display: block;
  top: -27rem;
  left: 440rem;
  width: 351rem;
  height: auto;
  object-fit: contain;
}
.img-group .img3 {
  display: block;
  position: absolute;
  bottom: -36rem;
  left: 72rem;
  width: 409rem;
  height: auto;

  object-fit: contain;
}

.get {
  width: 1120rem;
  height: 280rem;
  background: url("/img/image\ 6.png") no-repeat center;
  background-size: contain;
  border-radius: 140rem;
  position: relative;
  bottom: -140rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.get .left .title {
  font-family: Inter;
  font-size: 48rem;
  font-style: normal;
  font-weight: 900;
  line-height: 36rem; /* 75% */
  background: linear-gradient(288deg, #d71717 8.34%, #ffc8c8 91.66%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 99;
}

.get .left .title2 {
  width: 540rem;
  height: 65rem;
  color: #fff;
  font-family: Inter;
  font-size: 28rem;
  font-style: normal;
  font-weight: 600;
  line-height: 36rem; /* 128.571% */
  margin-top: 18rem;
}

.get .right .button {
  width: 238rem;
  height: 60rem;
  border-radius: 30rem;

  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 24rem;
  font-style: normal;
  font-weight: 500;
  line-height: 225%;
  background-color: #ff2929;
  box-shadow: 0px 4px 60px 0px rgba(255, 41, 41, 0.6);
  cursor: pointer;
}

.right .text {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 20rem;
  font-style: normal;
  font-weight: 600;
  line-height: 225%; /* 45px */
}

footer .fllow {
  color: var(--NB_Gray, #3d3d3d);
  text-align: center;
  font-family: Inter;
  font-size: 32rem;
  font-style: normal;
  font-weight: 600;
  line-height: 44rem; /* 137.5% */
  margin-top: 151rem;
}

footer .container {
  display: flex;
  justify-content: center;
  align-items: start;
  margin-top: 101rem;
}

.container img {
  width: 369.565rem;
  height: 100rem;
  margin-right: 138.43rem;
}

.container .website {
  margin-right: 172rem;
}
.container .website.right {
  margin-right: 0;
}

.container .website .our {
  color: var(--NB_Red-01, #ff2929);
  font-family: Inter;
  font-size: 40rem;
  font-style: normal;
  font-weight: 700;
  line-height: 36rem; /* 90% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-color: var(--NB_Gray, #3d3d3d);
  text-decoration-thickness: 8%; /* 3.2px */
  text-underline-offset: 25%; /* 10px */
  text-underline-position: from-font;
  text-transform: uppercase;
  margin-bottom: 40rem;
}

.container .website ul li {
  color: var(--NB_Gray, #3d3d3d);
  font-family: Inter;
  font-size: 20rem;
  font-style: normal;
  font-weight: 400rem;
  line-height: 49rem; /* 245% */
}

.container .website ul li ul {
  margin-left: 10rem;
}

.container .website.right {
  width: 555rem;
}

.container .website.right ul li {
  color: var(--NB_Gray, #3d3d3d);
  font-family: Inter;
  font-size: 20rem;
  font-style: normal;
  font-weight: 400;
  line-height: 26rem;
  margin-bottom: 16rem;
}

.container .website.right ul li span {
  font-weight: bold;
}

footer .session {
  width: 1494rem;
  color: var(--NB_Gray, #3d3d3d);
  font-family: Inter;
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 30rem;
  margin-top: 49rem;
  margin: 49rem auto 49rem;
}

.copyRight {
  height: 120rem;
  background: var(--NB_Gray, #3d3d3d);
  padding-left: 213rem;
  color: #fff;
  font-family: Inter;
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;

  line-height: 120rem; /* 166.667% */
}

.copyRight span.red {
  color: var(--NB_Red-01, #ff2929);
}