@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mainPersonalLoanPage .personalLoanCalculatorSec .form-label{color:#000}.mainPersonalLoanPage .personalLoanCalculatorSec .form-control{border:1px solid #dbdfe6;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;transition:border-color 0.2s}.mainPersonalLoanPage .personalLoanCalculatorSec .form-control:focus{border-color:#1b63f3;box-shadow:0 0 0 .2rem rgb(27 99 243 / .25)}.mainPersonalLoanPage .personalLoanCalculatorSec .card{border:none;border-radius:1rem;box-shadow:0 .125rem .25rem rgb(0 0 0 / .075);transition:transform 0.2s;animation:fadeIn 0.3s ease-out}.mainPersonalLoanPage .personalLoanCalculatorSec .card:hover{transform:translateY(-2px)}.mainPersonalLoanPage .personalLoanCalculatorSec .card-title{color:#111318;font-weight:600;margin-bottom:1rem;margin-top:0}.mainPersonalLoanPage .personalLoanCalculatorSec .progress{background-color:#f0f1f5;border-radius:.5rem;overflow:hidden}.mainPersonalLoanPage .personalLoanCalculatorSec .progress-bar{transition:width 0.3s ease}.mainPersonalLoanPage .personalLoanCalculatorSec .btn{padding:.75rem 1.5rem;font-weight:600;border-radius:.5rem;transition:all 0.2s;max-width:300px}.mainPersonalLoanPage .personalLoanCalculatorSec .btn-primary{background-color:#1b63f3;border-color:#1b63f3}.mainPersonalLoanPage .personalLoanCalculatorSec .btn-primary:hover{background-color:#1557d6;border-color:#1557d6;transform:translateY(-1px)}.mainPersonalLoanPage .personalLoanCalculatorSec .btn-light{background-color:#f0f1f5;border-color:#f0f1f5;color:#111318}.mainPersonalLoanPage .personalLoanCalculatorSec .btn-light:hover{background-color:#e4e6eb;border-color:#e4e6eb;color:#111318;transform:translateY(-1px)}.mainPersonalLoanPage .personalLoanCalculatorSec .text-success{color:#07883b!important}.mainPersonalLoanPage .personalLoanCalculatorSec .form-range{height:1.5rem;padding:0}.mainPersonalLoanPage .personalLoanCalculatorSec .form-range::-webkit-slider-thumb{width:1.5rem;height:1.5rem;margin-top:-.5rem;background-color:#fff;border:3px solid #fc7418;border-radius:50%;transition:background-color 0.2s}.mainPersonalLoanPage .personalLoanCalculatorSec .form-range::-moz-range-thumb{width:1.5rem;height:1.5rem;background-color:#1b63f3;border:0;border-radius:50%;transition:background-color 0.2s}.mainPersonalLoanPage .personalLoanCalculatorSec .form-range::-webkit-slider-runnable-track{height:.5rem;background-color:#dbdfe6;border-radius:.25rem}.mainPersonalLoanPage .personalLoanCalculatorSec .form-range::-moz-range-track{height:.5rem;background-color:#dbdfe6;border-radius:.25rem}.mainPersonalLoanPage .personalLoanCalculatorSec #donutChart{margin:0 auto}.mainPersonalLoanPage .personalLoanCalculatorSec table#amortizationTable thead{background-color:#02126a}.mainPersonalLoanPage .personalLoanCalculatorSec table#amortizationTable thead th{color:#fff}.mainPersonalLoanPage .personalLoanCalculatorSec table#amortizationTable tbody td{color:#000}@media (max-width:768px){.mainPersonalLoanPage .personalLoanCalculatorSec .card{margin-bottom:1rem}.mainPersonalLoanPage .personalLoanCalculatorSec .btn{width:100%;margin-bottom:.5rem}}