#loan_calculator_result p:not(.loan-calculator-error){color: red;}
.loan-calculator-row {
    --tw-bg-opacity: 1;
    margin-bottom:1.6rem;
}
  
@media (min-width: 768px) {
    .loan-calculator-row {
      display: flex;
    }
  
    .loan-calculator-row > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(2rem * var(--tw-space-x-reverse));
      margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
    }
}
  
.loan-calculator-row-col {
    margin-bottom: 1.25rem;
    --tw-bg-opacity: 1;
}
  
@media (min-width: 768px) {
    .loan-calculator-row-col {
      margin-bottom: 0px;
      width: 50%;
    }
}

.loan-calculator-row-col input{
    width:100%;
}
#loan_calculator_result{
    margin-top:20px;
}
.loan-calculator-error{
    background-color: #ef4444;
    color:white;
    padding:10px;
}
.loan-calculator-success{
    background-color: #22c55e;
    color:white;
    padding:10px;
}