body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f4f7f9;
    color: #003366;
    margin: 0;
    padding: 20px;
}

.wrapper {
    max-width: 850px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 30px;
}

/* Header Logo */
.header-banner {
    text-align: center;
    margin-bottom: 25px;
}
.college-logo {
    max-width: 100%;
    height: auto;
}

/* Inputs */
.verification-container {
    border-bottom: 2px solid #003366;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.input-line { margin-bottom: 15px; }
.input-line label { width: 220px; display: inline-block; font-weight: bold; font-size: 14px; }
.border-input { border: 1px solid #003366; padding: 6px; width: 250px; }
.btn-show { background: #fff; border: 1px solid #003366; padding: 5px 20px; cursor: pointer; font-weight: bold; color: #003366; }
.btn-show:hover { background: #003366; color: #fff; }

/* Hidden state */
.hidden-content { display: none; }

/* Form Details */
.info-row { margin-bottom: 8px; }
.label { color: #003366; font-weight: normal; width: 200px; display: inline-block; }
.data-val { color: #000; font-weight: bold; }

.question-text { color: #0000cc; font-weight: bold; margin-top: 20px; }
.extra-padding { padding-left: 20px; border-left: 3px solid #003366; margin-top: 15px; }
.ref-row { margin-bottom: 10px; }
.full-input { width: 100%; border: 1px solid #777; padding: 6px; margin-top: 5px; }

/* Ratings Table Style */
.section-container { margin-top: 35px; }
.blue-heading { background: #003366; color: white; padding: 8px 15px; font-size: 17px; margin-bottom: 20px; }
.instruction { font-weight: bold; margin-bottom: 5px; }
.criteria { font-style: italic; font-size: 14px; margin-bottom: 20px; }

.rating-item {
    margin-bottom: 15px;
}
.radio-group-border {
    border: 2px solid #003366;
    padding: 5px 12px;
    display: inline-block;
    background: #fdfdfd;
}
.radio-group-border label { margin-right: 15px; cursor: pointer; font-weight: bold; }
.bold { font-weight: bold; }

/* Feedback Area */
.feedback-box { width: 100%; height: 80px; border: 1px solid #003366; padding: 10px; box-sizing: border-box; }
.submit-btn { background: #fff; border: 2px solid #003366; padding: 10px 30px; font-weight: bold; cursor: pointer; color: #003366; margin-top: 15px; }
.submit-btn:hover { background: #003366; color: #fff; }

/* Footer */
.footer-area { text-align: center; margin-top: 50px; font-size: 13px; }
.blue-line-gradient { 
    height: 10px; 
    background: linear-gradient(to right, #003366, #0066cc, #003366); 
    margin-bottom: 10px; 
}
.footer-link {
    color: #003366; /* Aapka primary blue color */
    text-decoration: none; /* Underline khatam karne ke liye */
    font-weight: bold;
}

.footer-link:hover {
    text-decoration: underline; /* Hover karne par underline show hogi */
    color: #0066cc; /* Hover par thoda light blue color */
}