section.steps{
  padding: 128px 0;
}

section.steps h2{
  font-size: 36px;
  font-family: "SST";
  color: rgb(71, 184, 210);
  line-height: 1.223;
  text-align: center;
  font-weight: lighter;
}
section.steps .steps_content{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 12px;
  margin: 48px 0;
}
section.steps .steps_content .steps-box{
  background: #ececec;
  padding: 40px;
  width: 100%;
  max-width: 32%;
  text-align: center;
}
section.steps .steps_content .steps-box h3 {
  font-size: 28px;
  font-family: "SST";
  color: rgb(2, 57, 112);
  line-height: 1.247;
}
section.steps .steps_content .steps-box hr {
  border: 1px solid rgb(136, 136, 136);
  margin: 16px 0;
}
section.steps .steps_content .steps-box img{
  margin: 16px 0;
  width: 100%;
  max-width: 170px;
}
section.steps .steps_content .steps-box p {
  font-size: 22px;
  font-family: "SST";
  color: rgb(136, 136, 136);
  line-height: 1.138;
}


section.steps p.subtitle {
  font-size: 22px;
  font-family: "SST";
  color: rgb(131, 131, 131);
  line-height: 1.2;
  text-align: center;
}


/* Section test remember */
section.test_remember{
  padding: 80px 0 188px;
}
section.test_remember h2{
  font-size: 36px;
  color: rgb(2, 57, 112);
  font-family: 'SST bold';
  line-height: 1.069;
}

section.test_remember span.content-text{
  display: flex;
  gap: 24px;
  margin: 24px 0 0;
}

section.test_remember span.content-text p{
  font-size: 22px;
  font-family: "SST";
  color: rgb(128, 128, 128);
  line-height: 1.238;
  text-align: left;
  width: 48%;
}


/* section help */


section.test_help{
  background: var(--color-primary);
  padding: 80px 0;
}
section.test_help .content{
  display: flex;
  justify-content: space-between;
  position: relative;
}
section.test_help .help-text{
  width: 100%;
  max-width: 350px;
}
section.test_help .help-text h2 {
  font-size: 36px;
  font-family: "SST";
  color: rgb(255, 255, 255);
  line-height: 1.209;
  font-weight: lighter;
  margin: 0 0 24px;
}
section.test_help .help-text h2 strong{
  font-family: 'SST bold';
}
section.test_help .help-text button {
  background-color: var(--blue-primary);
  padding: 12px 28px;
  color: #fff;
  font-size: 22px;
  font-family: "SST";
  color: rgb(255, 255, 255);
  line-height: 1.176;
  text-align: center;
  border: none;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
}
section.test_help .help-banner{
  width: 100%;
  max-width: 543px;
  position: absolute;
  right: 0;
  bottom: 0;
}
section.test_help .help-banner img{
  width: 100%;
}

/* section refer */
section.test_refer{
  padding: 64px 0;
}
section.test_refer p{
  font-size: 18px;
  font-family: "SST";
  color: rgb(133, 133, 133);
  line-height: 1.385;
  text-align: left;
}

@media (max-width:980px){
  section.test_help{
    padding: 0 0 80px;
  }
  section.test_help .content{
    flex-direction: column-reverse;
  }
  section.test_help .help-banner{
    position: relative;
    margin: -110px auto 0;
  }
  section.test_help .help-text{
    max-width: 615px;
    margin: 24px auto 0;
  }
}

@media (max-width:768px){
  section.steps{padding: 64px 0;}
  section.steps h2{
    font-size: 36px;
  }
  section.steps .steps_content .steps-box{
    max-width: 500px;
    margin: 0 auto;
  }
  section.test_remember span.content-text{
    flex-direction: column;
  }
  section.test_remember span.content-text p{
    width: 100%;
  }
  section.test_help .help-text h2{
    font-size: 32px;
  }
  section.test_remember h2{
    font-size: 36px
  }
  section.steps .steps_content .steps-box h3{
    font-size: 28px;
  }
}

#sendResult:disabled{
  opacity: .65;
  pointer-events: none;
}