.subtext {
  text-align: left;
  font-size: 15px;
  line-height: 1.5;
}

.subtext font{
  text-align: left;
  font-size: 15px;
  line-height: 1.5;
}


.subtext font {
  text-decoration: underline;
  font-weight: bold;
}

@media all and (max-width: 780px) {
	.radio_button {
  margin-bottom: 20px;
  position: relative;
}

.radio_button label {
 
  padding-left: 25px;
}

.radio_button input {
  position: absolute;
  top: calc(50% - 7px);
  left: 0;
}
	
}



/* Inline таблица стилей #6 | https://ippo.kiev.ua/tranketa/emocijnij-intelekt-rozvitok-i-znacenna-1180 */

.ust {
  font-weight: bold;
  padding-bottom: 20px;
}

.usred {
  padding-top: 20px;
}

.usred a {
  text-decoration: underline;
}

.usinf::before {
  display: block;
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: #4267b2;
  top: 0;
  left: -15px;
  content: '';
}

.usinf {
  position: relative;
  line-height: 1.8;
}

#errormsg {
  margin-top: 30px;
}

.form-label.rd-input-label.not-empty {
opacity: 1;
top: -6px;
font-size: 15px;
left: 0;
padding-left: 0px;
font-weight: normal;
}

.form-label.rd-input-label.focus {
opacity: 1;
top: -6px;
font-size: 15px;
left: 0;
padding-left: 0px;
font-weight: normal;
}
.form-wrap + * {
  margin-top: 28px;
}
/* плаваючий підпис (.focus/.not-empty) стоїть на ~17px вище поля: першому полю анкети
   після заголовка «Заповніть анкету» потрібен запас, інакше підпис налазить на заголовок */
#regform > .form-wrap:first-child {
  margin-top: 32px;
}

/* поля анкети: помітна рамка (правка власника 2026-09-09), фокус - у кольорі кнопки оплати */
#regform .form-input {
  border: 1px solid #cfd4dc !important; /* тема задає рамку/радіус жорстко - перебиваємо */
  border-radius: 6px !important;
  background: transparent !important; /* фон поля = фон сторінки: підпис на рамці не лишає «латки» */
  transition: border-color .2s ease, opacity .35s ease;
}
#regform .form-input:focus,
#regform .form-wrap.has-focus .form-input {
  border-color: #03B450 !important;
  box-shadow: 0 0 0 3px rgba(3,180,80,.12);
}
#regform .form-wrap.has-error .form-input {
  border-color: #f5543f;
}

/* підписи полів анкети як у Material/Google: сидять НА рамці, розриваючи її (фон = фон сторінки #f9f9f9) */
#regform .form-label.rd-input-label.focus,
#regform .form-label.rd-input-label.not-empty {
  top: 0;
  left: 12px;
  right: auto;
  transform: translateY(-50%);
  padding: 0 6px;
  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
  color: #666;
  background: #f9f9f9;
  border-radius: 4px;
  z-index: 10;
}
#regform .form-wrap.has-focus .form-label.rd-input-label,
#regform .form-input:focus + .form-label.rd-input-label {
  color: #03963f;
}
#regform .form-wrap.has-error .form-label.rd-input-label {
  color: #f5543f;
}
/* рамка поля почалась з підпису - перший відступ анкети можна зменшити */
#regform > .form-wrap:first-child {
  margin-top: 24px;
}