.onboarding-content-form {

  margin-top: 50px;

}



.form-block {

  display: flex;

  flex-wrap: wrap;

  gap: 30px;

  padding: 0 15px;

  margin-bottom: 50px;

}



.form-block > .col-6 {

  width: calc(50% - 15px);

}



.form-block h3 {

  font-weight: 700;

  font-size: 24px;

  letter-spacing: normal;

}



.form-block p {

  margin-bottom: 0;

}



.form-check-control {

  border: 2px solid #fff;

  border-radius: 20px;

  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);

  text-align: left;

  height: 100%;

}



.form-check-control:has(.form-check-input:checked) {

  border: 2px solid #58b9e5;

}



.form-check-control input[type="radio"] {

  display: none;

}



.form-check-control label {

  cursor: pointer;

  position: relative;

  width: 100%;

}



.form-check-control label::before {

  content: "";

  position: absolute;

  left: 20px;

  top: 44px;

  width: 19px;

  height: 19px;

  border-radius: 50%;



  border: 2px solid #d0d2db;

  background-color: #fff;

}



.form-check-control input[type="radio"]:checked + label {

  color: #4a4a4a;

}



.form-check-control input[type="radio"]:checked + label::before {

  background-color: #fff;

  background: url(./img/checked.svg) no-repeat;

  border: none;

}



.form-check-label-box {

  padding: 40px 20px 40px 60px;

}



.onboarding-content-form .onboarding-submit {

  max-width: 274px;

  padding: 0;

}



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

  padding: 14px 3px;

  margin-bottom: 15px;

}



@media (max-width: 992px) {

  .form-block > .col-6 {

    width: 100%;

  }

}



@media (max-width: 768px) {

  .form-block {

    gap: 15px;

  }

  .form-check-label-box {

    padding: 20px 20px 20px 50px;

  }

  .form-check-control label::before {

    top: 24px;

  }

}