@charset "utf-8";
/* CSS Document */

/* 01 = FORM STYLES
---------------------------------------------------------- */

.slate-form {
	background-color: #ffffff;
	color: #5F6A72;
	font-family: Inter, system-ui, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	padding: 2rem;
	border-radius: 8px;
	max-width: 600px;
	margin: 0 auto;
}

.slate-form label {
	display: block;
	color: #000000;
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 8px 0;
}

.form_label {
	margin-bottom: -7px;
}
		
.slate-form input {
	width: 100%;
	background-color: #ffffff;
	color: #5F6A72;
	border: 1px solid #5F6A72;
	border-radius: 4px;
	padding: 12px;
	margin: 8px 0;
	font-family: inherit;
	font-size: inherit;
	transition: border-color 0.3s, box-shadow 0.3s;
}

.slate-form textarea {
	width: 100%;
	background-color: #ffffff;
	color: #5F6A72;
	border: 1px solid #5F6A72;
	border-radius: 4px;
	padding: 12px;
	margin: 8px 0;
	font-family: inherit;
	font-size: inherit;
	transition: border-color 0.3s, box-shadow 0.3s;
	min-height: 120px;
	resize: vertical;
}

.slate-form select {
	width: 100%;
	background-color: #ffffff;
	color: #5F6A72;
	border: 1px solid #5F6A72;
	border-radius: 4px;
	padding: 12px;
	margin: 8px 0;
	font-family: inherit;
	font-size: inherit;
	transition: border-color 0.3s, box-shadow 0.3s;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%23ffcf98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	padding-right: 2.5rem;
}

.slate-form input:focus {
  border-color: #5F6A72;
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 207, 152, 0.25);
}

.slate-form textarea:focus {
  border-color: #5F6A72;
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 207, 152, 0.25);
}

.slate-form select:focus {
  border-color: #5F6A72;
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 207, 152, 0.25);
}

.slate-form fieldset {
	background-color: transparent;
}
		
.action button {
	background-color: #9E1B32;
	color: #ffffff;
	border: 1px solid #5F6A72;
	border-radius: 4px;
	padding: 10px 16px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.action button:hover {
	background-color: #3a3a4a;
}

/* Mobile Phone Number Fields - Some mobile phone fields have different IDs
---------------------------------------------------------- */

.slate-form .form_question_21afd8f5-25c9-402b-9067-95dfdff0a803 {
	margin-left: 10px;
}

.slate-form .form_question_fe04f61e-a7f1-4529-a5f6-3b7a039bb37f {
	margin-left: 10px;
}

/* End Mobile Phone Number Fields
---------------------------------------------------------- */

.slate-form #form_cfc9cbae-b517-47ee-af87-99e790e88a79_country {
 	margin-bottom: 13px; 
}
		
.slate-form #form_cfc9cbae-b517-47ee-af87-99e790e88a79_city {
 	margin-bottom: 13px;
	padding-left: 5px;
}
		
.slate-form #form_cfc9cbae-b517-47ee-af87-99e790e88a79_region {
	margin-bottom: 12px;
	padding-left: 5px;
}
		
.slate-form #form_cfc9cbae-b517-47ee-af87-99e790e88a79_postal {
	padding-left: 5px;
}

/* By providing your number, you consent to receive notifications from UA Online. Reply STOP to unsubscribe. Msg & Data rates may apply. All forms
---------------------------------------------------------- */

.slate-form #form_question_34ea1cd9-837e-4974-a75c-50ed56e8d0ba {
	font-size: 13px;
	padding-bottom: 3px;
	line-height: 1.61;
	width: 93%;
}

.slate-form #form_question_13fc3f7f-f795-417f-bd26-b1369217e928 {
	font-size: 13px;
	padding-bottom: 3px;
	line-height: 1.61;
	width: 93%;
}

.slate-form #form_question_a8752f74-083e-47df-a0e5-32466f8a6b7a {
	font-size: 13px;
	padding-bottom: 3px;
	line-height: 1.61;
	width: 93%;
}

.slate-form #form_question_4cfc6ec2-f033-4a2e-a415-7b4e670be5c7 {
	font-size: 13px;
	padding-bottom: 3px;
	line-height: 1.61;
	width: 93%;
}

.slate-form #form_question_a5b160db-e25b-4404-98a3-b7eb95f235d9 {
	font-size: 13px;
	padding-bottom: 3px;
	line-height: 1.61;
	width: 93%;
}

.slate-form #form_question_8f64a997-b49d-443e-9356-2790e6fcc8f9 {
	font-size: 13px;
	padding-bottom: 3px;
	line-height: 1.61;
	width: 93%;
}

.slate-form #form_question_e39a6538-5113-4154-b380-840578ce7e51 {
	font-size: 13px;
	padding-bottom: 3px;
	line-height: 1.61;
	width: 93%;
}

/* End By providing your number, you consent to receive notifications from UA Online. Reply STOP to unsubscribe. Msg & Data rates may apply. All forms
---------------------------------------------------------- */

/* Form Elements Specific to Slate Form Called Master Conditional Inquiry Form - /get-distance-degree-nclt/
---------------------------------------------------------- */

.slate-form #form_21e890ac-d116-4050-a0d2-0688d500df23_country {
 	margin-bottom: 13px;
}
		
.slate-form #form_21e890ac-d116-4050-a0d2-0688d500df23_city {
 	margin-bottom: 13px;
	padding-left: 5px;
}
		
.slate-form #form_21e890ac-d116-4050-a0d2-0688d500df23_region {
	margin-bottom: 12px;
	padding-left: 5px;
}
		
.slate-form #form_21e890ac-d116-4050-a0d2-0688d500df23_postal {
	padding-left: 5px;
}

/* End Form Elements Specific to Slate Form Called Master Conditional Inquiry Form - /get-distance-degree-nclt/
---------------------------------------------------------- */

.form_question[data-required="1"] .form_responses::before {
	color: #ffffff;
	content: "*";
	font-size: 20px;
	padding-right: 3px;
	margin-top: 5px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000000;
}

.form-thank-you {
	margin-right: 30px;
}