:root {
    --btn-bgcolor: #808080;
}

#progressTracker {
    padding: 20px 0 20px;
    font-size: 11px;
}
.agrrement_sec h2{
	    margin: 0 0 10px !important;
}
.preview_cntnt {
    margin-top: 15px;
}

ol.progtrckr li {
    text-transform: uppercase;
    display: inline-flex;
    width: 100% !important;
    position: relative;
    justify-content: center;
	padding:0 5px;
    padding-bottom: 23px;
    letter-spacing: 0.5px;
    font-weight: 500;
	text-align:center;
	line-height: 16px;
}

ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type:none;
	display: flex;
}


ol.progtrckr li.progtrckr-done {
   color: #363d46;
    border-bottom: 4px solid #6f6f6f;
    font-weight: 600;
}
ol.progtrckr li.progtrckr-todo {
    color: #8a8e94; 
    border-bottom: 4px solid #e0e0e0;
}
ol.progtrckr li.progtrckr-not {
    color: var(--red-color); 
    border-bottom: 4px solid var(--red-color);
	 font-weight: 600;
}
ol.progtrckr li:before {
	position: absolute;
    bottom: -12.5px;
    left: 0;
    right: 0;
    margin: 0 auto !important;
	display: flex;
    align-items: center;
    justify-content: center;
	content: "\2713";
	
}
ol.progtrckr li:after {
    position: absolute;
    bottom: -9px;
    color: #d0d0d0;
    z-index: 10;
    font-weight: 900;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    left: 0;
    right: 0;
    font-size: 12px;
    margin: auto;
    display: block;
    text-align: center;
}
ol.progtrckr li.progtrckr-done:before, ol.progtrckr li.progtrckr-todo:before, ol.progtrckr li.progtrckr-not:before  {
	height: 25px;
    width: 25px;
    border: none;
    border-radius: 40px;
	color: #d0d0d0;
    background-color: #fff;
	box-shadow: 0 0 10px rgb(0 0 0 / 25%);
	content:'';
}

ol.progtrckr li.progtrckr-not:before {
	content: "";
    color: white;
	background: linear-gradient(#ff545b, #EB1B23);
	background: -webkit-linear-gradient(#ff545b, #EB1B23);
	background: -moz-linear-gradient(#ff545b, #EB1B23);
	   
}
ol.progtrckr li.progtrckr-not:after{
	color:#fff !important;
}

ol.progtrckr li.progtrckr-done:before {
    background: linear-gradient(#939393, #515151);
    box-shadow: 0 4px 12px rgb(0 0 0 / 12%);
}
ol.progtrckr li.progtrckr-done:after {
    color: #fff !important;
    text-shadow: 0 0 2px rgb(0 0 0 / 16%);
}



div#ViewAgreementModal .modal-body{
	background: #f8f9fb !important;
}
.cust_sec .form_header {
    justify-content: space-between;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e3e3e3;
    padding: 0px 0 15px;
    margin-bottom: 25px;
	background: none !important;
}
.form_header span {
    min-width: 120px;
}

.cred-moni-header span {
    min-width: 100% !important;
}
.frm_infotxt {
    font-size: 18px;
    color: var(--text-color);
    font-weight: 600;
    display: block;
    line-height: normal;
    padding: 0 10px;
}
.cards_div img {
    max-height: 49px;
}

.brndclr_btn, .brndclr_btn:hover{
    background: var(--btn-bgcolor);
    color: #fff;
}
.cstm_btn.brndclr_btn {
    background: #fc0004 !important;
    color: #fff !important;
}
    .cstm_btn.brndclr_btn:hover, .cstm_btn.brndclr_btn:focus {
        background: #fc0004 !important;
        color: #fff !important;
    }

.sm_btn {
    font-size: 13px;
    padding: 7px 15px;
    min-width: auto;
    height: 34px;
}

.credit_brnd h1, .credit_brnd h2, .credit_brnd h1 b, .credit_brnd h2 b, .credit_brnd h1 span, .credit_brnd h2 span {
    font-size: 32px !important;
    font-family: 'Montserrat', sans-serif !important;
}
.credit_brnd h1, .credit_brnd h3 {
    margin-bottom: 0;
    text-align: left;
	line-height: normal;
}
.credit_brnd h2 {
    margin: 0 !important;
	text-align: left;
	line-height: normal;
}

.document_form {
    border: 1px solid #c8ced7;
    border-radius: 5px;
    padding: 15px 15px;
    background: #f8f9fb;
}

.note_label .alert-secondary {
    color: #41464b;
    background-color: #efefef;
    border-color: #efefef;
	padding: 5px;
    font-size: 13px;
}
.note_label {
    margin-top: 7px;
}
.file-upload-wrapper {
    position: relative;
}
.file-upload-button {
    background: #e6e6e6;
    border: none;
    padding: 0.5em 1em;
    position: absolute;
    left: 8px;
    top: 7px;
    border-radius: 4px;
}

.grey-box {
    background: #f8f9fb;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #d8e2ef;
}
.file-upload-input {
    width: 100%;
    outline: none !important;
    padding: 6px 12px;
    height: 50px;
    border: 1px solid #e0e2e4;
    box-shadow: none !important;
    border-radius: 5px !important;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #5e6e82;
    margin-left: 0 !important;
    text-indent: 120px;
}

.thre_bx {
    display: flex;
    margin-left: -3px;
    margin-right: -3px;
}
.thre_bx>div {
    width: 100%;
    padding: 0 3px;
	margin:0px;
}
.thre_bx>.date_bx, .thre_bx>.yer_bx {
    max-width: 130px;
}
.wlcm_btn {
    float: right;
    width: 170px;
    text-align: right;
}


.cmpny_img {
    max-width: 350px;
    width: 100%;
    height: 263px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0px 20px #0000000f;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px;
    border: 1px solid #eee;
}
.cmpny_img img {
    max-width: 100%;
    max-height: 100%;
}
.company_address {
    margin-left: 20px;
	padding-right: 10px;
}
.company_address .d-flex {
    margin-bottom: 12px;
}
.company_address .flex-shrink-0 {
    width: 70px;
    height: 59px;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 25px;
    background: #f9f9f9;
    box-shadow: none;
    border: 1px solid #eee;
}
.company_address .row>div {
    padding-left: 10px;
    padding-right: 10px;
}
.company_address .row {
    margin-left: -10px;
    margin-right: -10px;
}
.company_address .d-flex>.flex-shrink-0>a {
    color: var(--btn-bgcolor);
}
.agreement-down {
	display: flex;
    margin-top: 8px;
}
.thank_you_padd {
    padding: 30px 15px;
}

.proof_id {
    padding: 40px 10px;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.proof_id p.red_color {
    color: var(--red-color) !important;
    font-weight: 500;
    font-size: 13px;
	width: 100%;
	text-align: center;
}
.proof_id h4 {
    font-size: 17px;
    font-weight: 600;
    width: 100%;
}

.company_address .info_txt {
    background: #fff;
    color: #363d46;
    box-shadow: 0 6px 20px #0000000f;
    position: relative;
    margin-left: 4px;
    border-radius: 5px;
    padding: 10px 15px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #eee;
}
.info_txt .info_label {
    font-size: 15px;
    color: #363d46;
    font-weight: 500;
    display: block;
    margin: 0;
    line-height: 18px;
    word-break: break-word;
}
.cards_div {
    height: 50px;
    display: flex;
    align-items: center;
    margin: 19px 0 15px;
}
.form-control-static {
    font-size: 12px;
    margin: 3px 0 0;
}
.form-control-static b {
    font-weight: 500;
}
.white-box {
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #d8e2ef;
    margin-bottom: 1em;
    height: calc(100% - 1em);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.white-box h4 {
    color: #34465d;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding: 1.15em;
    border-bottom: 1px solid #d8e2ef;
}
.proof_div .proof_id {
    padding: 17px 10px;
}
.id-box {
    border-right: 1px solid #d8e2ef;
    border-bottom: 1px solid #d8e2ef;
    padding: 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.id-box img {
    margin-bottom: 0.5em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.id-box small {
    line-height: 16px;
}
.id-box img:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.row.gx-0, .row.gx-0 > div {
    margin: 0;
    padding: 0;
}

.proof_div .proof_id p {
    margin: 0;
}
.preview_cntnt .checkbox_terms .check_label{
	font-size: 13px;
	text-align: justify;
}
.credit_brnd strong, .credit_brnd b {
    font-weight: 700;
}
.preview_cntnt .agrrement_sec h2 {
    word-break: break-word;
}
.company_address .d-flex {
    align-items: inherit !important;
}


.brdr_head  span.steps {
    position: absolute;
    left: 0;
    background: #55555514 !important;
    padding: 15px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    min-width: 100px;
}
.creditM_body h3.brdr_head {
    padding: 15px 10px;
}

.form_body.creditM_body .link_box.credit_brnd, .shadw_2 {
    background: #fff;
    box-shadow: 0 3px 15px rgb(0 0 0 / 13%);
}
.form_body.creditM_body .wht_bx {
    box-shadow: 0 3px 15px rgb(0 0 0 / 13%);
	padding-top: 20px;
}
.form_body.creditM_body .link_box.credit_brnd {
    height: 70px;
    padding: 10px 15px;
	margin-bottom: 6px;
}

.preview_cntnt .new_pricepage .pricing_bx .pricing-head h3.main_heading {
    min-height: 50px !important;
    display: flex;
    align-items: center;
}
.preview_cntnt .new_pricepage .pricing_bx .pricing-head h3~ h4 {
    white-space: nowrap;
}
.sss_layout .control-label{
	line-height:normal;
}

.sss_layout .selectPlan .pricing-head h3.main_heading {
    min-height: 60px !important;
    display: flex;
    align-items: center;
}

#dvBillingAddress a.btn {
    min-width: 60px !important;
}

a[disabled] {
    opacity: 0.555;
}

@media (min-width:1200px){
	.form_body.creditM_body a#SaveBtn{
		width:100%;
	}
}
/* iphone media css start */

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
		
	ol.progtrckr li.progtrckr-done:before, ol.progtrckr li.progtrckr-todo:before, ol.progtrckr li.progtrckr-not:before  {
		box-shadow: 0 0 10px #00000014;
	}
	ol.progtrckr li.progtrckr-done:before {
		box-shadow: 0 4px 12px #0000001f;
	}
	ol.progtrckr li.progtrckr-done:after {
		text-shadow: 0 0 2px #00000029;
	}
	
}


@media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
	ol.progtrckr li.progtrckr-done:before, ol.progtrckr li.progtrckr-todo:before, ol.progtrckr li.progtrckr-not:before  {
		box-shadow: 0 0 10px #00000014;
	}
	ol.progtrckr li.progtrckr-done:before {
		box-shadow: 0 4px 12px #0000001f;
	}
	ol.progtrckr li.progtrckr-done:after {
		text-shadow: 0 0 2px #00000029;
	}
}
/* iphone media css End */

@media (max-width:1399px){
	.cstmrform.grey-box {
		margin-top: 20px;
	}
}

@media (max-width:1199px){
	ol.progtrckr li {
		font-size: 12px;
		line-height: normal;
		    padding-bottom: 32px;
	}
	ol.progtrckr li:after{
		bottom: -6px;
	}
	.frm_infotxt {
		font-size: 16px;
	}
	.info_txt .info_label{
		font-size:14px;
	}
	.company_address .d-flex {
		margin-bottom: 8px;
	}
	body .Specialdiv label, body .Specialdiv #dvActDisclosure, body .Specialdiv #collapseActRightToCancel, body .Specialdiv #collapsePaymentMethod, body .Specialdiv #collapseAgreement, body .Specialdiv #collapseElectronicSignature, body .Specialdiv li, body .Specialdiv p, body .Specialdiv b, body .Specialdiv span, body .Specialdiv h1, body .Specialdiv h2, body .Specialdiv h3, body .Specialdiv h4, body .Specialdiv h5, body .Specialdiv h6, body .Specialdiv a, body .Specialdiv button, body .Specialdiv input, body .Specialdiv .fnt_13, body .Specialdiv .control-label, body .Specialdiv .form-control, body .Specialdiv .headerbg .main_heading, body .Specialdiv textarea {
		font-size: 16px !important;
		font-family: Montserrat !important;
	}
}

@media (max-width:991px){
	ol.progtrckr{
		overflow-x: auto;
		min-height: 90px;
		padding-bottom: 35px;
		font-size: 16px !important;
	}
	ol.progtrckr li{
		padding: 0 10px;
		padding-bottom: 32px;
		min-width: 105px;
	}
	.frm_infotxt {
		font-size: 14px;
	}
	.thre_bx>.date_bx, .thre_bx>.yer_bx {
		max-width: 100px;
	}
	.cards_div {
		margin: 0px 0 15px;
		height: 42px;
	}
	#progressTracker{
		padding: 0;
	}
	.company_address .flex-shrink-0 {
		width: 60px;
		height: 58px;
		font-size: 22px;
	}
	.company_address .info_txt {
		padding: 7px 13px;
	}
	.info_txt .info_label {
		font-size: 14px;
		line-height: 16px;
	}
	.thank_you_padd .cmpny_img {
		height: 235px;
        width: 100%;
        min-width: 225px;
        margin-left: 0;
        max-width: 100%;
	}
	.company_address {
		margin-left: 0;
		padding-right: 3px;
	}
	.creditM_body h3.brdr_head {
		font-size: 16px;
	}
	.preview_cntnt .new_pricepage .pricing_bx .pricing-head h3~ h4 {
		font-size: 13px !important;
	}
	
	.credit_brnd h1, .credit_brnd h2, .credit_brnd h1 b, .credit_brnd h2 b, .credit_brnd h1 span, .credit_brnd h2 span{
		font-size:30px !important;
	}
   body .Specialdiv label, body .Specialdiv #dvActDisclosure, body .Specialdiv #collapseActRightToCancel, body .Specialdiv #collapsePaymentMethod, body .Specialdiv #collapseAgreement, body .Specialdiv #collapseElectronicSignature, body .Specialdiv li, body .Specialdiv p, body .Specialdiv b, body .Specialdiv span, body .Specialdiv h1, body .Specialdiv h2, body .Specialdiv h3, body .Specialdiv h4, body .Specialdiv h5, body .Specialdiv h6, body .Specialdiv a, body .Specialdiv button, body .Specialdiv input, body .Specialdiv .fnt_13, body .Specialdiv .control-label, body .Specialdiv .form-control, body .Specialdiv .headerbg .main_heading, body .Specialdiv textarea {
        font-size: 14px !important;
    }

}

@media (max-width:767px){
	.company_address {
		margin-left: 0;
		margin-top: 30px;
	}
	.cmpny_img {
		margin: 0 auto;		
	}
	.cust_sec .form_header {
		flex-wrap: wrap;
	}
	.form_header span {
		min-width: 0;
	}
	span.frm_infotxt {
		order: -1;
		text-align: left;
		margin: 0 0 10px;
		font-size: 14px;
		padding: 0;
		width: 100%;
	}
	.crdt_cred.proof_div > .row > div:last-child > .white-box {
		margin: 0;
		height: auto;
	}
	.preview_cntnt .checkbox_terms .check_label{
		font-size: 12px;
	}
	.doc_upload div#documentproof .proof_id {
		height: 88px !important;
	}
	
	
	
	.creditM_body h3.brdr_head {
        text-align: left !important;
        display: block !important;
        padding: 6px 15px !important;
		padding-top: 64px !important;
    }
	.creditM_body h3.brdr_head i {
        font-size: 18px;
        margin-right: 0;
        width: 25px;
        text-align: center;
    }
	.form_body.creditM_body .link_box.credit_brnd a.btn.cstm_btn.brndclr_btn {
		margin-left: 10px;
	}
	    .brdr_head span.steps {
        position: absolute;
        display: inline-block;
        text-align: center;
        left: 0;
        top: 0;
        bottom: auto;
    }
	.preview_cntnt .new_pricepage .pricing_bx .pricing-head h3.main_heading {
		min-height: 20px !important;
	}
}



@media (max-width:610px){
	.sss_layout .crdt_cred .row >.col-sm-6:nth-child(3), .sss_layout .crdt_cred .row >.col-sm-6:nth-child(4) {
		width: 100% !important;
	}

	
}

@media (max-width:575px){
	.thre_bx {
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	.thre_bx > .date_bx, .thre_bx >.yer_bx {
	    max-width: 50%;
	}
	.company_address .info_txt {
		padding: 8px 10px;
	}
	.agreement-down {
		display: block;
		text-align: center;
	}
	.agreement-down a.cstm_btn.redbtn {
		margin-bottom: 5px;
	}
	.info_txt .info_label {
		font-size: 13px;
		line-height: normal;
	}

	.thre_bx .mnth {
		margin-bottom: 5px !important;
	}
	.cards_div {
		margin: 0px 0 13px;
	}
	.company_address .flex-shrink-0 {
		width: 52px;
		height: 52px;
		font-size: 18px;
	}
	.thank_you_padd {
		padding: 25px 15px;
	}
}

@media (max-width:500px){
	.wlcm_btn {
		animation: none;
		width: 100%;
		text-align: right;
	}
	
	.company_address .agreement-down a.cstm_btn {
		width: 100%;
	}
	.company_address .agreement-down a.cstm_btn:last-child {
		margin: 4px 0 0 0 !important;
	}
	
	.form_body.creditM_body .crdt_motrg .credit_brnd img {
		max-width: 150px;
	}
	ol.progtrckr li{
		font-size:12px !important;
	}
	.creditM_body .credit_brnd .cstm_btn {
		min-width: 88px !important;
		height: 34px !important;
	}

}

@media (max-width:370px){
	.credit_brnd h1, .credit_brnd h2, .credit_brnd h1 b, .credit_brnd h2 b, .credit_brnd h1 span, .credit_brnd h2 span{
		font-size: 26px !important;
	}
	.credit_brnd h3 {
		font-size: 14px !important;
	}
	.cust_sec.wht_bx.padd_15 {
		padding: 14px 12px;
	}
	.document_form {
		padding: 14px 13px;
	}
	
}