.card-container { background: #eee; font-family: 'Helvetica', Arial, sans-serif; padding: 20px; 
max-width: 300mm;
    min-height: 200mm;
    padding: 15mm;
    margin: auto;
    background: white;
    box-shadow: 0 0 0px rgba(0,0,0,0.2);
    /**box-sizing: border-box;**/

}



.form-title { text-align: center; background: #eeeeee; color: #ea222a; padding: 8px; font-size: 20px; }



label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 5px; text-transform: uppercase; color: #0f294b; text-align: left;}
input, textarea { width: 100%; padding: 8px; border: 1px solid #ccc; box-sizing: border-box; }

.inline-input { border: none; border-bottom: 1px solid #0f294b; width: 150px; }
.inline-inputs { border: none; border-bottom: 1px solid #0f294b; width:100%; }

.sig-pad-container { border: 1px solid #ccc; position: relative; background: #f9f9f9; }
#sig-canvas { width: 100%; cursor: crosshair; }
.btn-clear { position: absolute; top: 5px; right: 5px; font-size: 10px; }

.submit-btn { margin-top: 30px; width: 30%; padding: 10px; background: #ea222a; color: white; border-radius:60px; border: none; cursor: pointer; font-weight: bold; font-size: 18px}

.submit-btn:hover {
  background-color: #157dc1;
  color: white;
}

.pdf-btn {
    margin-top: 10px;
    width: 100%;
    padding: 15px;
    background: #002e5d; /* Matching ITE Primary Blue */
    color: white;
    border: none;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

.pdf-btn:hover {
    background: #001a35;
}

   .card-types {
        display: flex;
        gap: 10px;
        margin-bottom: 0px;

    }

    .straight {
        height: 20px;
        

    }


/* Ensure the buttons don't show up in the actual PDF */
@media print {
    .submit-btn, .pdf-btn, .btn-clear {
        display: none;
    }
}




/**body { background: #eee; font-family: 'Helvetica', Arial, sans-serif; padding: 20px; }

.a4-container {
    max-width: 300mm;
    min-height: 200mm;
    padding: 15mm;
    margin: auto;
    background: white;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    /**box-sizing: border-box;**/
}



/**.services { font-size: 10px; color: #d32f2f; margin: 5px 0; }
.address-info { font-size: 11px; text-align: right; }

.form-title { text-align: center; background: #eeeeee; color: #ea222a; padding: 8px; font-size: 18px; }

.row { display: flex; gap: 20px; margin-bottom: 15px; }
.col-8 { flex: 2; }
.col-4 { flex: 1; }

label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 5px; text-transform: uppercase; color: #0f294b;}
input, textarea { width: 100%; padding: 8px; border: 1px solid #ccc; box-sizing: border-box; }

.inline-input { border: none; border-bottom: 1px solid #0f294b; width: 150px; }
.inline-inputs { border: none; border-bottom: 1px solid #0f294b; width:100%; }

.sig-pad-container { border: 1px solid #ccc; position: relative; background: #f9f9f9; }
#sig-canvas { width: 100%; cursor: crosshair; }
.btn-clear { position: absolute; top: 5px; right: 5px; font-size: 10px; }

.submit-btn { margin-top: 30px; width: 30%; padding: 10px; background: #ea222a; color: white; border-radius:60px; border: none; cursor: pointer; font-weight: bold; font-size: 18px}

.submit-btn:hover {
  background-color: #157dc1;
  color: white;
}

.pdf-btn {
    margin-top: 10px;
    width: 100%;
    padding: 15px;
    background: #002e5d; /* Matching ITE Primary Blue */
    /**color: white;
    border: none;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

.pdf-btn:hover {
    background: #001a35;
}

   .card-types {
        display: flex;
        gap: 10px;
        margin-bottom: 0px;

    }

    .straight {
        height: 20px;
        

    }


/* Ensure the buttons don't show up in the actual PDF */
/**@media print {
    .submit-btn, .pdf-btn, .btn-clear {
        display: none;
    }
}