:root {
  --mint-T1-color:rgb(28,79,120) ;
}

header.container {
  background-color: var(--mint-T1-color);
}

.mint {
  margin-top: var(--navbar-height);
  background-color: var(--mint-T1-color);
  padding-right: 5%;
  padding-left: 5%;
}
@media(min-width: 991.98px) {
  .mint {
    height: calc(100vh - var(--navbar-height));
    min-height: 760px;
  }
}
@media(max-width: 991.98px) {
  .mint {
    min-height: calc(100vh - var(--navbar-height));
    padding-right: 5px;
    padding-left: 5px;
  }
}
.mint .container {
  max-width: 1920px !important;
}
.mint .container .mint-title {
  font-size: var(--font-size-main);
  font-weight: 700;
}
.mint .container .mint-intro {
  font-size: var(--font-size-intro);
  color: white;
}
.mint .container .mint-info {
  font-size: 30px;
  font-family: var(--font-family-zh);
  list-style-type: disc;
}

.mint .container .mint-info li {
  margin-left: 25px;
}
.mint .container .mint-link-in-intro {
  font-size: var(--font-size-intro);
  color: white;
}
.mint .container .mint-select .mint-image img {
  width: 60%;
  min-width: 300px;
  border-radius: 20px;
}
.mint .container .mint-select .mint-amount {
  font-size: var(--font-size-minor);
  font-family: var(--font-family-zh);
}
.mint .container .mint-select .mint-amount .operation {
  color: var(--mint-T1-color);
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: center;
}
.mint .container .mint-select .mint-amount .operation .operation_cal {
  height: 80px;
}
.mint .container .mint-select .mint-amount .amount {
  width: fit-content;
  border: none;
  color: white;
  background-color: transparent;
  text-align: center;
  max-width: 150px;
}
.mint .container .mint-select .wallet-btn-box {
  width: 60%;
}
.mint .container .mint-select .mint-btn {
  width: 230px;
  height: 50px;
  color: var(--mint-T1-color);
  background-color: white;
  border: none;
  font-size: var(--font-size-intro);
  border-radius: 50px;
  padding-right: 30px;
  padding-left: 30px;
  line-height: var(--redeem-input-height);
  z-index: 99;
}
.mint .container .mint-select .wallet-btn {
  background: var(--mint-T1-color);
  border: none;
}
.mint .container .mint-select .wallet-btn img {
  width: 50px;
}
.mint .mint-extra {
  border-top: 2px solid white;
  margin-top: 20px;
}
.mint .mint-extra a {
  color: white;
  font-size: var(--font-size-info);
}
@media(max-width: 1399.98px) {
  .mint .container .mint-select .mint-amount .amount {
    max-width: 120px;
  }
  .mint .container .mint-select .mint-btn {
    width: 200px;
  }
}
@media(max-width:991.98px) {
  .mint {
    height: auto;
    padding-bottom: 10px;
  }
  .mint .container .mint-title {
    font-size: var(--font-size-minor);
  }
  .mint .container .mint-select .mint-image img {
    width: 100%;
  }
  .mint .container .mint-select .wallet-btn-box {
    width: 90%;
  }
  .mint .mint-info {
    font-size: 30px !important;
  }
  .mint .container .mint-select .mint-amount .amount {
    max-width: 150px;
  }
  .mint .container .mint-select .mint-btn {
    width: 230px;
  }
}
@media(max-width:576px) {
  .mint .mint-info {
    font-size: 18px !important;
  }
  .mint .container .mint-select .mint-btn {
    height: 40px;
    font-size: 28px;
    border-radius: 50px;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 40px;
  }
  .mint .container .mint-select .wallet-btn img {
    width: 40px;
  }
  .mint .container .mint-select .mint-amount .operation {
    width: 30px;
    height: 30px;
    font-size: 30px;
  }
  .mint .container .mint-select .mint-btn {
    width: 180px;
  }
  .mint .container .mint-select .mint-amount .amount {
    width: 120px;
    font-size: 36px;
  }
  .mint .container .mint-select .mint-amount .operation .operation_cal {
    height: 50px;
  }
}