:root {
	--primary-color: #255c98;
    --btn-primary-color: #249957;
	--btn-secondary-color: #ff7f00;
	/* --main-grey-color: #e7e7e7; */
	--main-grey-color: #c6e7fa;
	--btn-grey-color: #cccccc;
}
.mt3 {margin-top: 3rem;}
.mb1 {margin-bottom: 1rem;}
.mb3 {margin-bottom: 3rem;}
.mb5 {margin-bottom: 5rem;}
.ml3 {margin-left: 3rem;}
.mr3 {margin-right: 3rem;}
.txt-center {text-align: center;}
#form__contact {
	/* padding: 6rem 0; */
	padding: 3rem 0 0 0;
}
#form-input, #form-confirm {
	margin: 0 auto;
	max-width: 65rem;
	width: 98%;
}
#form-confirm {display: none;}
.form-input-content, .form-confirm-content {
	background-color: white;
}
.form-input-content {padding: 0 0 3rem;}
.form-confirm-content {
	padding: 3rem;
}
.input-field {
	display: flex;
}
.input-header {
	align-items: center;
	background-color: var(--main-grey-color);
	/* border: 1px solid #ddd; */
	border: 1px solid #fff;
	/* color: #555; */
	color: #1e648d;
	display: flex;
	font-weight: 700;
	justify-content: space-between;
	padding: 1.5rem;
}
.input-content {
	border: 1px solid #ddd;
	padding: 1.5rem;
}
input[type=text].input-ui, input[type=text].input-ui-short, .input-ui-textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: .5rem;
	width: 100%;
}
input[type=text].input-ui-short {
	width: 5rem;
}
.input-ui-select {
	padding: .5rem;
	width: 50%;
}
.label-require, .label-option {
	padding: .5rem;
	font-size: .9rem;
}
.label-require{
	color: red;
}
.label-require:before,.label-option:before {
	content: '['
}
.label-require:after,.label-option::after {
	content: ']';
}
.label-option{color: #777;}
.error-message {
    color: #ff0000;
	padding: 1rem 0;
}

.confirm-row {
	border-bottom: 2px solid var(--main-grey-color);
	padding: 2rem 1rem;
}
.p-country-name{display:none;}
.confirm-header {color: var(--primary-color); font-weight: 700;}
.confirm-content.body {
	white-space: pre-wrap;
}
.buttons {
	display: flex;
	justify-content: space-around;
	margin: 6rem auto 0;
}
.btn {
	background-color: var(--btn-primary-color);
	border-radius: 6px;
	color: white;
	cursor: pointer;
	display: block;
	font-size: 1.2rem;
	margin: 3rem auto;
	padding: 1rem;
	transition: all .2s ease-out;
	min-width: 16rem;
}
.btn:hover {background-color: var(--btn-secondary-color);}
.btn:disabled {background-color: #aaa;cursor:not-allowed;}
.btn.btn-border {
	background-color: white;
	border: 2px solid var(--btn-grey-color);
	color: var(--btn-grey-color);
	transition: all .1s ease-in;
}
.btn-border:hover {
	background-color: var(--btn-grey-color);
	color: white;
}
.buttons {
	display: flex;
	justify-content: space-around;
}
@media screen and (max-width: 768px) {
	.buttons {
		flex-direction: column;
	}
}