form.feedback fieldset:first-child ul, 
form.info-sheet ul,
form.notice ul {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	gap: 32px;
	align-self: stretch;
}
form li > ol {
	display: flex;
	flex-flow: column wrap;
	row-gap: 16px;
	align-items: flex-start;
	margin-top: 16px;
}
form ol div {
	display: flex;
	column-gap: 32px;
	row-gap: 16px;
	flex-flow: row wrap;
	width: 100%;
}
form.info-sheet ul {
	width: 1280px;
	row-gap: 16px;
	align-items: flex-end;
}
form.info-sheet fieldset > ul {
	margin-bottom: 32px;
}
form.info-sheet ul ul li,
form ol > li {
	padding-bottom: 0;
}

form.feedback fieldset:first-child li, 
form.info-sheet fieldset.personal-info li {
	display: flex;
	flex-flow: column wrap;
}
form.feedback fieldset:first-child input,
form.feedback fieldset:first-child select {
	width: 320px;
}
fieldset.rating li {
	display: flex;
	flex-flow: row wrap;
}
fieldset.rating li > p {
	width: 100%;
	text-align: center;
}
fieldset.rating li > div {
	width: 33%;
	text-align: center;
}
fieldset.rating li > div:first-of-type {
	text-align: right;
}
fieldset.rating li > div:last-of-type {
	text-align: left;
}

.rate {
	display: flex;
	flex-flow: row wrap;
	gap: 32px;
	justify-content: center;
	text-align: center;
}
fieldset.client-reasons ul {
	align-items: flex-start;
}
fieldset.client-reasons li label,
form.assessment-test li > label {
	font-size: 16px;
	font-weight: 400;
	display: flex;
	flex-flow: row wrap;
	gap: 16px;
}
fieldset.client-reasons li label span {
	text-wrap: wrap;
	width: 85%;
}
li.others input[type=text] {
	margin-left: 40px;
}
li.radio {
	width: 100%;
}
li.radio > label {
	font-size: 16px;
	font-weight: 400;
	display: flex;
	flex-flow: row nowrap;
	gap: 16px;
	margin-bottom: 16px;
}
li.radio > ul {
	margin: 8px 0 16px 40px;
}

li.add-delete {
	display: flex;
	justify-content: flex-end;
}
ul + label, ul + ul {
	margin-top: 16px;
}
li.conforme label {
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	display: flex;
	flex-flow: row nowrap;
	gap: 16px;
}
li.conforme > ul,
li.conforme > p {
	margin: 16px 0 0 40px;
}
li.conforme > ul {
	gap: 16px;
}
.policy {
	margin: 32px 0 ;
}

.instruction {
	color: #5D7192;
	font-weight: 700;
}
fieldset.fees > ul {
	column-gap: 32px;
	row-gap: 16px;
	align-items: flex-start;
}
fieldset.fees > ul ul {
	display: flex;
	flex-flow: column wrap;
	align-items: flex-start;
	gap: 16px;
}
fieldset.fees > ul ul li {
	padding-bottom: 0;
}
#noSuicideContract ul {
	list-style: disc;
	margin: 0 0 32px 16px;
	gap: 16px;
}
#noSuicideContract ul li {
	padding-bottom: 0;
}
ul.signature {
	margin-top: 64px;
	list-style: none !important;
}
ul.signature input {
	height: 64px;
	border: none;
	border-bottom: 1px solid #C3C3C3;
}


form .accordion {
  cursor: pointer;
  padding: 8px 16px;
  margin-bottom: 0;
  width: 100%;
  text-align: left;
  border: none;
  border-bottom: 1px solid #BEC6D3;
  outline: none;
  transition: 0.4s;
}
.active, .accordion:hover {
  background: #E7F8F7;
}
form .accordion:after {
  content: url(../img/icon_arrow_down.svg);
  font-size: 24px;
  color: #777;
  float: right;
  margin-left: 5px;
}
form .accordion.active:after {
  content: url(../img/icon_arrow_up.svg);
}

form .panel {
  padding:0 16px;
  margin: 16px 0 32px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}


.btn-nav {
	min-width: 160px;
	text-align: center;
	padding: 12px 32px;
}
.prev {
	color: #0e9594;
	border: 1px solid #0e9594;
	background-color: #ffffff;
}
.prev:hover {
	color: #0e9594;
	background-color: #E7F8F7;
	border: 1px solid #0A918A;
}
.disabled, .disabled:hover {
	border: 1px solid #BEC6D3;
	color: #BEC6D3;
	background: #fff;
	cursor: default;
}

.d-none {
	display: none !important;
}

.form-navigation {
	display: flex;
	padding-top: 32px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-top: 1px solid #BEC6D3;
}

.form-step {
	padding: 32px 0;
	display: flex;
	gap: 16px;
	flex-flow: column wrap;
}
.form-step .container {
	display: flex;
	padding: 32px 0;
	align-items: flex-start;
	align-content: flex-start;
	gap: 32px;
	flex-flow: column wrap;
}
ul.form-steps {
	counter-reset: section;
	margin: 0;
	padding: 0;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: center;
	width: 92vw;
}
ul.form-steps .form-step-circle {
	position: relative;
}
ul.form-steps .form-step-circle span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

ul.form-steps > li:not(:last-of-type) {
	margin-bottom: 0.625rem;
	-webkit-transition: margin-bottom 0.4s;
	-o-transition: margin-bottom 0.4s;
	transition: margin-bottom 0.4s;
}
ul.form-steps li {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	font-weight: 700;
	font-family: 'Poppins', Helvetica, Arial, sans-serif;

}
ul.form-steps li:not(:last-child):after {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 4px;
	content: "";
	top: 32%;
}
ul.form-steps li:after {
	background-color: #EFF1F4;
}
ul.form-steps li.form-step-active:after,
ul.form-steps li.form-step-completed:after {
	background-color: #0CB5AC;
}
ul.form-steps li:last-child {
	flex: unset;
}
ul.form-steps li a .form-step-circle {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 0;
	line-height: 1.7rem;
	text-align: center;
	background: #EFF1F4;
	border-radius: 50%;
}
.form-steps .form-step-active .form-step-circle {
	background-color: #0CB5AC !important;
	color: #fff;
}
.form-steps .form-step-active .form-step-circle:hover {
	background-color: #0A918A !important;
	color: #fff !important;
}
.form-steps .form-step-unfinished .form-step-circle {
	background-color: #EFF1F4;
}
.form-steps .form-step-completed .form-step-circle {
	background-color: #0CB5AC !important;
	color: #fff;
}
.form-steps .form-step-completed .form-step-circle:hover {
	background-color: #0A918A !important;
	color: #fff !important;
}
.form-steps .form-step-active span.text-muted {
	color: #fff !important;
}
.form-steps .form-step-completed span.text-muted {
	color: #fff !important;
}
.form-steps a {
	cursor: default;
	text-decoration: none;
}





@media only screen and (min-width: 768px) {
	input.mid, select.mid, textarea.mid {
		width: 544px;
	}
	input.short, select.short, textarea.short {
		width: 352px;
	}
	input.long, textarea.long {
		width: 1120px;
	} 
	input.long2 {
		width: 1160px;
	}
	fieldset.client-reasons li {
		width: 30%;
	}
	fieldset.client-reasons li.others {
		width: 100%;
	}
	fieldset.fees > ul {
		width: 1280px;
	}
	fieldset.fees > ul > li {
		width: 400px;
	}
	fieldset.fees select {
		max-width: 360px;
		margin: 8px 0 0 40px;
	}
	ul.form-steps {
		width: 100%;
	}
}
@media only screen and (min-width: 1350px) {
	.form-step .container {
		flex-flow: row wrap;
	}
}