/* Define the regular font style */
@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* Define the bold font style */
@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('SourceSansPro-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* Apply the local font to your webpage */

body {
  background-color: #f7f8f8; /* Replace with your color */
  font-family: 'Source Sans Pro', sans-serif;
}

table tbody tr:nth-child(odd) {
  background-color: #eef6fb;
}

table tbody tr:nth-child(even) {
  background-color: transparent;
}

.td-table-readable table {
  border-collapse: collapse;
}

.td-table-readable table th,
.td-table-readable table td {
  border-right: 1px solid #c7d3df;
  padding-left: 0.45rem;
  padding-right: 0.45rem;
}

.td-table-readable table th:first-child,
.td-table-readable table td:first-child {
  border-left: 1px solid #c7d3df;
}

.mobile-contents-callout {
  display: none;
}

@media (max-width: 991.98px) {
  .mobile-contents-callout {
    display: block;
    margin: 0 0 1.5rem;
    padding: 1rem 1.1rem;
    border: 1px solid #c7d3df;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, #eef6fb 0%, #ffffff 100%);
  }

  .mobile-contents-callout > :not(:last-child) {
    margin-bottom: 0.75rem;
  }

  .mobile-contents-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.7rem 1rem;
    border: 0;
    border-radius: 999px;
    background-color: #0d6e6e;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
  }
}