.dmi-card{
  background:#ffffff;
  border-radius:22px;
  padding:40px;
  box-shadow:0 10px 35px rgba(0,0,0,0.08);
  border-top:6px solid var(--accent-red);
}

/* ========================= */
/* TABLE DESIGN */
/* ========================= */

.dmi-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:18px;
  background:#fff;
  box-shadow:0 5px 18px rgba(0,0,0,0.06);
}

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

.dmi-table thead th{
  color:#fff;
  font-size:17px;
  font-weight:700;
  padding:18px 20px;
  border:none;
  text-transform:uppercase;
  letter-spacing:0.5px;
}

.dmi-table tbody tr{
  transition:0.3s ease;
}

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

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

.dmi-table tbody td{
  padding:18px 20px;
  font-size:15px;
  color:var(--text-black);
  border-top:1px solid #e5e7eb;
  vertical-align:middle;
}

/* ========================= */
/* BUTTON STYLE */
/* ========================= */

.dmi-btn{
  display:inline-block;
  background:var(--accent-red);
  color:#fff !important;
  padding:10px 20px;
  border-radius:30px;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  transition:0.3s ease;
}

.dmi-btn:hover{
  background:var(--primary-blue);
  transform:translateY(-2px);
  text-decoration:none;
}

/* ========================= */
/* PAGE NUMBER */
/* ========================= */

.pagenumber{
  font-size:20px;
  text-align:center;
  margin-top:50px;
  color:var(--primary-blue);
  font-weight:700;
}

/* ========================= */
/* RESPONSIVE */
/* ========================= */

@media(max-width:768px){

  .dmi-card{
    padding:20px 15px;
  }

  .dmi-table thead th,
  .dmi-table tbody td{
    padding:14px 12px;
    font-size:14px;
  }

  .dmi-btn{
    padding:8px 16px;
    font-size:13px;
  }

}