:root {
	--background-color-secondary: #ffffff;
	--background-color-primary: #ebebeb;
}

/**
 *  Header.
 */
.nav-bar {
	width: 100%;
	background-color: var(--background-color-secondary);
}

.navbar-header-two-branded {
	width: 100%;
	padding: 24px 0 35px 0;
	height: 90px;
}

@media ( max-width : 529px) {
	.navbar-header-two-branded svg {
		width: 150px;
		padding-right: 10px;
		padding-left: 10px
	}
}

/**
 * Background logo.
 */
.background-logo {
	z-index: -1;
}

.background-logo--corner-bottom-right-fixed {
	bottom: 0;
	left: auto;
	position: fixed;
	right: -24%;
	top: auto;
	width: 100%;
	height: 100%;
}

.background-logo--corner-bottom-right-fixed .background-logo__svg {
	height: 2700px;
	transform: translate3d(-30%, -55%, 0) scale(.5) translateX(-30%)
		translateY(30%) rotate(45deg);
	width: 2700px;
}

/**
 * Theme & Body Fixes.
 */
body {
	overflow-x: unset;
}

.main {
	background-color: var(- -background-color-primary);
	overflow-y: hidden;
}

.main.theme--blue {
	height: auto;
}

.main-content.main {
	margin-top: 0px;
}

.page-footer {
	z-index: 1;
}

/**
 * Modal
 */
.kya-modal .cancel-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
}

.kya-modal .button--cancel {
	z-index: 3;
}

.kya-modal .button-fix:hover, .kya-modal .button-fix:active, .kya-modal .button-fix:focus
	{
	background-color: transparent !important;
	border-color: transparent !important;
}

.kya-modal .email-form-size {
	max-width: 940px;
	margin: 0 auto;
}

.kya-modal .pd-3 {
	padding-top: 70px;
	margin-left: 42px;
}

.kya-modal .purple-box {
	background-color: #8A37E9;
	position: relative;
	height: 168px;
}

.kya-modal .thank-you-title {
	font-size: 30px;
	font-weight: 600;
	margin: 40px 133px 0 0;
}

.kya-modal .pd-0 {
	padding-left: 70px;
}

.kya-modal .email-field, .kya-modal .error-section {
	margin-left: 30px;
}

.kya-modal .pd-2 {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: 35px;
}

@media ( max-width : 530px) {
	.prompt .button {
		width: unset;
	}
	.kya-modal .thank-you-title {
		font-size: 19px;
		font-weight: 600;
		margin: 40px 133px 0 0;
	}
}

.kya-modal .purple-box {
	background-color: #8A37E9;
}

.thank-you-section-container {
	top: 0;
	position: absolute;
	width: 100%;
}

.gov-gr-code-store-error-text,
.gov-gr-code-request-error-text,
.gov-gr-code-hint-text {
	font-size: 16px;
}

.gov-gr-code-store-error-text,
.gov-gr-code-request-error-text {
	color: red;
}

.gov-gr-code {
    font-weight: 700;
    font-size: 40px;
}

.error-border>input, .error-border select, .error-border>input[type='checkbox']:not(:checked)+label::before,
	.error-border input[type='radio']:not(:checked)+label::before {
	border-color: #CD4777 !important;
}

.form-field .form-field__error {
    background-color: transparent;
    color: #CD4777;
}

/** 
 * Block UI.
 */
.ajax-loading-indicator {
	display: none;
}

input ~.ajax-loading-indicator {
	position: absolute;
	top: 16px;
	right: 5px;
}

.loan ~.ajax-loading-indicator {
	position: absolute;
	top: 16px;
	left: 160px;
}

@media ( min-width : 800px) {
	input ~ .ajax-loading-indicator {
		top: 20px;
	}
}

.loader-align {
	margin: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.loader__items-container svg {
	animation: none !important;
	padding: 80px;
}