.onboarding-header-subtitle {

  font-size: 20px;

  line-height: 150%;

  text-align: center;

}



.onboarding-header-subtitle .text-b {

  font-weight: 700;

  font-size: 24px;

}



.onboarding-content-otp {

  border-bottom: 2px dashed #bdbdbd;

  max-width: 683px;

  padding-bottom: 50px;

  margin-bottom: 37px;

}



.otp-input {

  display: flex;

  gap: 15px;

  justify-content: center;

  margin-bottom: 21px;

}



.otp-input input {

  width: 55px;

  height: 66px;

  font-size: 36px;

  text-align: center;

  border: 1px solid #788b9d;

  border-radius: 20px;

  transition: border-color 0.2s ease, box-shadow 0.2s ease;

  color: #788b9d;

}



.otp-input input:focus {

  border-color: #007bff;

  outline: none;

  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);

}



.onboarding-content-otp .onboarding-submit {

  max-width: 309px;

  padding: 0;

}



.onboarding-content-otp .onboarding-submit .btn-apply {

  padding: 15px 41px;

  margin-bottom: 0px;



  font-size: 20px;

  line-height: 139%;

}



.onboarding-content-resend {

  max-width: 461px;

}



.resend-title {

  font-weight: 700;

  margin-bottom: 20px;

}



.resend-list {

  text-align: left;

  border-bottom: 2px dashed #bdbdbd;

  padding-bottom: 20px;

  margin-bottom: 20px;

  padding-left: 30px;

  padding-right: 0;

}



.form-group-resend {

  position: relative;

  line-height: 77%;

  margin: 10px 0 20px;

}



.form-group-resend label {

  position: absolute;

  top: 0px;

  left: 38px;

  padding: 0 5px;

  background-color: #fff;

  transform: translate(-50%, -50%);

  margin: 0;



  font-size: 14px;

  color: #999;

}



.form-group-resend input {

  font-size: 18px;

  color: #555763;

}



.onboarding-content-resend .onboarding-submit .btn-apply {

  max-width: 216px;

  padding: 13px 0px;

  background: #5ab9e5;

  border: 1px solid #fff;

  color: #fff;

}



.onboarding-content-resend .onboarding-submit .btn-apply:hover {

  background: #fff;

  border: 1px solid #5ab9e5;

  color: #5ab9e5;

}



@media (max-width: 576px) {

  .otp-input {

    gap: 10px;

  }



  .otp-input input {

    width: 40px;

    height: 51px;

    font-size: 24px;

  }

}

