/* Form box */
body{
    background: url("bg.jpg") no-repeat center center fixed;
    background-size: cover;
}
body .details{
    font-size: 0.8rem;
}
.form-wrapper {
    background: #f8f9fc;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #e1e5eb;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    font-size: 0.9rem;   /* smaller global font */
}

.table-dark{
    font-size: 13px;
}

/* Column separator line */
.form-wrapper .col-md-3 {
    border-right: 1px solid #dce1e7;
    padding-right: 20px;
    margin-right: -1px;
}

.form-wrapper .col-md-3:last-child {
    border-right: none;
}

/* Label styling */
.form-wrapper label {
    font-weight: 600;
    color: #555;
    font-size: 0.8rem;  /* smaller label */
    margin-bottom: 2px; /* reduce space under label */
}

/* Smaller input fields */
.form-wrapper .form-control {
    font-size: 0.82rem;     /* smaller text inside field */
    padding: 4px 8px;        /* reduce height */
    height: 30px;            /* force compact size (default ~38px) */
}

/* Textarea smaller */
.form-wrapper textarea.form-control {
    height: 60px;            /* compact height */
    padding: 6px 8px;
}

/* Smaller column section titles */
.form-wrapper h5 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
    font-size: 0.9rem;
    margin-top: 10px;
}

.header-highlight {
    background: #f8f9fa;        /* Light background */
    padding: 12px 18px;         /* Space around content */
    border-radius: 8px;         /* Rounded corners */
    border: 1px solid #e2e2e2;  /* Light border */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* Soft shadow */
}


.top-header{
    padding-bottom:20px; 
    border-bottom: 1px solid #c6c7c8;
    margin-bottom: 50px;
}
.bottom-header{
    padding-top:20px; 
    border-top: 1px solid #c6c7c8;
    margin-top: 50px;
}