@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);

body {
	background-color: #174A5B;
  font-family: Source Sans Pro, sans-serif;
  font-size: 1rem;
}

.form-section {
	display: flex;
	justify-content: center;
	align-items: center;
}
.form-container {
	background-color: #fff;
	padding: 2rem;
	padding-bottom: 5rem; /* Reserve space for the logo */
	margin: 10px;
	border-radius: 0.5rem;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	max-width: 800px;
}
.verify-otp input[type=text] {
	width: 40px;
	height: 40px;
	font-size: 22px;
}
/* Custom Colours */
.page-bg {
	background-color: #174A5B;
}
.page-bg-secondary, .bg-primary {
	background-color: #00BAB3 !important;
}
.font-color {
	color: #174A5B;
}
.font-color-secondary {
	color: #E1CD00;
}
.border-color {
	border: #00BAB3 1px solid;
}

input::placeholder {
  color: #afafaf !important;
  opacity: 1 !important; /* Firefox */
}

input::-ms-input-placeholder { /* Edge 12 -18 */
  color: #afafaf !important;
}

@media (max-width: 291px) {
	.verify-otp input[type=text] {
		width: 30px;
		height: 30px;
		font-size: 14px;
	}
}