.client-container .table {
  font-family: "Inter", sans-serif;
}

.client-container .table thead tr th {
  font-weight: 500;
  font-size: 15px;
  padding-bottom: 24px;
}

.client-container .table tbody tr {
  border: 1px solid var(--nt-03);
}

.table-client-mobile { display: none; }

@media (max-width: 767.98px) {
  .table-client-desktop { display: none; }
  .table-client-mobile { display: block; }
  .container-fluid { padding-left: 15px; padding-right: 15px; }

  .table-client-mobile .card {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  
  .table-client-mobile .card img {
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
  }

  .client-container .table-client-mobile .row {
    row-gap: 24px;
  }

  .client-container .table-client-mobile .card .coop-client {
    margin-bottom: 24px;
    border-bottom: 1px solid var(--nt-03);
    padding-bottom: 16px;
  }
  .client-container .table-client-mobile .card .coop-client:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 997.98px) {
  .container-fluid { padding-left: 15px; padding-right: 15px; }
  .table-client-desktop { display: none; }
  .table-client-mobile { display: block; }

  .table-client-mobile .card {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  
  .table-client-mobile .card img {
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
  }

  .client-container .table-client-mobile .row {
    row-gap: 24px;
  }

  .client-container .table-client-mobile .card .coop-client {
    margin-bottom: 24px;
    border-bottom: 1px solid var(--nt-03);
    padding-bottom: 16px;
  }
  .client-container .table-client-mobile .card .coop-client:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}