/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 @import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
  
   /*.main {*/
   /*     margin-top: 5rem;*/
   /*}*/
   .upload-application-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 66% !important;
   }
   
   .upload-application-container a{
        width: 50% !important;
   }
        
   .upload-application-container  p {
        width: 50% !important; 
    }
   
  .main-top {
        max-width: 900px;
        margin: 0px auto;
    }
    
    .let-in {
        margin: 0px auto 0px;
        max-width: 70%;
        margin-left: 0px;
    }
    .let-content p, .let-in p {
        margin: 5px 0px;
        font-size: 18px;
        font-family: sans-serif;
        padding: 0px 20px 0px 20px;
        font-weight: 600;
    	    line-height: 20px
    }
    .top-logo img {
    width: 75%;
    }
    .let-term p, .let-button-col p {
        line-height: 25px;
    }
    
        .let-term-main div:first-child p {
        color:#58DADF;
        font-size: 25px;
        height: 50px;
        font-weight: 800;
        font-family: "Archivo Black", sans-serif;
        text-transform: uppercase;
    }
    .top-logo {
        text-align: center;
    }
    
    img.let-img {
        width: 100%;
        height: 26px;
    }
    
    .let-term,
    .let-term-main {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .let-term {
        margin-bottom: 20px;
    }
    
    .let-term div,
    .let-term-main div {
        width: 23.33%;
    }
    .let-term-main div:first-child {
        border: none !important;
        padding-left: 0px !important;
        width: 30%;
    }
    
    .let-term-main div {
        border-left: 1px solid #000;
    }
    
    .let-term-main div:first-child {
        border: none !important;
        padding-left: 0px !important;
    }
    
    
    p.let-appli {
        text-align: center;
        font-size: 20px;
        max-width: 650px;
        margin: 20px auto 30px;
        margin-right: 0px;
    }
    
    .let-button-col {
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        margin-top: 30px;
        margin-bottom:30px;
    }
    

  .let-button-col a, .pdf-download a {
    text-decoration: none;
    background: #7691f3;
    padding: 12px 50px;
    color: #fff;
    font-family: sans-serif;
    font-size: 18px;
    display: block;
    width: max-content;
    margin: 0px auto;
    margin-bottom: 15px;
    }
    
.pdf-download {
    text-align: center;
    width: 30%;
    margin: 0px auto 0px;
    margin-right: 0px;
} 
    .pdf-download p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    
    .let-term-main p {
        padding: 15px 20px;
        }
    .let-term div:first-child, .let-button-col div:first-child {
        width: 30%;
    }
    .let-button-col div {
        width: 23.33%;
        text-align: center;
    }
	.let-cash p {
    padding-top: 5px;
    }
    p.let-psa {
        font-size: 25px !important;
        color: #5271FF !important;
    }
/*.green_text p.let-psa {*/
/*    color: green !important;*/
/*}*/
        .let-tooltip {
            position: relative;
            display: inline-block;
            cursor: pointer;
        }

        .let-tooltip .tooltip-text {
            visibility: hidden;
            width: max-content;
            background-color: #5fd5e7;
            color: #fff;
            text-align: center;
            border-radius: 5px;
            padding: 5px 10px;
            position: absolute;
            z-index: 1;
            bottom: 90%;
            left: 50%;
            opacity: 0;
            transition: opacity 0.3s;
            transform: translateX(-50%);
            font-size: 18px;
            font-weight: normal;
        }

        .let-tooltip:hover .tooltip-text {
            visibility: visible;
            opacity: 1;
        }
        
        span.let-star {
    color: #5271ff;
    font-size: 22px;
}

    .popup {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto; 
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
    }
    .popup-content {
        background-color: #5fd5e7;
        margin: 15% auto;
        padding: 40px 20px 40px;
        width: 60%;
        border-radius: 10px;
        position: relative;
    }
    .close {
        color: #000;
        float: right;
        font-weight: bold;
        background: #fff;
        z-index: 99;
        position: absolute;
        right: 0;
        opacity: 1 !important;
        top: 0;
        width: 30px;
        height: 30px;
        font-size: 25px;
        border-radius: 0px 10px 0px 0px;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .popup-content p {
        font-weight: normal !important;
        color: #fff;
        text-align: center;
        line-height: 22px;
        margin: 0px;
        padding: 0px;
    }

    #emailPopup .popup-content {
        background-color: #ffffff;
        width: 40%;
    }
    #emailPopup .popup-content p {
        color: #f00;
    }
    #emailPopup .popup-content span.close {
        background: #000000;
        color: #fff;
        box-shadow: none !important;
        font-size: 20px;
    }

.let-term p {
    text-transform: uppercase;
    font-weight: 700;
}
.let-term div:first-child p {
    text-transform: capitalize;
}
.let-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #000000ad;
    width: 100%;
    height: 100vh;
    transform: translate(-50%, -50%);
	display:flex;
    text-align: center;
    justify-content: center;
    align-items: center;
	opacity:0;
	z-index:-1;
}
.let-loading.active{
	opacity:1;
	z-index:0;
}

.let-loading img {
    max-width: 200px !important;
    transform: scale(1.5);
}

.let-loading p {
    text-align: center;
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-top: -35px;
}
a#download-pdf-btn {
    text-decoration: none;
    margin-right: 0px;
    background: none;
    padding: 0px;
}
a#download-pdf-btn:hover {
    color: #fff;
}
#download-pdf-btn img {
    width: 100%;
    max-width: 40px;
    margin-right: 10px;
    margin-top: -2px;
}
.let-pdf-col-a {
    display: flex;
    align-items: flex-start;
    max-width: 900px;
    margin: 50px auto;
}
.pdf-page-logo input::placeholder {
    font-size: 12px;
}

summary {
    scroll-margin-top: 70px; /* Same as your navbar height */
}







@media screen and (min-width: 825px) and (max-width: 1200px) {
   .let-pdf-col-a {
        width: 75%;
    }
}

@media (max-width:825px){
    .main-top {
    overflow-x: hidden;
    max-width: 100% !important;
}
    .let-content{
        width: 100%;
        margin: 0px auto;
    }
    .let-in {
        max-width: 750px;
        margin: 0px auto 30px;        
        margin-left: 0px;
    }
    p.let-psa {
        font-size: 20px !important;
    }
	.top-logo img{
	    width:100%;
	}
	.popup-content p {
        line-height: 22px;
    }
	.let-term-main div:first-child p {
    font-size: 20px;
}
.let-content p, .let-in p {
    font-size: 16px;
}
.let-pdf-col-a {
        margin-bottom: 0px;
    }
	
}

.main-upload-doc .uploadLableContainer{
   flex:20 !important;
}
.main-upload-doc .uploadInnerContainer{
   flex: 80 !important;
   display: flex;
   justify-content: center;
   align-items: center;
}
.main-form .applicationApprovedContainer {
    color: #333; 
    padding-left:160px;
    
    h1 {
    font-size: 28px; 
    font-weight: semi-bold;
    }
    .approvedMessage {
    margin: 0 0 10px 0;
    }
    .companyDetailContainer {
        display: flex; 
        gap: 28px; 
        margin: 10px; 
        align-items: center;
        
        img {
        width: 190px;
        }
        .companyDetail {
            line-height: 1.1;
        }
    }
}

@media (max-width:825px){
.main .sticky-header {
    top: 74px !important;
    margin-bottom: 70px !important;
}
.let-site-inner-col-input input {
    font-size: 12px !important;
    padding: 0px 0px 0px 4px!important;
    text-align: start !important;
} 
.let-site-inner-col-input1 input {
    font-size: 12px !important;
} 
.textareaLabel {
    height: 35px !important;
    textarea {
    font-size: 12px !important;
    height: 100% !important;
    padding: 0px 0px 0px 4px!important;
    text-align: start !important;
    }
}
.main-form h5 {
    font-size: 15px !important;
    padding-right: 180px !important;
}

.let-upload-doc {
    max-width: 400px !important;
    padding: 20px !important;
    .main-upload-doc p{
    font-size:14px !important;
    }
    .main-upload-doc .uploadLableContainer{
    flex:30 !important;
    }
    .main-upload-doc .uploadInnerContainer{
    flex:70 !important;
     justify-content: space-around !important;
    }
    .let-upload-files {
    margin-left: 40px !important;
}
}
.main-form .applicationApprovedContainer {
    padding: 0 !important;
    
    .companyDetailContainer {
        font-size: 14px !important;
        gap: 8px !important;
        margin: 0px !important;
        padding: 0px 13px 0px 0px !important;
    }
    img {
        /*width: 150px !important;*/
    }
}
/*.main-form .mobileTextWrap {*/
/*    padding-right: 155px !important;*/
/*}*/
.main-form {
    details.Personal-info {
        summary {
            &::before {
                font-size: 12px !important;
            }
        }
    }

}
.let-check-box-form .second-check {
    margin-left: 18px !important;
}
.let-check-box-form .ckeck-text {
    margin-left: 25px !important;
}
}
.let-button-col div:first-child {
    display: none;
}
.let-button-col div {
    width: 33.33%;
}
.let-button-col a, .pdf-download a {
    padding: 8px 20px;
    font-size: 16px;
}
.let-term-main div:first-child {
    width: 14%;
}
.let-term-main div {
    width: 22%;
}
.let-term-main div:first-child p {
    font-size: 13px !important;
    padding-left: 0px;
    padding-right: 0px;
}
.let-content p {
    font-size: 13px;
    line-height: 20px;
    padding: 15px 5px;
}
.let-in p {
    font-size: 13px;
	padding: 1px 20px 0px 0px;
}
.let-term {
    margin-bottom: 0px;
}
.let-tooltip .tooltip-text {
    width: 280px;
}
.popup-content {
    padding: 30px 20px 10px;
    width: 90%;
}
.let-term div {
    width: 24.33%;
}
.let-term div:first-child {
    width: 18%;
}
.let-term div p {
    padding: 0px;
    font-size: 11px;
    line-height: 16px;
    font-weight: 800;
}
    
}


@media (max-width:500px){
    .let-pdf-col-a {
        position: relative;
    }
    .pdf-download {
        position: absolute;
        top: -30px;
        right: 0;
    }
    .let-term div p {
        font-size: 12px;
        word-wrap: break-word;
        margin-left: 5px;
    }

}


.let-logo {
    /*display:flex;*/
    text-align: center;
    margin-top: 20px;
}
.let-logo img {
    max-width: 250px;
    width: 100%;
}

/*.let-logo .current {*/
/*    flex: 1.45;*/
/*}*/

/*.let-logo .next {*/
/*    flex: 1;*/
/*}*/
        

.let-logo .current p {
    text-align: center;
    font-size: 18px;
    /*background: #62DEE3;*/
    background-image: linear-gradient(90deg, #60D5E7 45%, #6AB4EF 54%);
    font-weight: 600;
    padding: 3px;
    /*border: 1px solid black;*/
} 
/*.let-logo .next p {*/
/*    text-align: right;*/
/*    font-size: 18px;*/
/*    background: #78d9e9;*/
/*    font-weight: 600;*/
/*    padding: 3px 5rem 3px 3px;*/
    /*padding-right: 50px !important;*/
/*}*/



.main-form {
    max-width: 1200px;
    margin: 0px auto;
}
.main-form h5 {
    font-weight: 500;
    background: #78d9e9;
    font-size: 16px;
    padding: 5px 10px;
    margin: 0px;
    margin-bottom: 10px;
}
.let-entity {
    display: grid;
    align-items: center;
    column-gap: 30px;
    grid-template-columns: 1fr 1fr;
    row-gap: 15px;
}
.let-entity p {
    margin: 0px;
}
.main-form input {
    width: 100% !important;
    height: 35px;
    box-shadow: none;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-left: 15px;
}

.main-form #addPropertyBtn {
    width: 30%; 
    height: 35px; 
    margin-bottom: 10px;
    box-shadow: none; 
    font-size: 16px; 
    border: 1px solid #ccc; 
    border-radius: 5px; 
    padding-left: 15px;
    background: transparent;
    font-weight: 600;
    color: black;
    border: none;
    cursor: pointer;"
}

.main-form label {
    font-size: 15px;
    margin-left: 3px;
}
.main-form input:focus {
    outline: none;
}
.entity-info, .Personal-info {
    margin-bottom: 35px;
}
.let-Personal {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    column-gap: 30px;
    row-gap: 15px;
}
.let-Personal p{
    margin: 0px;
}
.let-entity input {
    width: 97.3%;
}
.let-declaeation p {
    margin: 0px;
    font-size: 15px;
    line-height: 25px;
}
.let-declaeation {
    margin: 50px 0px 30px;
}
.let-aggrement h3 {
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
}
.let-aggrement p {
    font-size: 12px;
    line-height: 20px;
}
.main-form h4 {
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}
.checks {
    display: flex;
    column-gap: 20px;
    align-items: center;
}
.checks input {
    width: 20px;
}
.checks div {
    align-items: center;
    display: flex;
}
.let-plus {
    text-align: center;
    font-size: 16px;
    max-width: 600px;
    margin: 0px auto 25px;
    
}

#trackRecordStickyHeader {
 background-image: linear-gradient(90deg, #60D5E7 45%, #6AB4EF 54%);
}

.pdf-page-logo img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: inherit !important;
}

span.star {
    color: #ff0000;
}
.hidden{
	display:none;
}



@media (max-width:1024px){
	.let-entity input {
		width: 93%;
	}
	.main-form input {
		width: 90%;
	}
	.main-form {
		padding: 0px 10px;
	}
	.main-form label {
		font-size: 13px;
		line-height: 15px;
	}
	
}


@media (max-width:767px){
	.let-Personal, .let-entity {
		grid-template-columns: 1fr;
	}
	.let-entity input, .main-form input{
		width: 94%;
	}



}



.let-doller-sign {
    position: relative;
}
.let-doller-sign span.dollar-sign {
    top: 32px !important;
    left: 20px !important;
}

/* new upload css*/
.let-upload-doc {
			max-width: 900px;
			margin: 70px auto;
			box-shadow: 0px 0px 5px 0px #ccc;
			padding: 50px;
			border-radius: 20px;
		}
		.main-upload-doc {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 20px;
		}
		.main-upload-doc p {
			margin: 0px;
			text-align: left;
			font-size: 16px;
			text-transform: capitalize;
			width: 100%;
			font-weight: 600;
		}
		.main-upload-doc .download_template {
            color: #09e8fd;
            text-transform: none !important;
		}
		.main-upload-doc .download_template:hover {
            color: #06CADD;
		}
		.labelContainer {
		    width: 30% !important;
		}
		.labelContainer p {
		  width: 100% !important;
		}
		.let-upload-files {
			position: relative;
			width: 40% !important;
		}
		input.upload-files {
			width: 100%;
			margin-left:10px;
			overflow:hidden;
		}
		.uploded-doc {
			width: 10% !important;
			border: 1px solid #000;
			padding: 5px;
			border-radius: 5px;
			position: relative;
		}
		.uploded-doc img {
			width: 65.5px;
			height: 40px;
			object-fit: contain;
		}
		.remove-btn {
			position: absolute;
			top: 0px;
			right: 0px;
			/*z-index: 999;*/
			background: #09e8fd;
			padding: 2px 4px;
			border-radius: 0px 5px 0px 0px;
			color: #fff;
			font-size: 13px;
			cursor: pointer;
		}
		.upload-btn {
			position: absolute;
			top: -2px;
			left: 0;
			background-color: #09e8fd;
			color: #fff;
			border: none;
			border-radius: 2px;
			cursor: pointer;
			text-align: center;
			width: 107px;
			padding: 8px 0px;
			font-size: 16px;
		}
		.more-files {
			text-indent: -7px;
		}	
		.upload-btn:hover {
			background-color: #06cadd;
		}

/*new */
.let-check-box-form .first-check{
    width: 5%;
    display: flex;
    align-items: center;
}
.let-check-box-form {
    display: flex;
    align-items: flex-start;
    column-gap: 10px;
	margin-bottom: 10px;
}
.let-check-box-form .ckeck-text {
    width: 90%;
}
.let-check-box-form .first-check input {
    height: 17px;
    width: 17px;
}
.let-check-box-form .first-check label {
    margin-bottom: 0px;
    margin-left: 5px;
}
.let-check-box-form .ckeck-text p {
    margin: 0px;
	font-size:13px;
}

/*new 2*/
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.page-id-2016 .main-form.step8{
    max-width: 1100px;
}


.from-group-inputs label {
    margin-right: 10px;
    margin-bottom: 0px;
}
.from-group-inputs input, .step8-checkbox input {
    height: 20px;
    width: 20px !important;
}
.from-group-inputs, .step8-checkbox {
    display: flex;
    align-items: center;
}
.step8 p, .step8 label, .step8 table th {
    font-size: 12px !important;
}
.step8 label{
	
	margin-bottom:0px;
}
.step8-checkbox {
    margin-bottom: 7px;
}
.step8 tbody>tr th, .step8 tbody>tr td {
    background-color: #fff !important;
}
.Personal-info table tr td input {
    border: none;
}
.Personal-info .table-row-data tr td {
    padding: 0px !important;
}
.let-guarantor label {
    display: flex;
    align-items: flex-end;
}
.let-guarantor label input {
    width: 250px;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0px;
}
.step8 .form-group {
    margin-bottom: 0px;
}
.border__bottom {
	border: navajowhite !important;
	border-bottom: 1px solid #000 !important;
	border-radius: 0px !important;
}
.let-site-inner-col {
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin-bottom: 20px;
}
.let-site-inner-col-label {
    width: 30%;
}
.let-site-inner-col-input {
    width: 25%;
}
.let-site-inner-col-input1 {
    width: 45%;
}
.main-upload-doc p:first-child {
    padding-right: 30px;
}
.let-upload-files input::-webkit-file-upload-button{
	opacity:0;
}
.hidden {
    display: none;
}
.itm-top {
    align-items: flex-start !important;
}
.itm-top button {
    padding: 5px 20px;
    margin-bottom: 25px;
    border: 1px solid #78d9e9;
    background-color: #78d9e9 !important;
    color: black !important;
	cursor:pointer !important;
}

.itm-top button:focus {
    outline: none;
}
.lt-main-dat-pdf {
    max-width: 800px;
    margin: 0px auto;
}
.lt-main-dat-pdf .top-logo img {
    width: 100%;
    margin-bottom: 20px;
}
.inner-form.multi-form p {
    position: relative;
}

#loan_option_a {
        background: #007bff;
}
#loan_option_b {
    background: #28a745;
}

.loan-option button {
    font-size: 15px;
    color: white;
    text-align: center;
}
.loan-option button:hover {
    opacity: 0.9;
    transform: translateY(-3px);
}