/*This is NEW CSS File and will use for Feature CSS Work */

/**
 * ApplicantRequirements Story Desktop CSS
 */
.applicant-requirements {
	width: 932px;
}

.applicant-requirements-icon-image {
	margin-right: 15px;
	width: 40px;
	height: 48px;
	display: block;
}

.applicant-requirements-list {
	align-items: flex-start;
	font-size: 16px;
	font-weight: lighter;
	margin-left: 20px;
	padding-bottom: 8px;
	display: list-item;
}

.applicant-requirements-text {
	display: flex;
	letter-spacing: 0.1px;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 5px;
	margin-top: 10px;
	display: block;
	text-align: left;
}

.applicant-requirements-subtext {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.71;
	letter-spacing: 0.1px;
}

.applicant-text {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.13;
	display: flex;
}

.applicant-subtext {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.71;
	letter-spacing: 0.1px;
	color: #000000;
}

.applicant-requirements-gray-vertical-line {
	background-image: url(/openconsumer/resource/image/vertical-line.svg);
	background-repeat: no-repeat;
	background-position-x: 19px;
	background-position-y: 48px;
	display: flex;
}

.applicant-requirements-checkmark-icon {
	display: flex;
}

.applicant-requirement-tooltip {
	display: inline-table
}

.bottom-applicant-requirements {
	width: 932px;
	margin: 60px 0px 0px;
}

.applicant-requirements-button {
	font-weight: bold !important;
	background-color: #ffffff;
	margin-left: auto;
	text-transform: none !important;
	margin-bottom: 30px;
}

.applicant-requirements-tbody {
	margin-bottom: 20px;
	display: flex;
}

.hr-line-applicant-req {
	margin-bottom: 30px;
}

.hr-line-accountfeature {
	width: 800px;
	margin-top: 30px;
}

.wizard__navigation.rightmore {
	max-width: 932px;
}

.table-caption{
	display: table-caption;
}

@media screen and (max-width: 1000px) {
	.applicant-requirements {
		width: 100%;
		height: 100%;
	}

	.applicant-requirements-list {
		margin-right: 0px;
		display: list-item;
	}

	.bottom-applicant-requirements {
		width: 100%;
	}

	.applicant-text-bottom {
		margin-bottom: 24px;
	}

	.applicant-requirements-text {
		font-size: 20px;
	}

	.applicant-requirements-subtext {
		font-size: 16px;
	}

	.applicant-requirements ul {
		padding-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		display: flex !important;
	}

	.offerCust {
		margin-top: 10px !important;
	}

	.multiselect {
		margin-left: 0px !important;
	}
}

@media screen and (max-width: 768px) {
	.landingPageFormTable {
		width: auto !important;
		height: auto !important;
		margin-bottom: 10px;
	}

	.mobile-padding {
		padding-top: 24px !important;
	}

	.shrink-page {
		width: auto !important;
	}
}

@media screen and (max-width: 500px) {
	.applicant-requirements-gray-vertical-line {
		background-position-x: 20px;
		background-position-y: 36px;
	}

	.applicant-requirements-tbody {
		margin-bottom: 0;
	}

	.applicant-requirements-list {
		font-size: 14px;
	}
}

/******Applicant Requirements Screen CSS End*******/

/**
 * Wizard Center Alignments Title,subTitle CSS - Desktop
 */
.page__title.ocrtitle {
	font-size: 28px;
}

.page__intro.ocrsubtitle {
	font-size: 21px;
}

.wizard__navigation.ocrbutton_center {
	display: flex;
	justify-content: center;
	margin: auto;
	margin-top: 40px;
}

.plain_button {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	border: 0;
	background-color: transparent;
	color: #1d4094;
	letter-spacing: 0;
	cursor: pointer;
	text-align: left;
	outline: none;
	height: 22px;
}

.wizard__page.center {
	display: flex;
	justify-content: center;
}

.label_bold {
	font-weight: bold;
}

.optional_text {
	font-weight: normal;
}

.inputbox_tipmessage {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: rgb(102, 102, 102);
}

.unique_id.unique_id-text {
	width: 100%;
}

/**
 * New Wizard Center Alignments Title,subTitle CSS - Mobile --- Mobile OCR clean up
 */
@media screen and (max-width: 760px) {
	.page__title.ocrtitle {
		font-size: 24px;
		line-height: 28px;
	}

	.page__intro.ocrsubtitle {
		font-size: 16px;
		padding-top: 8px;
		padding-bottom: 32px;
		line-height: 24px;
	}

	.page__intro--small {
		font-size: 16px;
		padding-top: 16px;
		padding-bottom: 32px;
		line-height: 24px;
	}

	.hr-line-info-question.applicant-info3 {
		margin-top: 30px;
	}

	.hr-line-reviewinfo.applicant-info2 {
		margin-top: 30px;
	}

	.applicant-text {
		padding-bottom: 4px;
	}

	.applicant-requirements-button {
		padding-top: 16px;
		padding-bottom: 24px;
		margin-bottom: 24px;
	}

	.question-top.applicant-info3 {
		margin-top: 0px;
	}

	.featureterms {
		padding-bottom: 24px;
	}

	.review_info {
		padding-bottom: 24px;
		margin-top: 12px;
	}

	.review_info.applicant-info2 {
		padding-bottom: 16px;
		margin-top: 10px;
	}

	.current-product__productname {
		padding-top: 4px;
	}

	.mobile-view-font-18 {
		font-size: 18px;
	}

	.review_page_cardinfo {
		margin-bottom: 12px;
		padding-bottom: 16px;
	}

	.page__intro.ocrsubtitle.applicant-login {
		margin-bottom: 30px;
	}

	.-js-ssn.applicant-info3-ssn {
		padding-top: 20px;
	}

	.unique_id.unique_id-text {
		padding-top: 20px;
		padding-bottom: 0;
	}

	.page__intro.ida-subTitle {
		line-height: 24px;
	}

	.gross-tax-income {
		padding-bottom: 25px;
	}

	.windowclose {
		margin-top: -10px;
	}
}

/**
 * moreInformation Story Desktop CSS
 */
.info-question {
	width: 390px;
}

.question-top {
	margin-top: 24px;
}

.page-question {
	display: flex;
	flex-direction: column;
	padding-left: 0px;
}

.question.accountfeature-questions {
	padding-left: 0;
}

@media screen and (max-width: 1024px) {
	.id-Authentication ul {
		margin-left: -40px;
	}
}

@media screen and (max-width: 760px) {
	.info-question {
		width: auto;
	}
}

/**
 * LoginPage Story Desktop CSS
 */
.login-content {
	width: 325px;
}

/**
 * Landing Page Story Desktop CSS
 */
.landing_content {
	display: flex;
	justify-content: center;
	margin-top: 60px;
	margin-bottom: 60px;
}

.prospect_tablecontent {
	margin: 25px auto;
}

.landingtitle {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.11px;
	display: flex;
	justify-content: center;
	margin-bottom: 8px;
}

.landingsubtitle {
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.1px;
	display: flex;
	justify-content: center;
	margin-bottom: 18px;
	text-align: center;
}

.landing_button {
	width: 230px !important;
}

.vertical_line {
	height: 248px;
	border: solid 0.5px #979797;
}

/* CSS for iPhone 11 Pro Max Landscape view. Device sizes are set explicitly for iPhone 11 Pro Max */
@media only screen and (device-width: 896px) and (device-height: 414px) and (-webkit-device-pixel-ratio: 3) {
	.applicant-requirements-button {
		margin-left: 45px;
		width: 25%;
	}
}

@media only screen and (max-width: 768px) {
	.landing_content {
		display: block;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.prospect_tablecontent {
		width: auto;
		margin: 40px 0px 30px auto;
	}
}

/**
 * Applicant Info One page CSS
 */
.application-info-content {
	width: 400px;
}

.hr-line-margin {
	margin-top: 30px;
	margin-bottom: 40px;
	width: 850px;
	float: left;
}

@media only screen and (max-width: 428px) {
	.application-info-content {
		width: 100%;
	}

	.login-content {
		width: auto;
	}
}

.review_info {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 30px;
}

.review_page_subtitle {
	width: 590px;
	margin: 0px auto 40px auto;
	text-align: center;
}

.review_page_cardinfo {
	margin-top: 40px;
}

[class*="form__row__cell"].-size-fixed-ocrword {
	width: 300px;
}

@media only screen and (min-width:700px) and (max-width: 900px) {
	[class*="form__row__cell"].-size-fixed-ocrword {
		width: 242px;
	}
}

@media screen and (min-width: 760px) {
	[class*="form__row__cell"].-field-ocrfirstname {
		width: calc(50% - 200px);
		float: left;
	}

	[class*="form__row__cell"].-size-fixed-ocrletter {
		width: 200px;
	}
}

@media only screen and (max-width: 550px) {
	[class*="form__row__cell"].-size-fixed-ocrword {
		width: calc(100% - 110px);
	}

	[class*="form__row__cell"].-field-ocrfirstname {
		width: calc(50%);
		float: left;
	}

	[class*="form__row__cell"].-size-fixed-ocrletter {
		width: calc(50%);
	}
}

.review-cardinfo {
	display: flex;
	flex-direction: row;
	font-size: 16px;
	color: #000000;
	margin-right: 42px;
}

.review-cardinfoul {
	margin-left: -40px;
}

.review-cardinfo-key {
	font-weight: bold;
	width: 200px;
}

.hr-line-reviewinfo {
	margin-top: 60px;
	width: 850px;
}

.hr-line-info-question {
	margin-top: 50px;
	width: 800px;
}

.hr-line-multiprod {
	width: 800px;
	float: left;
	margin-bottom: 30px;
}

.hr-line-info-one {
	margin-top: 60px;
	width: 800px;
	float: left;
}

.id-Authentication {
	max-width: 750px;
	padding: 20px 20px 20px 40px;
	background-color: #f1f1f1;
	font-weight: 300;
	line-height: 24px;
	display: flex;
	border-radius: 10px;
	margin-top: 30px;
}

.id-Authentication ul {
	list-style: none;
}

.id-auth-table {
	display: flex;
	max-width: 615px;
}

.id-auth-one {
	display: flex;
	letter-spacing: 0.1px;
	font-weight: bold;
	color: #1d4094;
}

.id-auth-two {
	display: flex;
	letter-spacing: 0.1px;
	font-size: 13px;
	margin-bottom: 8px;
}

.id-auth-three {
	display: flex;
	font-size: 16px;
	letter-spacing: 0.1px;
	font-family: "Open Sans", sans-serif;
}

@media only screen and (max-width: 550px) {
	.review-cardinfo {
		flex-direction: column;
	}

	.review-cardinfo-key {
		margin-bottom: 15px;
	}

	.review_page_subtitle {
		width: 100%;
	}
}

.large-yes-no_radio__label {
	display: block;
	padding: 6px 0 8px 0px;
	font-size: 14px;
	font-weight: normal;
	font-family: "Open Sans", sans-serif;
	text-align: center;
	width: 260px;
	text-align: left;
}

.question__yes-no-radio-field {
	width: 100px;
	display: inline-block;
	margin-bottom: 5px;
	margin-top: 10px;
}

.yes-no-large-radio {
	position: relative;
	margin: 0 0 16px 0;
}

.yes-no-large-radio__input {
	width: 26px;
	height: 26px;
	left: 0;
	top: 0;
	opacity: 0;
	position: absolute;
}

.yes-no-large-radio .yes-no-large-radio__input+label {
	cursor: pointer;
}

.yes-no-large-radio .yes-no-large-radio__input+label::before {
	content: "";
	width: 26px;
	height: 26px;
	border: 2px solid;
	border-radius: 50px;
	top: 0;
	left: 0;
	position: absolute;
}

.yes-no-large-radio .yes-no-large-radio__input+label::after {
	content: "";
	border: 3px solid;
	border-left: 0;
	border-top: 0;
	left: 11px;
	top: 7px;
	opacity: 0;
	height: 14px;
	width: 8px;
	position: absolute;
	transform: rotate(45deg);
	transition: opacity .2s ease;
}

.yes-no-large-radio .yes-no-large-radio__input+label::after {
	width: 16px;
	height: 16px;
	background-color: #1d4094;
	border: 0;
	border-radius: 50px;
	top: 5px;
	left: 5px;
}

.yes-no-large-radio .yes-no-large-radio__input:checked+label::after {
	opacity: 1;
}

.yes-no-large-radio .yes-no-large-radio__input:focus+label::before {
	box-shadow: 0 0 0 1px #1d4094;
	outline: 3px solid transparent;
}

.yes-no-large-radio__label {
	display: block;
	font-size: 14px;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
	padding-left: 31px;
	margin-bottom: 5px;
}

/**
 * IdAlert Desktop CSS
 */
.idaTables {
	display: flex;
	margin: 30px 0 50px;
}

.idalertTable {
	width: 442px;
	height: 688px;
	border-radius: 6px;
	border: solid 1px #979797;
	background-color: #ffffff;
	margin-right: 15px;
}

.idalertPremiumTable {
	width: 442px;
	height: 688px;
	border-radius: 6px;
	border: solid 2px #00ae64;
}

.ida-subTitle {
	display: flex;
	margin-bottom: 24px !important;
}

.ida-link {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: 0.1px;
	text-align: center;
	color: #1d4695;
	text-decoration: none;
}

.basicmonth {
	height: 85px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: 0.24px;
	text-align: center;
	color: #000000;
	margin-top: 45px;
}

.basicmonth.premium {
	margin-top: -60px;
}

.ida-price {
	font-size: 35px;
	font-weight: bold;
	line-height: 0.74;
	letter-spacing: -0.92px;
	margin-right: 5px;
}

.ida-month {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.18;
	letter-spacing: -0.55px;
}

.ida-product {
	font-weight: bold;
}

.idalertTable ul {
	list-style: none;
	padding-left: 0px;
	margin-right: 18px;
	margin-left: 18px;
	margin-top: 8px;
	margin-bottom: 0px;
}

.idaTables li:nth-child(odd) {
	background-color: #f4f4f4;
	padding: 20px 0px;
}

.idaTables li:nth-child(even) {
	padding: 20px 0px;
}

.idalertPremiumTable ul {
	list-style: none;
	padding-left: 0px;
	margin-right: 18px;
	margin-left: 18px;
	margin-top: 8px;
	margin-bottom: 0px;
}

.idalertTable hr {
	width: 378px;
}

.idalertPremiumTable hr {
	width: 378px;
}

.idaValue {
	position: relative;
}

.idaBestValue {
	width: 0;
	height: 0;
	border-top: 106px solid #00ae64;
	border-right: 104px solid transparent;
}

.idaBestValue span {
	top: 15px;
	text-align: center;
	transform: rotate(-45deg);
	display: block;
	position: absolute;
	width: 66px;
	height: 42px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.14;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
}

.ida-continue {
	font-size: 14px;
	margin-top: -10px;
	margin-bottom: 25px;
}

.ida-hrline {
	width: 902px;
	display: inline-block;
	margin-bottom: 30px;
}

.ida_wizard_navigation {
	max-width: 928px;
}

.ida-checkmark {
	padding-left: 88px;
	background-image: url(/openconsumer/resource/image/check_mark.svg);
	background-repeat: no-repeat;
	display: flex;
	background-position: center;
}

.ida_button {
	width: 402px !important;
}

.ida-flex {
	display: flex;
}

.idablue {
	color: #1d4695;
}

.idaOne {
	font-weight: bold;
	padding: 0px 28px;
}

.idaThree {
	font-weight: bold;
	padding: 0px 21px;
}

.idaUpto {
	font-size: 14px;
	width: 40px;
	margin-left: 14px;
	display: flex;
}

.upto {
	padding: 10px 0px !important;
	display: flex;
}

.upto-val {
	padding-top: 4px;
}

.idaTwentyFive {
	font-weight: bold;
	margin-right: 26px;
	font-size: 17px;
}

.idaMillion {
	font-weight: bold;
	margin-right: 11px;
	font-size: 16px;
}

.ida-collapse {
	padding-left: 88px;
	background-image: url(/openconsumer/resource/image/collapse.svg);
	background-repeat: no-repeat;
	display: flex;
	background-position: center;
}

.collapse_button {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	border: 0;
	background-color: transparent;
	color: #1D4695;
	letter-spacing: 0;
	cursor: pointer;
	text-align: left;
	outline: none;
	text-decoration: underline;
}

.collapse_center {
	text-align: center;
}

@media screen and (max-width: 1024px) {
	.idaTables {
		display: block;
	}

	.idalertTable {
		width: 100%;
		height: 100%;
		margin-bottom: 10px;
	}

	.idalertPremiumTable {
		width: 100%;
		height: 100%;
	}

	.ida-subTitle {
		margin-bottom: 20px !important;
		padding: 0px !important;
	}

	.ida-flex {
		font-size: 14px;
	}

	.collapse_center {
		margin-bottom: 20px;
	}

	.idaThree {
		padding: 5px 28px 0px;
	}

	.upto-val {
		font-size: 14px;
	}

	.ida_button {
		width: 100% !important;
	}

	.ida_wizard_navigation {
		width: 100%;
		padding: 0px 16px;
	}

	.idaOne {
		padding: 5px 28px 0px;
	}
}

@media screen and (min-width: 768px) {
	.ida_wizard_navigation {
		margin-bottom: 20px;
	}

	.check-padding {
		padding-bottom: 24px;
	}
}

.question__text-column {
	clear: both;
	float: left;
}

.question__input-column {
	clear: both;
	float: left;
}

.selectlabel {
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}

.idalertdropdown {
	margin: 0px 50px;
}

.idalertbutton {
	display: flex;
	justify-content: center;
}

.aligncenter {
	text-align: center;
}

.form-select {
	opacity: 1;
}

@media screen and (max-width: 760px) {
	.checknumbers-box {
		padding-top: 20px;
	}
}

/* iPhone5 clean up for new IDA page  */
@media screen and (max-width: 320px) {
	.basicmonth.premium {
		margin-bottom: 20px;
	}

	.idaThree {
		padding: 5px 28px 0px 20px;
	}

	.idaMillion {
		margin-left: 14px;
	}

	.multiprod {
		width: 550px;
	}
}

.funding-debit-card {
	margin-bottom: 30px;
}

.tabIndex {
	outline: none;
}

/* New funding page */
.paymentTypeText {
	font-weight: 700;
	font-size: 15px;
	padding-bottom: 20px;
}

.fundingPage-tip-message {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: 0.1px;
	padding-bottom: 40px;
}

.amount-tab-tip-message {
	margin-top: -20px;
}

.notReady-text {
	font-weight: 700;
	font-size: 15px;
	margin-top: 40px;
	margin-bottom: 5px;
}

.notReady-subtext {
	font-size: 14px;
}

.hr-line-fundingpage {
	margin-top: 40px;
}

.amount-react-tabs__tabs {
	display: inline-block;
	position: relative;
	cursor: pointer;
	flex-basis: 22%;
	text-align: center;
	border: 0.2px solid #111010;
	padding: 4% 2%;
	font-size: 14px;
	font-weight: bold;
	border-radius: 15px;
	outline: none;
	height: 65px;
	margin-right: 10px;
}

.form__row__cell.deposit-amount-inputbox {
	padding-top: 13%;
	outline: none;
}

.react-tabs__tabs-list-amount {
	margin: 0 0 10px;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	max-width: 70%;
	list-style-type: none;
}

.transfer-tab-text {
	padding-left: 5px;
	padding-top: 3px;
}

.react-tabs__tab.react-tabs__tab--selected {
	outline: none;
}

.wizard__navigation.leftmore {
	max-width: 800px;
}

.amount-react-tabs__tabs--selected {
	background-color: #E7F1F8;
}

#depositLaterButton {
	border-color: #1d4094;
	color: #1d4094;
}

.react-tabs__tabs.debit-transfer-tab {
	padding: 4% 8% 2% 8%;
}

.react-tabs__tabs.bank-transfer-tab {
	padding: 4% 5% 2% 5%;
}

.react-tabs__tabs.fifth-third-transfer-tab {
	padding: 4% 5% 2% 5%;
}

@media only screen and (max-width: 479px) {
	.react-tabs__tabs-list-amount {
		max-width: 100% !important;
		justify-content: initial !important;
		display: block;
	}

	.amount-react-tabs__tabs {
		width: 70px;
		height: 55px;
	}

	.fundingPage-tip-message {
		padding-bottom: 20px;
		font-size: 13px;
	}

	.paymentTypeText.other-amount-text {
		padding-top: 10px;
	}

	.fundingPage-tip-message.amount-tab-tip-message {
		display: none;
	}

	.form__row__cell.deposit-amount-inputbox {
		width: 45%;
		padding-bottom: 0;
		padding-top: 10%;
	}

	.debit-card-transfer-icon-text {
		padding-left: 1px;
		padding-top: 5px;
	}

	.bank-transfer-icon-text {
		padding-left: 1px;
		padding-top: 5px;
	}
}

/* iPad */
@media screen and (max-width: 768px) {
	.fundingIcons {
		font-size: 13px;
	}

	.react-tabs__tabs.debit-transfer-tab {
		padding-top: 6%;
	}

	.react-tabs__tabs.bank-transfer-tab {
		padding-top: 6%;
	}

	.react-tabs__tabs.fifth-third-transfer-tab {
		padding-top: 6%;
	}
}

/* Surface Duo */
@media screen and (max-width: 540px) {
	.react-tabs_2tabs-list {
		display: inline-flex;
	}

	.react-tabs_2tabs-list.secureCardMobileView {
		display: grid;
	}

	.react-tabs__tabs-list-amount {
		max-width: 100%;
	}

	.amount-tab-tip-message {
		margin-top: -40px;
	}

	.react-tabs__tabs.debit-transfer-tab {
		padding-top: 7%;
	}

	.react-tabs__tabs.bank-transfer-tab {
		padding: 7% 3% 2% 3%;
	}
}

@media only screen and (max-width: 375px) {
	.react-tabs__tabs {
		margin-right: 5px;
	}
}

/* iPhone5 */
@media only screen and (device-width: 320px) {

	.amount-react-tabs__tabs {
		width: 60px;
	}

	.bank-transfer-icon-text {
		padding-top: 3%;
	}

	.fundingIcons {
		width: 120px;
		font-size: 11px !important;
	}

	.react-tabs__tabs.debit-transfer-tab {
		padding: 8% 3% 2% 3%;
	}

	.react-tabs__tabs.bank-transfer-tab {
		padding: 8% 3% 2% 3%;
	}
}

@media only screen and (max-width: 320px) {

	.landingInputFields {
		width: 240px !important;
	}
}

.forgot-username-password {
	padding-top: 24px;
	font-size: 14px;
}

.landingPageFormTable {
	width: 350px;
	height: 672px;
	border-radius: 10px;
	border: 1px solid #bebfbf;
}

.landingPageFormImg {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.landingInputFields {
	width: 280px;
	margin: auto;
}

.offerCust {
	margin-top: 30px;
}

.oc-landingpage-formexisting-register {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	margin-top: 20px;
}

.informational-txt-direct-deposit {
	font-size: 13px;
	display: contents;
}

.account-confirmation-list.direct-deposit-text {
	display: block;
}

.account-confirmation-table-button.early-pay-direct-deposit-button {
	margin-top: 70px;
}

@media screen and (max-width: 768px) {
	.account-confirmation-table-button.early-pay-direct-deposit-button {
		margin-top: 25px;
	}
}

.h4-style {
	display: block;
	margin-block-start: 1.33em;
	margin-block-end: 1.33em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
}

@media screen and (max-width: 760px) {
	.page__title.payment-method-title {
		font-size: 24px;
		line-height: 28px;
	}

	.page__intro.payment-method-subtitle {
		font-size: 16px;
		padding-top: 8px;
		padding-bottom: 20px;
		line-height: 24px;
	}

	.h4-style.payment-method-instructions-text {
		padding-bottom: 30px;
	}

	.form__row__cell.payment-method-select {
		padding-bottom: 0;
		margin-bottom: -30px;
	}
}

.question__error-message.informational-txt {
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	@supports (-webkit-touch-callout: none) {
		/* CSS specific to iOS devices */

		.personal-loan-font-iOS {
			-webkit-text-size-adjust: "100%";
			display: inline-block;
			vertical-align: middle;
			line-height: normal;
		}

		.multiselect {
			-webkit-text-size-adjust: "100%";
			display: inline-block;
			vertical-align: middle;
			line-height: normal;
		}
	}
}

.add-minor-button {
	margin-top: 30px;
	margin-right: 0;
}

@media screen and (min-width: 900px) {

	.wizard__page.securityquestions-page {
		width: 850px;
	}
}

@media screen and (min-width: 1100px) {
	.accordion-container__button.having-trouble-accordion {
		padding-right: 50px;
	}

	.accordion-container.spacing-bottom.preapproved-having-trouble-accordion {
		padding-right: 200px;
	}

	.accordion-container__content.having-trouble-accordion-content {
		width: 90%;
	}
}

.ssnclick {
	width: 75px;
}

.applicant-requirements-set-appointment {
	width: 932px;
	margin: 30px 0px 0px;
	display: inline-block;
}

@media screen and (max-width: 1000px) {
	.applicant-requirements-set-appointment {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.applicant-requirements-button {
		display: block;
		text-align: center;
		width: 100%;
	}
}

.online-disclaimer {
	display: flex;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	line-height: 20px;
	margin-top: 24px;
	float: left;
}

.forgot-username-password.applicant-landing-forgot-username {
	padding-top: 5px;
	text-align: center;
}

.forgot-username-password.applicant-landing-forgot-password {
	text-align: center;
	padding-bottom: 10px;
}

.hr-line {
	margin-top: 30px;
	width: 800px;
	float: left;
}

.shrink-page {
	width: 800px;
}

/* Personal Loan Split Screen changes UI changes  */
.personal-loan-applicantinfo label.form-label {
	font-weight: 600;
}

.form-label.form__label.label--checkbox {
	font-weight: 400;
}

.page-sub-section {
	font-size: 20px;
	font-weight: 600;
}

.borrow-amount .dynamic-state__details.informational-txt {
	margin-bottom: -1px !important;
}

.-size-fixed-phrase.sigloan-input-field {
	width: 300px;
}

@media screen and (max-width: 760px) {
	.page-sub-section {
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 429px) {
	.personal-loan-applicantinfo .loan_calculator {
		font-size: 14px;
	}

}

.document-section-header {
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 20px;
}

/* CSS for intellicheck mobile view  */

.intellicheck-mobile-subtext {
	margin-bottom: 0;
	font-size: 16px;
	padding-top: 8px;
	padding-bottom: 32px;
	line-height: 24px;
	font-weight: 600;
	text-align: center;
}

@media screen and (max-width: 429px) {
	.intellicheck-mobile-subheading {
		margin-bottom: 0;
		font-size: 16px;
		padding-top: 8px;
		padding-bottom: 32px;
		line-height: 24px;
		font-weight: 600;
		text-align: left;
	}
}

.applicant-requirements.intellicheck-mobile-page {
	border: none;
	background-color: white;
	height: 400px;
}

.intellicheck-mobile-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.intellicheck-mobile-scan-complete-icon {
	width: 280px;
	padding-top: 30px;
	padding-bottom: 25px;
	margin-left: 10%;
}

.intellicheck-data-consent-title {
	font-weight: 700;
}

.intellicheck-mobile-information-text {
	text-align: center;
	font-size: 200;
	font-weight: 300;
	padding-top: 25px;
	color: #000000;
}

.intellicheck-mobile-information-text .return-to-browser-text {
	padding-top: 20px;
	padding-bottom: 25px;
}

.resendLink {
	color: #1d4094;
	border-color: #1d4094;
	background-color: #ffffff;
	margin-right: auto;
}

.dontClose {
	width: 440px;
	height: 70px;
	border: solid 1px #c4022b;
	background-color: #f8f8f8;
	margin-bottom: 20px;
	display: flex;
}

.iconAlert {
	height: 69px;
	width: 60px;
	background-color: #c4022b;
	align-items: center;
	padding: 20px;
}

.dontRefreshText {
	display: flex;
	color: #c4022b;
	font-size: 20px;
	padding: 20px;
}

.page__intro.smssubtitle {
	font-size: 21px;
	line-height: 3px;
	padding-bottom: 18px;
}

@media screen and (max-width: 600px) {
	.page__intro.smssubtitle {
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 0px;
	}
}

.smsBox {
	width: 585px;
}

.displayNone {
	display: none;
}

.sms-page-phone-number-box {
	width: 400px;
}

@media screen and (max-width: 760px) {
	.sms-page-phone-number-box {
		padding-top: 30px;
		width: 400px;
	}
}

@media screen and (max-width: 400px) {
	.sms-page-phone-number-box {
		padding-top: 30px;
		width: 400px;
	}
}

@media screen and (max-width: 600px) {
	.agreement-box.smsBox {
		width: 100%;
	}
}

.account-list-ul {
	padding-left: 0;
	display: flex;
	margin: 0;
}

@media screen and (max-width: 768px) {
	.account-list-ul {
		display: block;
	}
}

#depositAmount {
	padding-left: 5px;
	font-size: 0.75rem;
}

.other-text {
	padding-bottom: 5px;
}

.congrats-page-sub-section {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
}

.error-blue {
	padding-left: 26px;
	background-image: url(/openconsumer/resource/image/Error-blue.svg);
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 21px;
	display: flex;
	margin-bottom: 12px;
}

.checkmark-circle {
	padding-left: 26px;
	background-image: url(/openconsumer/resource/image/Check-Circle.svg);
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 25px;
	display: flex;
	margin-bottom: 12px;
}

.cd-tile {
	padding: 0px 0px 16px 0px;
}


.estimated-box {
	padding: 14px 0px;
	border-radius: 4px;
	border: solid 1px #979797;
	width: 50%;
	align-self: center;
	position: relative;
	margin-left: 20px;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: 0.1px;
	background-color: #2466ca;
}

.estimated-interest-image {
	padding-right: 16px;
}

.radio-button-grid {
	display: grid;
	grid-gap: 24px;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: minmax(100px, auto);
	width: 100%;
	margin: 0px 0px 16px 0px;
}

.term-length-tile {
	border-radius: 5px;
	width: 100%;
}

.cd-tile-text {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	float: left;
	width: 100%;
}

.cd-tile-length-text {
	color: rgb(51, 51, 51);
	text-align: left;
	font-weight: 600;
	line-height: 24px;
	float: left;
	margin: 16px 0px 0px 0px;
	padding-bottom: 8px;
	width: 100%;
}

.cd-sub-header-text {
	color: rgb(51, 51, 51);
	text-align: left;
	font-weight: 600;
	line-height: 24px;
	width: 100%;
}

.radio-button-grid-funding {
	display: grid;
	grid-gap: 24px;
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: minmax(100px, auto);
	width: 100%;
	margin: 0px 0px 16px 0px;
}

.term-length-funding-tile {
	border-radius: 5px;
	width: 100%;
}


.term-length-funding-external-tile {
	border-radius: 5px;
	width: 100%;
}
.cd-funding-tile-text {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	float: left;
	width: 100%;
	height: 20px;
	color: rgb(51, 51, 51);
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 24px;
}


.cd-funding-tile-length-text {
	color: rgb(51, 51, 51);
	text-align: left;
	float: left;
	padding-bottom: 8px;
	width: 100%;
	font-size: 16px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	line-height: 20px;
}
.cd-funding-tile-length-text {
	color: rgb(51, 51, 51);
	text-align: left;
	float: left;
	padding-bottom: 8px;
	width: 100%;
	font-size: 16px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	line-height: 20px;
}

.cd-funding-tile-length-external-text {
	color: rgb(51, 51, 51);
	text-align: left;
	float: left;
	padding-bottom: 8px;
	width: 100%;
	font-size: 16px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	line-height: 20px;
}

.cursor-pointer {
	cursor: pointer;
}

.text-overflow-ellipsis {
	text-overflow: ellipsis;
}

.what-to-expect-link {
	margin: 0px 0px 24px 0px;
}

.cd-tile-check-icon {
	width: 55%;
}

.estimated-box-sections {
	width: "80%";
	float: "left"
}

.estimated-interest-text {
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 600;
	padding: 0px 0px 0px 16px;
	line-height: 18px;
}

.estimated-interest-info {
	font-size: 10px;
	display: "inline-block";
	margin-left: "5px";
	color: #E7F1F8;
}

.estimated-interest-amount {
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: bold;
	float: left;
	line-height: 40px;
	padding: 0px 0px 0px 16px;
}

.cd-deposit-amount-estimate {
	display: flex;
	margin-top: 48px;
	margin-bottom: 24px;
}

.cd-deposit-amount {
	width: 50%;
}

.what-to-expect-modal {
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	max-width: 720px;
	background-color: #FFFFFF;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	border-radius: 5px;
}
.tile-selected
{
	border: 2px solid rgb(29, 64, 148);
}

.tile-unselected
{
	border: 1px solid rgb(151, 151, 151);
}

.what-to-expect-heading {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-right: 24px;
	margin-left: 24px;
	margin-top: 24px;
}

.what-to-expect-button-section {
	float: right;
	padding: 0 20px 20px;
}

.what-to-expect-title {
	font-weight: 600;
	font-size: 24px;
}

.what-to-expect-subtitle {
	font-size: 16px;
	font-weight: 500;
}

.what-to-expect-text {
	font-size: 14px;
	margin: 0px;
	line-height: 20px;
}

.what-to-expect-text-subtitle {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin: 0px 0px 8px 0px;
}

.what-to-expect-body {
	padding: 0 24px;
}

.button.what-to-expect-button {
	font-size: 16px;
	min-width: 100px;
	width: 100%;
}

.what-to-expect-modal-exit {
	z-index: 1;
}

.modal-image {
	height: 80px;
	width: 80px;
	margin-right: 16px;
}

.cd-tile-structure {
	padding: 0px 8px 66px 16px;
}

.cd-funding-tile-structure {
	padding: 18px 8px 44px 16px;
}

.cd-funding-tile-external-structure {
	padding: 18px 8px 44px 16px;
}
.cd-page-disclaimer {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

#cd-funding-method-select {
	margin-top: 0px;
	padding-top: 0px;
}

.form__row__cell.-size-full.cd-page-input-fields {
	padding-top: 0px;
	padding-bottom: 4px;
}

.estimatedBoxTable {
	margin-right: 30px;
}

.modal-row {
	display: flex;
	margin-bottom: 24px;
}

/* Desktop View for CD Congrats Page */
.page-title {
	text-align: left;
	font-size: 28px;
	margin: 0px 0px 20px 0px;
	line-height: 36px;
}

.page-intro {
	color: rgb(51, 51, 51);
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	margin: 0px 0px 8px 0px;
}

.page-subtitle {
	text-align: center;
	font-size: 16px;
	margin: 0px 0px 24px 0px;
	line-height: 24px;
}

.center-image {
	display: flex;
	margin: 0px auto 24px auto;
}

.table-title {
	font-size: 18px;
	padding: 0px 0px 22px 0px;
	float: left;
	font-weight: 600;
	line-height: 28px;
}

.account-summary-table {
	padding: 16px 16px 14px 16px;
	margin-bottom: 16px;
	border-radius: 4px;
	border: 1px solid #1b4695;
	background-color: #ffffff;
	width: 100%;
}

.table-flex {
	display: grid;
	grid-gap: 0px 24px;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: minmax(auto, auto);
}

.table-row {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}

.table-data {
	display: flex;
	flex-direction: column;
	text-align: left;
	padding: 0px;
}

.account-summary-label {
	font-size: 15px;
	font-weight: 600;
	text-align: left;
	padding: 0px;
	line-height: 24px;
}

.account-summary-value {
	font-size: 15px;
	padding: 0px;
	float: left;
	line-height: 20px;
}

.table-disclaimer {
	display: flex;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	line-height: 20px;
}

.disclaimer-icon {
	vertical-align: middle;
	height: 20px;
	width: 20px;
	margin-right: 8px;
}

.what-to-expect-image-td {
	vertical-align: baseline;
}
/* Mobile View for CD */
@media screen and (max-width: 650px) {
	.radio-button-grid {
		display: flex;
		flex-direction: column;
		grid-gap: 16px;
	}

	.radio-button-grid-funding {
		display: flex;
		flex-direction: column;
		grid-gap: 16px;
	}

	.cd-funding-tile {
		padding: 0px 0px 16px 0px;
	}

	.cd-funding-external-tile {
		padding: 0px 0px 16px 0px;
	}
	.cd-funding-tile-structure {
		padding: 24px 8px 60px 16px;
	}

	.cd-funding-tile-external-structure {
		padding: 24px 8px 60px 16px;
	}
	.radio-tile-button {
		height: 20px;
		width: 20px;
	}

	.radio-funding-tile-button {
		height: 20px;
		width: 20px;
	}


	.cd-deposit-amount-estimate {
		display: flex;
		flex-direction: column;
		margin-bottom: 16px;
	}

	.estimated-box {
		margin-top: 15px;
		margin-left: 0px;
		width: 100%;
	}

	.cd-page-disclaimer {
		width: 350px;
	}

	.cd-deposit-amount {
		width: 100%;
	}

	.what-to-expect-modal {
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
		transform: none;
	}

	.what-to-expect-button-section {
		width: 100%;
		position: absolute;
		bottom: 0;
	}

	.what-to-expect-image {
		height: 56px;
		width: 56px;
	}

	.what-to-expect-text-subtitle {
		padding-left: 5px;
	}

	.what-to-expect-text {
		padding-left: 5px;
	}

	/* CD Congrats Page */
	.page-subtitle {
		text-align: left;
	}

	.account-summary-table {
		display: flex;
		flex-direction: column;
		padding: 16px 16px;
		border-radius: 4px;
		border: 1px solid #1b4695;
		background-color: #ffffff;
		width: 100%;
	}

	.table-flex {
		display: flex;
		flex-direction: column;
	}

	.account-summary-label {
		display: flex;
		flex-direction: column;
		font-size: 15px;
		font-weight: 600;
		text-align: left;
		padding: 0px;
	}
}

.agreement-box.dynamic-state.overdraft-agreement-checkbox {
	margin-top: 0;
}

.selected-funding-account-tab {
	background-color: #0b2258;
	color: white;
}

.deselected-funding-account-tab {
	background-color: white;
	border: 1px solid #88c7f4;
	color: rgb(51, 51, 51);
}

.react-tabs__tabs-funding-account-tabs {
	width: 423px;
	height: 42px;
	text-align: center;
	padding-top: 10px;
	font-weight: 600;
}

.react-tabs__tabs-funding-tabs-list {
	display: flex;
	list-style-type: none;
	padding:0px;
}

.ftb-radio-btn-tile {
	margin-top: 10px;
	border-radius: 5px;
	width: 100%;
	border: 1px solid rgb(151, 151, 151);
}

.ftb-tile-structure {
	padding: 0px 0px 25px 6px;
}

@media screen and (min-width: 770px) {
	.right-margin {
		margin-right: 15px;
	}
}

.prospect-landing-subtitle .landingsubtitle {
	margin-bottom: 45px;
}

#primary-email-tip-message.inputbox_tipmessage {
	font-size: 13px;
}

.form__row__cell.landing-page-zipcode {
	padding-top: 5px;
}

.landingsubtitle.prospectSubtitle {
	margin-bottom: 35px;
}

@media screen and (max-width: 770px) {
	.landingsubtitle.existingSubtitle {
		margin-bottom: 40px;
	}
	.external-tab-section {
		margin-top: 40px;
	}
}

.landing-expand-button-prospect {
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	color: #1D4695;
}

.landing-expand-button-existing {
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	color: #1D4695;
}

.landing-expand-button-prospect.expended {
	color: #00AE64;
}

.landing-expand-button-existing.expended {
	color: #00AE64;
}

@font-face {
	font-family: 'FifthThirdDotCom';
	src:    url('/openconsumer/resource/font/FifthThirdDotCom.eot');
	src:    url('/openconsumer/resource/font/FifthThirdDotCom.eot') format('embedded-opentype'),
	url('/openconsumer/resource/font/FifthThirdDotCom.ttf') format('truetype'),
	url('/openconsumer/resource/font/FifthThirdDotCom.woff') format('woff'),
	url('/openconsumer/resource/font/FifthThirdDotCom.svg#FifthThirdDotCom') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon--"], [class*=" icon--"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'FifthThirdDotCom' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon--up-open-big:before {
	content: "\e848";
}

#scrollUpButton {
	display:  none;	/* Hidden by default */
	position: fixed;	/* Fixed/sticky position */
	bottom: 10px;	/* Place the button at the bottom of the page */
	right: 10px;	/* Place the button 30px from the right */
	width: 44px;
	height: 44px;
	z-index: 5;		/* Make sure it does not overlap */
	border: none;
	outline: auto;
	outline-color: #ffa500 !important;
	background-color: #1b4695;	/* Set a background color */
	border-top-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
	color: #ffffff;	/* Text color */
	cursor: pointer;	/* Add a mouse pointer on hover */
	-webkit-align-items: center;
	-webkit-justify-content: center;
	font-size: 1.6875rem !important;	/* Increase font size */
}

#scrollUpButton:focus {
	background-color: #555;	/* Add a dark-grey background on focus */
}

.personal-information-accordion-container {
	text-align: justify;
}

.personal-information-accordion-container.personal-information-disclosure{
	padding-top: 24px;
}

@media screen and (max-width: 760px) {
	.personal-information-accordion-container {
		font-size: 14px;
	}
	.personal-information-accordion-container.personal-information-disclosure {
		padding-top: 0;
	}
}

@media screen and (min-width: 760px) {
	.-size-fixed-phrase.lending-lead-phone-number {
		padding-top: 28px;
	}
	.-js-phone.-field-address.phone-field-padding{
		padding-top: 28px;
	}

	.accordion-container {
		width: 850px;
	}
}

@media screen and (min-width: 800px) {
	.personal-information-accordion-container {
		width: 800px;
	}
}

.personal-information-accordion-container .applicantinfo2 {
	padding-top: 24px;
}

#lending-phone-label {
	display: contents;
}

#primaryexistinfo-phone{
	display: contents;
}


.external-funding-label {
	color: rgb(0, 0, 0);
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 19px;
}

.external-bank-name {
	color: rgb(51, 51, 51);
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 20px;
	display: inline !important;
	opacity: 1 !important;
}

/* Preapproved */
.preapproved-steps-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: baseline;
	padding-top: 20px;
}

.preapproved-vertical-line {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2px;
	background-color: gray;
	transform: translateX(-50%);
	z-index: 0;
	margin-left: 18px;
	margin-top: 35px;
	height: 180px;
}

.preapproved-expected-list-icon-image {
	width: 35px;
	height: 40px;
	background-color: unset;
	padding: 5px;
	border-radius: 50%;
	z-index: 1;
	position: sticky;
}

.preapproved-expected-list-text {
	letter-spacing: 0.1px;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 10px;
	display: block;
	text-align: left;
	padding-left: 10px;
}

.preapproved-subtext {
	font-size: 16px;
	font-weight: 900;
	color: #666161;
}

.wizard:has(.preapprovedlanding) {
	max-width: 600px;
}

.unique_id-text .dynamic-state__input {
	height: 45px;
	border-radius: 4px;
	border-color: #252323;
}

.unique_id_label {
	font-weight: 600;
}


#preapproved_unique-id.not-empty {
	border-color: 2px solid green;
}

/* this is unique error handling ui for preapproved unique id filed. */
.unique_id .dynamic-state[data-valid="false"] .dynamic-state__input,
.unique_id .dynamic-state[data-valid="false"].select-toggle {
	background-color: #ffdbd4;
	border: 1px solid #c4022b;
	font-weight: 500;
	color: black;
}

.unique_id .dynamic-state[data-valid="false"] .dynamic-state__details,
.unique_id .dynamic-state[data-valid="false"] .dynamic-state__details--toggle {
	width: 100%;
	color: black;
	padding-left: 25px;
	margin-top: 5px;
}

.preapproved_unique-id-error-icon {
	background-image: url("/openconsumer/resource/image/Error.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

.button.unique_id.-primary[disabled],
.anchor.-primary[disabled] {
	float: right;
	border-radius: 25px;
	min-width: 150px;
	background-color: #cccdcb;
	border-color: #cccdcb;
	color: #99999a;
}

.button.unique_id.-primary,
.anchor.-primary {
	float: right;
	border-radius: 25px;
	min-width: 150px;
}

.preapprovedlanding .hr-line-margin {
	width: 850px;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
}

/* Debit Skin Type CSS Style Changes - Start*/
.debit-skin-radio-label {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	cursor: pointer;
}

.debit-skin-container {
	margin: 0 0 5px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	max-width: 100%;
	text-align: center;
}

.debit-skin-image-outline {
	display: inline-block;
	cursor: pointer;
	flex-basis: 50%;
	border: 0.2px solid #111010;
	font-size: 14px;
	font-weight: bold;
	border-radius: 15px;
	outline: none;
	height: 65px;
	margin-right: 10px;
	margin-bottom: 5px;
	width: 100%;
	padding: 4% 8% 2% 8%;
}

.debit-skin-image-outline.debit-skin-image-transfer {
	padding: 4% 8% 2% 8%;
}

.debit-skin-image {
	width: 358.74px;
	height: 220.85px;
	object-fit: contain;
	display: grid;
	margin: 0 auto 10px;
}

.debit-radio-outline {
	width: 357px;
	height: 48px;
	border: 1px solid #F4F4F4;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 10px;
	text-align: left;
	transition: border-color 0.3s ease;
}

.debit-skin-text {
	width: 180px;
	height: 24px;
	color: #333333;
	font-size: 16px;
	font-family: Open Sans;
	font-weight: 600;
	line-height: 24px;
}

.debit-radio-input {
	margin-right: 8px;
	accent-color: blue;
}

.debit-radio-outline.selected {
	border: 2px solid blue;
	transition: border-color 0.3s ease;
}

@media screen and (max-width: 600px) {
	.debit-skin-container {
		flex-wrap: wrap;
		max-width: 100%;

	}

	.debit-skin-image-outline {
		width: 100%;
		margin-right: 0;
	}

	.debit-skin-image {
		width: 100%;
		height: auto;
	}

	.debit-radio-outline {
		width: 100%;
		padding-left: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 1190px) {
	.wizard__nav-button.confirm-card-button {
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
		display: block !important;
		width: 100% !important;
		padding: 10px 20px;
	}
}

.wizard__nav-button.confirm-card-button {
	margin-left: auto;
	padding: 10px 20px;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	display: block;
	width: fit-content;
	margin-right: -243px;
	background-color: #1d4094;
	border-color: #1d4094;
}

.debit-skin-image:hover {
	transform: scale(1.05);
	transition: transform 0.3s ease;
	cursor: pointer;
}

.debit-modal-header-text {
	width: 448px;
	height: 26px;
	color: #000000;
	font-size: 24px;
	font-family: Open Sans;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 3;
	padding-left: 13px;
	padding-top: 10px;
}

.debit-modal-exit {
	z-index: 1;
}

.view-card-features-icon-container {
	padding: 0 24px;
}

.debit-modal-row {
	display: flex;
	align-items: flex-start;
	margin-bottom: 16px;
}

.debit-modal-image {
	margin-right: 16px;
	flex-shrink: 0;
}

.debit-card-features-icon {
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.debit-text-content {
	display: flex;
	flex-direction: column;
}

.debit-what-to-expect-subtitle {
	font-size: 16px;
	font-weight: 500;
}

.debit-card-features-icon-text {
	font-size: 14px;
	color: #666;
}

.debit-modal-content {
	width: 400px;
	height: 40px;
	color: #333333;
	font-size: 14px;
	font-family: OpenSans-SemiBold;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 20px;
}

.debit-modal-link {
	margin: 0px 0px 24px 0px;
}

.debit-modal-x-exit {
	margin-left: 250px;
}

@media (max-width: 400px) {
	.debit-modal-x-exit {
		margin-left: 0;
		position: absolute;
		right: 16px;
		top: 25px;
	}
}

.view-card-features-modal-container {
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	width: 663px;
	height: 512px;
	background: #FFFFFF;
	box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
}

.debit-card-features-icon-title{
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 4px;
	width: 400px;
}

.debit-modal-header {
	width: 663px;
	height: 70px;
	background: #F2F2F2;
	border-radius: 5px 5px 0px 0px;
	padding-left: 13px;
	margin-bottom: 40px;
}

.debit-modal-footer {
	width: 663px;
	height: 58px;
	background: #F2F2F2;
	border-radius: 0px 0px 5px 5px;
	padding-left: 13px;
	margin-top: 65px;
}

.modal-got-it-button {
	border: 2px solid #000;
	border-radius: 5px;
	padding: 10px 20px;
	font-size: 16px;
	width: auto;
	background-color: #FFF;
	transition: all 0.3s ease;
}


.modal-got-it-button-section {
	float: right;
	padding: 0 20px 20px;
	margin-top: 9px;
}

@media (max-width: 600px) {
	.debit-modal-header-text {
		width: 100%;
		font-size: 14px;
		padding-left: 10px;
		line-height: 5;
	}

	.view-card-features-modal-container {
		width: 90%;
		height: auto;
	}

	.debit-modal-header {
		width: 100%;
		height: 61px;
		padding-left: 10px;
		margin-bottom: 20px;
	}

	.debit-modal-footer {
		width: 100%;
		padding-left: 10px;
		height: 61px;
	}

	.debit-card-features-icon-title {
		font-size: 14px;
		width: 100%;
	}

	.debit-modal-content {
		width: 100%;
		font-size: 12px;
	}

	.modal-got-it-button {
		width: 100%;
		font-size: 14px;
		margin-top : 10px
	}

	.modal-got-it-button-section {
		text-align: center;
		float:none
	}

	.view-card-features-icon-container {
		padding: 0 4px;
	}

	.debit-modal-x-exit {
		margin-left: 85px;
	}
}