/* ------------------ header ------------------- */
#header .downloads-btn .set-off-btn {
  background: linear-gradient(
    183.08deg,
    rgba(74, 33, 239, 0.048) 43.82%,
    rgba(74, 33, 239, 0) 111.17%
  );
}
#header .navbar a,
#header .navbar a:focus {
  color: #0d0b33;
}
#header .downloads-btn .my-downloads-btn {
  background: #4a21ef;
  color: #ffffff;
}
#main { overflow: hidden; }
/* ------------- hero --------------- */
#hero {
  overflow: initial;
  box-sizing: border-box !important;
  background: linear-gradient(
      160.59deg,
      rgba(117, 84, 252, 0.58) -7.42%,
      rgba(177, 159, 250, 0) 33.43%
    ),
    #f7f6ff;
}
#hero .hero {
  /* overflow: hidden; */
  background: url("../../assets/img/upgrade/hero-bg-start.svg") no-repeat;
  background-position: center;
  background-size: 100%;
  padding: 222px 0px 30px;
}
#hero .safepay-upgrade {
  z-index: 1;
  max-width: 622px;
  margin-right: 60px;
}
#hero .safepay-upgrade .title h3 {
  color: #4a21ef;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 14px;
}
#hero .safepay-upgrade .describe {
  margin-bottom: 40px;
}
#hero .safepay-upgrade .describe p {
  color: #0d0b33;
  font-weight: 1000;
  font-size: 80px;
  line-height: 1;
}
#hero .safepay-upgrade .version p {
  color: #0d0b33;
  font-size: 18px;
  line-height: 1.6;
  margin: 7px 0px;
}
#hero .safepay-upgrade .version p.view-all {
  color: #4b22f0;
}
#hero .img-box .locked {
  left: -55%;
  bottom: -36%;
  pointer-events: none;
}
#hero .img-box .clound1 {
  width: 67px;
  height: 60px;
  left: -14%;
  bottom: 16%;
  pointer-events: none;
}
#hero .img-box .clound2 {
  width: 44.6px;
  height: 40px;
  left: 37%;
  bottom: -22%;
  pointer-events: none;
}
#hero .img-box .clound3 {
  width: 80px;
  height: 72px;
  right: -38%;
  top: -15%;
  pointer-events: none;
}
#hero .img-box .clound4 {
  width: 243px;
  height: 220px;
  right: -46%;
  top: 15%;
  z-index: -1;
  pointer-events: none;
}
#hero .search-box {
  padding-bottom: 91px;
  background: linear-gradient(180deg, #F7F6FF 39%, #D3FCEE 111.37%);
}
#hero .search-box .my-input {
  width: 784px;
  margin: auto;
}
#hero .search-box .m-search-input {
  width: 100%;
  background: #f7f6ff;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-right: 128px;
  padding-left: 80px;
  border: 1px solid #88869e;
  border-radius: 140px;
  height: 60px;
  line-height: 60px;
  box-sizing: content-box;
}
#hero .search-box .m-search-input:focus {
  outline-color: #79efbd;
}
#hero .search-box .m-search-input::placeholder {
  color: #0d0b33;
  font-size: 16px;
  line-height: 1.6;
}
#hero .search-box .search-btn {
  padding: 16px 24px;
  background: #79efbd;
  border-radius: 100px;
  color: #0d0b33;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  border: none;
  transition: all 0.3s;
  right: 28px;
  font-weight: 700;
}
#hero .search-box .search-icon {
  width: 24px;
  height: 24px;
  left: 34px;
  z-index: 1;
}
#hero .search-box .search-icon img {
  width: 100%;
  height: 100%;
  font-size: 0;
  object-fit: contain;
  vertical-align: baseline;
}
@media (max-width: 991px) {
  #hero {
    background: linear-gradient(
        160.59deg,
        rgba(117, 84, 252, 0.58) -7.42%,
        rgba(177, 159, 250, 0) 33.43%
      ),
      linear-gradient(180deg, #F7F6FF 90%, #D3FCEE 111.37%);
  }
  #hero .hero {
  background: none;
    padding: 110px 16px 20px;
  }
  #hero .safepay-upgrade {
    max-width: 100%;
    margin-right: 0px;
  }
  #hero .safepay-upgrade .describe {
    margin-bottom: 20px;
  }
  #hero .safepay-upgrade .describe p {
    font-size: 48px;
  }
  #hero .safepay-upgrade .version p {
    margin: 5px 0px;
  }
  #hero .m-img-box .hero-hard-sfp {
    max-width: 245px;
    height: auto;
    transform: translateX(68%);
  }
  #hero .m-img-box .locked {
    max-width: 116px;
    left: 10%;
    bottom: 42%;
  }
  #hero .m-img-box .clound1 {
    width: 109px;
    left: 59%;
    bottom: 29%;
  }
  #hero .m-img-box .clound2 {
    width: 70px;
    right: 7%;
    top: 0%;
  }
  #hero .search-box {
    padding: 0px 16px 41px;
    background: none;
  }
  #hero .search-box .my-input {
    width: 100%;
    margin: 0px auto;
    box-sizing: border-box;
  }
  #hero .search-box .m-search-input {
    width: calc(100% - 80px);
    background: #f7f6ff;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 28px;
    padding-left: 52px;
    border: 1px solid #88869e;
    border-radius: 40px;
    height: 27px;
    line-height: 27px;
  }
  #hero .search-box .m-search-input::placeholder {
    color: #0d0b33;
    font-size: 16px;
    line-height: 1.6;
  }
  #hero .search-box input.m-search-input {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  #hero .search-box .search-icon {
    width: 18px;
    height: 18px;
    left: 34px;
  }
  .m-img-box {
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 95px;
  }
}
/* -------------------- firmware-version ----------------------- */
#firmware-version {
  overflow: initial;
  box-sizing: border-box !important;
  background: url("../../assets/img/upgrade/icon-subtract-1.svg") no-repeat center bottom -20px,
    url("../../assets/img/upgrade/icon-subtract-4.svg") no-repeat center bottom -40px,
    url("../../assets/img/upgrade/icon-subtract-3.svg") no-repeat center bottom -60px,
    url("../../assets/img/upgrade/icon-subtract-2.svg") no-repeat center bottom 20px,
    linear-gradient(
      180.13deg,
      #4a21ef 25.5%,
      #bfffe4 45.8%,
      #7370eb 63.26%,
      #645de8 80.14%,
      #79efbd 99.56%
    );
  background-size: contain;
}

#firmware-version .firmware-version .search-box {
  padding-bottom: 0px;
}
#firmware-version .firmware-version .search-box .my-input {
  width: 784px;
  margin: auto;
}
#firmware-version .firmware-version .search-box .search-input {
  width: 100%;
  background: #f7f6ff;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-right: 128px;
  padding-left: 80px;
  border: 1px solid #88869e;
  border-radius: 140px;
  height: 60px;
  line-height: 60px;
  box-sizing: content-box;
}
#firmware-version .firmware-version .search-box .search-input:focus {
  outline-color: #79efbd;
}
#firmware-version .firmware-version .search-box .search-input::placeholder {
  color: #0d0b33;
  font-size: 16px;
  line-height: 1.6;
}
#firmware-version .firmware-version .search-box .search-btn {
  padding: 16px 24px;
  background: #79efbd;
  border-radius: 100px;
  color: #0d0b33;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  border: none;
  transition: all 0.3s;
  right: 28px;
  font-weight: 700;
}
#firmware-version .firmware-version .search-box .search-icon {
  width: 24px;
  height: 24px;
  left: 34px;
  z-index: 1;
}
#firmware-version .firmware-version .search-box .search-icon img {
  width: 100%;
  height: 100%;
  font-size: 0;
  object-fit: contain;
  vertical-align: baseline;
}
#firmware-version .firmware-version #query_result_box {
  text-align: center;
  color: #ffffff;
}

/* 改 */
#query_result_box .firmware-tips {
  max-width: 764px;
  margin: 0 auto 50px;
}
#query_result_box .firmware-tips p,
#m-query_result_box .firmware-tips p{
  color: #ffffff;
  font-size: 18px;
  line-height: 1.6;
}

#m-query_result_box .firmware-tips {
  max-width: 100%;
  margin: 0 auto 20px;
}
#m-query_result_box .firmware-tips p {
  text-align: center;
  color: #0d0b33;
}
#query_result_box .query-item {
  background: #FFFFFF;
  border-radius: 12px;
  padding: 30px 35px 35px;
  text-align: left;
  max-width: 364px;
  margin: 0px 18px;
  box-shadow: 0px 0px 12px rgb(0 0 0 / 12%);
}
#query_result_box .query-item h3.title,
#m-query_result_box .query-item h3.title {
  color: #0D0B33;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 20px;
}
#query_result_box .query-item .supported-language,
#m-query_result_box .query-item .supported-language {
  margin-bottom: 20px;
}
#query_result_box .query-item .supported-language .language-item,
#m-query_result_box .query-item .supported-language .language-item {
  display: inline-block;
  color: #0D0B33;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  padding: 4px 0px;
  padding-right: 8px;
  width: 50%;
}
#query_result_box .query-item .supported-language p.title,
#m-query_result_box .query-item .supported-language p.title {
  color: #0D0B33;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 7px;
}
#query_result_box .query-item .sha256,
#m-query_result_box .query-item .sha256 {
  margin-bottom: 28px;
  color: #0D0B33;
  font-size: 16px;
  line-height: 22px;
}
#query_result_box .download .btn_download,
#m-query_result_box .download .btn_download {
  border-radius: 100px;
  background-color: #79efbd;
  border: none;
}
#query_result_box .download .btn_download a,
#m-query_result_box .download .btn_download a {
  display: inline-block;
  color: #000000;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  padding: 8px 16px;
}
#query_result_box .download .btn_download a:hover {
  color: #000000 !important;
}
  #m-query_result_box {
    padding: 0px 16px;
  }
  /* 改 ---m*/
  #m-query_result_box .query-item {
    border-radius: 12px;
    background: #FFFFFF;
    padding: 30px 26px 35px;
    text-align: left;
    max-width: 100%;
    margin: 0px;
    margin-bottom: 20px;
  }
  #m-query_result_box .query-item:nth-last-child(1) {
    margin: 0px;
  }
  #m-query_result_box.download .btn_download {
    border-radius: 100px;
    background-color: #79efbd;
    border: none;
  }
  #m-go-back {
    margin: 30px 0px 60px;
  }
  #m-query_result_box .btn_wrap {
    display: flex;
    padding: 30px 0px 80px;
  }
  #m-query_result_box .btn_wrap .btn_normal {
    color: #0d0b33;
    font-size: 18px;
    padding: 16px 24px;
    border-radius: 100px;
    background-color: #79efbd;
    line-height: 1.6;
    border: 1px solid #79efbd;
    min-width: auto;
    width: calc((100% - 20px)/2);
  }
  #m-query_result_box .btn_wrap .btn_white {
    background-color: transparent;
    border: 1px solid #666666;
  }
  #m-query_result_box .btn_wrap .a_download {
    display: inline-block;
    width: calc((100% - 20px)/2);
  }
  #m-query_result_box .btn_wrap .btn_normal.download {
    width: 100%;
  }
  #go-back {
    margin: 60px 0px 80px;
  }
  #query_result_box .btn_wrap {
    padding: 30px 0px;
  }
 #firmware-version .firmware-version .version {
   padding-top: 107px;
   margin-bottom: 65px;
 }
 #firmware-version .firmware-version .version p {
   font-size: 18px;
   line-height: 1.6;
   color: #ffffff;
   margin: 5px 0px;
 }
 #firmware-version .firmware-version .version p.info {
  color: #FFFFFF;
  font-size: 24px;
  line-height: 1;
  font-weight: 1000;
  text-align: center;
  margin-bottom: 30px;
 }

#firmware-version .firmware-version .check-firmware {
  padding-top: 136px;
}

#query_result_box .btn_wrap .btn_normal,
#m-query_result_box .btn_normal {
  color: #0d0b33;
  font-size: 18px;
  padding: 16px 24px;
  border-radius: 100px;
  background-color: #79efbd;
  line-height: 1.6;
  border: 1px solid #79efbd;
  min-width: 160px;
  font-weight: 700;
 }
#query_result_box .btn_wrap .btn_white{
  background-color: #ffffff;
  border: 1px solid #666666;
}
#m-query_result_box .btn_white {
  background-color: transparent;
  border: 1px solid #666666;
 }
#query_result_box .btn_wrap .btn_normal a,
#m-query_result_box .btn_normal a {
   color: #0d0b33;
   display: inline-block;
 }

#firmware-version .check-firmware .title,
#firmware-version .important-tips .title {
  margin: 0px auto 60px;
  max-width: 750px;
  text-align: center;
}
#firmware-version .check-firmware h3.title-top,
#firmware-version .important-tips h3.title-top {
  font-weight: 900;
  font-size: 48px;
  line-height: 1;
  color: #ffffff;
}
#firmware-version .check-firmware .title .start-1 {
  left: -12.4%;
}
#firmware-version .check-firmware .title .start-2{
  top: 54%;
  right: -15.4%;
}
#firmware-version .important-tips .title .start-1 {
  left: -5.4%;
}
#firmware-version .important-tips .title .start-2 {
  top: 54%;
  right: -5.4%;
}
#firmware-version .bottom-guide .bottom-guide-item {
  max-width: 362px;
  box-sizing: border-box;
}
#firmware-version .bottom-guide .bottom-guide-item .top {
  margin-bottom: 200px;
  text-align: center;
}
#firmware-version .bottom-guide .bottom-guide-item .bottom-guide-1,
#firmware-version .bottom-guide .bottom-guide-item .bottom-guide-2,
#firmware-version .bottom-guide .bottom-guide-item .bottom-guide-3 {
  width: 286px;
  height: 286px;
  left: 50%;
  bottom: 0;
}
#firmware-version .bottom-guide .bottom-guide-item .bottom-guide-1 {
  margin-left: -120px;
}
#firmware-version .bottom-guide .bottom-guide-item .bottom-guide-2 {
  margin-left: -126px;
}
#firmware-version .bottom-guide .bottom-guide-item .bottom-guide-3 {
  margin-left: -140px;
}
#firmware-version .bottom-guide .bottom-guide-item .guide-line {
  bottom: 7.2%;
  right: -32%;
  z-index: 1;
}
#firmware-version .important-tips {
  display: flex;
  justify-content: center;
}
#firmware-version .important-tips-main {
  background: linear-gradient(148.81deg, #0D0B33 0%, #4B3ED3 205.3%);
  max-width: 2048px;
  flex: auto;
  border-radius: 48px;
  background-position: center;
  padding: 100px 0px;
  margin: 0 20px;
}
#firmware-version .important-tips h3.title-top {
  font-weight: 1000;
  color: #f7f6ff;
}
#firmware-version .important-tips .tips-content {
  margin-left: -15px;
  margin-right: -15px;
  padding: 0px 60px;
}
#firmware-version .important-tips .tips-content .tips-item {
  margin: 0px 15px;
  padding: 40px;
  color: #0d0b33;
  font-size: 18px;
  line-height: 1.6;
  background: #ffffff;
  border-radius: 48px;
  max-width: 524px;
}
#firmware-version .important-tips .tips-content .tips-item .important {
  color: #F7F6FF;
  padding: 4px 20px;
  background: #0D0B33;
  border-radius: 18px;
  margin-bottom: 10px;
}
#firmware-version .guide-video {
  padding-top: 160px;
  padding-bottom: 700px;
  background: url("../../assets/img/upgrade/icon-guide-video-bg-start.svg") no-repeat;
  background-position: top -46% center;
}
#firmware-version .guide-video {
  margin: 0 auto;
}
#firmware-version .guide-video-main {
  margin-left: -20px;
  margin-right: -20px;
}
#firmware-version .guide-video .guide-video-item {
  margin: 0px 20px;
  width: 100%;
}
#firmware-version .guide-video .guide-video-item .title {
  font-size: 32px;
  line-height: 1;
  font-weight: 1000;
  color: #ffffff;
  text-align: left;
  margin-bottom: 18px;
}
#firmware-version .guide-video .guide-video-item .video-box .video-js {
  border-radius: 12px;
}
#firmware-version .image-bottom .firmware-version-bottom-img {
  max-width: 437.5px;
  height: auto;
  top: -330px;
}
#firmware-version .image-bottom .clound1 {
  width: 186px;
  height: auto;
  right: -9%;
  top: -180px;
}
#firmware-version .image-bottom .clound2 {
  width: 92.3px;
  height: auto;
  right: 22%;
  top: 10px;
}
@media(max-width: 991px) {
  #firmware-version .firmware-version {
    overflow: hidden;
    padding: 0px 16px;
  }
  #firmware-version .firmware-version .check-firmware {
    padding-top: 88.7px;
  }
  #firmware-version .firmware-version .check-firmware .bottom-guide .row {
    margin: 0px;
  }
  #firmware-version .important-tips-main {
    max-width: 100%;
    margin: 0px;
    border-radius: 18px;
    padding: 0px 14px;
  }
  #firmware-version .important-tips .tips-content {
    padding: 0px;
  }
  #firmware-version .check-firmware .title,
  #firmware-version .important-tips .title {
    margin: 0px auto 50px;
    max-width: 100%;
  }
  #firmware-version .important-tips .title {
    padding: 40px 0;
    margin: 0 auto;
  }
  #firmware-version .check-firmware h3.title-top,
  #firmware-version .important-tips h3.title-top {
    font-weight: 1000;
  }
  #firmware-version .bottom-guide .bottom-guide-item {
    max-width: 100%;
    margin-top: 0;
    padding: 0px;
  }
  #firmware-version .bottom-guide .bottom-guide-item .top {
    margin-bottom:50px;
  }
  #firmware-version .bottom-guide .bottom-guide-item .bottom-guide-1,
  #firmware-version .bottom-guide .bottom-guide-item .bottom-guide-2,
  #firmware-version .bottom-guide .bottom-guide-item .bottom-guide-3 {
    /* width: 286px;
    height: 286px; */
    max-width: 100%;
    height: auto;
    left: 50%;
    bottom: 0;
  }
  #firmware-version .important-tips .tips-content .tips-item {
    padding: 30px 15px;
    max-width: 100%;
    border-radius: 18px;
    margin: 0px 15px 20px;
  }
  #firmware-version .guide-video .guide-video-item .video-box video {
    width: 100%;
  }
  #firmware-version .guide-video {
    padding-top: 100px;
    padding-bottom: 251px;
  }
  #firmware-version .guide-video {
    margin: 0px auto;
  }
  #firmware-version .guide-video-main {
    margin: 0px auto;
  }
  #firmware-version .guide-video .guide-video-item {
    margin: 0px 0px 60px;
    max-width: 100%;
  }
  #firmware-version .guide-video .guide-video-item .title {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 20px;
  }
  #firmware-version .guide-video .guide-video-item .video-box .video-js {
    border-radius: 12px;
    height: 192px;
  }
  #firmware-version .image-bottom .firmware-version-bottom-img {
    max-width: 274px;
    top: -306px;
  }
  #firmware-version .image-bottom .clound1 {
    max-width: 93px;
    right: -12%;
    top: -254px;
  }
}
/* ------------------ upgrade - steps ---------------------- */
#upgrade-steps {
  box-sizing: border-box !important;
  background: #f8f7ff;
  padding-top:240px;
}
#upgrade-steps div.title {
  max-width: 750px;
  text-align: center;
  margin: 0 auto;
  padding: 60px 0 50px;
}
#upgrade-steps .title h3 {
  font-weight: 1000;
  font-size: 48px;
  line-height: 1;
  color: #0d0b33;
}
#upgrade-steps .title .start-1 {
  top: 35%;
  left: -10.4%;
  animation: startMove 6s infinite linear;
}
#upgrade-steps .title .start-1 .start {
  animation-name: rotateme;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0px;
  left: 0px;
}
#upgrade-steps .title  .start1-point {
  right: 12px;
  top: 48px;
}
#upgrade-steps .title .start-1 .start1-point img {
  width: 6px;
  height: 6px;
  font-size: 0px;
}
#upgrade-steps .title .start-2 {
  top: 54%;
  right: -11.4%;
  animation: startMove 8s infinite cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
#upgrade-steps .title .start-2 .start {
  animation: startFadeIn 1.2s infinite cubic-bezier(0, 0, 0.2, 1);
}
#upgrade-steps .title .start-2 .start2-point {
  right: 45px;
  top: -43px;
}
#upgrade-steps .title .start-2 .start2-point img {
  width: 9px;
  height: 9px;
  font-size: 0px;
}
#upgrade-steps .setps-box {
  margin-left: -15px;
  margin-right: -15px;
}
#upgrade-steps .setps-box .setps-item {
  padding: 50px 0;
}
#upgrade-steps .setps-box .setps-item .describe-text,
#upgrade-steps .setps-box .setps-item .describe-image {
  margin: 0px 15px;
}
#upgrade-steps .setps-box .setps-item .describe-text {
  max-width: 428px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#upgrade-steps .setps-box .setps-item .describe-text .title {
  color: #0d0b33;
  font-weight: 1000;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 24px;
}
#upgrade-steps .setps-box .setps-item .describe-text .content {
  color: #0d0b33;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 20px;
}
#upgrade-steps .setps-box .setps-item .describe-text .note {
  color: #ff0000;
  font-size: 18px;
  line-height: 1.6;
}
#upgrade-steps .setps-box .setps-item .upgrade-setps-img-1 {
  left: 17%;
  top: 30%;
}
#upgrade-steps .setps-box .setps-item .upgrade-setps-img-2 {
  left: 4%;
  top: 30%;
}
#upgrade-steps .setps-box .setps-item .margin-right-100 {
  margin-right: 100px;
}
#upgrade-steps .setps-box .setps-item .upgrade-setps-img-3 {
  top: 35%;
  left: -8%;
}
@media(max-width: 991px) {
  #upgrade-steps {
    padding-top: 0px;
  }
  #upgrade-steps .upgrade-steps {
    padding: 0 16px;
  }
  #upgrade-steps div.title {
    max-width: 100%;
    padding: 50px 0 40px;
  }
  #upgrade-steps .title h3 {
    font-size: 47px;
  }
  #upgrade-steps .setps-box {
    padding: 0px;
    margin: 0px;
  }
  #upgrade-steps .setps-box .setps-item {
    padding: 0px 0px 60px;
  }
  #upgrade-steps .setps-box .setps-item .describe-text,
  #upgrade-steps .setps-box .setps-item .describe-image {
    margin: 0px;
  }
  #upgrade-steps .setps-box .setps-item .describe-image {
    margin-bottom: 30px;
  }
  #upgrade-steps .setps-box .setps-item .describe-text {
    max-width: 100%;
  }
  #upgrade-steps .setps-box .setps-item .describe-text .title {
    margin-bottom: 10px;
    line-height: 1.6;
  }
  #upgrade-steps .setps-box .setps-item .describe-text .content {
    margin-bottom: 10px;
  }
  #upgrade-steps .setps-box .setps-item .upgrade-setps-img-1 {
    width: 220px;
    height: auto;
    left: 17%;
    top: 36%;
  }
  #upgrade-steps .setps-box .setps-item .upgrade-setps-img-2 {
    width: 331px;
    height: auto;
  }
  #upgrade-steps .setps-box .setps-item .margin-right-100 {
    margin-right: 0px;
  }
  #upgrade-steps .setps-box .setps-item .upgrade-setps-img-3 {
    width: 322px;
    height: auto;
    left: 0%;
  }
}
/* ---------------- question ----------------- */
#question {
  box-sizing: border-box !important;
  background: #f8f7ff;
}
#question .question {
  padding-top: 200px;
}
#question .question-item {
  max-width: 635px;
  color: #0d0b33;
  margin-bottom: 150px;
}
#question .question-item .title-top h3 {
  font-size: 32px;
  line-height: 1;
  font-weight: 1000;
  margin-bottom: 30px;
  text-align: left;
}
#question .question-item .start1 {
  width: 46px;
  height: 46px;
  font-size: 0px;
  top: -1%;
  left: -11.4%;
}
#question .question-item .start1-point {
  left: -14%;
  top: 38%;
  width: 6px;
  height: 6px;
  font-size: 0px;
}
#question .question-item .start2 {
  width: 34px;
  height: 34px;
  font-size: 0px;
  top: 28%;
  right: -13.4%;
}
#question .question-item .start2-point {
  width: 9px;
  height: 9px;
  font-size: 0px;
  right: -6%;
  top: 9%;
}
#question .question-item .text-bottom .sub-title h3 {
  font-weight: 600;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 22px;
}
#question .question-item .text-bottom .describe p {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 20px;
}
@media(max-width: 991px) {
  #question .question {
    padding: 130px 16px 0px;
  }
  #question .question-item {
    max-width: 100%;
    margin-bottom: 60px;
  }
  #question .question-item .title-top h3 {
    margin-bottom: 20px;
  }
  #question .question-item .text-bottom .sub-title h3 {
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 25px;
  }
}
/* --------------------------- */
.start-soar-footer {
  box-sizing: border-box !important;
  background: linear-gradient(177.67deg, #F7F6FF 4.11%, #BFFFE4 30.23%, #4A21EF 100%);
}
.start-soar-footer .bottom {
  background: 
      linear-gradient(
        109.75deg,
        rgba(117, 84, 252, 0) 35.1%,
        rgba(117, 84, 252, 0.2) 99.39%
      ),
      linear-gradient(162.15deg, rgba(13, 11, 51, 0) 1.61%, #0d0b33 71.13%),
      #4a21ef;
}
.start-soar-footer .bottom-main {
  background: url(../../assets/img/crypto-stripe1.svg) no-repeat top 0% left 17%,
    url(../../assets/img/one-wallet-footer-bg.svg) no-repeat bottom/auto 100%,
    url(../../assets/img/crypto-stripe1.svg) no-repeat bottom 42% right 8%;
  animation: starFooter 5s ease-in infinite;
}
@media (min-width: 991px){
  @keyframes starFooter {
    0% {
      background: 
      url(../../assets/img/crypto-stripe1.svg) no-repeat top 0% left 17%,
      url(../../assets/img/one-wallet-footer-bg.svg) no-repeat bottom/auto 100%,
      url(../../assets/img/crypto-stripe1.svg) no-repeat bottom 42% right 8%;
    }
    50% {
      background: 
      url(../../assets/img/crypto-stripe1.svg) no-repeat top 0% left 17%,
      url(../../assets/img/one-wallet-footer-bg2.svg) no-repeat bottom/auto 100%,
      url(../../assets/img/crypto-stripe1.svg) no-repeat bottom 42% right 8%;
    }
    100% {
      background: 
      url(../../assets/img/crypto-stripe1.svg) no-repeat top 0% left 17%,
      url(../../assets/img/one-wallet-footer-bg.svg) no-repeat bottom/auto 100%,
      url(../../assets/img/crypto-stripe1.svg) no-repeat bottom 42% right 8%;
    }
  } 
}

.start-soar-footer .top .visit-help-center {
  max-width: 635px;
  font-size: 18px;
  line-height: 22px;
  margin: 0 auto;
  padding-bottom: 180px;
}
.start-soar-footer .top .visit-help-center .left {
  color: #0D0B33;
}
.start-soar-footer .top .visit-help-center .right a {
  display: inline-block;
  color: #4A21EF;
}
/* -----------------------start-soar-------------------------- */
#start-soar {
  
}
#start-soar .start-soar {
  text-align: center;
  max-width: 800px;
  margin: 0px auto;
  padding: 180px 0 90px;
}
#start-soar .start-soar .sfp-logo .logo-box {
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
#start-soar .start-soar .title {
  margin-bottom: 48px;
}
#start-soar .start-soar .text {
  margin: 0px 50px 50px;
}
#start-soar .start-soar .text p {
  color: #f7f6ff;
  font-size: 18px;
  line-height: 1.6;
}
#start-soar .start-soar .title h3 {
  color: #ffffff;
  font-weight: 1000;
  font-size: 80px;
  line-height: 1;
  text-align: center;
}
#start-soar .start-soar .download .set-off-btn {
  animation-duration: 4s;
  animation-iteration-count: infinite;
  background: linear-gradient(
    183.08deg,
    rgba(191, 255, 228, 0.2) 43.82%,
    rgba(191, 255, 228, 0) 111.17%
  );
  border-radius: 100px;
  padding: 10px;
}
#start-soar .start-soar .download .downloads-btn {
  animation-duration: 4s;
  animation-iteration-count: infinite;
  color: #0d0b33;
  font-size: 18px;
  padding: 16px 24px;
  border-radius: 100px;
  background-color: #79efbd;
  line-height: 1.6;
  border: none;
}
#start-soar .start-soar .download .btn-press .press-btn {
  line-height: 1.6;
  border: none;
  font-size: 18px;
  padding: 16px 24px;
  border-radius: 100px;
  color: #f7f6ff;
  border: 1px solid #ffffff;
  background: transparent;
  margin-left: 30px;
}
#footer {
  background: none !important;
}
@media (max-width: 991px) {
  .start-soar-footer .bottom {
    background: url(../../assets/img/crypto-stripe1.svg) no-repeat top 0% left 17%,
    url(../../assets/img/one-wallet-footer-bg-m.svg) no-repeat bottom,
    url(../../assets/img/crypto-stripe1.svg) no-repeat bottom 42% right 8%,
    linear-gradient(
      109.75deg,
      rgba(117, 84, 252, 0) 35.1%,
      rgba(117, 84, 252, 0.2) 99.39%
    ),
    linear-gradient(162.15deg, rgba(13, 11, 51, 0) 1.61%, #0d0b33 71.13%),
    #4a21ef;
    background-position: top left, bottom, bottom right 320%, center;
  }
  .start-soar-footer .top .visit-help-center {
    max-width: 100%;
    padding-bottom: 140px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .start-soar-footer .top .visit-help-center .left {
    margin-bottom: 20px;
    text-align: center;
  }
  #start-soar .start-soar {
    max-width: 100%;
    padding: 80px 16px 90px;
  }
  #start-soar .start-soar .title h3 {
    font-weight: 1000;
    font-size: 48px;
  }
}

#hero .img-box .hero-hard-sfp-x1 {
  position: relative;
  z-index: 1;
}
#hero .img-box .locked-x1 {
  bottom: -14%;
  left: -83%;
}
#hero .img-box .clound1-x1 {
  left: -28%;
}
#hero .img-box .clound2-x1 {
  bottom: -5%;
}
#hero .img-box .clound5-x1 {
  max-width: 200px;
  left: 62%;
  bottom: 16%;
  pointer-events: none;
}
#firmware-version .firmware-version .check-firmware-x1 {
  margin-bottom: 108px;
}
#firmware-version .firmware-version .check-firmware-x1 img.view-device-sn{
  width: 100%;
  max-width: 1200px;
  height: auto;
}
#firmware-version .important-tips-x1 {
  padding-top: 160px;
  padding-bottom: 800px;
}
#firmware-version .image-bottom .firmware-x1-version-bottom-img {
  max-width: 437.5px;
  height: auto;
  top: -640px;
}
#firmware-version .image-bottom .clound1-x1 {
  width: 186px;
  height: auto;
  right: 4%;
  top: -458px;
}
#firmware-version .image-bottom .clound2-x1 {
  width: 92.3px;
  height: auto;
  right: 22%;
  top: -320px;
}
#upgrade-steps.upgrade-steps-x1 {
  box-sizing: border-box !important;
  background: #f8f7ff;
  padding-top:80px;
}
#upgrade-steps .setps-box .setps-item .upgrade-setps-img-3-x1 {
  top: 35%;
  left: -8%;
  max-width: 510px;
}
#upgrade-steps .setps-box .setps-item .upgrade-setps-x1-2 {
  max-width: 690px;
}
@media (max-width: 991px) {
  #hero .m-img-box .hero-hard-sfp-x1-m {
    max-width: 170px;
    height: auto;
    transform: translateX(100%);
  }
  #firmware-version .important-tips-x1 {
    padding-top: 20px;
    padding-bottom: 320px;
  }
  #firmware-version .firmware-version .check-firmware-x1 img.view-device-sn{
    max-width: 100%;
    height: auto;
  }
  #upgrade-steps .setps-box .setps-item .upgrade-setps-img-3-x1 {
    top: 35%;
    left: 0%;
    max-width: 322px;
    width: 100%;
    height: auto;
  }
  #upgrade-steps .setps-box .setps-item .upgrade-setps-x1-2 {
    max-width: 100%;
    height: auto;
  }
  #firmware-version .image-bottom .firmware-x1-version-bottom-img {
    max-width: 274px;
    top: -306px;
  }
  #firmware-version .image-bottom .clound1-x1 {
    width: 92.3px;
    height: auto;
    right: -13%;
    top: -260px;
  }
}