.signature-section {
    border: 2px solid #03a819;
    padding: 15px;
    border-radius: 8px;
    background-color: #f9f9f9;
    width: 100%;
    /* Menambahkan lebar 100% agar memenuhi container */
}

.signature-pad {
    display: block;
    margin: 0 auto;
    /* Posisikan di tengah secara horizontal */
    width: 100%;
    /* Atur lebar sesuai container */
    max-width: 400px;
    /* Opsional: Batasi lebar maksimum */
    height: 200px;
    /* Tinggi tetap */
    border: 1px solid #000000;
    background-color: white;
}

.signature-section h5 {
    color: #000000;
    text-align: center;
    /* Centering heading */
}

.signature-section .btn-primary {
    margin-top: 100px;
    width: 100%;
    /* Lebar penuh untuk tombol */
}

.signature-section .vue3-signature-pad {
    border: 1px dashed #007bff;
    background-color: white;
    height: 200px;
    width: 100%;
    /* Lebar penuh untuk area tanda tangan */
}

.signature-section .btn-success {
    margin-top: 20px;
    width: 100%;
    /* Lebar penuh untuk tombol simpan */
}

.signature-img {
    width: 100%;
    /* Adjust as needed */
    height: auto;
    /* Maintain aspect ratio */
    border: 1px solid #ccc;
    /* Optional styling */
    margin-top: 10px;
    /* Spacing */
}