html,body {
	height: 100%;
	font-family: Lato,Dejavu Sans,Segoe UI,Frutiger,Frutiger Linotype,Helvetica Neue,Arial,sans-serif;
}

section#code-form {
	width: 100%;
	position: relative;
	text-align: left;
	background-color: var(--green-color);
	color: white;
	display: flex;
	justify-content: space-between;
}

section#code-form .input {
	padding-right: 40%;
}

section#code-form .input-lbl { font-size: 1.3em;}
section#code-form .txt-input { font-size: 1.5em; padding: 0.5em 0;}
section#code-form .txt-input input{ color: #D9D9D9; text-align: center; height: 2em; border-radius: 10px; border: 1px solid var(--gray-color)}
section#code-form .txt-input input::placeholder{ color: #D9D9D9; text-align: center; padding-left: 20px;}

section#code-form .input-hint { margin-top: 1em; text-align: center;}
section#code-form .input-hint a { text-decoration: underline; color: white; }
section#code-form .input-hint a:active { text-decoration: underline; color: var(--gray-color); }
section#code-form .input-hint a:hover { text-decoration: underline; color: var(--gray-color); }

section#code-form .left-box {
	padding: 3em 0 3.5em 3.5em;
}

section#code-form .left-box input{
	width: 100%;
}

section#code-form .right-box {
	align-items: center;
	padding-top: 2em;
}

section#code-form .title {
	font-size: 3em;
}

section#code-form .subtitle {
	font-size: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 1em;
}

section#gray-card .title{
	font-size: 2em;
}

section#gray-card {
	background-color: var(--gray-color);
	color: white;
	text-align: center;
	padding: 2em 5em;
	font-size: 1.2em;
}

section#applying {
	background-color: var(--green-color);
	color: white;
	padding: 1em 2em;
	text-align: center;
}

section#applying .applying-items {
	display: flex;
	justify-content: space-between;
}

section#applying .title {
	font-size: 2em;
	padding: 0.8em 0em;
}

section#applying .subtitle {
	font-weight: bold;
	font-size: 1.6em;
}

section#applying .icon-number {
	background: url("/campaigns/yourmobilend/images/circle-icon.svg") no-repeat;
	background-position: center;
	background-size: 2.5em;
	padding: 1em 0em;
	font-weight: bold;
	font-size: 130%;
}

section#applying .img-personal {
	width: 7em;
}

section#applying .img-funds {
	padding: 1.5em;
	width: 10em;
}

section#applying .img-loan {
	padding: 1.2em 1em;
	width: 9em;
}

section#applying .list-item {
	width: 33%;
}

.img-responsive {
	margin-top: 50px;
}

.form-button {
	background: var(--gray-color);
	color: white;
	border-radius: 10px;
	height: 2em;
	width: 100%;
	font-size: 1.3em;
	display: inline;
	border: none;
}

.check-icons {
	display: inline-flex;
	flex-grow: 1;
	flex-basis: 0;
}

.footer-logo {
	text-align: right;
}

.thankyou {
	letter-spacing: 1px;
	font-weight: 700;
}

.questions {
	font-size: 1.5em;
	font-weight: 700;
}