.department-card{
  background:#fff;
  border-radius:20px;
  padding:40px;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

/* HEADINGS */
.department-card h1{
  font-size:34px;
  font-weight:700;
  color:var(--primary-blue);
  margin-bottom:20px;
  position:relative;
  padding-bottom:10px;
}

.department-card h1::after{
  content:"";
  width:80px;
  height:4px;
  background:var(--accent-red);
  position:absolute;
  left:0;
  bottom:0;
  border-radius:10px;
}

/* PARAGRAPH */
.department-card p{
  font-size:16px;
  line-height:1.9;
  margin-bottom:20px;
  color:#444;
}

/* TABLE */
.custom-table{
  width:100%;
  border-collapse:collapse;
  margin-top:25px;
  overflow:hidden;
  border-radius:15px;
}

.custom-table thead{
  background:var(--primary-blue);
}

.custom-table thead th{
  color:#fff;
  padding:16px;
  font-size:15px;
  font-weight:600;
  border:none;
  text-align:left;
}

.custom-table tbody tr{
  background:#fff;
  transition:0.3s;
}

.custom-table tbody tr:nth-child(even){
  background:#f9fafc;
}

.custom-table tbody tr:hover{
  background:#eef2ff;
}

.custom-table tbody td{
  padding:15px;
  border-bottom:1px solid #e6e6e6;
  font-size:15px;
  color:#333;
  vertical-align:middle;
}

/* SECTION GAP */
.section-gap{
  margin-top:50px;
}

/* RESPONSIVE */
@media(max-width:768px){

  .department-card{
    padding:20px;
  }

  .department-card h1{
    font-size:26px;
  }

  .custom-table thead{
    display:none;
  }

  .custom-table,
  .custom-table tbody,
  .custom-table tr,
  .custom-table td{
    display:block;
    width:100%;
  }

  .custom-table tr{
    margin-bottom:20px;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 5px 15px rgba(0,0,0,0.05);
  }

  .custom-table td{
    text-align:right;
    padding-left:50%;
    position:relative;
  }

  .custom-table td::before{
    content:attr(data-label);
    position:absolute;
    left:15px;
    width:45%;
    text-align:left;
    font-weight:700;
    color:var(--primary-blue);
  }
}