/* General Styles for All Cards */
.data-card {
  color: white;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  /* box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); */
}

.data-card:hover {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

.data-logo {
  width: 80px;
  margin-bottom: 10px;
}
.data-table {
  width: 100%;
  border-collapse: collapse;
}
.data-table th,
.data-table td {
  border: 1px solid white;
  padding: 10px;
  text-align: center;
}
.data-table th {
  background-color: rgba(255, 255, 255, 0.2);
}

/* Network-Specific Colors */
.airtel-card {
  background-color: #ff0000;
}
.mtn-card {
  background-color: #ffcc00;
  color: black;
}
.glo-card {
  background-color: #008000;
}
.mobile9-card {
  background-color: #009688;
}

@media (min-width: 992px) and (max-width: 1400px) {
  .data-card {
    padding: 18px;
  }

  .data-logo {
    width: 70px;
  }

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

  .data-table th,
  .data-table td {
    padding: 8px;
  }
}