@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('../css/common.css');

body {
    padding: 0px;
    margin: 0px;
    font-family: var(--main_font);
}

:root {
    --main_font: "Poppins";
    --deep_blue: #0058CC;
    --deep_green:#5C9100;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul {
    padding: 0px;
    margin: 0px;
    font-family: var(--main_font);
}

a {
    text-decoration: none;
}

.btn {
    border: 1px solid #0057BA;
    padding: 10px 30px;
    border-radius: 100px;
    color: #ffffff;
    font-family: var(--main_font);
    font-weight: 500;
    border-radius: 100px;
}

/*login css*/
.login_mainwraper{ 
    height: 100vh;
}
.login_mainwraper .login-wrapper {
    width: 100%;
    background: #fff;
    overflow: hidden;
    height: 100%;
}
.login_mainwraper .login-image {
    height: 100%;
    min-height: 100%;
}
.login_mainwraper .login-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.login_mainwraper .login-form-side {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    padding: 10px 20px;
    height: 100vh;
}
.login_mainwraper .login-box {
    width: 100%;
    max-width: 80%;
}
.login_mainwraper .logo {
    text-align: center;
    margin-bottom: 40px;
}
.login_mainwraper .logo img {
    max-width: 180px;
}
.login_mainwraper .login-title {
    font-size: 38px;
    font-weight: 600;
    color: #364153;
    margin-bottom: 5px;
}
.login_mainwraper .login-subtitle {
    color: #535353;
    font-size: 18px;
    margin-bottom: 35px;
    padding: 5px 0px 0px 0px;
}
.login_mainwraper .form-label {
    font-weight: 500;
    color: #364153;
    margin-bottom: 10px;
    font-size: 20px;
}
.login_mainwraper .input-group-text {
    background: transparent;
    border-right: none;
    color: #9a9a9a;
    border: none !important;
}
.login_mainwraper .form-control {
    border-left: none;
    height: 52px;
    box-shadow: none !important;
    border: none !important;
}
.login_mainwraper .input-group {
    margin-bottom: 25px;
    border: 1px solid #D1D5DC;
    border-radius: 14px;
    overflow: hidden;
}
.input-group .form-control,
.input-group .input-group-text {
    border-color: #D1D5DC;
    
}
.login_mainwraper .remember-wrap {
    margin-bottom: 30px;
}
.login_mainwraper .form-check-label {
    color: #777;
    font-size: 14px;
}

.login_mainwraper .btn-login {
    width: 100%;
    height: 52px;
    background: #155DFC;
    border: none;
    font-weight: 500;
    border-radius: 4px;
    transition: .3s;
    color: #fff;
}

.login_mainwraper .btn-login:hover {
    background: #1f4fe0;
}

.login_mainwraper .btn-login i {
    margin-right: 10px;
}
/*end*/
/*add student fornm*/
    .add_studentform {
        height: 100%;
        overflow-y: scroll;
    }
  .add_studentform .card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:28px 32px; margin: 20px; position: relative;}
  .add_studentform .page-title {
    font-size: 30px;
    font-weight: 600;
    color: #0F172B;
    margin-bottom: 4px;
}
  .add_studentform .page-sub{font-size:13px;color:#6b7280;margin-bottom:24px}
  .add_studentform .section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}
  .add_studentform .section-num {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #DBEAFE;
    color: #155DFC;
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
  .add_studentform .section-title {
        font-size: 20px;
        font-weight: 600;
        color: #0F172B;
    }
  .add_studentform .form-grid{display:grid;gap:16px}
  .add_studentform .g2{grid-template-columns:1fr 1fr}
  .add_studentform .g-full{grid-column:1/-1}
  .add_studentform  label {
    display: block;
    font-size: 15px;
    color: #314158;
    margin-bottom: 5px;
    font-weight: 500;
}
  .add_studentform label .req{color:#e24b4a}
 .add_studentform input[type=text], input[type=email], input[type=number], input[type=tel], input[type=date], textarea, select {
    width: 100%;
    padding: 8px 12px;
    font-size: 13px;
    border: 1px solid #CAD5E2;
    border-radius: 8px;
    background: #fff;
    color: #111827;
    font-family: inherit;
    outline: none;
    transition: border-color .15s;
    height: 40px;
}
  .add_studentform input:focus,textarea:focus,select:focus{border-color:#2563eb}
  .add_studentform input[disabled]{background:#f9fafb;color:#9ca3af}
  .add_studentform textarea{resize:none;height:72px}
  .add_studentform .select-wrap{position:relative}
  .add_studentform .select-wrap select{appearance:none;padding-right:32px;cursor:pointer}
  .add_studentform .select-wrap::after{content:'\ea99';font-family:'tabler-icons';position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;font-size:16px}
  .add_studentform .radio-group{display:flex;gap:20px;align-items:center}
  .add_studentform .radio-group label{display:flex;align-items:center;gap:6px;font-size:13px;color:#111827;margin:0;cursor:pointer}
  .add_studentform .radio-group input[type=radio]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:#2563eb}
  .add_studentform .divider{border:none;border-top:1px solid #e5e7eb;margin:24px 0}
  .add_studentform .status-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
  .add_studentform .section-label{font-size:12px;color:#6b7280;margin-bottom:10px}
  .add_studentform .section-label .req{color:#e24b4a}
  .add_studentform .upload-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer;font-family:inherit;white-space:nowrap}
  .add_studentform .upload-btn:hover{background:#15803d}
  .add_studentform .upload-btn i{font-size:15px}
  .add_studentform .doc-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
  .add_studentform .save-wrap{text-align:center;margin-top:28px}
  .add_studentform .save-btn{padding:12px 40px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px}
  .add_studentform .save-btn:hover{background:#1d4ed8}
  .add_studentform .save-btn i{font-size:16px}

  /* Split Fees Box */
  .add_studentform .split-box{border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-top:4px}
  .add_studentform .split-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}
  .add_studentform .metric-lbl{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
  .add_studentform .metric-val{font-size:26px;font-weight:600;color:#111827}
  .add_studentform .metric-val.green{color:#16a34a}
  .add_studentform .metric-val.blue{color:#2563eb}
  .add_studentform .metric-sub{font-size:12px;color:#6b7280;margin-top:2px}
  .add_studentform .sched-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
  .add_studentform .sched-title{font-size:14px;font-weight:600;color:#111827}
  .add_studentform .sched-sub{font-size:12px;color:#6b7280;margin-bottom:14px}
  .add_studentform .alloc-badge{font-size:12px;color:#16a34a;background:#eaf3de;padding:3px 10px;border-radius:8px}
 .add_studentform  table{width:100%;border-collapse:collapse;font-size:13px}
  .add_studentform th{font-size:11px;color:#6b7280;text-align:left;padding:6px 8px;border-bottom:1px solid #e5e7eb}
  .add_studentform td{padding:9px 8px;border-bottom:1px solid #e5e7eb;color:#111827;vertical-align:middle}
  .add_studentform .badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:8px;font-size:11px;font-weight:500}
  .add_studentform .badge-paid{background:#eaf3de;color:#3b6d11}
  .add_studentform .badge-paid::before{content:'';width:7px;height:7px;border-radius:50%;background:#16a34a;display:inline-block}
 .add_studentform .badge-pending{background:#faeeda;color:#854f0b}
 .add_studentform .badge-pending::before{content:'';width:7px;height:7px;border-radius:50%;background:#ef9f27;display:inline-block}
 .add_studentform .badge-blue{background:#e6f1fb;color:#185fa5}
 .add_studentform .badge-blue::before{content:'';width:7px;height:7px;border-radius:50%;background:#2563eb;display:inline-block}
 .add_studentform .tbl-actions{display:flex;gap:8px}
  .add_studentform .tbl-actions button{background:none;border:none;cursor:pointer;color:#6b7280;padding:2px;font-size:16px}
 .add_studentform .tbl-actions button:hover{color:#111827}
  .add_studentform .add-row{display:flex;align-items:center;gap:8px;padding:8px 0}
  .add_studentform .add-row-btn{background:none;border:none;cursor:pointer;color:#6b7280;font-size:14px;display:flex;align-items:center;gap:4px;font-family:inherit}
 .add_studentform .add-line-btn{margin-left:auto;background:none;border:1px solid #d1d5db;color:#111827;padding:5px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-family:inherit;display:flex;align-items:center;gap:4px}
 .add_studentform .add-line-btn:hover{background:#f9fafb}
/*end*/

.back_btn {
    position: absolute;
    right: 25px;
    top: 22px;
    padding: 10px 20px;
    background: #dbeafe;
    color: #155DFC;
    font-size: 14px;
    border-radius: 9px;
}

/*modal css*/

/* Modal */
.course-modal .modal-content{
    border:none;
    border-radius:20px;
    padding:20px;
}

.course-modal .modal-header{
    border-bottom:none;
    padding-bottom:0;
}

.course-modal .modal-title {
    font-size: 28px;
    font-weight: 600;
    color: #0F172B;
    margin-bottom: 4px;
}

.modal-subtitle{
    color:#6b7280;
    font-size:15px;
}

.course-modal .btn-close{
    background-size:14px;
}

.course-modal .form-label{
    font-size:14px;
    font-weight:500;
    color:#374151;
    margin-bottom:8px;
}

.course-modal .required{
    color:#ef4444;
}

.course-modal .form-control,
.form-select{
    height:52px;
    border-radius:10px;
    border:1px solid #d1d5db;
    font-size:15px;
}

.course-modal textarea.form-control{
    min-height:120px;
    resize:none;
    padding-top:12px;
}

.course-modal .form-control:focus,
.form-select:focus{
    box-shadow:none;
    border-color:#2563eb;
}

.course-modal .section-title {
    font-size: 20px;
    font-weight: 500;
    color: #101828;
    margin-bottom: 10px;
}

.course-modal .installment-wrap{
    margin-top:18px;
}

.form-check-input{
    width:20px;
    height:20px;
}

.course-modal .form-check-label{
    font-size:16px;
    font-weight:500;
    color:#374151;
    margin-left:8px;
}

.course-modal .btn-save {
    background: #2563eb;
    border: none;
    min-width: 220px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.course-modal .btn-save:hover{
    background:#1d4ed8;
}

.course-modal .save-wrapper{
    text-align:center;
    margin-top:30px;
}
/*end*/
/*.payment-alerts*/
.payment-alerts {
    padding: 0px 0px 30px 0px;
}
.payment-alerts .section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #212529;
}
.payment-alerts .section-title .icon {
    color: #f97316;
    font-size: 20px;
    line-height: 1;
}

.payment-alerts .payment-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 12px;
    transition: all .3s ease;
}

.payment-alerts .payment-card:hover {
    box-shadow: 0 2px 12px rgba(0,0,0,.05);
}

.payment-alerts .student-name {
    font-size: 15px;
    font-weight: 500;
    color: #212529;
    margin-bottom: 4px;
}

.payment-alerts .course-name {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 4px;
}

.payment-alerts .due-date {
    font-size: 14px;
    color: #6b7280;
}

.payment-alerts .amount {
    font-size: 14px;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

.payment-alerts .overdue-badge {
    display: inline-block;
    background: #fee2e2;
    color: #dc2626;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.payment-alerts .view-all-btn {
    display: block;
    width: 100%;
    text-align: center;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px;
    text-decoration: none;
    color: #2563eb;
    font-size: 14px;
    font-weight: 500;
    transition: .3s;
}

.payment-alerts .view-all-btn:hover {
    background: #f8fafc;
    color: #2563eb;
}

@media (max-width: 767px) {
    .amount-wrapper {
        text-align: left !important;
        margin-top: 10px;
    }

    .overdue-badge {
        margin-bottom: 10px;
    }
}

/*end*/
.add-transaction-from{
    background: #FFF;
}
.add-transaction-from .page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}

.add-transaction-from .page-header h1 {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-main);
}

.add-transaction-from .btn-generate {
  background: var(--primary);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 9px 18px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: background .2s;
}

.add-transaction-from .btn-generate:hover {
  background: var(--primary-dark);
}

.add-transaction-from .card {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 20px;
}

.add-transaction-from h2.section-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-main);
  margin-bottom: 16px;
}

.add-transaction-from label {
  display: block;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--text-main);
  margin-bottom: 5px;
}

.add-transaction-from .req {
  color: var(--red);
}

.add-transaction-from input[type="text"],
.add-transaction-from input[type="tel"],
.add-transaction-from input[type="date"],
.add-transaction-from input[type="number"],
.add-transaction-from select {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 9px 12px;
  font-size: 13px;
  color: var(--text-main);
  background: #fff;
  outline: none;
  transition: border-color .2s;
}

.add-transaction-from input::placeholder {
  color: #b0b8c8;
}

.add-transaction-from input:focus,
.add-transaction-from select:focus {
  border-color: var(--primary);
}

.add-transaction-from .input-wrap {
  position: relative;
}

.add-transaction-from .input-wrap i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
  font-size: 13px;
  pointer-events: none;
}

.add-transaction-from .input-wrap .rupee-sym {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #6b7280;
  font-size: 13px;
  pointer-events: none;
}

.add-transaction-from .autofetch {
  background: #f8fafc;
  color: #9ca3af;
  cursor: not-allowed;
}
/* FEE SUMMARY */
 .add-transaction-from .fee-summary {
    background: #f8fafc; border: 1px solid var(--border); border-radius: 10px;
    padding: 16px 20px; display: grid; grid-template-columns: repeat(4,1fr);
    gap: 16px; margin-top: 16px;
  }
   .add-transaction-from .fee-item p { font-size: 11.5px; color: var(--text-muted); margin-bottom: 4px; }
   .add-transaction-from .fee-item strong { font-size: 17px; font-weight: 700; color: var(--text-main); }
   .add-transaction-from .fee-item strong.red { color: var(--red); }
   .add-transaction-from .fee-item strong.orange { color: var(--orange); }
   .add-transaction-from .fee-item strong.green { color: var(--green); }
   .add-transaction-from .bottom-actions { display: flex; justify-content: center; gap: 14px; margin-top: 8px; }
   .add-transaction-from .btn-save {
    background: #155DFC; color: #fff; border: none; border-radius: 8px;
    padding: 11px 28px; font-size: 14px; font-weight: 600; cursor: pointer;
    display: flex; align-items: center; gap: 8px; transition: background .2s;
  }
   .add-transaction-from .btn-save:hover { background: #155DFC; }
   .add-transaction-from .btn-exit {
    background: #3b5bdb; color: #fff; border: none; border-radius: 8px;
    padding: 11px 28px; font-size: 14px; font-weight: 600; cursor: pointer;
    display: flex; align-items: center; gap: 8px; transition: background .2s;
  }
  .add-transaction-from  .btn-exit:hover { background: #2f4ac7; }

/* Continue the same pattern for all remaining selectors */

/* report-wrapper */
.report-wrapper .top-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.report-wrapper .top-bar .title-left { font-weight: 600; font-size: 13px; color: #333; }
.report-wrapper .btn-export-pdf { background: #2563eb; color: #fff; border: none; border-radius: 4px; padding: 5px 16px; font-size: 12px; font-weight: 500; cursor: pointer; }
.report-wrapper .btn-export-pdf:hover { background: #1d4ed8; }
.report-wrapper .filters-row { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; }
.report-wrapper .filters-row label { font-size: 12px; color: #555; margin-bottom: 0; }
.report-wrapper .filters-row select { font-size: 12px; padding: 3px 8px; border: 1px solid #ccc; border-radius: 3px; height: 28px; }
.report-wrapper .btn-apply { background: #2563eb; color: #fff; border: none; border-radius: 4px; padding: 4px 14px; font-size: 12px; height: 28px; cursor: pointer; }
.report-wrapper .report-header { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid #222; padding-bottom: 6px; margin-bottom: 22px; }
.report-wrapper .report-header h1 { font-size: 20px; font-weight: 700; letter-spacing: 0.5px; margin: 0; }
.report-wrapper .report-header .brand { font-size: 12px; color: #555; }
.report-wrapper .section { margin-bottom: 24px; }
.report-wrapper .section-title { font-size: 13px; font-weight: 700; margin-bottom: 8px; border-bottom: 1px solid #ddd; padding-bottom: 4px; }
.report-wrapper .section-sub { font-size: 11px; color: #666; margin-bottom: 8px; }
.report-wrapper .summary-table { width: 100%; border-collapse: collapse; }
.report-wrapper .summary-table th { background: #f0f0f0; font-size: 11px; font-weight: 600; padding: 5px 10px; border: 1px solid #ddd; text-transform: uppercase; }
.report-wrapper .summary-table td { padding: 5px 10px; border: 1px solid #ddd; font-size: 12px; }
.report-wrapper .summary-table td.pos { color: #16a34a; font-weight: 500; }
.report-wrapper .summary-table td.neg { color: #dc2626; font-weight: 500; }
.report-wrapper .data-table { width: 100%; border-collapse: collapse; }
.report-wrapper .data-table th { background: #f0f0f0; font-size: 11px; font-weight: 600; padding: 5px 10px; border: 1px solid #ddd; text-transform: uppercase; }
.report-wrapper .data-table td { padding: 5px 10px; border: 1px solid #ddd; font-size: 12px; }
.report-wrapper .data-table tr:nth-child(even) td { background: #fafafa; }
.report-wrapper .sub-label { font-size: 11.5px; font-weight: 600; margin: 12px 0 5px; color: #333; }
.report-wrapper .college-stat-box { border: 1px solid #ddd; border-radius: 4px; padding: 10px 16px; text-align: center; margin-bottom: 10px; }
.report-wrapper .college-stat-box .val { font-size: 22px; font-weight: 700; color: #2563eb; }
.report-wrapper .college-stat-box .lbl { font-size: 11px; color: #555; }
.report-wrapper .fee-highlight { display: flex; gap: 14px; margin-bottom: 12px; flex-wrap: wrap; }
.report-wrapper .fee-box { border: 2px solid #2563eb; border-radius: 6px; padding: 10px 20px; min-width: 160px; text-align: center; }
.report-wrapper .fee-box.outstanding { border-color: #dc2626; }
.report-wrapper .fee-box.collected { border-color: #16a34a; }
.report-wrapper .fee-box .fee-label { font-size: 11px; color: #555; margin-bottom: 2px; }
.report-wrapper .fee-box .fee-val { font-size: 17px; font-weight: 700; }
.report-wrapper .fee-box.total .fee-val { color: #2563eb; }
.report-wrapper .fee-box.collected .fee-val { color: #16a34a; }
.report-wrapper .fee-box.outstanding .fee-val { color: #dc2626; }
.report-wrapper .fee-box.pct .fee-val { color: #333; }
.report-wrapper .temporal-table { width: 100%; border-collapse: collapse; }
.report-wrapper .temporal-table td { padding: 4px 10px; font-size: 12px; border-bottom: 1px solid #eee; }
.report-wrapper .temporal-table td:first-child { color: #555; font-size: 11px; width: 50%; }
.report-wrapper .audit-row { display: flex; align-items: center; gap: 10px; font-size: 11px; color: #555; margin-top: 10px; }
.report-wrapper .audit-badge { border: 1px solid #16a34a; color: #16a34a; border-radius: 3px; padding: 2px 8px; font-size: 11px; font-weight: 600; }
.report-wrapper .bottom-export { text-align: center; margin-top: 20px; }
.report-wrapper .btn-export-bottom { background: #2563eb; color: #fff; border: none; border-radius: 4px; padding: 7px 28px; font-size: 13px; font-weight: 500; cursor: pointer; }
/*end*/
.status-select {
    border: none;
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    background: #e8f8ef;
    color: #28a745;
    outline: none;
    width: max-content;
}
.audit-badge {
    display: none; /* Hidden by default */
}

.add_studentform.course_form label.field-label {
    font-weight: 500;
    font-size: 14px;
    color: #364153;
    margin-bottom: 6px;
    display: inline-block;
}
.add_studentform.course_form label.field-label .req {
    color: #ef4444;
    margin-left: 2px;
}
.add_studentform.course_form .form-control,
.add_studentform.course_form .form-select {
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 0.95rem;
    color: #111827;
}

.add_studentform.course_form .form-control::placeholder {
    color: #9ca3af;
}

.add_studentform.course_form .form-control:focus,
.add_studentform.course_form .form-select:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

.add_studentform.course_form textarea.form-control {
    resize: vertical;
    min-height: 110px;
}

.add_studentform.course_form .input-group-text {
    background: #f9fafb;
    border: 1px solid #d1d5db;
    border-right: none;
    border-radius: 6px 0 0 6px;
    color: #374151;
    font-weight: 500;
}

.add_studentform.course_form .input-group .form-control {
    border-radius: 0 6px 6px 0;
}

.add_studentform.course_form h2.section-title {
    font-weight: 600;
    font-size: 20px;
    color: #111827;
    margin-bottom: 10px;
}
.add_studentform.course_form .form-check-input {
    width: 1.2em;
    height: 1.2em;
    margin-top: 5px;
    margin-right: 4px;
}

.add_studentform.course_form .form-check-input:checked {
    background-color: #4f6df5;
    border-color: #4f6df5;
}

.add_studentform.course_form .form-check-label {
    font-weight: 600;
    color: #364153;
    margin-left: 6px;
    font-size: 20px;
}

.add_studentform.course_form .btn-save {
    background: #4f6df5;
    border: none;
    color: #fff;
    font-weight: 600;
    padding: 12px 32px;
    border-radius: 8px;
    font-size: 1rem;
}

.add_studentform.course_form .btn-save:hover {
    background: #3f59d9;
    color: #fff;
}

.add_studentform.course_form .field-block {
    margin-bottom: 28px;
}
.add_studentform.course_form .input-group{
   flex-wrap: revert !important;
}
.add_studentform.course_form .form-select{
    height: revert !important;
}
.add_studentform.course_form .form-check {
    display: flex;
    margin: 25px 0px 0px 0px;
}