/* General Form Styling */
#monmouth-form.borrow-form {
    background: #1c304c;
    padding: 15px;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 10px;
    font-family: "Figtree", sans-serif;
}

/* Step Container */
#monmouth-form .form-step {
    display: none;
    background: #1c304c;
    padding: 10px;
    border-radius: 10px;
}

#monmouth-form .form-step h5 {
    text-align: center;
    margin-bottom: 20px;
    font-family: "Ivy Presto Headline", serif;
    color: #ffffff;
}

/* Loan Type Options */
#monmouth-form .loan-type-options {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

#monmouth-form .loan-type-option {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    flex: 1;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 600;
    margin: 0 !important;
    min-width: 30%;
}

#monmouth-form .loan-type-option:hover {
    border-color: #ffaff3;
}

/* Hide default radio button */
#monmouth-form .loan-type-option input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

#monmouth-form .loan-type-option img {
    height: 60px;
}

/* When checked */
#monmouth-form .loan-type-option:has(input[type="radio"]:checked) {
    border: 2px solid #ffaff3;
}

/* Add pink dot in corner when checked */
#monmouth-form .loan-type-option:has(input[type="radio"]:checked)::before {
    content: "";
    width: 15px;
    height: 15px;
    background: #ffaff3;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}

/* Change title text when checked - navy color */
#monmouth-form .loan-type-option:has(input[type="radio"]:checked) .option-title {
    font-weight: bold;
    color: #142235;
}

/* Option Icon Container */
#monmouth-form .option-icon-container {
    margin-bottom: 10px;
}

/* Title below the icon */
#monmouth-form .option-title {
    font-size: 14px;
    color: #142235;
}

/* Input & Select Fields */
#monmouth-form input,
#monmouth-form select {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 16px;
    line-height: 1em;
    background-color: #fff;
    min-width: 46px;
}

#monmouth-form select {
    cursor: pointer;
}

#monmouth-form .input-container {
    display: flex;
    align-items: center;
    padding: 0 1rem;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
}

#monmouth-form .currency-symbol {
    font-size: 18px;
    font-weight: bold;
    margin-right: 0.5rem;
    color: #333;
}

#monmouth-form .input-container input {
    border: none;
    outline: none;
    flex: 1;
    font-size: 18px;
    color: #333;
    padding: 10px;
    background-color: transparent;
    margin-bottom: 0 !important;
}

#monmouth-form .email-field {
    border: none;
    outline: none;
    flex: 1;
    font-size: 18px;
    color: #333;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
}

/* Button Styles */
#monmouth-form button {
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    background-color: #ffaff3;
    color: white;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    transition: background 0.3s;
}

#monmouth-form button:hover {
    opacity: 0.9;
}

/* Previous & Next Button Container */
#monmouth-form .button-cont {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

/* Hide Dropdown Initially */
#monmouth-form #company_results {
    display: none;
}

/* Unsecured Loan Section */
#monmouth-form #loan-count-section {
    display: none;
}

/* Equipment Financing Sub-flows */
#monmouth-form .purchase-fields,
#monmouth-form .refinance-fields {
    display: none;
    background: #1c304c;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

#monmouth-form .purchase-fields.active,
#monmouth-form .refinance-fields.active {
    display: block;
}

/* Success Message */
#monmouth-form #success-message {
    text-align: center;
    padding: 20px;
    border: 2px solid #ffaff3;
    background: #fff;
    border-radius: 10px;
}

#monmouth-form h5 {
    margin-bottom: 20px;
}

select#company_results{
    margin-top: 20px;
    min-height: 46px;
}

#monmouth-form button.next-step:disabled {
    background-color: #b5b5b5 !important;
}

#monmouth-form button.submit-form:disabled {
    background-color: #b5b5b5 !important;
}

#monmouth-form .amount-field-sign {
    display: flex;
    flex-direction: row;
    gap: 0;
    margin-bottom: 15px;
}

#monmouth-form .amount-field-sign input {
    margin: 0 !important;
    border-radius: 0 5px 5px 0 !important;
}

#monmouth-form .currency-symbol {
    display: flex;
    align-items: center;
    width: 30px;
    justify-content: center;
    background-color: #d9d9d9;
    border-radius: 5px 0 0 5px;
    margin: 0 !important;
}


/* Container for Customer Type Options */
#monmouth-form .customer-type-options {
    display: grid;
    justify-content: space-between;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 15px;
}

/* Customer Type Option styling */
#monmouth-form .customer-type-option {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    flex: 1;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 600;
    margin: 0 !important;
}

/* Hover effect */
#monmouth-form .customer-type-option:hover {
    border-color: #ffaff3;
}

/* Hide default radio button */
#monmouth-form .customer-type-option input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

/* When checked, show border */
#monmouth-form .customer-type-option:has(input[type="radio"]:checked) {
    border: 2px solid #ffaff3;
}

/* Blue dot indicator when checked */
#monmouth-form .customer-type-option:has(input[type="radio"]:checked)::before {
    content: "";
    width: 15px;
    height: 15px;
    background: #ffaff3;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}

/* Change text styling when checked */
#monmouth-form .customer-type-option:has(input[type="radio"]:checked) span {
    font-weight: bold;
    color: #ffaff3;
}


/* Container for Homeowner Options */
#monmouth-form .homeowner-options {
    display: grid;
    justify-content: space-between;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 15px;
}

/* Styling for each Homeowner Option */
#monmouth-form .homeowner-option {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    flex: 1;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 600;
    margin: 0 !important;
}

/* Hover effect */
#monmouth-form .homeowner-option:hover {
    border-color: #ffaff3;
}

/* Hide default radio button */
#monmouth-form .homeowner-option input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

/* When checked, show border */
#monmouth-form .homeowner-option:has(input[type="radio"]:checked) {
    border: 2px solid #ffaff3;
}

/* Blue dot indicator when checked */
#monmouth-form .homeowner-option:has(input[type="radio"]:checked)::before {
    content: "";
    width: 15px;
    height: 15px;
    background: #ffaff3;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}

/* Change text styling when checked */
#monmouth-form .homeowner-option:has(input[type="radio"]:checked) span {
    font-weight: bold;
    color: #ffaff3;
}


/* Container for Unsecured Loans Options */
#monmouth-form .unsecured-loans-options {
    display: grid;
    justify-content: space-between;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 15px;
}

/* Styling for each Unsecured Loans Option */
#monmouth-form .unsecured-loans-option {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    flex: 1;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 600;
    margin: 0 !important;
}

/* Hover effect */
#monmouth-form .unsecured-loans-option:hover {
    border-color: #ffaff3;
}

/* Hide default radio button */
#monmouth-form .unsecured-loans-option input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

/* When checked, show border */
#monmouth-form .unsecured-loans-option:has(input[type="radio"]:checked) {
    border: 2px solid #ffaff3;
}

/* Blue dot indicator when checked */
#monmouth-form .unsecured-loans-option:has(input[type="radio"]:checked)::before {
    content: "";
    width: 15px;
    height: 15px;
    background: #ffaff3;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}

/* Change text styling when checked */
#monmouth-form .unsecured-loans-option:has(input[type="radio"]:checked) span {
    font-weight: bold;
    color: #ffaff3;
}


#monmouth-form .select2-container .select2-selection--single {
    height: 40px !important;
}

#monmouth-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}

#monmouth-form .select2-container{
    margin-bottom: 15px;
}

/* Container for Equipment Type Options */
#monmouth-form .equipment-type-options {
    display: grid;
    justify-content: space-between;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 15px;
}

/* Styling for each Equipment Type Option */
#monmouth-form .equipment-type-option {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    flex: 1;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 600;
    margin: 0 !important;
}

/* Hover effect */
#monmouth-form .equipment-type-option:hover {
    border-color: #ffaff3;
}

/* Hide the default radio button */
#monmouth-form .equipment-type-option input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

/* When checked, show a border */
#monmouth-form .equipment-type-option:has(input[type="radio"]:checked) {
    border: 2px solid #ffaff3;
}

/* Blue dot indicator when checked */
#monmouth-form .equipment-type-option:has(input[type="radio"]:checked)::before {
    content: "";
    width: 15px;
    height: 15px;
    background: #ffaff3;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}

/* Change text styling when checked */
#monmouth-form .equipment-type-option:has(input[type="radio"]:checked) span {
    font-weight: bold;
    color: #ffaff3;
}


/* Container for Refinance Homeowner Options */
#monmouth-form .refinance-homeowner-options {
    display: grid;
    justify-content: space-between;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 15px;
}

/* Styling for each Refinance Homeowner Option */
#monmouth-form .refinance-homeowner-option {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    flex: 1;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 600;
    margin: 0 !important;
}

/* Hover effect */
#monmouth-form .refinance-homeowner-option:hover {
    border-color: #ffaff3;
}

/* Hide the default radio button */
#monmouth-form .refinance-homeowner-option input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

/* When checked, show a border */
#monmouth-form .refinance-homeowner-option:has(input[type="radio"]:checked) {
    border: 2px solid #ffaff3;
}

/* Blue dot indicator when checked */
#monmouth-form .refinance-homeowner-option:has(input[type="radio"]:checked)::before {
    content: "";
    width: 15px;
    height: 15px;
    background: #ffaff3;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}

/* Change text styling when checked */
#monmouth-form .refinance-homeowner-option:has(input[type="radio"]:checked) span {
    font-weight: bold;
    color: #ffaff3;
}



/* Container for Loan Duration Options */
#monmouth-form .loan-duration-options {
    display: grid;
    justify-content: space-between;
    gap: 10px;
    grid-template-columns: repeat(4,1fr);
    margin-bottom: 15px;
}

/* Styling for each Loan Duration Option */
#monmouth-form .loan-duration-option {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 600;
    margin: 0 !important;
}

/* Hover effect */
#monmouth-form .loan-duration-option:hover {
    border-color: #ffaff3;
}

/* Hide the default radio button */
#monmouth-form .loan-duration-option input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

/* When checked, show a border */
#monmouth-form .loan-duration-option:has(input[type="radio"]:checked) {
    border: 2px solid #ffaff3;
}

/* Blue dot indicator when checked */
#monmouth-form .loan-duration-option:has(input[type="radio"]:checked)::before {
    content: "";
    width: 15px;
    height: 15px;
    background: #ffaff3;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}

/* Change text styling when checked */
#monmouth-form .loan-duration-option:has(input[type="radio"]:checked) span {
    font-weight: bold;
    color: #ffaff3;
}

.loan-duration-options>.loan-duration-option:last-child {
    grid-column: 2 span;
}

button.back-step {
    background-color: #ffffff !important;
    color: #142235 !important;
}

.button-group .next-step {
    order: 2;
}

.button-group {
    display: grid;
    gap: 20px; 
    grid-template-columns: 1fr 3fr;
}

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

.amount-loan-start {
    line-height: 1em;
    padding: 5px;
    border-radius: 5px;
    background-color: #71d38d;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    font-family: "Ivy Presto Headline", serif;
}



/* Container for Business Age Options */
#monmouth-form .business-age-options {
    display: grid;
    justify-content: space-between;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 15px;
}

/* Styling for each Business Age Option */
#monmouth-form .business-age-option {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 600;
    margin: 0 !important;
}

/* Hover effect */
#monmouth-form .business-age-option:hover {
    border-color: #ffaff3;
}

/* Hide the default radio button */
#monmouth-form .business-age-option input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

/* When checked, show a border */
#monmouth-form .business-age-option:has(input[type="radio"]:checked) {
    border: 2px solid #ffaff3;
}

/* Blue dot indicator when checked */
#monmouth-form .business-age-option:has(input[type="radio"]:checked)::before {
    content: "";
    width: 15px;
    height: 15px;
    background: #ffaff3;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}

/* Change text styling when checked */
#monmouth-form .business-age-option:has(input[type="radio"]:checked) span {
    font-weight: bold;
    color: #ffaff3;
}


/* Container for Purchase Category Options */
#monmouth-form .purchase-category-options {
    display: grid;
    justify-content: space-between;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 15px;
}

/* Styling for each Purchase Category Option */
#monmouth-form .purchase-category-option {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 600;
    margin: 0 !important;
}

/* Hover effect */
#monmouth-form .purchase-category-option:hover {
    border-color: #ffaff3;
}

/* Hide the default radio button */
#monmouth-form .purchase-category-option input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

/* When checked, show a border */
#monmouth-form .purchase-category-option:has(input[type="radio"]:checked) {
    border: 2px solid #ffaff3;
}

/* Blue dot indicator when checked */
#monmouth-form .purchase-category-option:has(input[type="radio"]:checked)::before {
    content: "";
    width: 15px;
    height: 15px;
    background: #ffaff3;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}

/* Change text styling when checked */
#monmouth-form .purchase-category-option:has(input[type="radio"]:checked) span {
    font-weight: bold;
    color: #ffaff3;
}


/* Container for Purchase Deposit Options */
#monmouth-form .purchase-deposit-options {
    display: grid;
    justify-content: space-between;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 15px;
}

/* Styling for each Purchase Deposit Option */
#monmouth-form .purchase-deposit-option {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 600;
    margin: 0 !important;
}

/* Hover effect */
#monmouth-form .purchase-deposit-option:hover {
    border-color: #ffaff3;
}

/* Hide the default radio button */
#monmouth-form .purchase-deposit-option input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

/* When checked, show a border */
#monmouth-form .purchase-deposit-option:has(input[type="radio"]:checked) {
    border: 2px solid #ffaff3;
}

/* Blue dot indicator when checked */
#monmouth-form .purchase-deposit-option:has(input[type="radio"]:checked)::before {
    content: "";
    width: 15px;
    height: 15px;
    background: #ffaff3;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}

/* Change text styling when checked */
#monmouth-form .purchase-deposit-option:has(input[type="radio"]:checked) span {
    font-weight: bold;
    color: #ffaff3;
}


/* Container for Refinance Category Options */
#monmouth-form .refinance-category-options {
    display: grid;
    justify-content: space-between;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 15px;
}

/* Styling for each Refinance Category Option */
#monmouth-form .refinance-category-option {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 600;
    margin: 0 !important;
}

/* Hover effect */
#monmouth-form .refinance-category-option:hover {
    border-color: #ffaff3;
}

/* Hide the default radio button */
#monmouth-form .refinance-category-option input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

/* When checked, show a border */
#monmouth-form .refinance-category-option:has(input[type="radio"]:checked) {
    border: 2px solid #ffaff3;
}

/* Blue dot indicator when checked */
#monmouth-form .refinance-category-option:has(input[type="radio"]:checked)::before {
    content: "";
    width: 15px;
    height: 15px;
    background: #ffaff3;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}

/* Change text styling when checked */
#monmouth-form .refinance-category-option:has(input[type="radio"]:checked) span {
    font-weight: bold;
    color: #ffaff3;
}

.amount-wrapper{
    display: none;
}

.lo-accept input[type="checkbox"] {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 15px !important;
}

label.lo-accept {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
    font-size: 13px !important;
    margin-bottom: 15px;
    color: #ffffff;
}

/* Form Error Message */
.form-error-message {
    background-color: #ffe9e9;
    border-left: 4px solid #dc3545;
    color: #721c24;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
    display: none;
}

.refresh-form-button {
    background-color: #6c757d !important;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 4px;
    margin-top: 10px;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    width: auto !important;
}

.refresh-form-button:hover {
    background-color: #5a6268 !important;
}