.gaf-loan-calculator h2{

    color:#0057B8;

    text-align:center;

    margin-bottom:30px;

}

 

.form-group{

    margin-bottom:20px;

}

 

label{

    display:block;

    font-weight:bold;

    color:#4B2E83;

    margin-bottom:6px;

}

 

input,select{

    width:100%;
    padding:6px;
    border:solid 1px #ccc;
    border-radius:8px;

}

 



 .cal {
        width: 100%;
        margin-top: 25px;
        padding: 16px;
        background: #0073e6;
        color: white;
        border: none;
        border-radius: 10px;
        font-size: 18px;
        cursor: pointer;
        font-weight: 500;
    }
    .cal:hover {
        background: #005bb5;
    }

.results{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:20px;

    margin-top:30px;

}

 

.result-card{

    background:#F4F8FF;

    padding:20px;

    border-left:5px solid #0057B8;

    border-radius:8px;

    text-align:center;

}

 

.result-card h3{

    color:#4B2E83;

}


@media print {
    .gaf-loan-calculator {
        display: block !important;
        position: relative !important;
        float: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
    }
    
    /* Ensure form fields and text are visible */
    .gaf-loan-calculator * {
        visibility: visible !important;
        opacity: 1 !important;
    }
}